Video description
Whether you have no programming background or have some experience with JavaScript but admit that you struggle with advanced JavaScript coding or feel intimidated when you come across “weird” JavaScript concepts such as Closures, Encapsulation, or IIFE, this is the course for you!
This course follows a robust structure and a result-driven approach based on “learning by doing”, which has helped our students secure web development jobs in the past. It is the most comprehensive JavaScript course in the market. With 21 highly structured sections distributed over 30 hours plus of content and 227 lectures, including crystal-clear presentations, detailed explanations, coding challenges, and a complete professional real-life project.
In this course, you will go from a beginner to a job-ready JS Developer. We will prove that concepts like closures, hoisting, IIFE, encapsulation, and more are as easy as drinking a glass of water. And you will gain so much power you will use those "weird" concepts to build a fully functional 10h Typing Test App which will make you proud of yourself.
By the end of the course, you will have built a full professional JavaScript project from scratch: a fully functional typing test application that can test users’ typing speed and generate a PDF certificate at the end of the test.
What You Will Learn
- Learn JavaScript fundamentals as well as advanced concepts
- Master tricky JS concepts such as closures, execution contexts, scope, and more
- Understand how JavaScript works behind the scenes
- Master the modular design pattern and use it to write professional and well-structured code
- Learn new ES6 features such as template literals, arrow functions, classes, and more
- Build a fantastic fully functional typing test
Audience
Students who would like to go from zero skills to securing a JavaScript developer job or who know some JS and know how to use it, but have not mastered advanced concepts such as IIFE, closures, and so on. This course is also for students preparing for JS interviews with top web development corporations.
No prior knowledge is necessary. HTML/CSS, though, can be useful. But worry not, we have covered videos that teach HTML and CSS from scratch.
About The Author
Development Island (UK), Issam Baou: Issam Baou is the founder and director of Development Island based in Bedford, United Kingdom, and is specialized in providing the best technology courses on the Internet. He has two master’s degrees in engineering and management from Cranfield University (UK) and Ecole Centrale, Paris. He has worked for many world-class companies in the past, including Amadeus, Ford, and Airbus, in different roles including web development, consulting, simulation, and teaching. He has a solid and successful track record of teaching mathematics and web development.
Table of contents
- Chapter 1 : Introduction
-
Chapter 2 : Variables and Data Types
- Introduction
- Create Variables
- Rules
- Memory
- Numbers - Introduction
- Numbers - Arithmetic Operations
- Numbers - Operator Precedence
- Operators and Operator Precedence
- Numbers - More Operator / Special Numbers
- Activity: Avoid a Speeding Fine! (Four Tasks)
- Strings
- Activity: How Old Will You Be in 2040? (Nine Tasks)
- Booleans
- Booleans - Logical Operators
- Booleans - Operator Precedence
- Booleans - Ternary Operator
- Booleans Versus Non-Booleans
- Activity: Will You Pass? (Six Tasks)
- Null and Undefined
- Type Coercion
- Objects
- Activity: Claim Extra Points (Four Tasks)
- Arrays
- Coding Challenge: Help the Cashier - Introduction
-
Chapter 3 : Conditional and Looping
- If Statement
- Activity: Beat Usain Bolt (Four Tasks)
- Switch Statement
- Activity: Days of the Week (Two Tasks)
- For Statement
- Activity: Find a Hotel in London (Six Tasks)
- while do Statement
- do while Statement
- Activity: 24h Schedule App (Five Tasks)
- 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
-
Chapter 4 : Functions (Basic and Intermediate)
- Introduction
- Activity: Holiday Budget Planner (Two Tasks)
- Return Values
- Activity: The Miami Museum (Two Tasks)
- Pass 'by value' Versus 'by reference'
- Activity: Rafael Nadal Versus Novak Djokovic (Four Tasks)
- First Class Functions
- Activity: Mars Invasion (Six Tasks)
- Statement Versus Expression
- Activity: The Island Treasure (Four Tasks)
- IIFE: Immediately Invoked Function Expressions (Intermediate)
- An Invocation Pattern: Recursion
- Activity: Fibonacci's Honey Bees (Two Tasks)
- Built-In JS Functions
- Scope (Intermediate)
- Activity: Manchester- Part London Train Simulation (Seven Tasks) (1)
- Activity: Manchester- Part London Train Simulation (Seven Tasks) - Part 2
- 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
-
Chapter 5 : Objects
- Object Literals
- ‘Dot Notation’ Versus ‘Brackets’
- Activity: Hack the Recipe (Three Tasks)
- Constructors - ‘new’ Keyword - ‘this’
- Prototype
- Activity: The Hotel Manager (10 Tasks) - Part 1
- Activity: The Hotel Manager (10 Tasks) - Part 2
- Activity: The Hotel Manager (10 Tasks) - Part 3
- Equality
- String Object
- Activity: Lion, tiger or else? (5 Tasks) - Part 1
- Activity: Lion, Tiger or Else? (Five Tasks) - Part 2
- Date Object (1)
- Date Object (2)
- Activity: Is the Library Open? (Six Tasks) - Part 1
- Activity: Is the Library Open? (Six Tasks) - Part 2
- Activity: Is the Library Open? (Six Tasks) - Part 3
- Math Object
- JSON
- Array Object
- Array Methods: Filtering, Slicing, and more
- Loop Through Arrays Using forEach
- Activity: The Europe Tour (Four Tasks) - Part 1
- Activity: The Europe Tour (Four Tasks) - Part 2
-
Chapter 6 : The DOM
- Learn HTML and CSS (1)
- Learn HTML and CSS (2)
- Learn HTML and CSS (3)
- Learn HTML and 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
- Chapter 7 : Execution Context - Hoisting - 'this'
- Chapter 8 : Scope Chain
- Chapter 9 : Closures
- Chapter 10 : Objects (Advanced): Encapsulation and Information Hiding
-
Chapter 11 : Objects (Advanced): Inheritance and Prototype Chain
- Understand the Prototype (1)
- Understand the Prototype (2)
- Inheritance and PrototypeChain: __proto__
- Inheritance and PrototypeChain: Object.create
- Inheritance and PrototypeChain: Constructor Inheritance
- Inheritance and PrototypeChain: Extend Function
- Class Augmentation (1)
- Class Augmentation (2)
- Object Cloning
- Chapter 12 : Objects (Advanced): Objects Challenges
- Chapter 13 : Objects (Advanced): Singleton and Module Patterns
- Chapter 14 : Functions (Advanced)
-
Chapter 15 : Full Professional Project: Typing Test App
- Introduction
- Steps Simplified
- Back to Client Requirements
- Functional Design
- Modular Design Pattern
- Modular Categorization
- 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 and Decoration (1)
- App Skeleton and Decoration (2)
- App Skeleton and Decoration (3)
- init Function (Events Module)
- Fill the List of Test Words (Data Module)
- Shuffle an Array
- Add Random Capitalization
- Add Random Punctuation
- Fill the List of Test Words (1) (UI Module)
- Fill the List of Test Words (2) (UI Module)
- Time Initialization (Data and UI Modules)
- Move to a New Word (Data Module)
- Set the Active Word and Format It (UI Module)
- Type a Character - Event Listener
- word.prototype.update(value)
- keydown Versus keyup Versus Keypress Versus 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 and wpmChange (Data Module)
- Update the Time Left (Data and UI Modules)
- Calculate Clicks Per Minute and cpmChange (Data Module)
- Calculate Accuracy and accuracyChange (Data Module)
- Update Results (UI Module)
- End the Test and Show the Modal (1) (Data and UI Modules)
- End the Test and Show the Modal (2) (Data and UI Modules)
- Generate PDF Certificate (1) (Certificate Module)
- Generate PDF Certificate (2) (Certificate Module)
- Generate PDF Certificate (3) (Certificate Module)
- Chapter 16 : ES6 - ES2015: Introduction
- Chapter 17 : ES6 - Variables and Scoping
- Chapter 18 : ES6 - Modern Features That Will Make Your Coding Experience Easier!
- Chapter 19 : ES6 - New Data Structures and Iteration (Iterators, Generators, Maps, Sets)
- Chapter 20 : ES6 - Modern Array Methods
- Chapter 21 : ES6 - Classes (Static Methods, Getters/Setters, Inheritance, Extends, Super)
Product information
- Title: The Complete Modern JavaScript Course with ES6
- Author(s):
- Release date: May 2018
- Publisher(s): Packt Publishing
- ISBN: 9781789341539
You might also like
video
The Complete React Developer Course (with Hooks and Redux)
The Complete React Developer Course (with Hooks and Redux) starts with the fundamentals and covers everything …
video
Modern JavaScript for the Impatient
8+ Hours of Video Instruction It can be difficult for developers familiar with Java and other …
book
Modern JavaScript for the Impatient
Exploit the Power of Modern JavaScript and Avoid the Pitfalls JavaScript was originally designed for small-scale …
book
Clean Code in JavaScript
Get the most out of JavaScript for building web applications through a series of patterns, techniques, …