Backbone Tutorial: Learn Backbonejs from Scratch
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.
More
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.
- Only basic understanding of Javascript and jQuery
- 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 Backbone Tutorial: Learn Backbonejs from Scratch
# | Title | Duration |
---|---|---|
1 | Introduction | 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 |