Master Backbone JS: A Course For Web Developers & Designers

Learn to create dynamic & modular web applications using BackboneJS framework
3.3 (5 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.
151 students enrolled
$90
Take This Course
  • Lectures 56
  • Contents Video: 3 hours
    Other: 30 mins
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 5/2015 English

Course Description

Learn how to develop dynamic web applications using BackboneJS

This course teaches you how you can make the most of BackboneJS

This course covers all the topics from basic to advance

1. Introduction to BackboneJS

2. Understanding Models

3. Understanding Views

4. Understanding Collections

5. Exploring Collection Views

6. Working with Routers & History

7. Working with Forms in BackboneJs

8. Organizing our Application Code

You will also learn to develop a web application right from scratch using BackboneJS which will help you understand the core concepts and will make you ready to develop your own dynamic web applications using BackboneJS

This course also focuses on how to write manageable modular code using BackboneJS

So let's start learning BackboneJS

What are the requirements?

  • HTML
  • CSS
  • JavaScript
  • jQuery fundamentals

What am I going to get from this course?

  • Create Dynamic Web applications using Backbone.js
  • Write maintainable javascript code
  • Understand all the core concept of Backbone.js
  • Making use of Backbone.js with other libraries like jQuery

What is the target audience?

  • Aspiring Web Developers
  • Aspiring Web Designers
  • Web Developers
  • Web Designers
  • Web Architects

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction to BackboneJS
How This Course is Organized
Preview
01:15
01:07

This lecture introduces you to Backbone.js and covers the course curriculum.

02:14

This lecture focusses on the merits of Backbone.js and show why we should consider using Backbone.js in our web applications

00:54

In this lecture we cover the basic components of Backbone.js

00:58

In this lecture we will see hHow to include Backbone.js libraries in our web application

08:07

In this lecture we will see a quick demo of Backbone.js components

Section 2: Models
00:44

In this lecture we will see how to create a Model Class in Backbone.js

04:19

In this lecture we will see how we can validate our Models

02:55

In this lecture we will cover how we can implement inheritance in Backbone.js Models

06:04

In this lecture we will see how to retrieve data from server and populate our Models

00:51

In this lecture we will see how we can destroy a Model instance

01:17

In this lecture we will see how to get JSON output of the Model instance

03:22

In this lecture we will see how to make use of default values in Models

00:54

In this lecture we will see how to parse a non-standard JSON into your Models

01:23

In this lecture we will see how to create a Model instance using non-standard JSON data

02:29

In this lecture we will see how to change model attributes

01:15

In this lecture we will see how to send back the data in form of JSON to server

03:00

In this lecture we will see how we can override the default JSON method in Backbone.js

01:27

In this lecture we will see how to specify and use ID attribute of a Model

05:40

In this lecture we will explore events in Models

Section 3: Views
04:44

In this lecture we will explore Backbone.js view component

05:09

In this lecture we will see how to make use of Templates (Underscore Templates) in Backbone.js

04:25

In this lecture we will see events in Views

09:06

In this lecture we will see how to update view and model

01:45

In this lecture we will see how to render content using existing DOM elements

01:18

In this lecture we will see how we can customize views

01:35

In this lecture we will see how we can prevent XSS attacks

01:56

In this lecture we will see how we can pass additional options to events

01:31

In this lecture we will see how to remove the View without destroying the Model

Section 4: Collections
05:40

In this lecture we will see what collection is all about

07:19

In this lecture we will see how to work with collections

02:22

In this lecture we will see how to populate collection from server side data

04:32

In this lecture we will see events in collections

03:17

In this lecture we will learn how to customize collections

Section 5: Collection Views
04:19

In this lecture we will explore collection views

02:44

In this lecture we will see events in collection views

Section 6: Routers & History
06:52

In this lecture we will learn how to use Router and History

07:03

In this lecture we will see advance topics on Router and History

Section 7: Working with Forms in BackboneJs
03:43

In this lecture we will learn how to create a form using Backbone,js views

02:07

In this lecture we will see how to edit using forms in Backbone.js

Section 8: Organizing our Application Code
01:22

In this lecture we will see how to make use of namespaces

01:00

In this lecture we will see how we can reference classes in Backbone..s

02:38

In this lecture we will see how to handle links using Backbone.js

00:54

In this lecture we will see how we can initialize an object in Backbone.js

01:57

In this lecture we will see how to make our models readonly

Section 9: Project - Creating a Todolist application
01:39

In this lecture we will see how to create a Backbone.js application

02:14

In this lecture we will see how to define our template for the Backbone.js applocation

01:31

In this lecture we will see how to create a TodoItem

02:23

In this lecture we will see how to edit a TodoItem

01:10

In this lecture we will see how to mark an item complete

02:25

In this lecture we will see how to make use of Router in Backbone.js

00:56

In this lecture we will see how to delete an item

Section 10: Externalizing our Templates
Externalizing our Templates - Using Script Tag
Preview
03:49
Externalizing our Templates - RequireJS approach
05:07
Externalizing our Templates - Grunt - Precompile Templates
09:53
Section 11: Conclusion & Code Download
30 pages

In this lecture we summarize and provide you the code samples for the project and for the lectures

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

SkillBakery Studio, Start Learning Today...

SkillBakery is one of the fastest growing online education company.

Our vision is to provide high quality education which is affordable and accessible to everyone

We believe that every one has their own way of learning and grasping things and that's why we provide self-paced HD quality contents,so you can learn what you love at your convinience

We currently offer courses in web development and will soon be publishing new courses in other categories as well

We are committed to bring courses on new topics and we try to release one new course every month

So keep visiting us, you will surely find something for yourself here.

Ready to start learning?
Take This Course