Full-stack web development free resources for learning

Find 100+ free Full–Stack Web Development  resources for learning.

Table of Contents

1. Start Here
2. How to learn
3. What is the Most Useful CS Bookmark You have
4. Programs & Classes
5. Learn HTML
6. Learn CSS
7. Learn JavaScript
8. Learn React.js
9. Full Stack Tutorials
10. Learn Node.js
11. Learn Python
12. Learn APIs
13. Learn Databases
14. Learn Authentication
15. Learn Git
16. Games & Challenge Websites
17. Free Programming Books
18. Open Source Contribution Opportunities
19. Am I Ready to be a Developer?
20. Software Developer Success Stories
21. 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 out along the way (and can hopefully help you). As you’ll see, we’ve focused on JavaScript, React, and Node.js. There is also a wealth of information on interview prep and applying to jobs.

• Take a look at the big picture:
  • 2020 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?
  • Reddit Link
  • Tuts Plus – The http protocol every web developer must know
• 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 the – 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
  • Learn X in Y Minutes
  • What CS Majors Should Know
  • Google’s Technical Development Guide
  • CSS Tricks – Complete Flexbox Guide
  • Regex Cheat Sheet
  • DevDocs
  • Awesome List of Everything Programming
  • How to Break Into the Tech Industry—a Guide to Job Hunting and Tech Interviews

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 [Updated Reddit Link] [Original Reddit Link]
• Programs
  • The Odin Project
  • FreeCodeCamp
  • The Essential Web Developer Course
  • Epicodus Programming Bootcamp Curriculum
• Classes
  • SANITIZED list of 530+ free online programming/CS courses (MOOCs) with feedback(i.e. exams/homeworks/assignments) that you can start this month (December 2016) – Needs Updating
  • Udacity Free Web Development Courses (Google)
• GitHub
  • A Step by Step Guide to Making Your First GitHub Contribution

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
    • [Course Link] [Reddit Post]
  • Edabit – Learn JavaScript With Interactive Challenges: Earn XP, Unlock Achievements & Climb The Leaderboard
    • [Edabit – Website Link] [Reddit Post]
  • 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:
  • React Components, Elements, and Instances (Medium)
  • Working with React
  • Beginners guide to React Router (Medium)
  • Angular JS vs React JS (Medium)
  • React Native: Nine Animation Screencast Tutorials

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 [Reddit Link]
  • YouTube
  • Colt Steele’s Bootcamp
  • Node School
  • Medium – Why the hell would you use Node?
• 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
  • Make your node server faster by caching responses with redis

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 [Reddit Link]
  • What is an API? In English Please. (Medium)
  • Build a simple Weather App with Node.js in just 16 lines of code
  • Build Node.js RESTful APIs in 10 Minutes
  • Free Intro to APIs Book/Course by Zapier
  • Google Maps API
  • Distance Calculator Web Services API
  • Build and Secure a Backend API Server

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:
  • Git, the simple guide
  • Learn Git Branching – Level by Level learning
  • Learn Git in 30 Minutes – Article
  • Here are all the Git commands I used last week and what they do (Medium)
• 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 [Reddit Link]
  • Flex Box Froggy
  • Flex Box Defense
  • Edabit
  • Coding Game
  • Elevator Saga – JS
  • Scratch – Absolute Basics
  • Hacked – Mobile App teaching through puzzles
• Coding Challenge Websites [Reddit Link] [Reddit Link #2]
  • Medium – 10 most popular coding challenge sites of 2016
  • Codechef
  • Code Wars
  • Coding Game
  • Hacker Rank (some debate about this being good/bad
  • Project Euler (math focus)
  • Exercism

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 [Reddit Discussion]
  • Redditor Form to fill out to get notified about Open Source Opportunities
  • Up For Grabs – Browse a list of projects with curated tasks
• 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
  • Self taught front end devs… When did you know that you were “Job ready”?
  • People who are self-taught developers, how long did it take you to get your first job?
  • When do you know when you’re ready to start interviewing?
• 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?
  • Reddit Discussion – newer
  • What CS Majors Should Know – older
• 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
  • I spent 3 months applying to jobs after a coding bootcamp. Here’s what I learned. (Medium)
  • Lessons from my Post-bootcamp Job search (Medium)
  • How to land a six figure job in tech with no connections (Medium)
• Resume & LinkedIn
  • What are some of the best resuмe formats you’ve seen?
  • Model examples for Fullstack Developer LinkedIn profiles
• Personal Projects
  • Recruiters, what kind of CS projects impress?
• 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
    • GitHub Repo – All questions and answers
    • Reddit Post – Discussion, with additional questions and answers
  • 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
  • How Much Do Software Developers Make in 2017?
  • 12/2016 Salary Sharing Thread (<2 yrs Experience)
  • Salary Negotiations and how not to set a bunch of money on fire (Medium)
  • 10 Rules for negotiating a job offer (Medium)
  • How not to bomb your offer negotiation (Medium)

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

Copyright of the above content

Credit: Brandon Morelli