##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):
https://uhm0pk8kyufaqyj3.julianrbryant.com/guides/github-pages/
How to use the command line (including Windows, Mac, and Linux): Learn Python the Hard Way APPENDIX: https://umn1ru1quvvarjxzg3tc37jt1eja2.julianrbryant.com/book/appendixa.html
This is really straightforward for someone who has never used the command line.
Code Pen: https://umn3wkfewf5ju.julianrbryant.com/
Color Palletes: https://umn0mtkzgk8aq358wgcx7d8.julianrbryant.com/
HTML Special Symbols: https://umn0mtkzgjqvj3nhz3adqd8.julianrbryant.com/design/html-special-symbols/
CSS Gradients: https://un5jf9grrxc0.julianrbryant.com/@patrickbrosset/do-you-really-understand-css-linear-gradients-631d9a895caf
Why Learning to Code is So Damn Hard:
https://umn0mtkzgk4bbapnmj5v6gmkce48tn8.julianrbryant.com/posts/why-learning-to-code-is-so-damn-hard
Very good resource for Front End Web Developers:
https://un5jf9grrxc0.julianrbryant.com/@ti_asif/200-best-free-tools-resources-for-front-end-web-developers-3fb3c415a643
https://umn0mtkzgkj46txmffwdyqg0k0.julianrbryant.com/
This website features free lessons to help you learn the basics of HTML, CSS, JavaScript, and WordPress. https://umn1ru1qffzwgfj3.julianrbryant.com/start-here/
Free web tutorials, codes, templates, tools, and other web creation stuff.
https://umn0mtkzghdwrwjh3jazdd8.julianrbryant.com/
Google's Web Fundamentals website:
https://un5j2j18xhup0em5wkwe47zq.julianrbryant.com/web/fundamentals/
(and the site itself is open-source: https://github.com/google/WebFundamentals)
30 CSS Best Practices for Beginners https://umn3wkagx5gveu588r1g.julianrbryant.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 https://umn0mtkzgjwhp3mgc7u28.julianrbryant.com/
nodejs for beginners, deploy your blog to heroku, how to node https://uhm0pkagrycg.julianrbryant.com/1OTO0qv
perfect css hexagons https://uhm0pkagrycg.julianrbryant.com/1DiyQV5
anatomy of a javascript framework https://uhm0pkagrycg.julianrbryant.com/1IOyRou
the absolute beginners guide to node.js https://uhm0pkagrycg.julianrbryant.com/1GmtPiQ
best practices for building angular.js https://uhm0pkagrycg.julianrbryant.com/1aSHUJt
Code Academy - Make a Website - HTML/CSS https://umn0mtkzgk8dej2pw39rnd8.julianrbryant.com/en/skills/make-a-website
Code Academy - Make an Interactive Website https://umn0mtkzgk8dej2pw39rnd8.julianrbryant.com/en/skills/make-an-interactive-website
Code Academy - Learn AngularJS https://umn0mtkzgk8dej2pw39rnd8.julianrbryant.com/en/learn/learn-angularjs
Global CSS settings, fundamental HTML elements styled and enhanced with extensible classes, and an advanced grid system https://umnb4934xhxf1nm23w.julianrbryant.com/css/
learn to code by building projects for nonprofits https://umn0mtkzgj4tt0xrh3hdut9pk0.julianrbryant.com/
Find in-depth how-tos involving common web development and web design techniques. https://umn4gx0kuuzhjehnw4.julianrbryant.com/codrops/category/tutorials/
An extensive CSS reference with all the important properties and info to learn CSS from the basics https://umn4gx0kuuzhjehnw4.julianrbryant.com/codrops/css_reference/
ABC of JavaScript : An Interactive JavaScript Tutorial https://umn0mtkzgjhpuqa0h3u28.julianrbryant.com/tutorials/basic_tutorial/index.php
A coding community site with online editor. Share JavaScript, HTML5 and CSS https://uhm0pk9myahx6yr.julianrbryant.com/
HTML5 & CSS3 Fundamentals: Development for Absolute Beginners - 21 Video tutorials https://umn0mtkzgj43w9rdtvyv8g7r8fb7bg2hk3wyp.julianrbryant.com/training-courses/html5-css3-fundamentals-development-for-absolute-beginners
CS 50 -- free online course from Harvard, great intro to programming https://un5nebe1x288uepwxu9tcm344ym0.julianrbryant.com/
Git Cheat Sheet: https://un5rg8thnk5rcyxcrjj28.julianrbryant.com/kit/downloads/github-git-cheat-sheet.pdf
SitePoint Newsletter: https://umn0mtkzghrzgu5rxqyj8.julianrbryant.com/newsletter/
Enjoycss.com: https://umn7hpamxkva3wj3.julianrbryant.com/
Zurb's Foundation – An alternative to Bootstrap: https://umn9fht64jxd73t8q01g.julianrbryant.com/
stuuf
- Online version of Scott's authoritative book on Git.
- [Clearn, concise tutorials on Git.] (https://un5gmtkzgj139wnpz01g.julianrbryant.com/git/tutorials/)
- [Reference Site of jameswillweb] (https://umn45960g5rt1txq3w.julianrbryant.com/github-for-web-designers/)