Learn JavaScript by building real-world apps. Includes 3 real-world projects, 80 programming challenges, and ES6/ES7!
About This Video
In Detail
JavaScript is the most popular programming language in recent times but learning it may seem …
Learn JavaScript by building real-world apps. Includes 3 real-world projects, 80 programming challenges, and ES6/ES7!
About This Video
In Detail
JavaScript is the most popular programming language in recent times but learning it may seem challenging without the right guidance. You may end up wasting time on out-of-date courses and incomplete YouTube tutorials that talk about JavaScript features without effectively demonstrating how to use them for building real-world applications. Sounds familiar?
The Modern JavaScript Bootcamp (2019) starts with the basics and gradually builds on your knowledge of the JavaScript language. You'll not only learn the features of the language, but also how to use those features together to develop a complete application.
As you progress, you’ll cover modern ES6 and ES7 JavaScript features used in the real world. Next, you’ll build three JavaScript applications, before going on to discovering the 80 challenges designed to help you get started with writing code, adding app features, and solving different problems. You’ll then be equipped with the skills you need to launch an application, right from the first line of code through to completion.
Enrolling in this course will even prepare you for the JavaScript Specialist certification. This certification will qualify you to help companies, brands, and development firms with creating high-quality website code. All along, you’ll also brush up on the information from the Framework Course Guide.
By the end of this course, you will be well-versed with JavaScript and have developed the skills you need to confidently build your own applications.
Who this book is for
This course is for anyone who wants to launch an application via JavaScript, switch careers, or simply freelance as a JavaScript developer. You will also find this course helpful if you’re looking to start a career in coding or just create websites for fun.
Chapter 1 : Course Overview
Welcome!
Grab the PDF Guide
Chapter 2 : Building Out Our App
Section Intro: Setting up Your Computer
Installing Visual Studio Code
Installing Node.js
[Windows Only] Install cmder
Introduction to the Terminal
Hello JavaScript!
Chapter 3 : JavaScript Basics: Variables and Flow Control
Section Intro: JavaScript Basics
Strings and Variables
Numbers
More on Variables
Build a Temperature Converter
Booleans and Comparison Operators
If Statements
Advanced If Statements
Logical “And” and “Or” Operators
Variable Scope: Part I
Variable Scope: Part II
Chapter 4 : JavaScript Functions
Section Intro: JavaScript Functions
Function Basics
Undefined and Null
Multiple Arguments and Argument Defaults
Function Scope
Template Strings
Build a Grade Calculator
Chapter 5 : JavaScript Objects
Section Intro: JavaScript Objects
Object Basics
Using Objects with Functions
Object References
Build an Expense Tracker
Methods
Exploring String Methods
Exploring Number Methods
Constant Variables
Bonus: Variables with var
Chapter 6 : Arrays
Section Intro: JavaScript Arrays
Array Basics
Manipulating Arrays with Methods
Looping Over Arrays
The For Loop
Searching Arrays: Part I
Searching Arrays: Part II
Filtering Arrays
Sorting Arrays
Improve Our Expense Tracker
Chapter 7 : Javascript in the Browser
Section Intro: Javascript in the Browser
Setting up a Web Server
JavaScript in the Browser
DOM Manipulation
DOM Challenge
Adding Elements via the DOM
Handling User Interaction
Advanced Queries
Text Inputs and Live Data Filtering
Rendering Our Filtered Data
Todo Filter Challenge
Working With Forms
Checkboxes
Dropdowns
Chapter 8 : Data Storage, Libraries, and More
Section Intro: Data Storage, Libraries, and More
Saving Our Data in LocalStorage: Part I
Saving Our Data in LocalStorage: Part II
Splitting up Our Application Code
Refactor Challenge
Debugging Our Applications
Complex DOM Rendering
Setting up a Third-Party Library
Targeting by UUID
Checkbox Challenges
The Edit Note Page: Part I
The Edit Note Page: Part II
Syncing Data Across Pages
JavaScript Dates
Moment
Integrating Dates: Part I
Integrating Dates: Part II
Take a Break
Chapter 9 : Expanding Our JavaScript Knowledge
Section Intro: Expanding Our JavaScript Knowledge
Arrow Functions: Part I
Arrow Functions: Part II
Conditional (Ternary) Operator
Truthy and Falsy Values
Type Coercion
Catching and Throwing Errors
Handling Application Errors
Working in Strict Mode
Chapter 10 : Advanced Objects and Functions
Section Intro: Advanced Objects and Functions
Object Oriented Programming
Constructor Functions
Setting up the Prototype Object
Hangman Challenge: Part I
Digging Into Prototypical Inheritance
Primitives and Objects: Part I
Primitives and Objects: Part II
Hangman Challenge: Part II
Hangman Challenge: Part III
Hangman Challenge: Part IV
The Class Syntax
Creating Subclasses
Getters and Setters
Update: Fixing an Edge Case
Chapter 11 : Asynchronous JavaScript
Section Intro: Asynchronous JavaScript
HTTP Requests from JavaScript
HTTP Headers and Errors
Exploring Another API
Callback Abstraction
Asynchronous vs. Synchronous Execution
Callback Abstraction Challenge
Closures
Exploring Promises
Converting to Promises
Promise Chaining
The Fetch API
A Fetch Challenge
A Promise Challenge
Async/Await
Async/Await Challenge
Integrating Data into the Application
Chapter 12 : App Themes
Section Intro: App Themes
CSS at a Glance
Setting up the Hangman Theme
Setting up the Notes Theme: Part I
Setting up the Notes Theme: Part II
Setting up the To-Do Theme: Part I
Setting up the To-Do Theme: Part II
Hosting Your Applications
Chapter 13 : (NEW) Cutting-Edge JavaScript with Babel and Webpack
Section Intro: Cutting-Edge JavaScript with Babel and Webpack
The Problem: Cross-Browser Compatibility
Exploring Babel
Setting up Our Boilerplate
Avoiding Global Modules
Exploring Webpack
Setting up Webpack
JavaScript Modules: Part I
JavaScript Modules: Part II
Adding Babel into Webpack
Webpack Dev Server
Environments and Source Maps
Converting Hangman App
Using Third-Party Libraries
Converting Notes App: Part I
Converting Notes App: Part II
Converting Notes App: Part III
Converting Notes App: Part IV
To-Do App Conversion Setup
Converting To-Do App: Part I
Converting To-Do App: Part II
The Rest Parameter
The Spread Syntax
The Object Spread Syntax
Destructuring
Chapter 14 : Wrapping Up
Section Intro: Wrapping Up
New App Idea
Bonus: Where do I go from here?