Full stack web dev

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 my 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:
Web Developer Roadpath – Github Repo
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 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

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)
Bootcamps
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]
Paid
The Web Developer Bootcamp by Colt Steele. I include this paid course because it 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, buy this one.
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
Learn CSS

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

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?
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
JS – The Good Parts .pdf
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
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
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
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
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.
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

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

Advertisements

Published by

Engineer IP Dev Crash Browser

Dad #engineering automatic ๐Ÿš€๐Ÿš€๐Ÿš€๐Ÿš€๐Ÿš€๐Ÿš€๐Ÿš€๐Ÿš€๐Ÿ‡ฒ๐Ÿ‡ฆ https://www.freecodecamp.org/barkinet

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s