- Promo
- Introduction to JavaScript
- Install Chrome & Brackets
- Your first JavaScript Programme
Online
₹ 199 995
Quick facts
particular | details | |
---|---|---|
Medium of instructions
English
|
Mode of learning
Self study
|
Mode of Delivery
Video and Text Based
|
Course overview
The Complete Modern Javascript Course with ES6 (2019) online certification corresponds to a structural framework and a result-driven methodology based on "learning by doing," which has previously benefited students secure web development jobs. The Complete Modern Javascript Course with ES6 (2019) online training is developed by ISSAM BAOU - Founder and Director of Development Island based in Bedford, United Kingdom & Instructor and is available through Eduonx, an education-teaching company that assists learners in acquiring skills that will help them become more efficient and confident in their professions.
The Complete Modern Javascript Course with ES6 (2019) syllabus offers 21 highly structured sections spread throughout 31.08 hours of content and 202 lectures, including extensive explanations, coding challenges, and a complete professional real-world project. The training will progress students from beginners to job-ready Javascript Developers. The course also provides in-depth knowledge of the topics such as Closures, hoisting, IIFE, encapsulation, and many more. By the end of the course, learners will be skilled enough to support practical learning with a portfolio of real-world applications. Students must enroll in the course to benefit from the course material and pedagogy.
Course and certificate fees
Fees information
certificate availability
What you will learn
After completing The Complete Modern Javascript Course with ES6 (2019) online certification, students will have a better understanding of ES6 and Javascript, including fundamental concepts of javascript such as variables, data types, conditional statements, loops, functions, and objects, as well as advanced topics such as execution context and others. Students will master the skill of thinking as well as functional design, which will aid them with their web development projects. Students will be able to build a Typing Test project that will be programmed to produce a PDF report at the end of the test.
Who it is for
The syllabus
Section 1 : Introduction
Section 2 : Variables & Data Types
- Introduction
- Create Variables
- Rules
- Memory
- Numbers - Introduction
- Numbers - Arithmetic Operations
- Numbers - Operator Precedence
- Numbers - More Operator / Special Numbers
- Strings
- Booleans
- Booleans - Logical Operators
- Booleans - Operator Precedence
- Booleans - Ternary Operator
- Booleans vs Non Booleans
- null and undefined
- Type coercion
- Objects
- Arrays
- Coding Challenge: Help the Cashier - Introduction
- Coding Challenge: Help the Cashier - Logic
- Coding Challenge: Help the Cashier - Solution (Part 1)
- Coding Challenge: Help the Cashier - Solution (Part 2)
Section 3 : Conditional and Looping
- If Statement
- Switch Statement
- For Statement
- while do Statement
- do while Statement
- Coding Challenge: Improve your Cashier Code - Part 1
- Coding Challenge: Improve your Cashier Code - Solution 1
- Coding Challenge: Improve your Cashier Code - Part 2
- Coding Challenge: Improve your Cashier Code - Solution 2
Section 4 : Functions - Part 1
- Introduction
- Return values
- Pass 'by value' vs 'by reference'
- First class functions
- Statement vs Expression
- IIFE: Immediately Invoked Function Expressions
- An invocation pattern: Recursion
- Built-in JS Functions
- Scope
- Coding Challenge: Is it prime? - Introduction
- Coding Challenge: Is it prime? - Logic
- Coding Challenge: Is it prime? - Solution
- Coding Challenge: Can you count the primes? - Introduction
- Coding Challenge: Can you count the primes? - Logic
- Coding Challenge: Can you count the primes? - Solution
Section 5 : Objects - Part 1
- Object literals
- 'Dot notation' vs 'Brackets'
- Constructors - 'new' keyword - 'this'
- Prototype
- Equality
- String Object
- Date Object (1)
- Date Object (2)
- Math Object
- JSON
- Array Object
- Array methods
- Loop through Arrays using forEach
Section 6 : The DOM
- Learn HTML&CSS (1)
- Learn HTML&CSS (2)
- Learn HTML&CSS (3)
- Learn HTML&CSS (4)
- Understand the DOM
- Access DOM elements (1)
- Access DOM elements (2)
- Change DOM elements
- Remove DOM elements
- Event Handling (1)
- Event Handling (2)
- event object - keys
- event object - mouse events
- event object - scroll event
- event object - focus
- event object - preventDefault
- Single Threaded Javascript
- Debouncing
- Event Propagation
- Event Delegation
- jQuery
Section 7 : Execution Context - Hoisting - 'this'
- Global Execution Context - 'this'
- Execution Context - Creation & Hoisting
- Execution Context - Execution
- Function declaration overriding variable declaration
Section 8 : Scope Chain
- Introduction
- Understand the scope chain
Section 9 : Closures
- Understand Closures
- Update values of outer variables (1)
- Update values of outer variables (2)
- Closures with event loops (1)
- Closures with event loops (2)
- Iteration Challenge
Section 10 : Objects - Part 2: Encapsulation & Information Hiding
- Why would you hide information?
- Use closures to hide properties and methods
- Use IIFE to create private static properties and methods
Section 11 : Objects - Part 3: Inheritance & Prototype Chain
- Understand the prototype (1)
- Understand the prototype (2)
- Inheritance&PrototypeChain: __proto__
- Inheritance&PrototypeChain: Object.create
- Inheritance&PrototypeChain: Constructor Inheritance
- Inheritance&PrototypeChain: extend function
- Class Augmentation (1)
- Class Augmentation (2)
- Object cloning
Section 12 : Objects - Part 4: Objects Challenges
- Challenge: Iteration and hasOwnProperty
- Challenge: Iteration using object.keys & forEach
- Challenge: getPrototypeOf & getOwnPropertyNames
- Challenge: Climb up the prototype chain
Section 13 : Objects - Part 5: Singleton & Module Patterns
- Namespacing
- Singleton Pattern
- Wrap page specific code
- Modular Design Pattern
Section 14 : Functions - Part 2
- Functions are objects
- The 'arguments' property
- Function.prototype.call
- Function.prototype.apply
- Function.prototype.bind
Section 15 : Typing Test App (Advanced Real Life Professional Project)
- Introduction
- Steps Simplified
- Back to Client Requirements
- Functional Design
- Modular Design Pattern
- Modular Categorisation
- Data Module Structure
- UI Module Structure
- Format Current Word Structure
- Results Calculation Structure
- Update Time Left - Structure
- Certificate Module Structure
- Events Module Structure
- Words Module Structure
- Overview of Modules
- Get ready to Write Code
- App Skeleton & Decoration (1)
- App Skeleton & Decoration (2)
- App Skeleton & Decoration (3)
- init function (Events Module)
- Fill the list of Test Words (Data Module)
- Shuffle an Array
- Add Random Capitalisation
- Add Random Punctuation
- Fill the list of Test Words (1) (UI Module)
- Fill the list of Test Words (2) (UI Module)
- Time Initialisation (Data & UI Modules)
- Move to a New Word (Data Module)
- Set the Active Word & Format it (UI Module)
- Type a Character - Event Listener
- word.prototype.update(value)
- keydown vs keyup vs keypress vs input Events
- Format the Active Word (UI Module)
- Press Space - Event
- Scroll the Active Word into the Middle of the View
- Press Enter - Create a Fake Event using the Event Constructor
- Launch the Test
- Calculate Words Per Minute & wpmChange (Data Module)
- Update the Time Left (Data & UI Modules)
- Calculate Clicks Per Minute & cpmChange (Data Module)
- Calculate accuracy & accuracyChange (Data Module)
- Update Results (UI Module)
- End the test & show the Modal (1) (Data & UI Modules)
- End the test & show the Modal (2) (Data & UI Modules)
- Generate PDF Certificate (1) (Certificate Module)
- Generate PDF Certificate (2) (Certificate Module)
- Generate PDF Certificate (3) (Certificate Module)
Section 16 : ES6 - ES2015: Introduction
- Introduction
Section 17 : ES6 - Variables & Scoping
- Review of 'var' declaration
- 'let' scope and temporal dead zone
- Block scoping in ES6
- Functions and Block scoping
- Functions and Block scoping - Use 'let'
- 'let' Scope vs Closures
- Closures Challenge
- 'const' - Read only variables
Section 18 : ES6 - Modern Features which will make your Coding Experience Easier!
- Template Literals
- Arrow Functions - 'this' Lexical Scope
- Destructuring - Arrays
- Destructuring - Objects
- Destructuring - Functions
- Functions - Default Parameter Values
- Functions - Rest Parameters
- Spread Operator
- Object Literals New Features
Section 19 : ES6 - New Data Structures & Iteration (Iterators, Generators,Maps, Sets,...)
- for of Loop
- Iterators, Generators & next()
- Maps - Iteration
- Sets - Iteration
- Sets - Challenges: Intersection * Difference
- Symbols
- Symbol.iterator
Section 20 : ES6 - Modern Array Methods
- Array.from: collections, strings & arguments
- Array.from: optional map, length property, Maps & Sets
- Array.of()
- More Modern Array methods
Section 21 : ES6 - Classes (static methods, getters/setters, inheritance, extends, super,...)
- Back to ES5 Constructors
- ES6 Classes Syntax
- Static methods
- Getters & Setters
- Class Inheritance - extends - super()
Instructors
Mr Issam Baou
Instructor
Eduonix
Other Masters