100+ Free resources for learning Full Stack Web Development.
Hello! I created this list and am constantly updating it with new resources, information, and news. If you want to stay updated on the newest trends, tutorials, and articles in the Web Development world, please subscribe to the once-weekly newsletter!
Subscribe To The Weekly Newsletter Here
Never more than one email per week. Easy to unsubscribe. Your information will never be shared.
Table of Contents
- Start Here
- How to learn
- What is the Most Useful CS Bookmark You have
- Programs & Classes
- Learn HTML
- Learn CSS
- Learn JavaScript
- Learn React.js
- Full Stack Tutorials
- Learn Node.js
- Learn Python
- Learn APIs
- Learn Databases
- Learn Authentication
- Learn Git
- Games & Challenge Websites
- Free Programming Books
- Open Source Contribution Opportunities
- Am I Ready to be a Developer?
- Software Developer Success Stories
- Resume's, Portfolio's, LinkedIn, Interview Prep, & Salary Information
Start Here
The list below isn't meant to be exclusive, it's more so a collection of links that have helped me out along the way (and can hopefully help you). As you'll see, I've focused on JavaScript, React, and Node.js. There is also a wealth of information on interview prep and applying to jobs.
More free resources can be found on codeburst.io
- Take a look at the big picture:
- 2018 Web Developer Roadmap
- YouTube video outlining what to learn (similar to above, but in video format) - Watch this if you want to become a web developer
- Learn about the common tools associated with full stack web development - What is the A-Z of Web Development?
- My journey to becoming a web developer from scratch without a CS degree (and what I learned from it) (Medium)
- What happens when you type google into your address bar?
- Find a local Web Development related Meetup! Don't worry, it's not as scary as you might think, and is one of the best ways to start learning
How to Learn
- How to Learn.
- Coursera Course (Not CS Specific) - Learning how to learn
- Repetition, Repetition, Repetition - Reddit Discussion on study techniques
- What technologies to learn and strategies to learn them - How to learn web development
What is the Single most useful CS Bookmark you have?
- What is the single most useful CS Bookmark you have? Reddit Link to discussion
Programs and Classes
- Bootcamps
- The Web Developer Bootcamp by Colt Steele. I include this paid course because it is worth its weight in gold. Inexpensive (less than $20) and one of the best resources out there. If you're going to buy one course to learn WebDev, buy this one. Also see - The Advanced Web Dev Bootcamp
- Thoughts on Coding Boot camps
- The Complete Guide to Bootcamps
- Self Study - My programming notes. 275 Pages of Content (https://www.reddit.com/r/learnprogramming/comments/5opg9k/my_programming_notes_275_pages_summaries_of/) (https://www.reddit.com/r/learnprogramming/comments/4iewun/my_programming_notes_141_pages_summaries_of/)
- Programs
- Classes
- GitHub
Learn HTML
- Introduction to HTML - Mozilla Docs
- HTML5 Tutorial
- HTML5 Introduction EDX
- Learn to code HTML & CSS - Shay Howe
- HTML Fundamentals - SoloLearn
- HTML Cheat Sheet
- HTML5 Full Tutorial - w3schools
- HTML5 Tutorial PDF DOWNLOAD - tutorialspoint
- Learn HTML series - Code The Web
Learn CSS
- 25 HTML & CSS Tutorials - Learn HTML & CSS by exploring these 25 tutorials.
- Everything you need to know about Flexbox
- Build a Minimalist HTML Card in just 53 lines of code (with Flexbox)
- A visual guide to CSS - CSS Reference
- CSS Pro Tips - A collection of tips to help take your CSS skills pro.
- 10 principles for smooth web animations
- Css Fundamentals - SoloLearn
- CSS Cheat Sheet
Learn JavaScript
-
Javascript Docs
-
Courses/Tutorials
- 60+ JavaScript Tutorials & Walkthroughs - Learn JavaScript and key concepts by exploring more than 60 organized tutorials!
- Recent News, Articles, Tutorials on JavaScript
- JavaScript for Beginners - Understand the hard stuff
- Javascript for Beginners (1) EDX
- Javascript for Beginners (2) EDX
- Javascript The Right Way
- Courses.AngularClass.com - Topics Include: webpack, nodejs, npm, es5, es6, esnext, & rxjs, typescript
- Edabit - Learn JavaScript With Interactive Challenges: Earn XP, Unlock Achievements & Climb The Leaderboard
- Free Advanced JavaScript Courses - Learn Object Oriented Programming, Call Apply, and Bind, Testing, Functional Programming, and much more
- Intermediate Course - Udacity - OOP JS
- JavaScript Tutorial
-
Understanding Tougher Topics
- JavaScript - The keyword 'this' for beginners
- JavaScript - Arrow Functions for Beginners
- JavaScript: What the heck is a Callback?
- JavaScript: What the heck is an Immediately-Invoked Function Expression?
- JavaScript for Beginners: The new Operator
- Javascript: Learn Regular Expressions for Beginners
- JavaScript Template Literals and Tag Functions for Beginners
- JavaScript & the spread operator
- JavaScript: What is short-circuit evaluation?
- JavaScript: What is the ternary operator?
- JavaScript: Why does 3 + true = 4? (and 7 other tricky equations)
- JavaScript — What’s the difference between Null & Undefined?
- Learn and Understand Recursion in JavaScript
- Understand Closures in JavaScript
-
Projects
- JS 30 For 30 - 30 Projects for 30 Days
- Learn to Code with Projects - enlight.ml
- 13 Weeks of JavaScript (Medium) - TONS of links to JS resources
-
Articles/Books
- Three awesome (and free) eBooks for learning JavaScript
- Recursion, Recursion, Recursion (Medium)
- Eloquent JS - Free JavaScript Ebook
- You don't know JS - Free, hosted on GitHub
- JavaScript Garden - learn about the quirky parts of JS
- Learning js Design patterns - Reusable solutions to commonly occurring problems
- Asynchronous Module Definition
Learn React JS
- Official React Docs
- Official React Tutorial
- 3rd Party Tutorials
- 10 React Mini Patterns
- Top 5 Tutorials for getting started with React
- 10 best ReactJS tutorials
- Three awesome courses for learning React JS (Paid courses under $20)
- React Starter Project Search
- Exploring the react Ecosystem! - Article
- Code academy React program
- Great Free React books - Use this link first
- Code Daily
- 25 React Native Tutorials - Learn React Native by exploring these 25 tutorials.
- Build a Todo Application with React Native
- Learn to Animate with React Native
- Medium Links:
Full Stack Tutorials
- Intro to Back End Web Development
- Deploying Applications with Heroku
- Client Server Communication
- Serverless Stack is a comprehensive guide to creating full-stack serverless applications. Create a note taking app from scratch using React.js, AWS Lambda, API Gateway, DynamoDB, and Cognito.
- Express - Using a DB with Mongoose
- Node JS and Databases
- Node JS and Authentication
- Express JS Database Integration
- MERN Stack Tutorial - Mongo, Express, React, Node
- MongoDB MERN Tutorial Series
- Full Stack MERN Tutorial - YouTube
- Build a URL Shortener with Node, Hapi, and Mongo
- How to Create a Complete Express.js + Node.js + MongoDB CRUD and REST Skeleton
- Building web app using react.js, express.js, node.js and mongodb - Part 1, 2
- Trello tribute with Phoenix, React, Redux, PostgreSQL - 12 parts
- Create a character voting app using React, Node.js, MongoDB and Socket.IO
- Building a React Universal Blog App: A Step-by-Step Guide
- Building a Secure RESTful Node.js app
- Cool stuff other people have built:
- Belgian Beer Explorer with React, Bootstrap, Node.js and Postgres
- 90 Full Stack React Examples (some with tuts)
- Confessions of an Unintentional CTO - lessons in growing a web app
Learn Node JS
- Official Node.js Docs
- 25 Node JS Tutorials - Learn Node JS by exploring these 25 free tutorials.
- Resources for learning Node.js (https://www.reddit.com/r/learnprogramming/comments/5xpidt/best_resource_to_learn_nodejs/)
- Courses/Tutorials
- Three awesome courses for learning Node.js (Paid courses under $20)
- Build a simple Twitter Bot with Node.js in just 38 lines of code
- Build a simple Twitter Bot with Node.js - PART 2
- Build a simple Weather App with Node.js in just 16 lines of code
- Learn to build an Amazon Alexa Skill with Node.js (and get paid to do it)
- Building a modern backend API with Node
- Node JS Login with Passport - YouTube
- 10 Best Practices for Writing Node.js REST APIs
- Optimization Techniques
Learn Python
- 15 Free e-books to learn Python
- Programming Foundations with Python - Udacity
- Designing RESTful APIs - Udacity
Learn APIs
- Where to start with learning APIs (https://www.reddit.com/r/learnprogramming/comments/5761ir/where_to_start_with_learning_how_to_use_apis/)
Learn Databases
- SQL vs NoSQL
- Intro to Relational Databases - SQL, DB-API, and More!
- MongoDB University - Numerous classes on learning MongoDB
- PostgreSQL Tutorial
- PostgreSQL Exercises
- Learn PostgreSQL (GitHub)
- Try Redis
- Redis Tutorial
Learn Authentication
- Authentication & Authorization: OAuth
- Learn about JSON Web Tokens
- JWT Sample App Example
- OAuth 2
- Passwordless Authentication with React and Auth0
Learn Git
- Official Tutorial - Learn Git in 15 Minutes
- Official Docs
- Other Tuts:
- Why to Use GIT No, I have no side projects to show you
Games and Challenge Websites
-
Games to learn Programming in an easy and fun way (https://www.reddit.com/r/learnprogramming/comments/5wwkxi/do_you_recommend_any_games_to_learn_coding_in_an/)
-
Coding Challenge Websites (https://www.reddit.com/r/learnprogramming/comments/5oxwjj/any_good_sitesapps_for_small_coding_exercises/) (https://www.reddit.com/r/learnprogramming/comments/5g3xgi/anyone_knows_the_name_of_a_website_to_learn_to/)
Free Programming Books
- O'Reilly Offering Programming eBooks for Free (Reddit)
- GitHub - Thousands of free programming Books on every topic
- Non-Technical Books to make you a better Programmer (Reddit)
Open Source Contribution Opportunities
- Contributing to Open Source on GitHub - The official GitHub guide.
- Make your first open source contribution in 5 minutes
- How do I get skilled enough to work on open source projects?
- Exercism, an open source project to learn programming and a good opportunity to get you started contributing on github.
- Open Source Contribution Opportunites (https://www.reddit.com/r/learnprogramming/comments/5wgefy/many_devs_here_on_reddit_and_on_slack_were_asking/)
- Hacktoberfest - Open source activity held every October. Easy to participate, and you get a free t-shirt!
- I'm afraid if I say anything on GitHub people will laugh at me and I will die.
Am I Ready to be a Developer?
- Readiness
- Software developers- what is the best advice you have for people learning CS?
- I want a career in programming
- What should you know as a web dev just out of college?
- How I got started with Side Projects - link
- What are some goals a beginning Self-Taught Developer should have?
- Computer programmers of Reddit, what is your best advice to someone who is currently learning how to code?
- I began teaching myself to code a year ago. I got hired at my first job 4 months ago. Here is a breakdown of somethings I was not ready for (FYI job is remote ruby/rails dev)
Software Developer Success Stories
- Success Stories
- 18 months ago I didn’t know how to code, I’m now a self-taught programmer who’s made apps for the NBA, NHL, and schools like Purdue, Notre Dame, Alabama and Clemson. I’m now releasing my software under the MIT license for anyone’s use — AMA!
- Last year I was unemployed and miserable. Using this sub and resources, I've been full time employed for a year. I did it with all free resources. I wanna share with you how I did it. (IOS)
- I began teaching myself to code a year ago. I got hired at my first job 4 months ago. Here is a breakdown of somethings I was not ready for (FYI job is remote ruby/rails dev)
- I'm 32 years old, and just started my first full-time job as a developer. One year ago my programming knowledge was basically nil. Everything I learned, I found via /r/learnprogramming, so just wanted to share my experience.
- From zero to software developer - Not really a success story, but a lot of redditors share how they learned. Great for beginners with no path
Get The Job
Resume, Portfolio, LinkedIn, Interview Prep, and Salary Information
-
Make your portfolio
- Customizable Web Developer Portfolio - Built with Flexbox.
- 10 Awesome Web Developer Portfolios
-
How to Apply
-
Resume & LinkedIn
-
Personal Projects
-
Interview Prep
- CS50 - Prep and Practice for Technical Interviews [YouTube]
- How to Break Into the Tech Industry—a Guide to Job Hunting and Tech Interviews
- Common JavaScript Interview Questions Repo
- Ammon Bartram - Ask an interviewer anything: interview questions, answers, mistakes
- Sharing some interview tips (Silicon valley employee)
- Job interview questions to ask the interviewer
- I suck at programming interviews.
- When solving an interview problem, talk all the time.
- Hiring managers (or other seasoned developers), what qualities do you look for in your ideal candidate?
- Post your best interview questions
- Been interviewing with a lot of tech startups as a frontend dev, here are the technical questions I've been asked (MID-SENIOR LEVEL)
- 10 Interview Questions every JS Developer should know (Medium)
-
Salary Information
Assorted Links
- Tutorial/Screencast: Lets Learn Algorithms: An Intro to Binary Search
- JavaScript / Node / Angular 1 & 2 / React / Elm / C# / PHP / SQL / Git Google Drive
- Watch And Code
- RegexOne - Learn Regular Expressions
- Google University GitHub Repo
- Regex 101 by Daniel Shiffman
- 20 Developers to Follow on Twitter