
Learn Backbone fundamentals through baby-step lessons, with section intros, progressive lectures, cheat sheets, and hands-on mini projects, building a real-world Backbone app from scratch while covering best practices and refactoring.
We cover what Backbone is and what you can do with it. We also touch on MVC and Single Page Applications architectural styles.
We cover the basic building blocks of Backbone.js applications and what they are used for: Events, Models, Collections, View and Routers.
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.
Learn how backbone models manage application data with change tracking, attributes, and validation, and sync with servers via ajax, avoiding spaghetti calls by using model methods.
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.
We cover how to get, set and remove attributes on Backbone Models.
We cover how to add validation to a Backbone Model and how to return error messages when a model is invalid.
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
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.
Explore backbone collections, a list of models like tweets, and learn to retrieve them from a restful API. Practice adding, removing, searching, and iterating collections in real-world applications.
Explore backbone views and learn how a view renders content and responds to model changes and dom events, using a Pinterest-like pin model and pins collection with templating.
Create and render backbone views that respond to events, by extending the backbone view and implementing render within a dom element, using jQuery for insertion and chaining.
Learn how Backbone collections trigger add and remove events and how to update views automatically by listening to these events, appending or removing items in the DOM.
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.
Explore backbone routers and how they power single page applications by managing the browser address and displaying different views on one page.
Create a Backbone router to manage client-side routes, render views like albums, artists, and genres, and update the browser address without full page reloads.
Single-page applications offer fast, smooth user experiences, like Gmail. They incur complexity and SEO challenges, and may require hybrid architectures; backbone can create structured rich client apps without routers.
Explore Jasmine, a self-contained behavior driven development framework for testing JavaScript, and learn to create suites and specs, use spies, and organize source and test code with describe and it.
Test backbone models with minimal dependencies, focusing on default values, validation, and state-changing methods. Write specs for a song model’s url root, defaults, and a play method that increments plays.
Toggle a todo item in Backbone by adding a checkbox, updating item's completed state with a toggle method, and rendering a line-through by a view that responds to model changes.
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.
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.
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:
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.
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'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.
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.
"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
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.
Take this course now and let's get started.