极速阅览

fullstackpython.github.com/javascript.html at gh-pages · xidianwlc/fullstackpython.github.com · GitHub

Blame

History

Code
Blame

240 lines (235 loc) · 11.7 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

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

<!DOCTYPE html>

<title>JavaScript - Full Stack Python</title>

<!--[if lt IE 9]>

<![endif]-->

<style>

html,

body {

font-size: 18px;

color: #222;

background: #fefefe;

}

body {

padding-top: 10px;

}

.footer {

padding: 20px 0 30px 0;

}

a, a:hover {border-bottom: 1px dotted; color: #444;}

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

.logo-title a, .logo-title a:hover {font-size: 72px; font-weight: normal;

letter-spacing: .04em;

vertical-align: middle;

margin-left: 5px;

color: #000; text-decoration: none;

border-bottom: none;

font-family: "Helvetica Neue",

sans-serif;

line-height: .9em;}

.logo-title a:hover {color: gray;}

.logo-image {vertical-align: middle; border: none;}

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

a.list-group-item.active {background: #444; border: 1px solid #222;}

a.list-group-item.active:hover {background: #444; border: 1px solid #222;}

#sidebar {margin-top: 30px;}

.select-next {

min-height: 300px;

}

.choose-btn {

font-size: 1.1em;

margin: 10px 0 0 0;

}

.choose-next {

border: 1px solid black;

background-color: #444;

margin-left: 25px;

color: #ddd;

}

.choose-next a {

color: #eee;

}

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

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

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

.smaller-item {font-size: .8em; padding: 5px 0 5px 10px;}

@media (max-width: 1200px) {

h3.panel-head {font-size: 22px;}

}

@media (max-width: 992px) {

.choose-next {

margin-left: 0px;

}

.select-next {

min-height: 100px;

}

.smaller-item {font-size: 1em; padding: 15px 0 15px 10px;}

}

@media (max-width: 600px) {

.logo-header-section {

margin: 20px 32px 0 0;

}

</style>

var _gaq = _gaq || [];

_gaq.push(['_setAccount', 'UA-19910497-7']);

_gaq.push(['_trackPageview']);

(function() {

var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

})();

</script>

</head>

<body>

</a>

<span class="logo-title"><a href="/">Full Stack Python</a></span>

</div>

<h1>JavaScript</h1>

<p>JavaScript is a small scripting programming language embedded in web browsers

to enable dynamic content. </p>

<h2>Where does JavaScript come from?</h2>

<p>JavaScript is an implementation of

<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/JavaScript_Overview">the ECMAScript specification</a>

which is defined by the

<a href="http://www.ecma-international.org/default.htm">Ecma International Standards Body</a>.</p>

<h2>JavaScript resources</h2>

<ul>

<li>

<p><a href="http://www.html5rocks.com/en/tutorials/internals/howbrowserswork/">How Browsers Work</a>

is a great overview of both JavaScript and CSS as well as how pages are

rendered in a browser.</p>

</li>

<li>

<p><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript">A re-introduction to JavaScript</a>

by Mozilla walks through the basic syntax and operators.</p>

</li>

<li>

<p><a href="http://www.smashingmagazine.com/2011/10/28/useful-coding-workflow-tools-for-web-designers-developers/">Coding tools and JavaScript libraries</a>

is a huge list by Smashing Magazine with explanations for each tool and

library for working with JavaScript.</p>

</li>

<li>

<p><a href="http://superherojs.com/">Superhero.js</a> is an incredibly well designed list

of resources for how to test, organize, understand and generally work with

JavaScript.</p>

</li>

<li>

<p><a href="http://www.unheap.com/">Unheap</a> is an amazing collection of reusable JQuery

plugins for everything from navigation to displaying media.</p>

</li>

</ul>

<h3>Do you need to style your app or deploy it next?</h3>

How do I style my web application's user interface?

</p>

</div>

How should I host my static content such as my CSS files?

</p>

</div>

How do I save and version my code so it doesn't get lost?

</p>

</div>

</div> </div>

<div class="panel-heading"><h3 class="panel-head">JavaScript</h3></div>

<a href="/">Full Stack Python</a> is an open source book explaining

each layer of the Python web application stack along with the

best Python resources from around the web.

<hr/>

<a href="http://twitter.com/mattmakai">Matt Makai</a> designed and

wrote this site with assistance from community pull

requests. If you're on GitHub you can

<a href="https://github.com/makaimc">follow him</a>

to see what daily changes are made or

<a href="https://github.com/makaimc/fullstackpython.github.com">star the repository</a> for future reference.

</div>

<h3 class="panel-head">Table of Contents</h3>

</div>

<a href="/introduction.html" class="list-group-item smaller-item ">Introduction</a>

<a href="/bottle.html" class="list-group-item smaller-item ">Bottle</a>

<a href="/deployment.html" class="list-group-item smaller-item ">Deployment</a>

<a href="/other-web-frameworks.html" class="list-group-item smaller-item ">Other Web Frameworks</a>

<a href="/servers.html" class="list-group-item smaller-item ">Servers</a>

<a href="/web-frameworks.html" class="list-group-item smaller-item ">Web Frameworks</a>

<a href="/django.html" class="list-group-item smaller-item ">Django</a>

<a href="/operating-systems.html" class="list-group-item smaller-item ">Operating Systems</a>

<a href="/flask.html" class="list-group-item smaller-item ">Flask</a>

<a href="/web-servers.html" class="list-group-item smaller-item ">Web Servers</a>

<a href="/platform-as-a-service.html" class="list-group-item smaller-item ">Platform-as-a-service</a>

<a href="/databases.html" class="list-group-item smaller-item ">Databases</a>

<a href="/wsgi-servers.html" class="list-group-item smaller-item ">WSGI Servers</a>

<a href="/application-dependencies.html" class="list-group-item smaller-item ">Application Dependencies</a>

<a href="/cascading-style-sheets.html" class="list-group-item smaller-item ">Cascading Style Sheets</a>

<a href="/javascript.html" class="list-group-item smaller-item active">JavaScript</a>

<a href="/static-content.html" class="list-group-item smaller-item ">Static Content</a>

<a href="/source-control.html" class="list-group-item smaller-item ">Source Control</a>

<a href="/caching.html" class="list-group-item smaller-item ">Caching</a>

<a href="/task-queues.html" class="list-group-item smaller-item ">Task Queues</a>

<a href="/api-integration.html" class="list-group-item smaller-item ">API Integration</a>

<a href="/no-sql-datastore.html" class="list-group-item smaller-item ">NoSQL Data Stores</a>

<a href="/web-application-security.html" class="list-group-item smaller-item ">Web Security</a>

<a href="/logging.html" class="list-group-item smaller-item ">Logging</a>

<a href="/monitoring.html" class="list-group-item smaller-item ">Monitoring</a>

<a href="/configuration-management.html" class="list-group-item smaller-item ">Configuration Management</a>

<a href="/web-analytics.html" class="list-group-item smaller-item ">Web Analytics</a>

<a href="/best-python-resources.html" class="list-group-item smaller-item ">Best Python Resources</a>

<a href="/about-author.html" class="list-group-item smaller-item ">About the Author</a>

<a href="/change-log.html" class="list-group-item smaller-item ">Change Log</a>

<a href="/future-directions.html" class="list-group-item smaller-item ">Future Directions</a>

</div>

</div></div>

<hr/>

<a href="http://www.mattmakai.com/" class="underline">Matt Makai</a>

2014

</div>

</body>

</html>

Terms
Privacy
Security
Status
Community
Docs
Contact
Manage cookies
Do not share my personal information

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Files

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

FilesExpand file tree

Breadcrumbs

javascript.html

Latest commit

History

Breadcrumbs

javascript.html

File metadata and controls

Footer

Footer navigation

Files