• No products in the cart.

Elevate your web development skills by deep diving into JavaScript.

Course Description

JavaScript is the browser language that supports object-oriented, imperative, and functional programming styles, focusing on website behavior. It has a rich set of libraries and frameworks and is the most widely used client-side language with features such as asynchronous communication, controlling browsers, and editing documents. JavaScript provides web developers out there with the knowledge to program more intelligently and idiomatically—something not all programmers can do or understand.
Mastering JavaScript will immerse you in the JavaScript world, where you will mature as a developer by exploring the best practices for building an original, functional, and useful cross-platform library.
Starting off with just some basic knowledge of JavaScript and HTML, we will first lay a solid naming foundation for OOP coding by exploring the best naming conventions practices for primitive variables, constructors, methods, and properties. Then we’ll shed some light on creating global namespace, create a pure JavaScript onload script, and walk through cross-browser compatibility. We will learn how the onload and DOMContentLoaded events are actually triggered and understand how to use querySelectorAll method and dynamically load scripts using a script loader.
As the course progresses, we will start building up our own libraries by integrating codes, methods, and logic, we will also expand our library with design patterns such as module, façade, adapter, and singleton. Finally, we will create a working time manager and explore unit testing in JavaScript.
After working through this course, you will be equipped with all the knowledge, tips, and hacks you need to stand out in the advanced world of web development.

Learning Outcomes

Master JavaScript best practices for designing and developing fully functional, cross-platform libraries
Use powerful design patterns for an innovative and cutting-edge approach to web development
Enhance the performance of your libraries by focusing on a new aspect in every topic in the course


This course assumes you have a basic knowledge of JavaScript and HTML with some familiarity of OOP concepts.

Who is this course intended for?

If you are an experienced JavaScript developer and want to take your skills to the next level by mastering the language and it’s usage in the modern web, this course is ideal for you!

Your Instructor

Packt Publishing

Packt has been committed to developer learning since 2004. A lot has changed in software since then – but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.

With an extensive library of content – more than 4000 books and video courses -Packt’s mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages to cutting-edge data analytics, and DevOps, Packt takes software professionals in every field to what’s important to them now.

From skills that will help you to develop and future-proof your career to immediate solutions to everyday tech challenges, Packt is a go-to resource to make you a better, smarter developer.

Course Curriculum

Idiomatic JavaScript
The Course Overview 00:00:00
Using White Space for Readability 00:00:00
Declaring Variables 00:00:00
Declaring Complex Data Types and Functions 00:00:00
OOP Naming Conventions 00:00:00
Creating a Global Namespace 00:00:00
Constants (and Pseudo constants) 00:00:00
Smart Coercion of Data Fields 00:00:00
Cross-browser Development
Targeting at JavaScript Versions or Features 00:00:00
Creating an onload Method That Always Works 00:00:00
OnReady – Our First Cross-browser Script 00:00:00
Using Modernizr to Detect Features 00:00:00
Cross-browser DOM Manipulation
Building a Conditional Logic Flow 00:00:00
Selecting DOM Elements Natively in HTML5 00:00:00
Creating a Cross-browser Script Loader 00:00:00
Using Sizzle to Select DOM Elements 00:00:00
Creating a JavaScript Library
Defining a Namespace 00:00:00
Creating Private Variables in JavaScript 00:00:00
The JavaScript Module Design Pattern 00:00:00
Version Controlling Our Library 00:00:00
Building Out Our Library 00:00:00
Expanding Out with Design Patterns
Thinking with Interfaces 00:00:00
Creating an Adapter Design Pattern 00:00:00
Building a jQuery Adapter 00:00:00
Adding a Functionality Method 00:00:00
Mimicking the jQuery Wrapper 00:00:00
Exploring the Facade Design Pattern
Introducing the Facade Design Pattern 00:00:00
Creating a Facade Creator 00:00:00
Creating a New Global Function Through the Facade 00:00:00
Creating an Advanced Facade Pattern 00:00:00
Working with Time in JavaScript
Creating a Singleton 00:00:00
Building the Constructor for Our Ticker 00:00:00
Connecting Time with Our Ticker 00:00:00
Processing Interval groups 00:00:00
Exposing Our Ticker to the World 00:00:00
Dispatching Events in JavaScript
Creating an Event Dispatcher 00:00:00
Integrating the Event Dispatcher into Our Library 00:00:00
Removing Events from the Dispatcher 00:00:00
Building Test Units 00:00:00

Course Reviews


  • 5 stars0
  • 4 stars0
  • 3 stars0
  • 2 stars0
  • 1 stars0

No Reviews found for this course.

  • $99.00 $10.00
  • Course Certificate

    Related Courses

    © Learnsector