Modern JavaScript From The Beginning

Modern JavaScript From The Beginning
Modern JavaScript From The Beginning
English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 21.5 Hours | 3.35 GB

Learn and build projects with pure JavaScript (No frameworks or libraries)

This is a front to back JavaScript course for absolutely everybody. We start with the basic fundamentals and work our way to advanced programming WITHOUT relying on frameworks or libraries at all. You will learn a ton of pure JavaScript, whether you are a beginner or an established JS programmer. There is something for everyone…

WHATS INCLUDED?

  • Basics & Fundamentals: Data types, let & const variables, functions, conditionals, loops, object literals, arrays, etc
  • DOM Manipulation: Selectors, traversing the DOM, show/hide, creating & removing elements, event listeners
  • OOP: ES5 prototypes, inheritance, ES2015 classes & sub-classes, constructors
  • Async JS: Ajax & XHR, Fetch API, callbacks, promises, async / await
  • ES2015+: Arrow functions, template strings, generators, iterators, maps & sets, symbols & more
  • JavaScript Patterns: Module, Factory, State, Observer, Mediator, Singleton
  • Other: Local & session storage, regular expressions, try/catch error handling
  • 10 Projects of all kinds

PROJECTS

  • Task List With Local Storage
  • Loan Calculator
  • Number Guess Game
  • OOP Book Listing App (ES5 Prototype & ES2015 Classes Version)
  • Chuck Norris Joke Generator
  • EasyHTTP – Custom HTTP Library (3 Versions – Callbacks / Promises / Async & Await)
  • Github Finder
  • WeatherJS App
  • Calorie Tracker (Module Pattern)
  • Microposts – Frontend CRUD for REST API (Webpack & Babel)

What you’ll learn

  • Modular learning sections & 10 real world projects with pure JavaScript
  • Master the DOM (document object model) WITHOUT jQuery
  • Asynchronous programming with Ajax, Fetch API, Promises & Async / Await
  • OOP including ES5 prototypes & ES2015 classes
  • Learn JavaScript Patterns
  • Regular expressions, error handling, localStorage & more
Table of Contents

Intro & Getting Started
1 Welcome To The Course
2 Project Files & Questions
3 Projects Github Repo
4 Visual Studio Code Setup

JavaScript Language Fundamentals
5 Section Intro & File Setup
6 Object Literals
7 Dates & Times
8 If Statements & Comparison Operators
9 Switches
10 Function Declarations & Expressions
11 General Loops
12 A Look At The Window Object
13 Block Scope With let & const
14 Using The Console
15 Variables – var, let & const
16 Data Types in JavaScript
17 Type Conversion
18 Numbers & The Math Object
19 String Methods & Concatenation
20 Template Literals
21 Arrays & Array Methods

DOM Manipulation & Events
22 What Is The DOM
23 Keyboard & Input Events
24 Event Bubbling & Delegation
25 Local & Session Storage
26 Examining The Document Object
27 DOM Selectors For Single Elements
28 DOM Selectors For Multiple Elements
29 Traversing The DOM
30 Creating Elements
31 Removing & Replacing Elements
32 Event Listeners & The Event Object
33 Mouse Events

DOM Projects
34 Task List [Part 1] – UI & Add Task Items
35 Number Guesser [Part 4] – Play Again
36 Task List [Part 2] – Delete & Filter Tasks
37 Task List [Part 3] – Persist To Local Storage
38 Loan Calculator [Part 1] – Build The UI
39 Loan Calculator [Part 2] – Calculate & Error
40 Loan Calculator [Part 3] – Loader & User Experience
41 Number Guesser [Part 1] – Build The UI
42 Number Guesser [Part 2] – Validation & Winning Case
43 Number Guesser [Part 3] – Lose Case & Game Over

Object Oriented JavaScript – ES5 & ES2015
44 Constructors & the ‘this’ Keyword
45 Built In Constructors
46 Prototypes Explained
47 Prototypal Inheritance
48 Using Object.create
49 ES6 Classes
50 Sub Classes

OOP Book List Project
51 Build The Book List UI
52 Add Book To List
53 Validation & Alert
54 Delete Book From List
55 Convert to ES6 Classes
56 Bonus – Add Local Storage

Asynchronous JavaScript, Ajax & Fetch API
57 What Is Asynchronous Programming
58 ES6 Promises
59 The Fetch API
60 Error Handling With Fetch
61 Arrow Functions
62 Custom HTTP Library (Fetch With Promises) – Part 3
63 Async & Await
64 Custom HTTP Library (Fetch With Async Await) – Part 4
65 Ajax & XHR Introduction
66 XHR Object Methods & Working With Text
67 Working With Ajax & JSON
68 Data From an External API – Chuck Norris Project
69 REST APIs & HTTP Requests
70 Callback Functions
71 Custom HTTP Library (Ajax With Callbacks) – Part 1
72 Custom HTTP Library (Ajax With Callbacks) – Part 2

API Projects
73 Github Finder [Part 1] – Intro & UI
74 Github Finder [Part 2] – Fetching Profile Data
75 Github Finder [Part 3] – Display The Profile
76 Github Finder [Part 4] – Show Alert Message
77 Github Finder [Part 5] – Fetch & Display Repos
78 WeatherJS [Part 1] – Intro & UI
79 WeatherJS [Part 2] – Fetch Weather From API
80 WeatherJS [Part 3] – Display The Weather
81 WeatherJS [Part 4] – Save Location To Local Storage

Error Handling & Regular Expressions
82 Error Handling with Try…Catch
83 Regular Expressions [Part 1] – Evaluation Functions
84 Regular Expressions [Part 2] – Metacharacter Symbols
85 Regular Expressions [Part 3] – Character Sets & Quantifiers
86 Regular Expressions [Part 4] – Shorthand Character Classes
87 Regular Expressions – Form Validation Project

Other Newer Features – ES2015+
88 Iterators & Generators
89 Profile Scroller – Iterator Mini Project
90 Symbols
91 Destructuring
92 ES6 Maps
93 ES6 Sets

JavaScript Patterns
94 What Are Patterns
95 Module & Revealing Module Pattern
96 Singleton Pattern
97 Factory Pattern
98 Observer Pattern
99 Mediator Pattern
100 State Pattern – Small Project

Tracalorie Project (Using The Module Pattern)
101 Project Introduction
102 Delete & Clear Items
103 Add & Get From Local Storage
104 Delete & Clear From Local Storage
105 Creating The UI With Materialize CSS
106 Controllers & Data Structure
107 Get & Populate Items
108 Add Item To Data Structure
109 Add Item To The UI
110 Add Total Calories
111 Working With The Edit State
112 Updating Items & Total Calories

Microposts Project – CRUD Front End (Webpack & Babel)
113 Babel & Webpack Environment Setup
114 Intro To ES2015 Modules
115 Create The UI
116 Create a fake REST API Using JSON Server
117 Get & Display Posts
118 Add Posts & Show Alert
119 Removing Posts
120 Post Edit State & Update [1]
121 Post Edit State & Update [2]

Wrap Up
122 Wrap Up & Where To Go From Here