fullstackpython.com/index.html at gh-pages · mypan/fullstackpython.com

History

167 lines (166 loc) · 12.1 KB

Raw

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

<!DOCTYPE html>

<head>

<title>Full Stack Python</title>

<style>

*,*:before,*:after{box-sizing:border-box}

html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:18px;-webkit-tap-highlight-color:rgba(0,0,0,0),color:#222;background:#fefefe}

body{margin:0;font:18px Georgia,serif;line-height:1.4;color:#222;padding:0 0}

img{border:0;vertical-align:middle}

hr{height:0;box-sizing:content-box;margin:21px 0 21px 0;border:0;border-top:1px solid #eee}

h1,h2,h3,h4,h5,h6{font-family:"Helvetica Neue",sans-serif;font-weight:500;line-height:1.1;color:#000}

h1,h2,h3{margin:32px 0 6px}

h5{margin:6px 0 14px 0}

h1{font-size:40px}

h3{font-size:22px}

h5{font-size:15px}

p{margin:0 0 12px}

.container{padding:0 15px 0 15px;margin-right:auto;margin-left:auto}

.container:before,.container:after{display:table;content:" "}

.container:after{clear:both}

.row:before,.row:after{display:table;content:" "}

.row:after{clear:both}

.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{position:relative;min-height:1px;padding:0 15px 0 15px}

.form-control{display:block;width:100%;height:39px;padding:8px 12px;font-size:14px;color:#777;vertical-align:middle;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}

.form-control:focus{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}

.btn{display:inline-block;padding:8px 12px;margin-bottom:0;font-size:15px;font-weight:normal;line-height:1.4;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;color:#fff;background-color:#22b24c;border-color:#22b24c}

.btn:active,.btn.active{background-image:none;outline:0;box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}

.panel{margin-bottom:21px;background-color:#fff;border:1px solid transparent;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,0.05);border-color:#22b24c}

.panel-body{padding:15px}

.panel-body:before,.panel-body:after{display:table;content:" "}

.panel-body:after{clear:both}

.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px;color:#468847;background-color:#22b24c;border-color:#22b24c}

.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}

a{background:transparent;text-decoration:none;border-bottom:1px dotted;color:#444}

a:hover{text-decoration:none;color:#000}

.logo-title a,.logo-title a:hover{font:72px "Helvetica Neue",sans-serif;font-weight:normal;letter-spacing:.03em;vertical-align:middle;margin-left:5px;color:#000;text-decoration:none;border-bottom:none;line-height:.9em}

.logo-title a:hover{color:#808080}

.logo-image{vertical-align:middle;border:none;height:52px;width:52px;padding:1px}

.logo-header-section{margin:20px 0 15px 0}

#sidebar{margin-top:30px}

.btn-full{width:100%;box-shadow:1px 2px 1px #222;padding-bottom:4px}

p.under-btn{text-align:left;margin-top:20px}

h3.panel-head{margin:5px 0 0 0;font-size:26px;color:#fff}

@media (min-width:750px){.container{width:730px}}@media (min-width:768px){.container{width:750px}}@media (min-width:940px){.container{width:920px}}@media (min-width:1140px){.container{width:1120px}}.row{margin-right:-15px;margin-left:-15px}

@media (min-width:768px){.col-md-3,.col-md-4,.col-md-8,.col-md-12{float:left} .col-md-12{width:100%} .col-md-8{width:66.66666666666666%} .col-md-4{width:33.33333333333333%} .col-md-3{width:25%} .col-md-offset-1{margin-left:8.333333333333332%} .select-next{min-height:300px}}

@media (max-width:1200px){h3.panel-head{font-size:22px}}@media (max-width:720px){.logo-header-section{margin:20px 40px 0 0}}

p.banner{font-weight:500;line-height:1.1;color:#fff;font-size:22px;margin:14px 0 18px 0}

@media (max-width:767px){.logo-header-section{padding:8px 0 10px; margin:0} #forkme {display:none} .logo-title a,.logo-title a:hover{font-size:34px} h1{font-size:28px} .logo-image{height:26px;width:26px}}

@media (min-width:1140px){.select-next{min-height:220px}}

.sans-font{font-family:"Helvetica Neue",sans-serif}

</style>

</head>

<body>

<span class="logo-title"><a href="https://www.fullstackpython.com/">Full Stack Python</a></span>

</div>

<a href="/table-of-contents.html">All topics</a>

<a href="/email.html">Newsletter</a>

<a href="https://twitter.com/fullstackpython">@fullstackpython</a>

<a href="https://www.facebook.com/fullstackpython">Facebook</a>

<a href="https://github.com/mattmakai/fullstackpython.com">Source</a>

</div> </div>

</div><a href="https://github.com/mattmakai/fullstackpython.com" id="forkme"><img style="position: absolute; top: 0; right: 0; border: 0;" src="/img/fork.png" alt="Fork me on GitHub"></a>

<h1>Introduction</h1>

<p>You're knee deep in learning the <a href="http://www.python.org/">Python</a>

programming language. The syntax is starting to make sense. The first

few "<em>ahh-ha</em>!" moments hit you as you learning conditional

statements, <code>for</code> loops and classes while playing around with the open source

libraries that make Python such an amazing language.</p>

<p>Now you want to take your initial Python knowledge and make something real,

like an application that's available on the web that you can show off or

sell as a service to other people. That's where Full Stack Python comes in.

You've come to the right place to learn everything you need to

<a href="/web-development.html">create</a>, <a href="/deployment.html">deploy</a>

and <a href="/devops.html">operate</a> production Python web applications.</p>

<p>This guide branches out on topic because your learning

requirements depend on what you're working on. Select one

of the buttons below or check out the full

<a href="/table-of-contents.html">table of contents</a>.

</p>

<h3>What do you need to learn to create your application?</h3>

<p class="under-btn">I want to learn how to code a Python web application using a framework.</p> </div>

</div>

<p class="under-btn">I've built a Python web app, now how do I deploy it?</p> </div>

</div>

<p class="under-btn">Show me a list of the best Python learning resources.</p> </div>

</div>

</div> </div>

<div class="panel-heading"><h3 class="panel-head">Full Stack Python</h3></div>

<a href="/">Full Stack Python</a> is an open book that explains

concepts in plain language and provides the most helpful resources

on those topics.

<hr/>

The <a href="/table-of-contents.html">table of contents</a> lists

all Python topics.

</div>

<h3 class="panel-head">Email Updates</h3>

</div>

<h5>Sign up to get a monthly email with Python tutorials and major updates to this site.</h5>

</div>

</form>

</div>

</div></div></div>

<hr/>

</div>

<a href="https://github.com/mattmakai" class="underline">Matt Makai</a>

</div>

</div><script>

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){

(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)

})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-19910497-7', 'auto');

ga('send', 'pageview');

</script><script type='text/javascript'>

var trackOutboundLink = function(url) { ga('send', 'event', 'outbound', 'click', url, {'hitCallback': function () { document.location = url; } }); }

</script>

</body>

</html>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

FilesExpand file tree

index.html

Latest commit

History

index.html

File metadata and controls