The Complete Junior to Senior Web Developer Roadmap (2020)
4.8 (4,893 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
44,598 students enrolled

The Complete Junior to Senior Web Developer Roadmap (2020)

Go from Junior Developer to Senior Developer. Learn all the technical skills Senior Web Developers know in 2020!
4.8 (4,893 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
44,595 students enrolled
Created by Andrei Neagoie
Last updated 5/2020
English
English [Auto-generated], Indonesian [Auto-generated], 2 more
  • Polish [Auto-generated]
  • Romanian [Auto-generated]
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 35 hours on-demand video
  • 119 articles
  • 6 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Skills that will allow you to apply for jobs in these roles: Web Developer, Software Developer, Front End Developer, Javascript Developer, or Full Stack Developer
  • Have a full featured image recognition app to put onto your portfolio that will wow any employer
  • You will no longer be or feel like a Junior Developer
  • Lead technical projects as a Senior Developer
  • Learn the technologies that are being used behind the biggest tech companies in 2020
  • Master advanced and modern fundamental concepts in web development
Course content
Expand all 395 lectures 35:30:33
+ Introduction
6 lectures 18:22
Join Our Online Classroom!
01:04
Exercise: Meet The Community
01:13
Before You Get Started
01:25
Don't Be A Junior Developer
00:08
+ SSH
22 lectures 01:10:02
Bruno's Request
00:38
SSH Command
07:12
Resources: SSH Command
00:30
Saving The Day Through SSH
06:33
Optional: Digital Ocean Set Up
00:44
Optional: Digital Ocean Server
00:19
How SSH Works
01:29
Symmetric Encryption
04:21
Asymmetric Encryption
06:46
Resources: Asymmetric Encryption
00:03
Hashing
06:54
Passwords Or SSH?
03:26
SSH Into A Server
13:14
Quick Note: SSH Into A Server
00:39
Resources: SSH Into A Server
00:14
Exercise: Set Up SSH on Github
03:11
Extra Solution: Set Up SSH on Github
00:06
Solution: Set Up SSH on Github
04:57
Optional: Contributing To Open Source Projects
00:32
Section Summary
02:48
Web Developer Monthly
00:20
+ Performance Part 1
29 lectures 02:00:48
Bruno's Request
01:18
Introduction to Performance Part 1
03:41
3 Keys To Performance
04:33
Network Performance
04:45
Image File Formats
04:45
Resources: Image File Formats
00:03
Image Optimizations
07:04
Image Optimizations 2
12:24
Exercise: #1 - Media Queries
00:24
Delivery Optimizations
04:47
Resources: Delivery Optimizations
00:03
Exercise: #2 - Network Optimizations
04:48
Solution: #2 - Network Optimizations
05:11
Critical Render Path Introduction
05:09
Critical Render Path 1
06:01
Critical Render Path 2
17:26
Critical Render Path 3
13:43
Resources: Async + Defer
00:11
Critical Render Path 4
03:58
Exercise: #3 - Critical Render Path
00:15
Exercise: #4 - Keiko Corp Website
04:00
Resources: Keiko Corp Website
00:25
Solution: Keiko Corp Website
09:22
Optional: Resource Prefetching
00:14
Resources: Performance Tools
01:07
HTTP/2
02:43
Resources: HTTP/2
00:05
HTTP/3
00:15
Section Summary
02:03
+ React + Redux + Module Bundling
47 lectures 06:10:27
Bruno's Request
01:26
Section Overview
02:21
Angular vs React vs Vue
06:45
Learning Guideline
00:08
Quick Note About React
00:40
CWD: Introduction To React.js
12:21
CWD: CRA Growing Pains
00:24
CWD: create-react-app
11:50
CWD: create-react-app 2
05:55
CWD: create-react-app 3
02:11
Quick Note: Class vs Functional App.js
03:23
CWD: Code From Previous Video
00:18
CWD: Your First React Component
20:13
CWD: Building A React App 1
16:03
React.Fragment and Semantic HTML
00:19
CWD: Building A React App 2
09:47
CWD: Building A React App 3
26:35
CWD: Styling Your React App
04:59
CWD: Building A React App 4
15:30
CWD: Building A React App 5
08:53
CWD: Building A React App 6
09:05
Project Files
00:10
CWD: Keeping Your Projects Up To Date
08:30
CWD: React Review
02:34
CWD: Error Boundary In React
08:11
CWD: Deploying Our React App
05:10
Introduction To Redux And Webpack
02:49
State Management
07:12
Why Redux?
11:39
Installing Redux
05:45
Redux Actions And Reducers
13:44
Redux Store And Provider
08:35
Redux connect()
16:31
Redux Middleware
08:45
Redux Async Actions
29:27
Redux Project Structures
04:54
Project Files - Redux
00:16
Popular Tools For React + Redux
07:41
Module Bundlers
06:48
Introduction To Webpack
02:45
Update: Babel 7 + ESlint
00:18
Webpack 4
38:01
Updating Libraries: Babel 7 + ESlint
06:35
Quick Fix: Babel 7 Plugins
00:09
Resources: Webpack 4 Configurator
00:08
Parcel
09:19
Section Summary
05:20
+ Performance Part 2
35 lectures 03:19:09
Bruno's Request
01:06
Section Overview
02:02
Optimizing Code
12:15
Code Splitting Introduction
05:54
Exercise: #1 - Code Splitting
00:12
Code Splitting Part 1
14:27
Code Splitting Part 2
12:32
Code Splitting Part 3
13:29
Code Splitting Part 4
02:29
Exercise: #2 - Code Splitting
00:29
React Performance Optimizations
10:36
Resources: React Performance
00:10
React Performance Optimizations 2
19:26
Resources: React Performance 2
00:10
Optimizing Code Review
03:29
Resources: Tree Shaking 101
00:09
Progressive Web Apps
12:54
Resources: Progressive Web Apps
00:14
Progressive Web Apps Examples
06:15
PWA - HTTPS
06:11
Resources: PWA - HTTPS
00:20
PWA - App Manifest
06:12
Resources: PWA - App Manifest
00:05
PWA - Service Workers
13:15
Resources: PWA - Service Workers
00:16
PWA - Final Thoughts
02:03
Exercise: #3 - PWA
00:45
Quick Note: Upcoming Video
00:14
Deploying Our React App
10:18
Service Worker Updates
06:05
Solution Part 1 - PWA
08:52
Solution Part 2 - PWA
10:09
Solution Files - PWA
00:13
Section Summary
02:36
+ Testing
35 lectures 03:32:41
Bruno's Request
01:10
Section Overview
06:21
Types of Tests
02:58
Testing Libraries
15:28
Note: The Next Videos
00:27
Unit Tests
02:42
Integration Tests
02:46
Automation Testing
04:27
Final Note On Testing
02:56
Setting Up Jest
11:45
Our First Tests
11:10
Writing Tests
05:31
Quick Note: Upcoming API Endpoint
00:21
Asynchronous Tests
10:18
Asynchronous Tests 2
11:41
Resources: Jest Cheat Sheet
00:12
Exercise: #1 - Testing With Jest
00:16
Note: Testing React Apps
00:11
Introduction To Enzyme
14:29
Resources: Enzyme
00:12
Snapshot Testing
09:29
Snapshot Testing + Code Coverage
04:54
Exercise: #2 - Testing Stateful Components
00:17
Testing Stateful Components
11:16
Quick Recap
02:35
Exercise: #3 - Testing Connected Components
00:18
Testing Connected Components
23:50
Testing Connected Components 2
03:35
Exercise #4 - Testing All Components
00:10
Testing Reducers
14:57
Testing Actions
18:27
Exercise: #5 - Final Tests
00:19
Note: What Test is Best?
00:10
Section Summary
04:11
+ TypeScript
30 lectures 02:00:02
Bruno's Request
01:00
Section Overview
01:27
Dynamic vs Static Typing
11:50
Weakly vs Strongly Typed
03:18
Static Typing In Javascript
09:45
TypeScript Compiler
03:50
Resources: Installing Node.js
00:56
Resources: Installing TypeScript Compiler
00:07
TypeScript
11:33
Resources: TypeScript In Your Editor
00:05
TypeScript 2
03:16
TypeScript 3
07:24
Resources: TypeScript Types
00:09
TypeScript 4
05:38
TypeScript 5
06:39
TypeScript 6
04:48
Resources: Type Vs Interface
00:02
TypeScript 7
03:34
Resources: Type Assertion
00:04
TypeScript 8
06:04
TypeScript 9
01:21
TypeScript 10
01:23
DefinitelyTyped
05:57
Update: Create React App with TypeScript
04:02
Exercise: #1 - TypeScript In Robofriends
07:11
Resources: TypeScript In Robofriends
00:16
Solution: #1 - TypeScript In Robofriends
14:00
Solution Files - TypeScript In Robofriends
00:03
A Little Joke
00:49
Section Summary
03:27
+ SPA vs Server Side Rendering
19 lectures 01:31:50
Bruno's Request
00:58
Section Overview
07:53
CSR vs SSR
05:33
Server Side Rendering React
10:55
Note: SSR In React
00:27
CSR vs SSR Part 2
11:18
SSR React Libraries
03:57
Quick Note: Upcoming Videos
00:16
Setting Up Next.js
07:56
Next.js Pages
07:35
Client Side Routing
02:25
Exercise: #1 - Client Side vs Server Side Routing
00:27
Shared Components
02:14
Dynamic Apps with Next.js
15:31
Deploying Next.js Apps
00:52
Updating To Latest Version Of Next.js
05:04
Exercise: #2 - SSR Robofriends
00:39
Understand JavaScript SEO
00:07
Section Summary
07:42
+ Security
25 lectures 02:06:13
Bruno's Request
01:14
Section Overview
04:06
Star Of Security
01:02
Injections
19:42
Exercise: #1 - Injections
00:11
Exercise: #2 - Security Files
00:16
Resources: Installing PostgreSQL
04:33
3rd Party Libraries
10:51
Note: NPM v6
00:13
Logging
14:02
HTTPS Everywhere
06:21
XSS + CSRF
20:41
Exercise: #3 - XSS + CSRF
00:09
Resources: XSS + CSRF
00:08
Secure Headers
05:35
Resources: Secure Headers
00:09
Access Control
06:31
Data Management
10:54
Resources: Storing Passwords
00:03
Don’t Trust Anyone
02:53
Authentication
03:09
Exercise: #4 - Optional Hacking
00:09
Resources: Personal Security
00:06
Section Summary
03:23
+ Code Analysis
11 lectures 01:17:55
Bruno's Request
01:30
Section Overview
03:56
Setting Up Your Environment
27:01
Exercise: #1 - SmartBrain App
02:14
Optional: CWD - Installing PostgreSQL
06:53
How To Analyze Code
16:37
Exercise: #2 - Analyze Code
00:11
Exercise: #3 - Multiple Face Detection
00:20
Resources: New Feature Commit
00:09
Solution: #3 - Multiple Face Detection
17:20
Section Summary
01:43
Requirements
  • Basic understanding of HTML, CSS, and Javascript
  • Prepare to learn real life skills and build real web apps that will get you hired
  • Completion of "The Complete Web Developer in 2020: Zero to Mastery" is a bonus but not necessary
Description

Join a live online community of over 240,000+ developers and a course taught by an industry expert that has actually worked both in Silicon Valley and Toronto as a senior developer. Graduates of this course are now working at Google, Tesla, Amazon, Apple, IBM, JP Morgan, Facebook + other top tech companies.

This is the tutorial you've been looking for to no longer be a junior developer, level up your skills, and earn a higher salary. This extensive course doesn’t just cover a small portion of the industry. This covers everything you need to know to go from junior developer, to learning the in-demand technical skills that some of the top developers in the industry know so you can become a senior developer this year.

I guarantee you that you won't find a course that is as comprehensive, up to date, and better quality, than this tutorial. You will be guided in your journey to become an admired and respected Senior Developer one day.

This is the hardest work I have ever done in my life, and it took me months to plan, months to film, months to edit, and years of experience to create. No course like this exists out there because this is a really difficult topic to teach and to combine all of the technologies we cover into one course is a long hard process.

By the end of this course you will have a fully functioning image recognition app to show off on your portfolio. More importantly, you will be able to implement and add the below skillsets to your resume, impress your boss, and ace your next interview (Trust me, some of these may not mean anything to you now, but they are topics that ALL Senior Developers know). You will be taken from absolute zero to knowing how to:

  • Use React and Redux to build complex and large applications.

  • Improve performance of any web application (Code Splitting, Load Balancing, Caching, Code Optimizations, and much more)

  • Use SSH on a remote linux server and generate ssh keys

  • Use Webpack 4 and Parcel to set up a project and bundle your files

  • Implement proper security and securing your apps like an expert

  • Use AWS Lambda and Serverless architecture to manage applications that can handle millions of users

  • Use Typescript on a project to have less bugs in your code

  • Write all kinds of tests and learn about all the testing tools you can use to write better software

  • Use Docker and docker compose to create containers for your services

  • Use Sessions and JWT to manage user authentication and authorization

  • Use Redis database for session management and caching

  • Decide when to use Server Side Rendering vs Client Side Rendering for your projects

  • Create a Progressive Web App that works offline like a native mobile app.

  • Implement Continuous Integration, Continuous Delivery, Continuous Deployment for your company and make your boss happy.

The above skillsets are exactly what Senior Developers know and can use in terms of their technical skills. Not only will you understand how to do these things, but most importantly, you will deeply understand why they exist and what problems they solve so that when asked in an interview, you can speak intelligently about them, or when asked by your boss, you can take the lead on the project and implement them.

Here is what sets this course apart from the rest:

  1. There is no wasted time here. We won’t be using outdated technologies that a lot of courses online use. Although still useful, outdated technologies are low paying and demand for them is decreasing. In this course, you will learn the specific technologies that are the most in demand in the industry right now. These include tools and technologies used by the biggest tech companies like Google, Facebook, Amazon, etc… It’s geared specifically for people that want to excel in their career as a web developer in 2020.

  2. After finishing this course, you will be able to apply for intermediate to senior developer roles. You will no longer be a junior developer. We won't be taking any shortcuts in this course. You will be taken through everything I have learned over the many years coding while managing projects and people for some of the largest tech firms.

  3. This course is taught by an instructor who has worked in Silicon Valley, and one of the top tech consulting companies in Canada. I have built large scale applications, managed projects and people, but most importantly, I have worked directly with these technologies. I am not an online marketer or a salesman. I am a senior software developer who loves programming and believes that there needs to be a course out there that actually teaches valuable modern skills.

  4. Your time is valuable. You want a course that outlines the best way to learn the topic, in simple and well explained way, so that you fully understand the content instead of just watching somebody on your screen code. I have taken the best pieces, the best methods, from experience as well as from other experts, and condensed everything so that you can learn in the most efficient way possible. 50 hours of videos doesn't mean much if the instructor isn't engaging or focuses on outdated topics. 

  5. We have a thriving online chat community so you really feel like you are part of a classroom and not just watching videos by yourself. You will have a chance to communicate with fellow students, work on group projects together, and contribute to open source. Anytime you have a question you can ask in the chat and someone will surely be able to help you right away including myself.

  6. The course is designed to level up your skills ABOVE a Junior Developer role. My previous course The Complete Web Developer in 2020: Zero to Mastery is the highest rated developer course on Udemy, and one of the fastest growing. I've helped students who now work at some of the largest tech firms in the world as developers.

In this course, you will be taken through online videos and exercises. It will follow a storyline where you are hired by Keiko Corp. They are a fast growing tech company that has two products which definitely need some work. Each section of the course will solve different problems for this company which mimic real life scenarios you will encounter as a senior developer. 

You will become comfortable using the below skills and you will be able to put these on your resume:

  • SSH

  • React + Redux 

  • Webpack4 + Parcel

  • Node.js + Express

  • Front End Performance Optimizations

  • Back End Performance Optimization

  • Progressive Web Apps

  • Typescript

  • Software Testing

  • Server Side Rendering and Client Side Rendering

  • Front End Security Optimizations

  • Back End Security Optimizations

  • Docker

  • Redis

  • Sessions + JWT

  • Amazon Web Services

  • Serverless Architecture

  • Continuous Integration

  • Continuous Delivery

  • Continuous Deployment


This course is the accumulation of all of my years working, learning, and teaching coding, and all of the frustrations and incomplete information I have encountered along the way. There is so much information out there, so many opinions, and so many ways of doing things, that unless you have spent the past years working with these technologies in a company, you will never fully understand. So this course is the answer to that exact problem. I have gone through thousands of coding books and online tutorials and bootcamps and have worked and consulted on some really big projects. I have worked with these tools on real applications. Throughout the years I have taken notes on what has worked, and what hasn't and I've created this course to narrow down the best way to learn and the most relevant information for you to become a superstar web developer.

If you succeed in this course, that is my success as well. Therefore, I will be there every step of the way helping you understand concepts and answering any questions you have.

I am 100% confident that you won't find a course like this out there that will help you build the strong foundations for you to start a new career or to upgrade your skills and become a top level developer. We're not going to be building simple todo applications and cat image sliders. We are going to learn actual practical skills that will put you above and beyond the skillset of the average developer.

Why do we teach the above? Why did we pick these tools? Because in this day and age, just being a junior developer won't make you happy. You want to feel important, smart, and admired at work. You want to be able to make big decisions. With this course, you will be able to grow in your role and command a higher salary. I am teaching you these topics because these are the things you should know in 2020 so that you are miles ahead of the rest, because these are the skills used by the top tech firms around the world.

Make this the year that you took a risk, you learned highly in demand skills, you had new experiences, and you received new opportunities. I hope you join me in this journey. See you inside!


Taught by:  

Andrei is the instructor of the highest rated Web Development course on Udemy as well as one of the fastest growing. His graduates have moved on to work for some of the biggest tech companies around the world like Apple. He has been working as a senior software developer in Silicon Valley and Toronto for many years, and is now taking all that he has learned, to teach programming skills and to help you discover the amazing career opportunities that being a developer allows in life. 

Having been a self taught programmer, he understands that there is an overwhelming number of online courses, tutorials and books that are overly verbose and inadequate at teaching proper skills. Most people feel paralyzed and don't know where to start when learning a complex subject matter, or even worse, most people don't have $20,000 to spend on a coding bootcamp. Programming skills should be affordable and open to all. An education material should teach real life skills that are current and they should not waste a student's valuable time.  Having learned important lessons from working for Fortune 500 companies, tech startups, to even founding his own business, he is now dedicating 100% of his time to teaching others valuable software development skills in order to take control of their life and work in an exciting industry with infinite possibilities. 

Andrei promises you that there are no other courses out there as comprehensive and as well explained. He believes that in order to learn anything of value, you need to start with the foundation and develop the roots of the tree. Only from there will you be able to learn concepts and specific skills(leaves) that connect to the foundation. Learning becomes exponential when structured in this way. 

Taking his experience in educational psychology and coding, Andrei's courses will take you on an understanding of complex subjects that you never thought would be possible.  

See you inside the courses!

Who this course is for:
  • You don't want to be a Junior Web Developer anymore
  • You want to become a Senior Developer one day and earn a higher salary
  • You want to learn best practices and build scalable applications professionally
  • You know HTML, CSS and Javascript but want to expand your skills and do more
  • You want to start your own business or become a freelancer
  • You want to learn advanced industry skills that are necessary in 2020 to get hired as a web developer
  • You want one course to teach you everything in one place from a Senior Developer that works in the industry