Skip to content

Commit 65aee07

Browse files
mattmakaimattmakai
committed
fixing rest of web dev pages
1 parent 0d108b5 commit 65aee07

File tree

11 files changed

+172
-157
lines changed

11 files changed

+172
-157
lines changed

‎all.html‎

Lines changed: 57 additions & 45 deletions
Original file line numberDiff line numberDiff line change
@@ -2366,28 +2366,35 @@ <h2>JavaScript resources</h2>
23662366
</li>
23672367
</ul>
23682368
<h2>JavaScript learning checklist</h2>
2369-
<p><i class="fa fa-check-square-o"></i>
2370-
Create a simple HTML file with basic elements in it. Use the
2371-
<code>python -m SimpleHTTPServer</code> command to serve it up. Create a
2372-
<code>&lt;script type="text/javascript"&gt;&lt;/script&gt;</code>
2373-
element at the end of the <code>&lt;body&gt;</code> section in the HTML page. Start playing
2374-
with JavaScript within that element to learn the basic syntax.</p>
2375-
<p><i class="fa fa-check-square-o"></i>
2376-
Download <a href="http://jquery.com/">JQuery</a> and add it to the page above your
2377-
JavaScript element. Start working with JQuery and learning how it makes basic
2378-
JavaScript easier.</p>
2379-
<p><i class="fa fa-check-square-o"></i>
2380-
Work with JavaScript on the page. Incorporate examples from open source
2381-
projects listed below as well as JQuery plugins. Check out the Unheap link
2382-
below to find a large collection of categorized JQuery plugins.</p>
2383-
<p><i class="fa fa-check-square-o"></i>
2384-
Check out the JavaScript resources below to learn more about advanced concepts
2385-
and open source libraries.</p>
2386-
<p><i class="fa fa-check-square-o"></i>
2387-
Integrate JavaScript into your web application and check the
2388-
<a href="/static-content.html">static content</a> section for how to host the JavaScript
2389-
files.</p>
2390-
<h3>Do you need to style your app or deploy it next?</h3>
2369+
<ol>
2370+
<li>
2371+
<p>Create a simple HTML file with basic elements in it. Use the
2372+
<code>python -m SimpleHTTPServer</code> command to serve it up. Create a
2373+
<code>&lt;script type="text/javascript"&gt;&lt;/script&gt;</code>
2374+
element at the end of the <code>&lt;body&gt;</code> section in the HTML page. Play
2375+
with JavaScript within that element to learn the basic syntax.</p>
2376+
</li>
2377+
<li>
2378+
<p>Download <a href="http://jquery.com/">JQuery</a> and add it to the page above your
2379+
JavaScript element. Start working with JQuery and learning how it makes
2380+
basic JavaScript easier.</p>
2381+
</li>
2382+
<li>
2383+
<p>Work with JavaScript on the page. Incorporate examples from open source
2384+
projects listed below as well as JQuery plugins. Check out
2385+
<a href="http://www.unheap.com/">Unheap</a> to find a large collection of categorized
2386+
JQuery plugins.</p>
2387+
</li>
2388+
<li>
2389+
<p>Check out the JavaScript resources below to learn more about advanced
2390+
concepts and open source libraries.</p>
2391+
</li>
2392+
<li>
2393+
<p>Integrate JavaScript into your web application and check the
2394+
<a href="/static-content.html">static content</a> section for how to host the
2395+
JavaScript files.</p>
2396+
</li>
2397+
</ol>
23912398
<h1>WebSockets</h1>
23922399
<p>A WebSocket is a <a href="http://tools.ietf.org/html/rfc6455">standard protocol</a> for
23932400
two-way data transfer between a client and server. The WebSockets protocol
@@ -2601,7 +2608,6 @@ <h2>Python-specific WebSockets resources</h2>
26012608
I'm working to address.</p>
26022609
</li>
26032610
</ul>
2604-
<h3>What's next for your web application after setting up WebSockets?</h3>
26052611
<h1>Web Application Security</h1>
26062612
<p>Website security must be thought about while building every level of the web
26072613
stack. However, this section includes topics that deserve particular
@@ -2726,28 +2732,34 @@ <h2>General security resources</h2>
27262732
</li>
27272733
</ul>
27282734
<h2>Web security learning checklist</h2>
2729-
<p><i class="fa fa-check-square-o"></i>
2730-
Read and understand the major web application security flaws that are
2731-
commonly exploited by malicious actors. These include cross-site request
2732-
forgery (CSRF), cross-site scripting (XSS), SQL injection and session
2733-
hijacking. The
2734-
<a href="https://www.owasp.org/index.php/Top_10_2013-Top_10">OWASP top 10 web application vulnerabilities list</a>
2735-
is a great place to get an overview of these topics.</p>
2736-
<p><i class="fa fa-check-square-o"></i>
2737-
Determine how the framework you've chosen mitigates these vulnerabilities.</p>
2738-
<p><i class="fa fa-check-square-o"></i>
2739-
Ensure your code implements the mitigation techniques for your framework. </p>
2740-
<p><i class="fa fa-check-square-o"></i>
2741-
Think like an attacker and actively work to break into your own system. If
2742-
you do not have enough experience to confidently break the security consider
2743-
hiring a known white hat attacker. Have her break the application's security,
2744-
report the easiest vulnerabilities to exploit in your app and help implement
2745-
protections against those weaknesses.</p>
2746-
<p><i class="fa fa-check-square-o"></i>
2747-
Recognize that no system is ever totally secure. However, the more popular
2748-
an application becomes the more attractive a target it is to attackers.
2749-
Reevaluate your web application security on a frequent basis.</p>
2750-
<h3>What topic do you want to learn about next?</h3>
2735+
<ol>
2736+
<li>
2737+
<p>Read and understand the major web application security flaws that are
2738+
commonly exploited by malicious actors. These include cross-site request
2739+
forgery (CSRF), cross-site scripting (XSS), SQL injection and session
2740+
hijacking. The
2741+
<a href="https://www.owasp.org/index.php/Top_10_2013-Top_10">OWASP top 10 web application vulnerabilities list</a>
2742+
is a great place to get an overview of these topics.</p>
2743+
</li>
2744+
<li>
2745+
<p>Determine how the framework you've chosen mitigates these vulnerabilities.</p>
2746+
</li>
2747+
<li>
2748+
<p>Ensure your code implements the mitigation techniques for your framework. </p>
2749+
</li>
2750+
<li>
2751+
<p>Think like an attacker and actively work to break into your own system.
2752+
If you do not have enough experience to confidently break the security
2753+
consider hiring a known white hat attacker. Have her break the
2754+
application's security, report the easiest vulnerabilities to exploit in
2755+
your app and help implement protections against those weaknesses.</p>
2756+
</li>
2757+
<li>
2758+
<p>Recognize that no system is ever totally secure. However, the more popular
2759+
an application becomes the more attractive a target it is to attackers.
2760+
Reevaluate your web application security on a frequent basis.</p>
2761+
</li>
2762+
</ol>
27512763
<h1>Data</h1>
27522764
<p>Data is an incredibly broad topic but it can be broken down into many
27532765
subsections, including (in no particular order):</p>

‎feeds/all.atom.xml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,2 @@
11
<?xml version="1.0" encoding="utf-8"?>
2-
<feed xmlns="http://www.w3.org/2005/Atom"><title>Matt Makai</title><link href="http://www.fullstackpython.com/" rel="alternate"></link><link href="http://www.fullstackpython.com/feeds/all.atom.xml" rel="self"></link><id>http://www.fullstackpython.com/</id><updated>2015-05-29T10:55:42Z</updated></feed>
2+
<feed xmlns="http://www.w3.org/2005/Atom"><title>Matt Makai</title><link href="http://www.fullstackpython.com/" rel="alternate"></link><link href="http://www.fullstackpython.com/feeds/all.atom.xml" rel="self"></link><id>http://www.fullstackpython.com/</id><updated>2015-05-29T11:04:35Z</updated></feed>

‎javascript.html‎

Lines changed: 35 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -104,36 +104,39 @@ <h2>JavaScript resources</h2>
104104
</li>
105105
</ul>
106106
<h2>JavaScript learning checklist</h2>
107-
<p><i class="fa fa-check-square-o"></i>
108-
Create a simple HTML file with basic elements in it. Use the
109-
<code>python -m SimpleHTTPServer</code> command to serve it up. Create a
110-
<code>&lt;script type="text/javascript"&gt;&lt;/script&gt;</code>
111-
element at the end of the <code>&lt;body&gt;</code> section in the HTML page. Start playing
112-
with JavaScript within that element to learn the basic syntax.</p>
113-
<p><i class="fa fa-check-square-o"></i>
114-
Download <a href="http://jquery.com/">JQuery</a> and add it to the page above your
115-
JavaScript element. Start working with JQuery and learning how it makes basic
116-
JavaScript easier.</p>
117-
<p><i class="fa fa-check-square-o"></i>
118-
Work with JavaScript on the page. Incorporate examples from open source
119-
projects listed below as well as JQuery plugins. Check out the Unheap link
120-
below to find a large collection of categorized JQuery plugins.</p>
121-
<p><i class="fa fa-check-square-o"></i>
122-
Check out the JavaScript resources below to learn more about advanced concepts
123-
and open source libraries.</p>
124-
<p><i class="fa fa-check-square-o"></i>
125-
Integrate JavaScript into your web application and check the
126-
<a href="/static-content.html">static content</a> section for how to host the JavaScript
127-
files.</p>
128-
<h3>Do you need to style your app or deploy it next?</h3>
107+
<ol>
108+
<li>
109+
<p>Create a simple HTML file with basic elements in it. Use the
110+
<code>python -m SimpleHTTPServer</code> command to serve it up. Create a
111+
<code>&lt;script type="text/javascript"&gt;&lt;/script&gt;</code>
112+
element at the end of the <code>&lt;body&gt;</code> section in the HTML page. Play
113+
with JavaScript within that element to learn the basic syntax.</p>
114+
</li>
115+
<li>
116+
<p>Download <a href="http://jquery.com/">JQuery</a> and add it to the page above your
117+
JavaScript element. Start working with JQuery and learning how it makes
118+
basic JavaScript easier.</p>
119+
</li>
120+
<li>
121+
<p>Work with JavaScript on the page. Incorporate examples from open source
122+
projects listed below as well as JQuery plugins. Check out
123+
<a href="http://www.unheap.com/">Unheap</a> to find a large collection of categorized
124+
JQuery plugins.</p>
125+
</li>
126+
<li>
127+
<p>Check out the JavaScript resources below to learn more about advanced
128+
concepts and open source libraries.</p>
129+
</li>
130+
<li>
131+
<p>Integrate JavaScript into your web application and check the
132+
<a href="/static-content.html">static content</a> section for how to host the
133+
JavaScript files.</p>
134+
</li>
135+
</ol>
136+
<h3>Do you need to style your app or deploy it?</h3>
129137
<div class="row">
130138
<div class="col-md-4">
131139
<div class="well select-next">
132-
<a href="/static-content.html" class="btn btn-success btn-full"><svg width="28" height="30" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M526 1394q0 53-37.5 90.5t-90.5 37.5q-52 0-90-38t-38-90q0-53 37.5-90.5t90.5-37.5 90.5 37.5 37.5 90.5zm498 206q0 53-37.5 90.5t-90.5 37.5-90.5-37.5-37.5-90.5 37.5-90.5 90.5-37.5 90.5 37.5 37.5 90.5zm-704-704q0 53-37.5 90.5t-90.5 37.5-90.5-37.5-37.5-90.5 37.5-90.5 90.5-37.5 90.5 37.5 37.5 90.5zm1202 498q0 52-38 90t-90 38q-53 0-90.5-37.5t-37.5-90.5 37.5-90.5 90.5-37.5 90.5 37.5 37.5 90.5zm-964-996q0 66-47 113t-113 47-113-47-47-113 47-113 113-47 113 47 47 113zm1170 498q0 53-37.5 90.5t-90.5 37.5-90.5-37.5-37.5-90.5 37.5-90.5 90.5-37.5 90.5 37.5 37.5 90.5zm-640-704q0 80-56 136t-136 56-136-56-56-136 56-136 136-56 136 56 56 136zm530 206q0 93-66 158.5t-158 65.5q-93 0-158.5-65.5t-65.5-158.5q0-92 65.5-158t158.5-66q92 0 158 66t66 158z" fill="#fff"/></svg></a>
133-
<p class="under-btn">How should I host and service static content files?</p> </div>
134-
</div>
135-
<div class="col-md-4">
136-
<div class="well select-next">
137140
<a href="/cascading-style-sheets.html" class="btn btn-success btn-full"><svg width="28" height="30" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M275 128h1505l-266 1333-804 267-698-267 71-356h297l-29 147 422 161 486-161 68-339h-1208l58-297h1209l38-191h-1208z" fill="#fff"/></svg></a>
138141
<p class="under-btn">My app runs but looks awful. How do I style the user interface?</p> </div>
139142
</div>
@@ -142,6 +145,11 @@ <h3>Do you need to style your app or deploy it next?</h3>
142145
<a href="/deployment.html" class="btn btn-success btn-full"><svg width="28" height="30" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1792 640q0 26-19 45l-512 512q-19 19-45 19t-45-19-19-45v-256h-224q-98 0-175.5 6t-154 21.5-133 42.5-105.5 69.5-80 101-48.5 138.5-17.5 181q0 55 5 123 0 6 2.5 23.5t2.5 26.5q0 15-8.5 25t-23.5 10q-16 0-28-17-7-9-13-22t-13.5-30-10.5-24q-127-285-127-451 0-199 53-333 162-403 875-403h224v-256q0-26 19-45t45-19 45 19l512 512q19 19 19 45z" fill="#fff"/></svg></a>
143146
<p class="under-btn">I've built a Python web app, now how do I deploy it?</p> </div>
144147
</div>
148+
<div class="col-md-4">
149+
<div class="well select-next">
150+
<a href="/static-content.html" class="btn btn-success btn-full"><svg width="28" height="30" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M526 1394q0 53-37.5 90.5t-90.5 37.5q-52 0-90-38t-38-90q0-53 37.5-90.5t90.5-37.5 90.5 37.5 37.5 90.5zm498 206q0 53-37.5 90.5t-90.5 37.5-90.5-37.5-37.5-90.5 37.5-90.5 90.5-37.5 90.5 37.5 37.5 90.5zm-704-704q0 53-37.5 90.5t-90.5 37.5-90.5-37.5-37.5-90.5 37.5-90.5 90.5-37.5 90.5 37.5 37.5 90.5zm1202 498q0 52-38 90t-90 38q-53 0-90.5-37.5t-37.5-90.5 37.5-90.5 90.5-37.5 90.5 37.5 37.5 90.5zm-964-996q0 66-47 113t-113 47-113-47-47-113 47-113 113-47 113 47 47 113zm1170 498q0 53-37.5 90.5t-90.5 37.5-90.5-37.5-37.5-90.5 37.5-90.5 90.5-37.5 90.5 37.5 37.5 90.5zm-640-704q0 80-56 136t-136 56-136-56-56-136 56-136 136-56 136 56 56 136zm530 206q0 93-66 158.5t-158 65.5q-93 0-158.5-65.5t-65.5-158.5q0-92 65.5-158t158.5-66q92 0 158 66t66 158z" fill="#fff"/></svg></a>
151+
<p class="under-btn">How should I host and service static content files?</p> </div>
152+
</div>
145153
</div><div id="mc_embed_signup">
146154
<form action="//mattmakai.us2.list-manage.com/subscribe/post?u=b7e774f0c4f05dcebbfee183d&amp;id=b22335388d" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
147155
<div id="mc_embed_signup_scroll">

‎source/content/pages/04-web-development/12-javascript.markdown‎

Lines changed: 22 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -72,31 +72,25 @@ which is defined by the
7272

7373

7474
## JavaScript learning checklist
75-
<i class="fa fa-check-square-o"></i>
76-
Create a simple HTML file with basic elements in it. Use the
77-
``python -m SimpleHTTPServer`` command to serve it up. Create a
78-
``<script type="text/javascript"></script>``
79-
element at the end of the ``<body>`` section in the HTML page. Start playing
80-
with JavaScript within that element to learn the basic syntax.
81-
82-
<i class="fa fa-check-square-o"></i>
83-
Download [JQuery](http://jquery.com/) and add it to the page above your
84-
JavaScript element. Start working with JQuery and learning how it makes basic
85-
JavaScript easier.
86-
87-
<i class="fa fa-check-square-o"></i>
88-
Work with JavaScript on the page. Incorporate examples from open source
89-
projects listed below as well as JQuery plugins. Check out the Unheap link
90-
below to find a large collection of categorized JQuery plugins.
91-
92-
<i class="fa fa-check-square-o"></i>
93-
Check out the JavaScript resources below to learn more about advanced concepts
94-
and open source libraries.
95-
96-
<i class="fa fa-check-square-o"></i>
97-
Integrate JavaScript into your web application and check the
98-
[static content](/static-content.html) section for how to host the JavaScript
99-
files.
100-
101-
102-
### Do you need to style your app or deploy it next?
75+
1. Create a simple HTML file with basic elements in it. Use the
76+
``python -m SimpleHTTPServer`` command to serve it up. Create a
77+
``<script type="text/javascript"></script>``
78+
element at the end of the ``<body>`` section in the HTML page. Play
79+
with JavaScript within that element to learn the basic syntax.
80+
81+
1. Download [JQuery](http://jquery.com/) and add it to the page above your
82+
JavaScript element. Start working with JQuery and learning how it makes
83+
basic JavaScript easier.
84+
85+
1. Work with JavaScript on the page. Incorporate examples from open source
86+
projects listed below as well as JQuery plugins. Check out
87+
[Unheap](http://www.unheap.com/) to find a large collection of categorized
88+
JQuery plugins.
89+
90+
1. Check out the JavaScript resources below to learn more about advanced
91+
concepts and open source libraries.
92+
93+
1. Integrate JavaScript into your web application and check the
94+
[static content](/static-content.html) section for how to host the
95+
JavaScript files.
96+

‎source/content/pages/04-web-development/13-websockets.markdown‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -208,5 +208,3 @@ properly.
208208
has some interesting comments on what's missing from the above content that
209209
I'm working to address.
210210

211-
212-
### What's next for your web application after setting up WebSockets?

‎source/content/pages/04-web-development/15-web-app-security.markdown‎

Lines changed: 21 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -104,31 +104,24 @@ securing Linux distributions.
104104

105105

106106
## Web security learning checklist
107-
<i class="fa fa-check-square-o"></i>
108-
Read and understand the major web application security flaws that are
109-
commonly exploited by malicious actors. These include cross-site request
110-
forgery (CSRF), cross-site scripting (XSS), SQL injection and session
111-
hijacking. The
112-
[OWASP top 10 web application vulnerabilities list](https://www.owasp.org/index.php/Top_10_2013-Top_10)
113-
is a great place to get an overview of these topics.
114-
115-
<i class="fa fa-check-square-o"></i>
116-
Determine how the framework you've chosen mitigates these vulnerabilities.
117-
118-
<i class="fa fa-check-square-o"></i>
119-
Ensure your code implements the mitigation techniques for your framework.
120-
121-
<i class="fa fa-check-square-o"></i>
122-
Think like an attacker and actively work to break into your own system. If
123-
you do not have enough experience to confidently break the security consider
124-
hiring a known white hat attacker. Have her break the application's security,
125-
report the easiest vulnerabilities to exploit in your app and help implement
126-
protections against those weaknesses.
127-
128-
<i class="fa fa-check-square-o"></i>
129-
Recognize that no system is ever totally secure. However, the more popular
130-
an application becomes the more attractive a target it is to attackers.
131-
Reevaluate your web application security on a frequent basis.
132-
133-
134-
### What topic do you want to learn about next?
107+
1. Read and understand the major web application security flaws that are
108+
commonly exploited by malicious actors. These include cross-site request
109+
forgery (CSRF), cross-site scripting (XSS), SQL injection and session
110+
hijacking. The
111+
[OWASP top 10 web application vulnerabilities list](https://www.owasp.org/index.php/Top_10_2013-Top_10)
112+
is a great place to get an overview of these topics.
113+
114+
1. Determine how the framework you've chosen mitigates these vulnerabilities.
115+
116+
1. Ensure your code implements the mitigation techniques for your framework.
117+
118+
1. Think like an attacker and actively work to break into your own system.
119+
If you do not have enough experience to confidently break the security
120+
consider hiring a known white hat attacker. Have her break the
121+
application's security, report the easiest vulnerabilities to exploit in
122+
your app and help implement protections against those weaknesses.
123+
124+
1. Recognize that no system is ever totally secure. However, the more popular
125+
an application becomes the more attractive a target it is to attackers.
126+
Reevaluate your web application security on a frequent basis.
127+

‎source/theme/templates/choices/javascript.html‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,18 @@
1+
<h3>Do you need to style your app or deploy it?</h3>
12
<div class="row">
23
<div class="col-md-4">
34
<div class="well select-next">
4-
{% include "choices/buttons/static-content.html" %}
5+
{% include "choices/buttons/cascading-style-sheets.html" %}
56
</div>
67
</div>
78
<div class="col-md-4">
89
<div class="well select-next">
9-
{% include "choices/buttons/cascading-style-sheets.html" %}
10+
{% include "choices/buttons/deployment.html" %}
1011
</div>
1112
</div>
1213
<div class="col-md-4">
1314
<div class="well select-next">
14-
{% include "choices/buttons/deployment.html" %}
15+
{% include "choices/buttons/static-content.html" %}
1516
</div>
1617
</div>
1718
</div>

‎source/theme/templates/choices/web-application-security.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
<h3>What web development topic do you want to learn about next?</h3>
12
<div class="row">
23
<div class="col-md-4">
34
<div class="well select-next">

‎source/theme/templates/choices/websockets.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
<h3>What's next for your web application?</h3>
12
<div class="row">
23
<div class="col-md-4">
34
<div class="well select-next">

0 commit comments

Comments
 (0)