Backbone Tutorial: Learn Backbonejs from Scratch

4h 48m 11s
English
Paid

Course description

There are many libraries and frameworks to help you structure your Javascript code. BackboneJS is one of them. In this course, I'll take you on a step-by-step journey to learn Backbone from novice to ninja. You'll learn everything you need to know to build structured and maintainable real-world applications with Backbone. You don't need any prior knowledge of Backbone. Only basic understanding of Javascript and jQuery is enough to take this course.

Read more about the course

We start with the big picture

You'll learn the basic building blocks of Backbone and what they are used for. Then, I'll show you a real-world example of an application built with Backbone and explain how those building blocks work together in action.

Then we start learning Backbone.js from scratch

Once you get the big picture, we start learning Backbone in a practical, hands-on way from scratch. Lectures are short, concise and up to the point, without wasting your time. I hate courses that waste students' time (with too much rambling) and I've done my best to make sure I won't waste your time in this course!

Each section includes:

  • An introduction that tells you what you're gonna learn
  • A few lectures, each teaching you new concepts, in a step-by-step fashion
  • A cheat sheet for you to quickly review what you've learned
  • A mini project or assignment for you to apply what you've learned

Next we get into the real-world challenges

Once we cover the fundamentals of Backbone, then we'll cover unit testing and modularising the code. You'll learn the basics of RequireJS and Jasmine.

And finally build an application from scratch

In the last section, we'll build an application with Backbone in an iterative way. With every iteration we enhance our app in a baby-step fashion. The before and after source code for each lecture is available for you to download to review or to complete on your own.

I'll share with you other tips to make you a better web developer

I've been a web developer since 2000. In the last section, I'll share with you lots of other tips on usability, productivity, clean coding, object-oriented programming, HTML, CSS, a little bit of security and many other things. These supplementary materials help you become a better web developer.

I'll show you many real-world examples

Throughout the course I touch on some popular web sites such as Facebook, Twitter, Pinterest, Four Square and Bitly and explain how you can make something like them with Backbone. So, by the end of this course, you'll have a good and in-depth understanding of Backbone and how to use it in building real-world applications.

What else will you get?

  • Lifetime access to course materials
  • New lectures, tips and tricks, absolutely free
  • Ask me any questions and I'll help you throughout your learning

So do you want to learn Backbone from scratch and write clean, structured, maintainable and testable Javascript code?

Take this course now and let's get started.

Requirements:
  • Only basic understanding of Javascript and jQuery
Who this course is for:
  • Any front-end developer who wants to write clean, structured, maintainable and testable Javascript code
  • Any front-end developer who wants to develop rich client applications

What you'll learn:

  • Write clean, perfectly-structured, maintainable and testable Javascript code
  • Build rich client applications with Backbone.js
  • Build Single Page Applications with Backbone.js
  • Test Javascript code with Jasmine.js
  • Moduarlize Javascript code with Require.js

Watch Online

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 45 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing

Watch Online Backbone Tutorial: Learn Backbonejs from Scratch

0:00
/
#1: Introduction

All Course Lessons (45)

#Lesson TitleDurationAccess
1
Introduction Demo
01:21
2
Who is Your Instructor?
01:52
3
How is This Course Structured
01:32
4
What is Backbone.js?
03:12
5
The Big Picture
01:01
6
A Real-World Example
01:58
7
Getting Backbone.js
01:45
8
Introduction
02:33
9
Creating Models
02:51
10
Working with Attributes
04:52
11
Validation
02:28
12
Inheritance
02:44
13
Connecting to the Server
05:14
14
Introduction
00:58
15
Creating Collections
04:19
16
Working with Collections
07:06
17
Connecting to the Server
01:33
18
Introduction
01:56
19
Creating Views
07:51
20
Passing Data to Views
06:41
21
Handling DOM Events
05:26
22
Handling Model Events
04:16
23
Handling Collection Events
09:38
24
Templating
05:56
25
Introduction
00:26
26
Binding and Triggering Custom Events
06:00
27
Creating an Event Aggregator to Coordinate Multiple Views
11:50
28
Introduction
00:35
29
Creating Routers
16:41
30
Single Page Applications Pros and Cons
02:35
31
Introduction
00:38
32
Require.JS
13:13
33
Introduction
01:11
34
Introduction to Jasmine
15:45
35
Testing Backbone Models
06:02
36
Testing Backbone Collections
05:19
37
Testing Backbone Views
18:53
38
Basics
15:42
39
Adding a New Todo Item
16:40
40
Toggling an Item
12:19
41
Deleting an Item
09:07
42
Connecting to the Server
11:36
43
Templating
06:11
44
Improving the Look and Feel
19:46
45
Troubleshooting Backbone Appllications
08:39

Unlock unlimited learning

Get instant access to all 44 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment