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

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

Issam

1 customer reviews
OO/functional programming, DOM, EC, hoisting, scope chain, closures, encapsulation, inheritance, and modules
Packt Subscription
FREE
$9.99/m after trial
Video
$10.01
RRP $191.99
Save 94%
What do I get with a Packt subscription?
  • Exclusive monthly discount - no contract
  • Unlimited access to entire Packt library of 6500+ eBooks and Videos
  • 120 new titles added every month, on new and emerging tech
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
$10.01
$9.99 p/m after trial
RRP $191.99
Subscription
Video
Start a FREE 10-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
$ 10.01
The Complete iOS 11 and Swift Developer Course - Build 20 Apps [Video] Book Cover
The Complete iOS 11 and Swift Developer Course - Build 20 Apps [Video]
$ 181.99
$ 10.00
Buy 2 for $20.01
Save $353.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
From 1 reviews

Read More Reviews

Recommended for You

The Complete iOS 11 and Swift Developer Course - Build 20 Apps [Video] Book Cover
The Complete iOS 11 and Swift Developer Course - Build 20 Apps [Video]
$ 181.99
$ 10.00
Build a Word Scramble Game from Scratch with JavaScript [Video] Book Cover
Build a Word Scramble Game from Scratch with JavaScript [Video]
$ 186.99
$ 10.01
The Complete JavaScript Unit Testing Guide [Video] Book Cover
The Complete JavaScript Unit Testing Guide [Video]
$ 124.99
$ 10.00
A Complete CSS Flexbox Course and a Real World Website Project [Video] Book Cover
A Complete CSS Flexbox Course and a Real World Website Project [Video]
$ 90.99
$ 10.00
The Complete Self-Driving Car Course - Applied Deep Learning [Video] Book Cover
The Complete Self-Driving Car Course - Applied Deep Learning [Video]
$ 184.99
$ 10.01
Cisco CCNA / ICND1 (100-105) Complete Course: Sims and GNS3 - Part 2 [Video] Book Cover
Cisco CCNA / ICND1 (100-105) Complete Course: Sims and GNS3 - Part 2 [Video]
$ 9.99
$ 8.50