The Modern JavaScript Bootcamp (2019)

The Modern JavaScript Bootcamp (2019)

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 29.5 Hours | 13.0 GB

Learn JavaScript by building real-world apps. Includes 3 real-world projects, 80 programming challenges, and ES6/ES7!

Have you tried to learn JavaScript before?

JavaScript is the most popular programming language out there, but that doesn’t mean it’s easy to learn. You end up wasting time on out-of-date courses and incomplete YouTube tutorials that talk about a JavaScript features without showing how to use them when building real-world applications.

Sound familiar?

I built this course to teach you how to build and launch your own JavaScript web applications.

The Modern JavaScript Bootcamp starts from scratch and builds up your knowledge of the JavaScript language. Yes, you’ll learn all the features of the language, but you’ll also learn how to use those features together to create a complete application.

This comprehensive course covers the modern ES6 and ES7 JavaScript features used in the real world. You’ll gain an understanding of the latest cutting-edge language features.

Getting experience writing code on your own is a big part of learning JavaScript. That’s why I’ve included over 80 challenges designed to get you writing code, adding app features, and solving a wide range of problems. These challenges will give you the skills and confidence needed to create your own web application.

There are no starter projects here. You’ll see what it takes to launch a JavaScript application, from the first line of code to the final deployed application.

Who’s this course for?

1. People who are brand new to JavaScript. You want to dive into the world of programming and learn JavaScript. This might be your first programming course, or maybe you’ve worked with other languages before. Either way, you’re ready for this bootcamp.

2. People who currently use JavaScript but want a better sense of mastery over the language. You picked up little tricks and snippets of code because you needed to solve a problem. Now you’re ready to master JavaScript as well as explore the latest from ES6 and ES7.

You’ll learn JavaScript by doing, not watching.

This course is not about watching videos, it’s about writing code. From the start, you’ll be building out each project from scratch as well as completing over 80 challenges designed to test and reinforce what you’ve learned.

During the class, you’ll build three JavaScript applications:

1. The first app, a note-taking app, is our starter application. You’ll learn the fundamentals of JavaScript and see exactly what it takes to build a program that allows users to add, edit, delete, and save their notes.

2. The second app, a to-do application, you’ll be building on your own. This will test your skills and ensure that you have the real-world experience and problem-solving skills that are essential for writing JavaScript code.

3. The last app, a hangman word game, is used to explore the world of asynchronous JavaScript. You’ll learn how to set up applications that rely on data from third-party services that can offer up dynamic, real-time information such as the user’s current location.

Stay current in an ever changing world.

The world of JavaScript is always changing, and that’s why I work to keep this course as up-to-date as possible. You can join knowing you’ll be learning the fundamentals of the language as well as the new language features that keep coming out.

This course uses the latest language features from ES6 and ES7.

Everything you need comes in one easy-to-use package.

There’s no need to worry if you’re learning the right skills to land that JavaScript job or launch that JavaScript app. I’ve mapped out everything you need to know in an interactive, easy-to-follow package designed to get you up and running in a couple of weeks.

By the end, you’ll be able to build and launch your own applications.

What you’ll learn

  • Learn JavaScript by building three real-world web applications
  • Gain a deep understanding of how JavaScript works behind the scenes
  • Explore the latest cutting-edge features from ES6 and ES7
  • Test your skills and gain confidence by completing over 80 coding challenges
  • Learn how to deploy your application to the web so you can share them with everyone
  • Learn how to use Promises and Async/Await with asynchronous JavaScript
  • Get more done by learning how to debug and fix your code when things go wrong
  • Get access to a free 80 page PDF guide with lecture notes, code samples, and documentation links
Table of Contents

Course Overview
1 Welcome!
2 Grab the PDF Guide

Setting up Your Machine
3 Section Intro Setting up Your Computer
4 Installing Visual Studio Code
5 Installing Node.js
6 [Windows Only] Install cmder
7 Introduction to the Terminal
8 Hello JavaScript!

JavaScript Basics Variables and Flow Control
9 Section Intro JavaScript Basics
10 Variable Scope Part I
11 Variable Scope Part II
12 Strings and Variables
13 Numbers
14 More on Variables
15 Build a Temperature Converter
16 Booleans and Comparison Operators
17 If Statements
18 Advanced If Statements
19 Logical And and Or Operators

JavaScript Functions
20 Section Intro JavaScript Functions
21 Function Basics
22 Undefined and Null
23 Multiple Arguments and Argument Defaults
24 Function Scope
25 Template Strings
26 Build a Grade Calculator

JavaScript Objects
27 Section Intro JavaScript Objects
28 Bonus Variables with var
29 Object Basics
30 Using Objects with Functions
31 Object References
32 Build an Expense Tracker
33 Methods
34 Exploring String Methods
35 Exploring Number Methods
36 Constant Variables

JavaScript Arrays
37 Section Intro JavaScript Arrays
38 Improve Our Expense Tracker
39 Array Basics
40 Manipulating Arrays with Methods
41 Looping Over Arrays
42 The For Loop
43 Searching Arrays Part I
44 Searching Arrays Part II
45 Filtering Arrays
46 Sorting Arrays

Javascript in the Browser
47 Section Intro Javascript in the Browser
48 Rendering Our Filtered Data
49 Todo Filter Challenge
50 Working With Forms
51 Checkboxes
52 Dropdowns
53 Setting up a Web Server
54 JavaScript in the Browser
55 DOM Manipulation
56 DOM Challenge
57 Adding Elements via the DOM
58 Handling User Interaction
59 Advanced Queries
60 Text Inputs and Live Data Filtering

Data Storage, Libraries, and More
61 Section Intro Data Storage, Libraries, and More
62 Checkbox Challenges
63 The Edit Note Page Part I
64 The Edit Note Page Part II
65 Syncing Data Across Pages
66 JavaScript Dates
67 Moment
68 Integrating Dates Part I
69 Integrating Dates Part II
70 Take a Break
71 Saving Our Data in LocalStorage Part I
72 Saving Our Data in LocalStorage Part II
73 Splitting up Our Application Code
74 Refactor Challenge
75 Debugging Our Applications
76 Complex DOM Rendering
77 Setting up a Third-Party Library
78 Targeting by UUID

Expanding Our JavaScript Knowledge
79 Section Intro Expanding Our JavaScript Knowledge
80 Arrow Functions Part I
81 Arrow Functions Part II
82 Conditional (Ternary) Operator
83 Truthy and Falsy Values
84 Type Coercion
85 Catching and Throwing Errors
86 Handling Application Errors
87 Working in Strict Mode

Advanced Objects and Functions
88 Section Intro Advanced Objects and Functions
89 Hangman Challenge Part III
90 Hangman Challenge Part IV
91 The Class Syntax
92 Creating Subclasses
93 Getters and Setters
94 Update Fixing an Edge Case
95 Object Oriented Programming
96 Constructor Functions
97 Setting up the Prototype Object
98 Hangman Challenge Part I
99 Digging Into Prototypical Inheritance
100 Primitives and Objects Part I
101 Primitives and Objects Part II
102 Hangman Challenge Part II

Asynchronous JavaScript
103 Section Intro Asynchronous JavaScript
104 Converting to Promises
105 Promise Chaining
106 The Fetch API
107 A Fetch Challenge
108 A Promise Challenge
109 AsyncAwait
110 AsyncAwait Challenge
111 Integrating Data into the Application
112 HTTP Requests from JavaScript
113 HTTP Headers and Errors
114 Exploring Another API
115 Callback Abstraction
116 Asynchronous vs. Synchronous Execution
117 Callback Abstraction Challenge
118 Closures
119 Exploring Promises

App Themes
120 Section Intro App Themes
121 CSS at a Glance
122 Setting up the Hangman Theme
123 Setting up the Notes Theme Part I
124 Setting up the Notes Theme Part II
125 Setting up the To-Do Theme Part I
126 Setting up the To-Do Theme Part II
127 Hosting Your Applications

(NEW) Cutting-Edge JavaScript with Babel and Webpack
128 Section Intro Cutting-Edge JavaScript with Babel and Webpack
129 Adding Babel into Webpack
130 Webpack Dev Server
131 Environments and Source Maps
132 Converting Hangman App
133 Using Third-Party Libraries
134 Converting Notes App Part I
135 Converting Notes App Part II
136 Converting Notes App Part III
137 Converting Notes App Part IV
138 To-Do App Conversion Setup
139 The Problem Cross-Browser Compatibility
140 Converting To-Do App Part I
141 Converting To-Do App Part II
142 The Rest Parameter
143 The Spread Syntax
144 The Object Spread Syntax
145 Destructuring
146 Exploring Babel
147 Setting up Our Boilerplate
148 Avoiding Global Modules
149 Exploring Webpack
150 Setting up Webpack
151 JavaScript Modules Part I
152 JavaScript Modules Part II

Wrapping Up
153 Section Intro Wrapping Up
154 New App Idea
155 Bonus Where do I go from here