JavaScript Web App Launchpad

Want to get started using JavaScript to build interactive web applications? These six courses will take you through the fundamentals of JavaScript right through to creating your own interactive, single page applications. Along the way, you'll learn about AJAX, design patterns, and the popular Backbone.js framework. To top it all off, you'll also get the scoop on the latest updates coming to the JavaScript language, so you can take your newfound skills forward.

In addition we recommend you take advantage of these free Tuts+ courses:

If you're ready to get started building interactive web applications then jump right in!

What You’ll Learn

  • JavaScript fundamentals
  • Asynchronous data transfer with AJAX
  • How to build and test web applications
  • Popular tools and frameworks for front-end design
  • What's new in JavaScript?
Code

Modern JavaScript Fundamentals

with Dan Wellman

Next lesson playing in 5 seconds

Cancel

JavaScript is the language of the web. If you want to code for the web, you need to know JavaScript inside and out. From humble beginnings, JavaScript has grown to a powerful and complex language with features such as classes, promises, arrow functions, generators, string templates, and many others.

In this course, you'll learn all of the essential concepts of the JavaScript language. That's right: all of them! Including the most important recent improvements to the language, in JavaScript ES6 (ECMAScript 2015) and JavaScript ES7 (ECMAScript 2016).

You'll start with the very fundamentals of the language: variables and datatypes. Then in each lesson you'll build knowledge, from data structures like arrays and maps to loops, control structures, and functions. Along with the basics of the language, you'll also learn some key built-in APIs for manipulating data, AJAX, and working with the web browser DOM. Finally, you'll get a look at some of the most powerful and widely used web APIs that are supported by all modern browsers.

There's a lot to learn, so let's jump in!

Learn JavaScript: The Complete Guide

We've built a complete guide to help you learn JavaScript, whether you're just getting started as a web developer or you want to explore more advanced topics.

1.Introduction
2 lessons, 07:42

Free Lesson
1.1
Introduction
02:12

Free Lesson
1.2
Setup
05:30

2.Language Fundamentals
8 lessons, 1:00:53

2.1
Variables
06:33

2.2
Data Types
11:28

2.3
Arithmetic, Assignment, and Comparison Operators
10:24

2.4
Unary, Logical, Comma, and Spread Operators
09:02

2.5
Operator Precedence
03:50

2.6
Reserved Words
04:17

2.7
Strict Mode
04:34

2.8
Functions
10:45

3.Data Structures
5 lessons, 22:52

3.1
Arrays
04:29

3.2
Objects
04:30

3.3
Sets
04:57

3.4
Maps
04:21

3.5
Weak Maps and Weak Sets
04:35

4.Controlling Program Execution
7 lessons, 37:06

4.1
Conditionals
07:49

4.2
Switch Statements
04:41

4.3
The For Loop
06:39

4.4
The `for .. in` Loop
05:17

4.5
The `for .. of` Loop
04:02

4.6
Iterators
05:03

4.7
While Loops
03:35

5.Using JavaScript
13 lessons, 1:44:36

5.1
Working With Strings
09:32

5.2
Template Literals
05:46

5.3
Working With Numbers
06:57

5.4
Working With Arrays
12:53

5.5
Iterating and Transforming Arrays
07:33

5.6
Working With the Object Type
13:55

5.7
Object Literal Extensions
06:45

5.8
Working With Object Instances
06:45

5.9
Getters and Setters
05:00

5.10
Custom Objects
11:28

5.11
The `Math` API
04:54

5.12
Working With Dates and Times
08:10

5.13
The `Array` Constructor
04:58

6.Functions
8 lessons, 56:07

6.1
The `this` Object
06:15

6.2
Working With Functions
10:11

6.3
Scope
07:37

6.4
Arrow Functions
06:59

6.5
Generator Functions
08:13

6.6
Closures
05:00

6.7
Prototypes
06:26

6.8
Default and Rest Parameters
05:26

7.Miscellaneous
7 lessons, 1:02:30

7.1
Destructuring Assignments
08:09

7.2
AJAX
08:30

7.3
Promises
09:52

7.4
Regular Expressions
10:50

7.5
More About Regular Expressions
08:38

7.6
Classes
06:48

7.7
ES Modules
09:43

8.Working With the DOM
6 lessons, 37:42

8.1
Selecting HTML Elements
05:02

8.2
Manipulating HTML Elements
07:40

8.3
DOM Traversal
05:25

8.4
Adding and Removing Elements
04:45

8.5
Creating Elements and Other Nodes
04:39

8.6
DOM Events
10:11

9.Web APIs
4 lessons, 17:43

9.1
The Selector API
03:03

9.2
Geolocation
05:29

9.3
Web Storage
05:24

9.4
Web Workers
03:47

10.Conclusion
1 lesson, 00:43

10.1
Conclusion
00:43


Code

Learning Ajax

with Andrew Perkins

Next lesson playing in 5 seconds

Cancel

Ajax can be a bit daunting at first, so in this course you learn by doing. Here you build a simple Ajax library, tweak it a bit for various scenarios then deploy a basic hands-on application.

Code

SOLID Design Patterns

with José Mota

Next lesson playing in 5 seconds

Cancel

If you want to improve your development skills, then take this course. Through testing and examples, you’ll learn how to create beautiful, flexible, maintainable code that lasts longer.

Code

Getting Started with Backbone

with Andrew Burgess

Next lesson playing in 5 seconds

Cancel

There are many front-end libraries to choose from when you're building a web application, and all of them have their pros and cons. In this course, you'll get your first look at one of the top contenders: Backbone. Backbone is an extremely flexible front-end library that offers an "MVC-ish" structure that will connect easily with your RESTful back-end.

Before you begin, you should know that Backbone requires Underscore, and often jQuery. If you don't know these libraries, you might want to check them out before getting started. Also, we'll use Express briefly, as a back-end; but don't worry if you haven't used that: it isn't required for Backbone.

Code

Building JavaScript Web Apps

with Jason Green

Next lesson playing in 5 seconds

Cancel

The course will focus on all stages of planning and developing a JavaScript-based web app. Ultimately, we will produce a customizable weather application using the Wunderground API. Ready to dive in?

We've built a comprehensive guide to help you learn JavaScript, whether you're just getting started as a web developer or you want to explore more advanced topics:

Code

What's Coming to JavaScript

with Jeremy McPeak

Next lesson playing in 5 seconds

Cancel

JavaScript is the most popular programming language in the world, but that doesn't mean it's perfect. In fact, it's far from ideal, but that's starting to change thanks to the ECMAScript 6 specification. Many key features and concepts that JavaScript lacks are finally being added to the language. In this course, we'll look at some of these new features and how we can use them.

We've built a comprehensive guide to help you learn JavaScript, whether you're just getting started as a web developer or you want to explore more advanced topics:

  1. Crs 84079

    Learning Ajax

  2. Crs 85492

    SOLID Design Patterns

  3. Crs 95885

    Building JavaScript Web Apps

  4. Crs 102247

    What's Coming to JavaScript