- Promo
- Introduction to JavaScript
- Get your toolbox - Chrome & Brackets
- Install Chrome & Brackets
- Your first JavaScript Programme
- Home
- Simpliv Learning
- Courses
- The Complete Modern JavaScript Course With ES6 2018
The Complete Modern Javascript Course With ES6 (2018)
Master the complete JavaScript programming language through this Simpliv Learning-offered programme.
Online
31 Hours
$ 9 49
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 (2018) Course is a short programme meant to provide the learners A-Z concepts of Javascript from the very basics to the professional level content such as Closures, Encapsulation, IIFE, etc. Developed by ISSAM BAOU, the course will enable the participants to create advanced projects of JavaScript using ES6 from the beginning making use of best practices of JS, develop the finest JavaScript code by the modular pattern of design, and coming up with high-quality JavaScript applications.
The Complete Modern Javascript Course With ES6 (2018) Online course, provided by Simpliv Learning, could be pursued by learners who are interested in learning JavaScript which is one of the most popular languages of web programming and does not stipulate any kind of previous knowledge to be eligible to enroll. The programme is divided into 15 sections covering a wide range of topics of JavaScript and offers 26 hours of content and 220 lectures. The curriculum equips students with every skill that helps them to be unique while applying for a job as a JS developer job.
The Complete Modern Javascript Course With ES6 (2018)certification also renders the participants practical knowledge along with intensive theoretical exposure through presentations, coding exercises, and professional real-life projects. The participants also will be furnished with lifetime and unlimited access to the study materials along with a 20-day money-back guarantee.
The highlights
- Online course
- 20-Day Money-Back Guarantee
- Learn at your own pace
- Lifetime Access
- Certificate on Completion
- Access on Android and iOS App
Program offerings
- Certificate on completion
- Access on android and ios app
- 247 lectures
- English videos
- Certification of completion
- 30+ hours completion time
Course and certificate fees
Fees information
certificate availability
certificate providing authority
What you will learn
After the completion of The Complete Modern Javascript Course With ES6 (2018) online certification, the learners will be able to understand the advanced JavaScript concepts such as Closures and Encapsulation and apply them while writing outstanding JavaScript applications and make the projects that meet the world-class standard of JS coding.
The syllabus
Introduction
Variables & Data types
- Introduction to Variables & Data types
- Download Variables & Data types Source Code
- 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
- Download Coding Challenge: Help the Cashier Source Code
- Coding Challenge: Help the Cashier - Logic
- Coding Challenge: Help the Cashier - Solution (Part 1)
- Coding Challenge: Help the Cashier - Solution (Part 2)
Conditional & Looping
- Download Conditional & Looping Source Code
- If Statement
- Switch Statement
- For Statement
- while do Statement
- do while Statement
- Download Coding Challenge Source Code
- 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
Functions Part -1
- Download Functions Part -1 Source Code
- Introduction to Functions - Part 1
- 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 Source Code
- 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 source code
- Coding Challenge: Can you count the primes? - Logic
- Coding Challenge: Can you count the primes? - Solution
Objects Part - 1
- Download Objects Part - 1 Source Code
- 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 for each
The DOM
- Download DOM Source Code
- 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 - prevent Default
- Single Threaded JavaScript
- Debouncing
- Event Propagation
- Event Delegation
- jQuery
Execution Context - Hoisting - 'this'
- Download Execution Context Source Code
- Global Execution Context - 'this'
- Execution Context - Creation & Hoisting
- Execution Context - Execution
- Function declaration overriding variable declaration
Scope Chain
- Download Scope Chain Source Code
- Introduction to Scope Chain
- Understand the scope chain
Closures
- Download Closures Source Code
- 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
Objects - Part 2 Encapsulation & Information Hiding
- Download Objects - Part 2 Source Code
- Why would you hide information?
- Use closures to hide properties and methods
- Use IIFE to create private static properties and methods
Objects - Part 3: Inheritance & Prototype Chain
- Download Objects - Part 3 Source Code
- Understand the prototype (1)
- Understand the prototype (2)
- Inheritance & Prototype Chain: __proto__
- Inheritance & Prototype Chain: Object.create
- Inheritance & Prototype Chain: Constructor Inheritance
- Inheritance & Prototype Chain: extend function
- Class Augmentation (1)
- Class Augmentation (2)
- Object cloning
Objects - Part 4: Object Challenges
- Download objects - Part 4 Source Code
- Challenge: Iteration and hasOwnProperty
- Challenge: Iteration using object.keys & forEach
- Challenge: getPrototypeOf & getOwnPropertyNames
- Challenge: Climb up the prototype chain
Objects - Part 5: Singleton & Module Pattern
- Download Objects - Part 5 Source Code
- Namespacing
- Singleton Pattern
- Wrap page specific code
- Modular Design Pattern
Functions Part -2
- Download Functions Part -2 Source Code
- Functions are objects
- The 'arguments' property
- Function.prototype.call
- Function.prototype.apply
- Function.prototype.bind
Trying Test App (Advanced real life Professional Project)
- Introduction to Typing Test App
- Steps Simplified
- Back to Client Requirements
- Functional Design
- Modular Pattern Design
- 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
- Download Get ready to Write Code Source Code
- App Skeleton & Decoration (1)
- App Skeleton & Decoration (2)
- App Skeleton & Decoration (3)
- Download App Skeleton & Decoration Source Code
- init function (Events Module)
- Download init function (Events Module) Source Code
- Fill the list of Test Words (Data Module)
- Download Fill the list of Test Words (Data Module) Source Code
- Shuffle an Array
- Download Shuffle an Array Source Code
- Add Random Capitalisation
- Download Add Random Capitalisation Source Code
- Add Random Punctuation
- Download Add Random Punctuation Source Code
- Fill the list of Test Words (1) (UI Module)
- Fill the list of Test Words (2) (UI Module)
- Download Fill the list of Test Words (2) (UI Module) Source Code
- Time Initialisation (Data & UI Modules)
- Download Time Initialisation (Data & UI Modules) Source Code
- Move to a New Word (Data Module)
- Move to a New Word (Data Module) Source Code
- Set the Active Word & Format it (UI Module)
- Download Set the Active Word & Format it (UI Module) Source Code
- Type a Character - Event Listener
- Download Type a Character - Event Listener Source Code
- word.prototype.update(value)
- Download word.prototype.update(value) Source Code
- keydown vs keyup vs keypress vs input Events
- keydown vs keyup vs keypress vs input Events Source Code
- Format the Active Word (UI Module)
- Format the Active Word (UI Module) Source Code
- Press Space - Event
- Press Space - Event Source Code
- Scroll the Active Word into the Middle of the View
- Scroll the Active Word into the Middle of the View Source Code
- Press Enter - Create a Fake Event using the Event Constructor
- Press Enter - Create a Fake Event using the Event Constructor Source Code
- Launch the Test
- Launch the Test Source Code
- Calculate Words Per Minute & wpmChange (Data Module)
- Update the Time Left (Data & UI Modules)
- Update the Time Left (Data & UI Modules) Source Code
- Calculate Clicks Per Minute & cpmChange (Data Module)
- Calculate Clicks Per Minute & cpmChange (Data Module) Source Code
- Calculate accuracy & accuracyChange (Data Module)
- Calculate accuracy & accuracyChange (Data Module) Source Code
- Update Results (UI Module)
- Update Results (UI Module) Source Code
- End the test & show the Modal (1) (Data & UI Modules)
- End the test & show the Modal (2) (Data & UI Modules)
- End the test & show the Modal (Data & UI Modules) Source Code
- Generate PDF Certificate (1) (Certificate Module)
- Generate PDF Certificate (1) (Certificate Module) Source Code
- Generate PDF Certificate (2) (Certificate Module)
- Generate PDF Certificate (2) (Certificate Module) Source Code
- Generate PDF Certificate (3) (Certificate Module)
- Generate PDF Certificate (3) (Certificate Module) source Code
ES6 - ES2015-Introduction
- Introduction
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
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
ES6 - New Data Structure & Iteration (Iterators, Generators, Maps, Sets..)
- for of Loop
- Iterators, Generators & next()
- Maps - Iteration
- Sets - Iteration
- Sets - Challenges: Intersection * Difference
- Symbols
- Symbol.iterator
ES6 - Modern Array Method
- Array.from: collections, strings & arguments
- Array.from: optional map, length property, Maps & Sets
- Array.of()
- More Modern Array methods
ES6 - Classic (Static methods , Getters/Setters, Inheritance, extends, Super,...))
- Back to ES5 Constructors
- ES6 Classes Syntax
- Static methods
- Getters & Setters
- Class Inheritance - extends - super()