Mastering Clean Code in JavaScript

Name: Mastering Clean Code in JavaScript
Rating: 4.3 (334 reviews)

Learning the JavaScript framework is good and cleaner JavaScript is even better

Created byPackt Publishing

Last updated 3/2018

English

What you'll learn

Structure better code in modules with ease
Write pure functions, avoid side-effects, and go functional
Explore design patterns and practices and how to use them
Get familiar with unit testing
Proper error handling in JavaScript

Course content

6 sections • 36 lectures • 4h 41m total length

The Course Overview3:07
This video provides an overview of the entire course.
Clean Variables11:10
We have to begin the journey to cleaner code from somewhere and variables is the perfect place to start.
Lexical Scope and let7:16
Developers often have mistaken ideas surrounding lexical scope.
Clean Functions15:24
Functions form the majority of a developer’s JavaScript code. Functions need to be as clean as possible.
All about this7:40
The this keyword is a common source of bugs for developers who often produce bad code because of it.
Clean Objects and Classes10:35
The viewer would benefit from a few tips on how to more effectively work with objects and ES6 classes.
Using a linter8:46
JavaScript code can often become chaotic, especially in big projects.

Introduction to Functional Programming4:49
Some viewers may not know what is functional programming.
Writing a Pure Function4:30
Pure functions are fundamental to functional programming.
Object.assign and the Spread Operator6:32
ES6 came with some really nice features that help you transform your code with functional programming.
Forget the Loop with Map and ForEach6:05
Using a typical for loop is a thing of the past in JavaScript.
Reducing an Array5:58
Map and forEach are good only for certain cases.
Filtering an Array3:40
Sometimes you need to only accept some of the items from an array.

Why Modules6:21
JavaScript has evolved massively during the last decade and modules have been an integral part to this evolution.
The Module Pattern7:07
All module definitions like CommonJS and AMD have their roots in the module pattern.
The Node Package Manager5:31
Nearly all modern JavaScript applications make use of npm. There cannot be clean code without npm.
CommonJS4:59
CommonJS is the module definition most widely adopted by NodeJS projects.
AMD7:23
AMD came as a solution to the synchronous nature of CommonJS not being optimal for a browser environment.
ES6 Modules5:40
ES6 modules are the solution to multiple problems and come time they will be the norm in most JavaScript projects.
Tree-Shaking with Webpack7:14
ES6 modules in combination with webpack 3 and the uglifyJS plugin offer the ability to remove unused code from the final bundle.

The Single Responsibility Principle13:37
Classes should be designed to do one thing. This is not often the case in JavaScript applications.
The Open/Closed Principle9:34
JavaScript functions, modules and classes should be closed to modification but open to extension.
The Liskov Substitution Principle5:29
The Liskov substitution principle is often overlooked in JavaScript apps.
The Interface Segregation Principle7:50
An interface should not force a class to implement methods and functionality that it does not need.
The Dependency Inversion Principle10:49
Dependency Injection can really transform your applications to something great.
The Singleton Pattern11:22
Sometimes you need to have a single instance of something available in your code.
The Observer Pattern11:26
The observer pattern is useful when you want to watch properties.
The Strategy Pattern9:52
Sometimes you want to hot-swap similar algorithms at runtime.

Introduction to Unit Testing6:28
Beginning the section, the viewer needs to be prepared for the heavy stuff that will follow regarding unit testing.
Installing and Using Jasmine10:55
Simple unit tests are only good for simple problems and small codebases.
Test Driven Development12:43
To make the most out of unit tests you need to incorporate them into your workflow.
Making the Tests Pass5:55
After the red part of TDD you are ready to implement the functionality until all tests are passed.

Requirements

Prior JavaScript programming knowledge is essential

Description

Alongside HTML and CSS, JavaScript is one of the three core technologies of World Wide Web content production. You can write terrible code in any language, but if you wanted to try to write terrible code that works, JavaScript would be your language of choice.

In this course, you will learn various concepts and techniques, essential principles, patterns, and practices for writing clean code in JavaScript. You will be introduced to some general guidelines on how to better structure your JavaScript code. You will then learn about clean code best practices while working with variables, functions objects, and the latest ES6 classes. Next, you will discover functional programming, how to write pure functions, and how to use built-in functional methods. You will then move on to modular JavaScript and explore the various ways you can structure your modules. After that, you will master various design patterns and programming principles. Unit testing is very important and you will learn to do this with Jasmine and Karma, to make handling errors easy.

By the end of the course, you will have learned to learn clean coding with functional programming, explored various modules in JavaScript, and designed patterns and principles. Overall you will learn to write better code with improved readability.

About the Author :

Dimitris Loukas is a software engineer currently writing Single Page Applications and using the latest version of JavaScript with Aurelia and Angular for a trading software firm. He is also finishing his Computer Science studies at the University of Athens. He has worked for two start-ups in the past, is active in the open source community, and loves taking up small side projects. He has mastered Angular, Aurelia, and VueJS and is now interested in entering the ReactJS world. He is fascinated by modern JavaScript and where the web is going.

Who this course is for:

JavaScript developers

Mastering Clean Code in JavaScript

What you'll learn

Explore related topics

Course content

Clean Code with JavaScript7 lectures • 1hr 4min

Clean Code with Functional Programming6 lectures • 32min

Modules in JavaScript7 lectures • 44min

Design Patterns and Principles8 lectures • 1hr 20min

Testing4 lectures • 36min

Error Handling4 lectures • 25min

Requirements

Description

Who this course is for: