Packt Publishing – Mastering JavaScript

Packt Publishing – Mastering JavaScript

Get Packt Publishing – Mastering JavaScript At tenco.pro

Elevate your web development skills by deep diving into JavaScript

Elevate your web development skills by deep diving into JavaScript

About This Video

• 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 video

In Detail

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 video course, you will be equipped with all the knowledge, tips, and hacks you need to stand out in the advanced world of web development.

Get Packt Publishing – Mastering JavaScript At tenco.pro

Course Curriculum

Idiomatic JavaScript

• The Course Overview (2:57)
• Using White Space for Readability (5:19)
• Declaring Variables (7:52)
• Declaring Complex Data Types and Functions (4:21)
• OOP Naming Conventions (4:13)
• Creating a Global Namespace (4:45)
• Constants (and Pseudo constants) (3:48)
• Smart Coercion of Data Fields (4:23)

Cross-browser Development

• Targeting at JavaScript Versions or Features (4:53)
• Creating an onload Method That Always Works (3:38)
• OnReady – Our First Cross-browser Script (6:50)
• Using Modernizr to Detect Features (4:22)

Cross-browser DOM Manipulation

• Building a Conditional Logic Flow (4:51)
• Selecting DOM Elements Natively in HTML5 (6:25)
• Creating a Cross-browser Script Loader (5:36)
• Using Sizzle to Select DOM Elements (7:13)

Creating a JavaScript Library

• Defining a Namespace (5:43)
• Creating Private Variables in JavaScript (5:45)
• The JavaScript Module Design Pattern (6:30)
• Version Controlling Our Library (7:08)
• Building Out Our Library (11:26)

Expanding Out with Design Patterns

• Thinking with Interfaces (7:21)
• Creating an Adapter Design Pattern (5:30)
• Building a jQuery Adapter (6:41)
• Adding a Functionality Method (3:46)
• Mimicking the jQuery Wrapper (9:06)

Exploring the Facade Design Pattern

• Introducing the Facade Design Pattern (3:56)
• Creating a Facade Creator (4:34)t
• Creating a New Global Function Through the Facade (3:59)
• Creating an Advanced Facade Pattern (5:18)

Working with Time in JavaScript

• Creating a Singleton (11:32)
• Building the Constructor for Our Ticker (10:36)t
• Connecting Time with Our Ticker (11:09)
• Processing Interval groups (9:46)
• Exposing Our Ticker to the World (2:46)

Dispatching Events in JavaScript

• Creating an Event Dispatcher (13:34)
• Integrating the Event Dispatcher into Our Library (8:11)
• Removing Events from the Dispatcher (5:20)
• Building Test Units (8:48)

Get Packt Publishing – Mastering JavaScript At tenco.pro