-
-
Save revisualize/dfa3e455722273f57e530b195aced78b to your computer and use it in GitHub Desktop.
| My recommended learning resources for web development. (Note this may be a little too much.) | |
| This is over 80 lines of text. | |
| This is a good video: | |
| How to Become a Master Web Developer | |
| https://www.youtube.com/watch?v=0yzRW8yqN4M | |
| 2016/2017 MUST-KNOW WEB DEVELOPMENT TECH - Watch this if you want to be a web developer | |
| https://www.youtube.com/watch?v=sBzRwzY7G-k 22:51 | |
| Two core resources that I use when learning/troubleshooting: | |
| https://developer.mozilla.org/en-US/ | |
| http://devdocs.io/ | |
| Two other resources/guides: | |
| https://github.com/dexteryy/spellbook-of-modern-webdev | |
| https://github.com/P1xt/p1xt-guides | |
| http://www.freecodecamp.com/ | |
| http://diveintohtml5.info/ | |
| http://dash.ga.co/ | |
| http://marksheet.io/ | |
| http://learn.shayhowe.com/html-css/ | |
| http://learn.shayhowe.com/advanced-html-css/ | |
| http://learnlayout.com/ | |
| https://www.edx.org/course/html5-introduction-w3cx-html5-0x-0 | |
| https://www.edx.org/course/html5-part-1-html5-coding-essentials-w3cx-html5-1x-1 | |
| https://www.edx.org/course/html5-part-2-advanced-techniques-w3cx-html5-2x-1 | |
| https://www.rithmschool.com/courses | |
| https://github.com/freecodecamp/freecodecamp/wiki/js-resources | |
| Be sure to look for the link to JavaScript: Understanding the Weird Parts - The First 3.5 Hours (Watch it) | |
| https://www.khanacademy.org/computing/computer-programming | |
| https://mva.microsoft.com/ | |
| https://www.edx.org/ | |
| https://www.coursera.org/ | |
| https://learn.saylor.org/ | |
| https://alison.com/ | |
| https://medium.freecodecamp.com/why-i-studied-full-time-for-8-months-for-a-google-interview-cc662ce9bb13 | |
| https://github.com/jwasham/google-interview-university | |
| https://watchandcode.com/courses/practical-javascript | |
| https://javascript30.com/ | |
| There's also: | |
| www.codecademy.com | |
| https://www.sololearn.com/ | |
| www.udemy.com (You don't have to pay for anything. There are a lot of great free courses available.) | |
| ... But, I will say, there are some AMAZING lessons on here that are paid and you can get great coupons. | |
| http://www.theodinproject.com/ | |
| http://www.udacity.com/ | |
| http://algorithm.codingdojo.com/ | |
| http://gymnasium.aquent.com/ | |
| https://www.vikingcodeschool.com/prep/ | |
| http://www.thefirehoseproject.com/ - Bootcamp prep. | |
| http://www.hackreactor.com/prep-programs - Free option. | |
| https://flatironschool.com/programs/online-bootcamp-prep-course/ | |
| http://eloquentjavascript.net/ | |
| https://addyosmani.com/resources/essentialjsdesignpatterns/book/ | |
| http://www.dofactory.com/javascript/design-patterns | |
| Learn JavaScript The Hard Way https://learncodethehardway.org/javascript/ | |
| You Don't Know JS (book series) https://github.com/getify/You-Dont-Know-JS | |
| Functional-Light JavaScript (book) https://github.com/getify/Functional-Light-JS | |
| JavaScript for Kids http://www.allitebooks.com/javascript-for-kids/ | |
| There are also these youtube videos: | |
| Learn JS in One Video: https://www.youtube.com/watch?v=fju9ii8YsGs 1:37:09 | |
| Object Oriented JavaScript https://www.youtube.com/watch?v=O8wwnhdkPE4 1:00:35 | |
| JavaScript: The Good Parts https://www.youtube.com/watch?v=hQVTIJBZook 1:03:48 | |
| Keeping Track of "This" in JavaScript https://www.youtube.com/watch?v=JduQUNn7L4w by O'Reilly 13:15 | |
| JavaScript: Understanding the Weird Parts - The First 3.5 Hours https://www.youtube.com/watch?v=Bv_5Zv5c-Ts by Tony Alicea 3:32:50 | |
| 10 Things to Master to For JavaScript Beginners https://www.youtube.com/watch?v=6MaOPdQPvow by Chris Hawkes 28:08 | |
| Youtube channels: | |
| https://www.youtube.com/user/learncodeacademy/videos | |
| I have suggestions on my Facebook note: | |
| https://www.facebook.com/notes/joseph-tracy/learning-front-end-web-development-htmlcssjavascript/10153999655110169 |
Here is my recommend path of resources for learning vanilla Front End Dev..
In this order: (Yes, some review. Review is good. It reinforces knowledge.)
Youtube: How to Become a Master Web Developer
Youtube: 2016/2017 MUST-KNOW WEB DEVELOPMENT TECH - Watch this if you want to be a web developer 22:51
http://dash.ga.co/
http://learn.shayhowe.com/html-css/
http://learn.shayhowe.com/advanced-html-css/
http://learnlayout.com/
Youtube: Learn JS in One Video 1:37:09
Youtube: Object Oriented JavaScript 1:00:35
Youtube: JavaScript: The Good Parts 1:03:48
Youtube: Keeping Track of "This" in JavaScript by O'Reilly 13:15
Youtube: JavaScript: Understanding the Weird Parts - The First 3.5 Hours by Tony Alicea 3:32:50
Watching those videos. Just take notes. It's a LOT of material.
After watching all of those videos.
I'd recommend just mashing though www.Codecademy.com for HTML, CSS, jQuery then JavaScript.
I'd then push through FreeCodeCamp's HTML, CSS, jQuery and JavaScript but, just up to completing the end of the basic algorithms.
Then I'd suggest moving over to:
https://watchandcode.com/courses/practical-javascript
During the process of going through Practical JavaScript. I'd recommend also looking at trying to complete FreeCodeCamp's Intermediate Projects and Algorthms. Eventually, working up through the FreeCodeCamp Advanced Algorithms.
Now, if you want to go all crazy style you could even try to push through this:
https://cs.wellesley.edu/~cs110/syllabus/
There's also learning Data Structures, CS Algorthms, Design Patterns.
https://addyosmani.com/resources/essentialjsdesignpatterns/book/
http://www.dofactory.com/javascript/design-patterns
That outline was ALL focused just on Front End HTML, CSS and vanlilla JS.
If you want to learn other libraries and frameworks plus Back End... You'll have to find more resources on your own.
Note that recommendations are just opinions and everyone has one or two or ten.
There are a TON of resources available. Udemy.com (They do have free and paid options) https://www.edx.org/ https://www.coursera.org/ https://learn.saylor.org/ Microsoft has the https://mva.microsoft.com/ Google has https://developers.google.com/web/fundamentals/ There's http://www.theodinproject.com/ www.udacity.com http://algorithm.codingdojo.com/ http://gymnasium.aquent.com/ Heck, even https://www.khanacademy.org/computing/computer-programming and https://www.hackerrank.com/domains/tutorials/cracking-the-coding-interview
In just this extended section I could go on for days and days and days... Too many universities have open syllabus' that you can use to learn from and the one that I linked is only because I found an image because of a conversation that I was having about Parameters and Arguments for functions.
Overall though If you want to move in this industry as a developer.. You need to build, build, build and build more stuff. Done is better than perfect. Done is better than perfect. And it doesn't matter if you know theory, syntax or how to write the most efficient code for one lesson. If you can't build anything, you won't get very far. You must be able to read someone else's craptastic code and leave it better than you found it.
Stefan Mischook: "You don't need the code camps that say you can be a developer in a year. You can use my program and get done in months!"
This is a huge rabbit hole of knowledge: (Please be selective in your approach to learning.)
https://github.com/EbookFoundation/free-programming-books/blob/master/free-programming-books.md
Some for Python:
Learning Resources to learn vanilla CS with Python. (in no order)
Harvard CS50 https://www.youtube.com/playlist?list=PLhQjrBD2T382VRUw5ZpSxQSFrxMOdFObl
https://learnpythonthehardway.org/
https://developers.google.com/edu/python/
https://www.udacity.com/course/intro-to-computer-science--cs101
https://mva.microsoft.com/en-US/training-courses/introduction-to-programming-with-python-8360
(Yes, Microsoft has a 10-hour course to teach you
Programming for Everybody (Getting Started with Python) https://www.coursera.org/learn/python
Learn to Program: The Fundamentals https://www.coursera.org/learn/learn-to-program
https://www.coursera.org/specializations/computer-fundamentals (You can take the classes individually without paying.)
An Introduction to Interactive Programming in Python (Part 1) https://www.coursera.org/learn/interactive-python-1
An Introduction to Interactive Programming in Python (Part 2) https://www.coursera.org/learn/interactive-python-2
https://www.edx.org/course?search_query=python
http://automatetheboringstuff.com/
Automate the Boring Stuff with Python (youtube): https://www.youtube.com/playlist?list=PL0-84-yl1fUnRuXGFe_F7qSH1LEnn9LkW
https://www.youtube.com/playlist?list=PL3072C720775B213E
https://www.youtube.com/playlist?list=PLGLfVvz_LVvTn3cK5e6LjhgGiSeVlIRwt
TheNewBoston has several videos on Python
https://www.youtube.com/user/sentdex