My Javascript RoadMap

Module 1
Your JavaScript Developer Roadmap to Freedom

✔️ What is your current income & source of income?

✔️ How much do you currently work?

✔️ What kind of lifestyle do you want?

✔️ What kind of income do you want to make?

✔️ How many hours do you want to work?

✔️ What is your work ethic like?

✔️ Where do you see yourself in 5 years? 10 years? 20 years?

✔️ Should you freelance, do full time, or both?

✔️ How do I get the maximum ROI from JavaScript and this course?

Module 2: JavaScript Crash Course

In This Module:

In this module we’ll master the fundamentals & lay a solid foundation so when we build real-
world projects in the future modules, you are ready & have a deep understanding of all the
pieces. If you've never coded in JavaScript before, this is going to be fun.
We Cover Things Like:

Module 2: Javascript Crash Course

▫️Primitive data types (Integers, Booleans, etc.)

▫️Variables

▫️If/else Statements

▫️Logical Operators

▫️For Loops & While Loops

▫️Functions & Methods

▫️What is Scope

▫️Arrays (Lists)

Module 3: Deep solving problems with Javascript

If you don’t learn problem solving, you will suck as a developer. This is a take no prisoners
module where we go deep into the world of problem solving. This is going to be hard. You
might cry. But, if you make it through, the world will never be the same.

We teach you how to solve problems from scratch. I’ll show you behind the scenes of how I
problem solve. From breaking the problem down into component parts, writing stuff on a
whiteboard, to solving problems & coding up a beautiful solution.

Module 4: DOM-inate with Javascript

In This Module:

We master Document Object Models in JavaScript. This is what allows you to write JavaScript
code and make your app functional. Without this, you can’t make a dynamic website or a web
app. Yeah, let's code some stuff up and dominate.
We Go Over:

DOM-inate with JavaScript

▫️How to manipulate the DOM with JavaScript

▫️Document Object Model (DOM) & Accessing Their Elements

▫️Browser Object Model (BOM)

▫️What are Nodes and Elements? + Common Misconceptions

▫️Event Listeners (Handling Interactability)

▫️Changing CSS with Pure JavaScript

▫️Add, remove, and toggle classes

Module 5: Ultimate Environment for JavaScript Developers

In This Module:

I'll show you how to leverage the best tools for web developers to 10x your productivity and
results. These are the tools and workflows I use to get projects done quickly and effectively,
without having to slow down and halt my creativity or critical thinking.

I've tried over a hundred different tools when it comes to coding and productivity, and these
are the ones I've decided are the winners.

Length: 2 Hours

Difficulty:

✔️ Google Inspect Tool (like a boss)

✔️ ZSH | Terminal

✔️ Alfred

✔️ Spectacle (Best window management)

✔️ Visual Studio Code (How to set it up like a modern web developer)

✔️ VIM (Yes, it's difficult, but a total game-changer)

✔️ Droplr

✔️ Stack Overflow

✔️ Git
Module 6: Advanced Modern Javascript

In This Module:

Here we learn the the more complicated and cutting edge parts of JavaScript and Web
Development. We'll improve the quality of your code with industry standard techniques and
immensely increase your worth as a JavaScript Developer.

Concepts We'll Learn:

Advanced Modern JavaScript

Release Date: Jan 21st, 2020

▫️AJAX

▫️Promises

▫️Asynchronous applications & Awaiting

▫️Reading, Writing, and Handling JSON data

▫️Integrating APIs to your apps

▫️Design Patterns (follow these when solving problems)

▫️ES6+ Industry Standards

▫️How to Build Scalable Web Applications with ES6+

▫️Callbacks & Functional Programming

▫️Recursion

▫️Closures

▫️Pass by value & Pass by reference

▫️IFFE (Immediately Invoked Function Expressions)

Module 7: Object Oriented Programming with Javascript

n This Module:

We learn how to code Object Oriented applications with JavaScript. This really simplifies
representing any ideas we have in code for us. It's a 100% necessary technical skill if you want
to be considered a real developer and land clients or full-time jobs.

What We Cover:

Object Oriented Programming with JavaScript

Length: 2 Hours
Difficulty:

Release Date: Jan 28th, 2020

✔️ Classes (ES6+)

✔️ Objects and Creating Models

✔️ Methods

✔️ Class Variables / Global Variables

✔️ Overriding

✔️ Constructors

✔️ Prototype & Deep Dive Prototype

✔️ Class Inheritance

✔️ Prototypal Inheritance (Learning composition)

Module 8: Let’s Build Mini-Projects with Javascript

In This Module:

Mini-Project 3:

Rock Paper Scissors

What you'll learn...

We'll build a beautiful Rock Paper Scissors app from scratch using Vanilla JavaScript

Mini-Project 1:

Your Age In Days Calculator

What you'll learn...

We'll build a simple GUI app that will calculate your age in days.

Mini-Project 2:

Random Cat Generator

We'll build an app that randomly generates cats in a uniform grid using CSS FlexBox and
JavaScript

Let’s Build Mini-Projects with JavaScript

Get through these, and you'll have proven that you are prepared to move on to bigger and
more badass projects.

We take our first delve into using everything we just learned and build three, complete,
beginner friendly mini-projects:

See Below For Details On Each Project:

Release Date: Feb 5th, 2020

▫️Your-Age-In-Days Calculator

▫️Random Cat Generator

▫️Rock Paper Scissors Game