Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
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
@revisualize

This comment has been minimized.

Copy link
Owner Author

revisualize commented Nov 21, 2016

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

@revisualize

This comment has been minimized.

Copy link
Owner Author

revisualize commented Dec 9, 2016

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.

@IMDBLM

This comment has been minimized.

Copy link

IMDBLM commented Mar 18, 2017

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!"

@revisualize

This comment has been minimized.

Copy link
Owner Author

revisualize commented Jul 5, 2017

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.