Getting really good at JavaScript and TypeScript

Name: Getting really good at JavaScript and TypeScript
Rating: 4.0 (56 reviews)

Turn your average JavaScript skills into excellent JavaScript skills, and use the power of TypeScript to tame this beast

Created bySahil Malik

Last updated 11/2015

English

What you'll learn

Write good and maintainable JavaScript
Architect large scale JavaScript applications
Learn Typescript
Use TypeScript effectively
Avoid common JavaScript mistakes

Course content

7 sections • 71 lectures • 3h 24m total length

Introduction3:43
A basic introduction to the course. Why I produced this course, who will benefit from it. Your background and prerequisites for this course. The overall outline and overview of the course, and an introduction to the instructor.

History of JavaScript2:44
Why JavaScript is the way it is today!
Setting up Brackets3:16
Setting up our dev environment for the course
Globals2:30
Globals are bad, but in JavaScript they are so easy to create
IIFE1:35
The standard technique for avoiding globals
Accidental Globals1:10
Sometimes global variables can be quite sneaky. Be on guard.
Use Strict and JSLint0:56
Some best practices to catch common mistakes
Accidental Globals and Loops3:53
Globals bite us again, in the most unexpected spots
Avoiding accidental globals0:43
Avoiding accidental creation of globals
ES6 and the let keyword1:17
ES6 enhancements, but we can't use them until ES6.
Reserved Keywords and avoiding them1:33
List of reserved keywords - too many to avoid reliably. So how do we avoid them?
Semicolon Madness3:27
Even careless semi colons can lead to errors
typeof Unreliability2:22
TypeOf operator isn't very good
types of numbers0:42
Who knew numbers could be so unreliable
typeof null and undefined0:59
Difference between null or undefined, but sometimes they can be the same!
DataTypes and Operator related mistakes2:20
DataTypes behave in unexpected ways with different operators
parseInt mistakes1:28
Use parseInt to be safe, but there be landmines here!
NaN is a number0:31
Not a number, is a number? Apparently!
parseInt and radix confusion1:08
parseInt issues once again, be defensive, very defensive!
Comparison Operator bugs3:27
Comparison operators should be simple, right?
+ and - operator issues2:23
More unexpected operator behavior
if and assignment related mistakes0:53
A very common mistake, except there is no compiler to help out!
Numbers can be inaccurate2:04
When a number isn't what you thought it was!
Bitwise operators0:43
Bitwise can bite !
Number Precision Issues2:40
More number weirdness
With operator issues2:15
You can do without with
Problems with Arrays6:12
Arrays so simple, yet so complex
Function parameter issues2:40
Function unique weirdness in JavaScript.
Understanding scopes6:28
Functions can also be scopes.
Hoisting3:59
Hoisting while helpful can lead to errors
CDNs0:41
Content delivery network failures are your failures
Data secrecy in JavaScript0:54
Its not secure
this keyword confusion4:40
When this isn't what you thought it was
Other Misc Issues2:03
.. and there are more issues.

Using TypeScript in Visual Studio3:29
The easy way to TypeScript, but not cross platform
Setting up VS Code for TypeScript using Gulp16:24
Using Visual Studio code and Gulp to setup TypeScript
Continous compilation with watch4:11
Save -> F5 -> Repeat, is a good workflow, but needs continous background compilation.
Debugging TypeScript8:26
What good is a language you cannot debug? In this session we setup how to debug TypeScript.

Basic refactoring in plain JS2:23
TypeScript makes even plain JavaScript better
Parameter matching in functions in plain JS1:21
No TypeScript yet, and you are already seeing benefits
Datatype checking in plain JS2:07
Catching silly errors early - even if you don't type TypeScript (yet)
Specifying data types in Typescript1:43
Strong typing is good
Intellisense and help for HTML elements1:38
So many HTML elements, intellisense would be nice
Learn new HTML tricks with TypeScript2:43
Intellisense and help text teach me as I work
Features from the future and browser compatibility5:13
ES6 and ES7 features will address the shortcomings of JavaScript, but we can't use them today, or can we? If you use TypeScript, you can use all these features without worrying about browser issues.
Intellisense for code you write1:52
Intellisense becomes very important in larger projects.
Intellisense for code you didn't write5:29
Frequently we use third party libraries. It would be nice to get intellisense and help text for those third party libraries.
Using interfaces to catch typos2:26
Using interfaces effectively to avoid errors.
Managing Arrays with Interfaces and Generics4:23
Arrays can be a pain, but with TypeScript they are such a breeze to manage.
Functions as DataTypes to catch errors4:18
In JavaScript everything is a variable, even functions. Mix the power of TypeScript and you get constructs even C# can't do.
Understanding statics in TypeScript classes5:26
Sometimes we need static variables, only if JavaScript could do them elegantly.
Implementing constructors on classes2:48
Stay classy, and provide decent constructors where you need to, with TypeScript of course.
Adding functions to classes1:16
More classy stuff with functions, just like you'd do in any other OO language.
Implementing inheritance in TypeScript1:29
Inheritance can be so complex but with TypeScript it is so intuitive.
Understanding interfaces in TypeScript1:35
What interfaces give you in TypeScript
Extending interfaces2:20
Mixing matching merging interfaces.
Private properties in classes0:38
Providing encapsulation.
The super keyword0:11
Super keyword helps you access base class properties and methods, and how it works.
Accessors1:29
More encapsultion with accessors
Statics0:27
How statics work in a class in TypeScript
Classes as interfaces0:35
Use classes or interfaces interchangeably, and where they are not interchangeable.
Modules3:28
Modularize your code to make it more manageable.
Function parameter management using ES6 and TypeScript1:55
More features from the future, this time around ES6 features for functions.
Arrow Functions and this keyword1:43
Even mMore features from the future, this time around arrow functions, with this keyword benefits for free.
Using generics effectively4:05
Generics are very powerful. Learn how to use them effectively.

Requirements

Basic knowledge of JavaScript is required

Description

You can’t avoid JavaScript, but you can avoid all the pain! This course turns your average JavaScript skills into great JavaScript skills, and makes you a champ at using TypeScript in a real project.

JavaScript, the only language that runs everywhere, a language with huge shortcomings, finicky behavior, and yet something we must master. TypeScript that removes all the pain of JavaScript, but only if you use it properly. This course takes your hacky JavaScript skills, and turns you into a real JavaScript pro. And from there, it teaches you practical TypeScript by demonstrating the fundamentals, and real world usage in a project.

Who this course is for:

This course is for web developers who know JavaScript, but want to get really good at it.
This course is for JavaScript developers who wish to start using Typescript in their projects effectively.

Getting really good at JavaScript and TypeScript

What you'll learn

Explore related topics

Course content

Introductions1 lecture • 4min

JavaScript Problems33 lectures • 1hr 15min

JavaScript best practices2 lectures • 20min

TypeScript: An Introduction1 lecture • 3min

What is TypeScript?3 lectures • 5min

TypeScript Development Environment4 lectures • 33min

TypeScript in depth27 lectures • 1hr 5min

Requirements

Description

Who this course is for: