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.02 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 Will I 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 Visual Studio Code Setup

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

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

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

Object Oriented JavaScript – ES5 ESE5
43 Constructors the this Keyword
44 Built In Constructors
45 Prototypes Explained
46 Prototypal Inheritance
47 Using Object.create
48 ES6 Classes
49 Sub Classes

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

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

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

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

Other Newer Features – ESE5
86 Iterators Generators
87 Profile Scroller – Iterator Mini Project
88 Symbols
89 Destructuring
90 ES6 Maps
91 ES6 Sets

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

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

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

Wrap Up
120 Wrap Up Where To Go From Here


Download from Rapidgator

Download from Turbobit