Backbone Tutorial: Learn Backbonejs from Scratch
4.5 (492 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
4,543 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Backbone Tutorial: Learn Backbonejs from Scratch to your Wishlist.

Add to Wishlist

Backbone Tutorial: Learn Backbonejs from Scratch

A collection of hands-on, step-by-step, bite-sized Backbone tutorials covering fundamentals of Backbone.
Bestselling
4.5 (492 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
4,543 students enrolled
Created by Mosh Hamedani
Last updated 4/2016
English
Current price: $15 Original price: $50 Discount: 70% off
30-Day Money-Back Guarantee
Includes:
  • 5 hours on-demand video
  • 4 Articles
  • 17 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
blog15d
What Will I 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
View Curriculum
Requirements
  • Only basic understanding of Javascript and jQuery
Description

Want to learn how to write clean, maintainable, testable Javascript code?

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.


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


What my students say:

"Mosh's course stands out as one of the best online courses I've ever taken, whether for Backbone or any other technology. Mosh's teaching style is unique. He leads the student logically through a progression of understanding in a manner akin to good unit testing." - David Handel

"This is one of the best courses I took o Udemy so far. Mosh is one of the best instructor as it is clear and it's evident that lessons are well prepared and not improvised. Thanks a lot!" -Andrea Salvatore

"Very good course, with crystal clear examples. Mosh is a very professional trainer and a magic developer. Thanks for your good job." Antonio Marqués Taltavull

What's the risk for you?

Absolutely nothing! This course comes with Udemy's 30-day money-back guarantee. Just take the course, watch the lectures, practice the assignments and if you're not happy, ask for a refund. You'll get all your money back, no questions asked.

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.

Who is the target audience?
  • 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
Curriculum For This Course
Expand All 61 Lectures Collapse All 61 Lectures 05:15:31
+
Getting Started
5 Lectures 07:58

We cover what Backbone is and what you can do with it. We also touch on MVC and Single Page Applications architectural styles.

Preview 03:11

We cover the basic building blocks of Backbone.js applications and what they are used for: Events, Models, Collections, View and Routers.

Preview 01:00

We see a real-world example of an application built with Backbone.js along with a quick technical analysis of its underlying architecture. You'll learn how various building blocks of Backbone can be used in a real-world scenario.

Preview 01:57


Source Codes
00:06
+
Models
8 Lectures 20:36

We cover the basics of Backbone Models and how they are different from Javascript objects. You'll learn how to create and instantiate a Backbone Model.

Preview 02:50

We cover how to get, set and remove attributes on Backbone Models.

Working with Attributes
04:51

We cover how to add validation to a Backbone Model and how to return error messages when a model is invalid.

Validation
02:27

We cover how you can extend existing models to create an inheritance hierarchy. We also cover how to override methods in the child model types as well as how to call into the methods in the base class

Inheritance
02:43

We cover how to synchronise Backbone Models with the server via RESTful API. You'll learn about the fetch, save and destroy methods in detail.

Connecting to the Server
05:13

Models Cheat Sheet
2 pages

Models Project
2 pages
+
Collections
6 Lectures 13:52

Creating Collections
04:18

Working with Collections
07:05

Connecting to the Server
01:32

Collections Cheat Sheet
2 pages

Collections Project
2 pages
+
Views
9 Lectures 41:37


Passing Data to Views
06:40

Handling DOM Events
05:25

Handling Model Events
04:15

Handling Collection Events
09:37

Templating
05:55

Views Cheat Sheet
4 pages

Views Project
2 pages
+
Events
5 Lectures 18:13

Binding and Triggering Custom Events
05:59

In this video, we cover how we can use event aggregators to develop loosely coupled applications. I'll demonstrate 2 real-world examples: FourSquare and bitly and how we could implement something like them with Backbone.

Creating an Event Aggregator to Coordinate Multiple Views
11:49

Events Cheat Sheet
1 page

Events Project
2 pages
+
Routers
5 Lectures 19:48
Introduction
00:34

Creating Routers
16:40

Single Page Applications Pros and Cons
02:34

Routers Cheat Sheet
3 pages

Routers Project
2 pages
+
Modularizing Backbone Applications
2 Lectures 13:49
Introduction
00:37

Require.JS
13:12
+
Testing Backbone Applications
6 Lectures 47:05
Introduction
01:10

Introduction to Jasmine
15:44

Jasmine Cheat Sheet
2 pages

Testing Backbone Models
06:01

Testing Backbone Collections
05:18

Testing Backbone Views
18:52
+
Developing an App with Backbone
8 Lectures 01:32:01
Introduction
00:47

Basics
15:41

Adding a New Todo Item
16:39

Toggling an Item
12:18

Deleting an Item
09:06

Connecting to the Server
11:35

Templating
06:10

Improving the Look and Feel
19:45
2 More Sections
About the Instructor
Mosh Hamedani
4.6 Average rating
23,693 Reviews
63,271 Students
11 Courses
Passionate Software Engineer and Best-selling Author

Moshfegh Hamedani is a passionate and creative software engineer with a strong focus on pragmatism and simplicity. He started programming at the age of seven on a Commodore 64. Later, during his high school years, he started learning C and C++ . In 2002, along with the first release of .NET, he shifted his focus to C#. Since then he has been involved in the design and implementation of numerous software projects, including modern web applications, mobile apps, desktop applications and frameworks.

Aside from his career as a software engineer, he truly enjoys sharing his knowledge with others. Since his early twenties, he has been teaching courses and running workshops on C#, ASP. NET, object-oriented programming and clean coding. He is author of 6 best-selling courses on Udemy and more will be coming soon.

Mosh has a Master of Science in Network Systems and a Bachelor of Science in Software Engineering. He is also a Microsoft Certified Application Developer, Technology Specialist (Web Applications) and Professional.

Outside the software world, Mosh is a photographer, a pianist and a passionate Latin dancer.