The Complete Javascript Course: Build a Professional Project

The Complete Javascript Course: Build a Professional Project

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 26h 13m | 6.21 GB

OO/functional programming, DOM, EC, hoisting, scope chain, closures, encapsulation, inheritance, and modules

This course has been designed using a robust structure that will take you from zero skills to a job-ready Javascript developer. It is the most comprehensive Javascript course in the market. It contains 15 highly-structured sections distributed over 26 hours of content and 220 lectures, including crystal clear presentations, coding exercises, and a full professional real-life project: This course covers everything you need to stand out when applying for a JS developer job. You will learn the basicsincluding variables and data types, conditional and looping, functions part 1, (first class functions, statements vs expressions, immediately invoked function expressions, and so on). You’ll study objects 1, including: object literals, prototypes, equality, constructors, JSON, DOM (event handling, the event object, debouncing, event propagation, event delegation, single threaded JavaScript, an so on).Then you’ll move to advanced concepts such as execution context, hoisting, ‘this’, scope chain, closures(including updating outer variables, iterations, closures with event loops); objects 2 (encapsulation and information hiding includingusing closures to hide information, using IIFE to create private static properties and methods); objects 3 (inheritance and prototype chain, including class augmentation and object cloning); singleton and modular design patterns (including: name-spacing and on) and functions 2, including the ‘arguments’ property,function,prototype, call and so on.

You will build a full project using advanced techniques you have learnt in this course. (modular design pattern, functional design, and so on). You can also customise the project. A robust project like this one will truly make you stand out in the competition.

What You Will Learn

  • Build advanced Javascript projects from scratch using JS’s best practices.
  • Write high-quality Javascript code using the modular design pattern.
  • Confidently use advanced concepts like closures and encapsulation to build robust Javascript applications.
  • Meet the JS coding standards of world-class corporations.
Table of Contents

1 Promo
2 Introduction to JavaScript
3 Install Chrome & Brackets
4 Your first JavaScript Program
5 Introduction
6 Create Variables
7 Rules
8 Memory
9 Numbers – Introduction
10 Numbers – Arithmetic Operations
11 Numbers – Operator Precedence
12 Numbers – More Operator _ Special Numbers
13 Strings
14 Booleans
15 Booleans – Logical Operators
16 Booleans – Operator Precedence
17 Booleans – Ternary Operator
18 Booleans vs Non Booleans
19 null and undefined
20 Type coercion
21 Objects
22 Arrays
23 Coding Challenge – Help the Cashier – Introduction
24 Coding Challenge – Help the Cashier – Logic
25 Coding Challenge – Help the Cashier – Solution (Part 1)
26 Coding Challenge – Help the Cashier – Solution (Part 2)
27 If Statement
28 Switch Statement
29 For Statement
30 while do Statement
31 do while Statement
32 Coding Challenge – Improve your Cashier Code – Part 1
33 Coding Challenge – Improve your Cashier Code – Solution 1
34 Coding Challenge – Improve your Cashier Code – Part 2
35 Coding Challenge – Improve your Cashier Code – Solution 2
36 Introduction
37 Return values
38 Pass ‘by value’ vs ‘by reference
39 First class functions
40 Statement vs Expression
41 IIFE – Immediately Invoked Function Expressions
42 An invocation pattern – Recursion
43 Built-in JS Functions
44 Scope
45 Coding Challenge – Is it prime – Introduction
46 Coding Challenge – Is it prime – Logic
47 Coding Challenge – Is it prime – Solution
48 Coding Challenge – Can you count the primes – Introduction
49 Coding Challenge – Can you count the primes – Logic
50 Coding Challenge – Can you count the primes – Solution
51 Object literals
52 Dot notation’ vs ‘Brackets’
53 Constructors – ‘new’ keyword – ‘this’
54 Prototype
55 Equality
56 String Object
57 Date Object (1)
58 Date Object (2)
59 Math Object
60 JSON
61 Array Object
62 Array methods
63 Loop through Arrays using forEach
64 Learn HTML&CSS (1)
65 Learn HTML&CSS (2)
66 Learn HTML&CSS (3)
67 Learn HTML&CSS (4)
68 Understand the DOM
69 Access DOM elements (1)
70 Access DOM elements (2)
71 Change DOM elements
72 Remove DOM elements
73 Event Handling (1)
74 Event Handling (2)
75 Event object – keys
76 Event object – mouse events
77 Event object – scroll event
78 Event object – focus
79 Event object – preventDefault
80 Single Threaded Javascript
81 Debouncing
82 Event Propagation
83 Event Delegation
84 jQuery
85 Global Execution Context – ‘this’
86 Execution Context – Creation & Hoisting
87 Execution Context – Execution
88 Function declaration overriding variable declaration
89 Introduction
90 Understand the scope chain
91 Understand Closures
92 Update values of outer variables (1)
93 Update values of outer variables (2)
94 Closures with event loops (1)
95 Closures with event loops (2)
96 Iteration Challenge
97 Why would you hide information
98 Use closures to hide properties and methods
99 Use IIFE to create private static properties and methods
100 Understand the prototype (1)
101 Understand the prototype (2)
102 Inheritance&PrototypeChain – _proto
103 Inheritance&PrototypeChain – Object.create
104 Inheritance&PrototypeChain – Constructor Inheritance
105 Inheritance&PrototypeChain – extend function
106 Class Augmentation (1)
107 Class Augmentation (2)
108 Object cloning
109 Challenge – Iteration and hasOwnProperty]
110 Challenge – Iteration using object.keys & forEach
111 Challenge – getPrototypeOf & getOwnPropertyNames
112 Challenge – Climb up the prototype chain
113 Namespacing
114 Singleton Pattern
115 Wrap page specific code
116 Modular Design Pattern
117 Functions are objects
118 The ‘arguments’ property
119 Function.prototype.call
120 Function.prototype.apply
121 Function.prototype.bind
122 Introduction
123 Steps Simplified
124 Back to Client Requirements
125 Functional Design
126 Modular Design Pattern
127 Modular Categorization
128 Data Module Structure
129 UI Module Structure
130 Format Current Word Structure
131 Results Calculation Structure
132 Update Time Left – Structure
133 Certificate Module Structure
134 Events Module Structure
135 Words Module Structure
136 Overview of Modules
137 Get ready to Write Code
138 App Skeleton & Decoration (1)
139 App Skeleton & Decoration (2)
140 App Skeleton & Decoration (3)
141 init function (Events Module)
142 Fill the list of Test Words (Data Module)
143 Shuffle an Array
144 Add Random Capitalisation
145 Add Random Punctuation
146 Fill the list of Test Words (1) (UI Module)
147 Fill the list of Test Words (2) (UI Module)
148 Time Initialisation (Data & UI Modules)
149 Move to a New Word (Data Module)
150 Set the Active Word & Format it (UI Module)
151 Type a Character – Event Listener
152 word.prototype.update(value)
153 keydown vs keyup vs keypress vs input Events
154 Format the Active Word (UI Module)
155 Press Space – Event
156 Scroll the Active Word into the Middle of the View
157 Press Enter – Create a Fake Event using the Event Constructor
158 Launch the Test
159 Calculate Words per Minute & wpmChange (Data Module)
160 Update the Time Left (Data & UI Modules)
161 Calculate Clicks per Minute & cpmChange (Data Module)
162 Calculate accuracy & accuracyChange (Data Module)
163 Update Results (UI Module)
164 End the test & show the Modal (1) (Data & UI Modules)
165 End the test & show the Modal (2) (Data & UI Modules)
166 Generate PDF Certificate (1) (Certificate Module)
167 Generate PDF Certificate (2) (Certificate Module)
168 Generate PDF Certificate (3) (Certificate Module)