update web dev page with new resources

mattmakai · mattmakai · commit d0d0e2f1537f · 2018-04-03T08:15:35.000-04:00
diff --git a/content/pages/04-web-development/00-web-development.markdown b/content/pages/04-web-development/00-web-development.markdown
@@ -38,11 +38,33 @@ the client and run by the web browser.
 
 
 ### Web development resources
+To become an experienced web developer you need to know the foundation
+principles that the web is built with, such as HTTP requests and responses,
+client (typically web browsers) and server ([web servers](/web-servers.html) 
+such as [Nginx](/nginx.html) and [Apache](/apache-http-server.html) 
+architectures, [HTML](/hypertext-markup-language-html.html), 
+[CSS](/cascading-style-sheets.html) and [JavaScript](/javascript.html), among
+many other topics. The following resources provide a range of perspectives
+and when combined together should get you oriented in the web development
+world.
+
 * [Web application development is different and better](http://radar.oreilly.com/2014/01/web-application-development-is-different-and-better.html)
   provides some context for how web development has evolved from writing
   static HTML files into the complex JavaScript client-side applications
   produced today.
 
+* [Build a web application from scratch](https://defn.io/2018/02/25/web-app-from-scratch-01/)
+  and its follow on posts for 
+  [request handling](https://defn.io/2018/03/04/web-app-from-scratch-02/)
+  [middleware](https://defn.io/2018/03/20/web-app-from-scratch-03/) explores
+  the fundamentals of web development. Learning these foundational concepts
+  is critical for a web developer even though you should still plan to use an
+  established [web framework](/web-frameworks.html) such as 
+  [Django](/django.html) or [Flask](/flask.html) to build real-world 
+  applications. The 
+  [open source code](https://github.com/Bogdanp/web-app-from-scratch) 
+  for these posts is available on GitHub.
+
 * While not Python-specific, Mozilla put together a 
   [Learning the Web](https://developer.mozilla.org/en-US/Learn) tutorial
   for beginners and intermediate web users who want to build websites.
diff --git a/content/pages/04-web-development/03-flask.markdown b/content/pages/04-web-development/03-flask.markdown
@@ -53,7 +53,7 @@ Jökull Sólberg wrote a great piece articulating to this effect in his
 <div class="well see-also">Flask is an implementation of the <a href="/web-frameworks.html">web frameworks</a> concept. Learn how these parts fit together in the <a href="/web-development.html">web development</a> chapter or <a href="/table-of-contents.html">view all topics</a>.</div>
 
 
-## Flask resources
+### Flask Tutorials
 * The Flask mega tutorial by 
   [Miguel Grinberg](https://twitter.com/miguelgrinberg) is a perfect 
   starting resource for using this web framework. Each post focuses on a 
@@ -229,7 +229,7 @@ to complex and can give you ideas about how to working on your codebase.
   baked into the Flask project structure.
 
 
-## Flask framework learning checklist
+### Flask framework learning checklist
 1. [Install Flask](http://flask.pocoo.org/docs/installation/) on
    your local development machine.
 
diff --git a/content/pages/meta/00-change-log.markdown b/content/pages/meta/00-change-log.markdown
@@ -17,6 +17,8 @@ on GitHub.
 
 ## 2018
 ### April
+* Major updates to [Flask](/flask.html) resources, example code and 
+  descriptions.
 * More broken or expired link clean up.
 
 ### March
