The Complete Javascript Course: Build a Professional Project [Video]

The Complete Javascript Course: Build a Professional Project [Video]

Issam

OO/functional programming, DOM, EC, hoisting, scope chain, closures, encapsulation, inheritance, and modules
Mapt Subscription
FREE
$30.00/m after trial
Video
$163.20
RRP $191.99
Save 14%
What do I get with a Mapt subscription?
  • Unlimited access to all Packt’s 6,000+ eBooks and Videos
  • 100+ new titles a month, learning paths, assessments & code files
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the subscription reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the subscription reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the subscription reader
$0.00
$163.20
$29.99 p/m after trial
RRP $191.99
Subscription
Video
Start 14 Day Trial

Frequently bought together


The Complete Javascript Course: Build a Professional Project [Video] Book Cover
The Complete Javascript Course: Build a Professional Project [Video]
$ 191.99
$ 163.20
The Complete ARKit Course - Build 11 Augmented Reality Apps [Video] Book Cover
The Complete ARKit Course - Build 11 Augmented Reality Apps [Video]
$ 172.99
$ 147.05
Buy 2 for $35.01
Save $329.97
Add to Cart

Video Details

ISBN 13 9781789341539
Course Length 26 hours 13 minutes

Table of Contents

Typing Test App (Advanced Real Life Professional Project)
Introduction
Steps Simplified
Back to Client Requirements
Functional Design
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 & 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)
Modular Design Pattern

Video Description

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.

Style and Approach

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.

Video Preview

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.

Authors

Table of Contents

Typing Test App (Advanced Real Life Professional Project)
Introduction
Steps Simplified
Back to Client Requirements
Functional Design
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 & 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)
Modular Design Pattern

Video Details

ISBN 139781789341539
Course Length26 hours 13 minutes
Read More

Read More Reviews

Recommended for You

The Complete ARKit Course - Build 11 Augmented Reality Apps [Video] Book Cover
The Complete ARKit Course - Build 11 Augmented Reality Apps [Video]
$ 172.99
$ 147.05
CSS - The Complete Guide (incl. Flexbox, Grid and Sass) [Video] Book Cover
CSS - The Complete Guide (incl. Flexbox, Grid and Sass) [Video]
$ 173.99
$ 147.90
The Complete Machine Learning Course with Python [Video] Book Cover
The Complete Machine Learning Course with Python [Video]
$ 173.99
$ 147.90
The Complete jQuery Course - Beginner to Professional [Video] Book Cover
The Complete jQuery Course - Beginner to Professional [Video]
$ 178.99
$ 152.15
The Complete Web Development Course - Build 15 Projects [Video] Book Cover
The Complete Web Development Course - Build 15 Projects [Video]
$ 191.99
$ 163.20
A JavaScript War Card Game Project from Scratch [Video] Book Cover
A JavaScript War Card Game Project from Scratch [Video]
$ 182.99
$ 155.55