tons of new learning programming resources

mattmakai · mattmakai · commit 1c6af92d0d60 · 2018-02-24T12:03:26.000-05:00
diff --git a/content/pages/01-introduction/02-learning-programming.markdown b/content/pages/01-introduction/02-learning-programming.markdown
@@ -54,6 +54,7 @@ that expand a programmer's abilities are the units of progress. Extra value
 is placed on making the projects open source and working with experienced 
 mentors to learn what he or she can improve on in their programs. 
 
+
 ## Should I learn Python first?
 Python is good choice in the project-based approach because of the extensive 
 availability of 
@@ -74,3 +75,72 @@ constructs. Find one that appears to match your personal style and give it a
 try, knowing that whatever you choose you'll need to put in many long days and
 nights to really get comfortable as a software developer.
 
+
+### Practice problems
+Working on practice programming challenges and studying their solutions in
+Python or another language is a great way to learn whether you are just
+starting or an experienced developer. Here are numerous open source 
+repositories and sites with practice problems and solutions:
+
+* [Code problems](https://github.com/blakeembrey/code-problems) provides
+  common algorithm and data structures challenges with solutions in several
+  programming languages including Python.
+
+* [Python basics](https://pythonbasics.org/) contains materials and
+  exercises to learn basic Python 3 syntax such as variables, functions
+  and lists.
+
+* [Interactive Python coding interview challenges](https://github.com/donnemartin/interactive-coding-challenges)
+  is an awesome [Jupyter Notebook](/jupyter-notebook.html) to learn and
+  test your data structures and algorithms knowledge in Python.
+
+* [TeachCraft](https://teachcraft.net/) combines Minecraft with Python to
+  learn coding.
+
+* [500 Data Structures and Algorithms practice problems and their solutions](https://techiedelight.quora.com/500-Data-Structures-and-Algorithms-practice-problems-and-their-solutions)
+  covers a large swath of the computer science space. It is not important
+  to know all of these algorithms and data structures but experience with
+  many of them will be greatly beneficial in becoming a better developer.
+
+
+### First-hand advice
+These articles are written by programmers who explain how they learned to
+code. They should not be taken as "this is how you must learn" but instead
+give example paths you can think about taking as a beginner:
+
+* [Learning to program](http://danluu.com/learning-to-program/) 
+  is a long read but goes through Dan's experience in math and engineering
+  before fully committing to software development.
+
+* [Developing as a developer](https://blog.ragnarson.com/2016/10/07/developing-as-a-developer.html)
+  gives general advice on qualities necessary to become a programmer, 
+  including persistence, respecting others and considering ideas that are
+  outside your comfort zone.
+
+* [Mastering programming](https://www.facebook.com/notes/kent-beck/mastering-programming/1184427814923414)
+  by [Kent Beck](https://en.wikipedia.org/wiki/Kent_Beck) contains
+  patterns and observations for how experienced programmers he has worked
+  with in the past became great software developers.
+
+
+### Teaching perspectives
+Are you an experienced programmer working with new and junior programmers?
+These articles give some insight into how you may want to structure
+your teaching experience:
+
+* [Five Principles For Programming Languages For Learners](https://cacm.acm.org/blogs/blog-cacm/203554-five-principles-for-programming-languages-for-learners/fulltext)
+  is a perspective on teaching children to program but is good advice 
+  for an audience of any age.
+
+* [Teach tech with cartoons](https://jvns.ca/teach-tech-with-cartoons/)
+  is an awesome resource that explains how you can use simple but fun
+  drawings to teach otherwise difficult technical concepts to students.
+
+* [Teaching programming to working professionals](http://pgbovine.net/PG-Podcast-21-Trey-Hunner.htm)
+  is a video podcast with [Trey Hunter](https://twitter.com/treyhunner)
+  about his experience teaching Python to experienced professionals.
+
+* [Teach Yourself Computer Science](https://teachyourselfcs.com/) is
+  intended as a self-teaching tool with many resources that are classic
+  computer science textbooks. There are also nice explanations for why
+  each resource is useful in your learning and teaching journey.
diff --git a/content/pages/01-introduction/03-why-use-python.markdown b/content/pages/01-introduction/03-why-use-python.markdown
@@ -134,3 +134,7 @@ displays [The Zen of Python](https://www.python.org/dev/peps/pep-0020/).
   supplies non-web development project examples that use Python. The article
   also does a solid job comparing and contrasting Python to other common
   programming languages such as Java, Ruby and JavaScript.
+
+* [Python or Ruby for web development](https://opensource.com/article/17/4/python-or-ruby-web-development)
+  gives reasons for one language compared to the other just focused on the
+  web development space.
diff --git a/content/pages/07-web-development/21-bootstrap.markdown b/content/pages/07-web-development/21-bootstrap.markdown
@@ -17,6 +17,7 @@ is especially useful as a base layer of
 <a href="http://getbootstrap.com/" style="border: none;"><img src="/img/logos/bootstrap.png" width="100%" alt="Bootstrap logo." class="technical-diagram" style="border-radius:5px"></a>
 
 
+
 ### Bootstrap resources
 * [Getting Started with Bootstrap](https://realpython.com/blog/python/getting-started-with-bootstrap-3/)
   provides a walkthrough of a sample starter template so you can understand
diff --git a/content/pages/07-web-development/22-foundation.markdown b/content/pages/07-web-development/22-foundation.markdown
@@ -0,0 +1,19 @@
+title: Foundation
+category: page
+slug: foundation-css
+sortorder: 0721
+toc: False
+sidebartitle: Foundation
+meta: Foundation is a CSS framework used to design web application user interfaces.
+
+
+# Foundation
+[Foundation](https://foundation.zurb.com/) is a 
+[Cascading Style Sheet (CSS) framework](/css-frameworks.html) that makes it 
+easier to create website and web application user interfaces. Bootstrap 
+is especially useful as a base layer of 
+[CSS](/cascading-style-sheets.html) to build sites with
+[responsive web design](/responsive-design.html).
+
+<a href="https://foundation.zurb.com/" style="border: none;"><img src="/img/logos/foundation.jpg" width="100%" alt="ZURB Foundation logo." class="technical-diagram" style="border-radius:5px"></a>
+
diff --git a/content/pages/12-meta/01-change-log.markdown b/content/pages/12-meta/01-change-log.markdown
@@ -17,8 +17,11 @@ on GitHub.
 
 ## 2018
 ### February
+* Added a slew of new practice problems and teaching resources on the 
+  [Learning Programming](/learning-programming.html) page.
 * New [WebSockets](/websockets.html) resources.
-* New starter page on [CSS frameworks](/css-frameworks.html).
+* New starter page on [CSS frameworks](/css-frameworks.html) and 
+  [Foundation CSS](/foundation-css.html).
 * Added new [enterprise Python](/enterprise-python.html) resources.
 
 ### January
diff --git a/static/img/logos/travis-ci.png b/static/img/logos/travis-ci.png
diff --git a/theme/templates/choices/foundation-css.html b/theme/templates/choices/foundation-css.html
@@ -0,0 +1,18 @@
+<h3>What else do you want to learn about web development?</h3>
+<div class="row">
+    <div class="c4">
+        <div class="well select-next">
+            {% include "choices/buttons/web-design.html" %}
+        </div>
+    </div>
+    <div class="c4">
+        <div class="well select-next">
+            {% include "choices/buttons/static-content.html" %}
+        </div>
+    </div>
+    <div class="c4">
+        <div class="well select-next">
+            {% include "choices/buttons/javascript.html" %}
+        </div>
+    </div>
+</div>
