##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!
- Make a GitHub account and send your username to Liz Krane on Meetup.com
- 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
- 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/
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
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