##Learn to Code LA's first front-end web dev group project

###Homework: Priority for our Monday night meetup group goes to those who do the homework!

1. Make a GitHub account and send your username to Liz Krane on Meetup.com
2. Get familiar with using GitHub. Start on the following (you don't have to finish it all):

• First, watch this short video series
• Next, do this short interactive tutorial
• And if you need extra help, watch the first 5 videos in this series

3. Add 5 of your favorite web dev links to the bottom of this document

If you get stuck or have any questions, just ask us! We have a private group chat on Slack -- send Liz Krane your email address if you want an invite.

###Goal for next meetup:

• Create a finished HTML document for version 1 of our website content!

###Our list of cool web dev links:

How to use GitHub Pages (host a free website on GitHub):
http://jmcglone.com/guides/github-pages/

How to use the command line (including Windows, Mac, and Linux): Learn Python the Hard Way APPENDIX: http://learnpythonthehardway.org/book/appendixa.html

This is really straightforward for someone who has never used the command line.

Code Pen: http://codepen.io/

Color Palletes: http://www.colourlovers.com/

HTML Special Symbols: http://www.sabinanore.com/design/html-special-symbols/

CSS Gradients: https://medium.com/@patrickbrosset/do-you-really-understand-css-linear-gradients-631d9a895caf

Why Learning to Code is So Damn Hard:
http://www.vikingcodeschool.com/posts/why-learning-to-code-is-so-damn-hard

Very good resource for Front End Web Developers:
https://medium.com/@ti_asif/200-best-free-tools-resources-for-front-end-web-developers-3fb3c415a643

http://www.w3schools.com/

This website features free lessons to help you learn the basics of HTML, CSS, JavaScript, and WordPress. http://learnwebcode.com/start-here/

Free web tutorials, codes, templates, tools, and other web creation stuff.
http://www.quackit.com/

Google's Web Fundamentals website:
https://developers.google.com/web/fundamentals/
(and the site itself is open-source: https://github.com/google/WebFundamentals)

30 CSS Best Practices for Beginners http://code.tutsplus.com/tutorials/30-css-best-practices-for-beginners--net-6741

Java2s.com - Tutorials, code snippets, and a real-time DCOM module to test your code! www.java2s.com

CSS Basics http://www.cssbasics.com/

nodejs for beginners, deploy your blog to heroku, how to node http://j.mp/1OTO0qv

perfect css hexagons http://j.mp/1DiyQV5

anatomy of a javascript framework http://j.mp/1IOyRou

the absolute beginners guide to node.js http://j.mp/1GmtPiQ

best practices for building angular.js http://j.mp/1aSHUJt

Code Academy - Make a Website - HTML/CSS http://www.codecademy.com/en/skills/make-a-website

Code Academy - Make an Interactive Website http://www.codecademy.com/en/skills/make-an-interactive-website

Code Academy - Learn AngularJS http://www.codecademy.com/en/learn/learn-angularjs

Global CSS settings, fundamental HTML elements styled and enhanced with extensible classes, and an advanced grid system http://getbootstrap.com/css/

learn to code by building projects for nonprofits http://www.freecodecamp.com/

Find in-depth how-tos involving common web development and web design techniques. http://tympanus.net/codrops/category/tutorials/

An extensive CSS reference with all the important properties and info to learn CSS from the basics http://tympanus.net/codrops/css_reference/

ABC of JavaScript : An Interactive JavaScript Tutorial http://www.openjs.com/tutorials/basic_tutorial/index.php

A coding community site with online editor. Share JavaScript, HTML5 and CSS http://jsdo.it/

HTML5 & CSS3 Fundamentals: Development for Absolute Beginners - 21 Video tutorials http://www.microsoftvirtualacademy.com/training-courses/html5-css3-fundamentals-development-for-absolute-beginners

CS 50 -- free online course from Harvard, great intro to programming https://cs50.harvard.edu/

Git Cheat Sheet: https://training.github.com/kit/downloads/github-git-cheat-sheet.pdf

SitePoint Newsletter: http://www.sitepoint.com/newsletter/

Enjoycss.com: http://enjoycss.com/

Zurb's Foundation – An alternative to Bootstrap: http://foundation.zurb.com/

stuuf

Javascript

Books

• JS Design Patterns
• Developing Backbone.js Applications
• Javascript Allonge

References

• Javascript MDN Reference

Blogs/Tutorials

• HTML5Rocks
• DailyJS
• NodeSchool

GitHub Resources

• Online version of Scott's authoritative book on Git.
• [Clearn, concise tutorials on Git.] (https://www.atlassian.com/git/tutorials/)
• [Reference Site of jameswillweb] (http://nicksimson.com/github-for-web-designers/)