Tutorialspoint
Subscription Includes
 02:50:58 of High Quality Videos
 56  Lectures
 Full Lifetime Access
 Certificate on Completion
$ 130   9.99

Master Backbone JS: A Course For Web Developers & Designers

Created by Skillbakerystudios, Last Updated 30-Sep-2020, Language:English

Master Backbone JS: A Course For Web Developers & Designers

Learn to create dynamic & modular web applications using BackboneJS framework

Created by Skillbakerystudios, Last Updated 30-Sep-2020, Language:English

What Will I Get ?

  • 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

Requirements

  • HTML
  • CSS
  • JavaScript
  • jQuery fundamentals

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 us start learning BackboneJS

Who this course is for:

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

Course Content

  • Introduction to BackboneJS

    6 Lectures 00:14:35

    • How This Course is Organized

      Preview
      00:01:15

    • Introduction

      Preview
      00:01:07

    • Why use BackBoneJS

      Preview
      00:02:14

    • BackboneJS - Components

      Preview
      00:00:54

    • Installing BackboneJS

      Preview
      00:00:58

    • BackboneJS - Sneak Peek Models/Views

      Preview
      00:08:07

  • Models

    13 Lectures 00:34:24

    • Creating Models

      00:00:43

    • Model Validation

      00:04:19

    • Model Inheritance

      00:02:55

    • Fetching Data From the Server

      00:06:04

    • Destroying Model Instance

      00:00:51

    • Get The JSON From Model

      00:01:17

    • Using Default Values

      00:03:22

    • Parsing non-standard JSON into your Models

      00:00:54

    • Instantiating Models with non-standard JSON data

      00:01:23

    • Changing Attribute Name

      00:02:29

    • Overriding JSON Method

      00:03:00

    • Specifying the ID Attribute

      00:01:27

    • Model Events - Quick Introduction

      00:05:40

  • Views

    10 Lectures 00:32:43

    • Creating Views

      00:04:43

    • Using Underscore Templates in Views

      00:05:09

    • Adding Events in Views

      00:04:25

    • Updating Model when View Changes & Vice Versa

      00:09:06

    • Using Existing DOM Element to Render View

      00:01:45

    • Custom Initialization Options

      00:01:18

    • Escaping user content - Preventing XSS attacks

      00:01:35

    • Passing options to Event Handlers

      00:01:56

    • Cleaning up View

      00:01:31

    • Sending JSON Back to the Server

      00:01:15

  • Collections

    5 Lectures 00:23:10

    • Creating Collections

      00:05:40

    • Working with Collections

      00:07:19

    • Connecting to Server

      00:02:22

    • Events in Collection

      00:04:32

    • Customizing Collections

      00:03:17

  • Collection Views

    2 Lectures 00:07:03

    • Working with Collection Views

      00:04:19

    • Events in Collection Views

      00:02:44

  • Routers & History

    2 Lectures 00:13:55

    • Using Router and History

      00:06:52

    • Advanced Routing configuration

      00:07:03

  • Working with Forms in Backbone Js

    2 Lectures 00:05:49

    • Creating Forms in BackboneJs using views

      00:03:42

    • Editing an existing item using Form

      00:02:07

  • Organizing our Application Code

    5 Lectures 00:07:51

    • Naming our classes

      00:01:22

    • Reference classes with Namespace

      00:01:00

    • Handling Links

      00:02:38

    • Object initialization

      00:00:54

    • Making our model readonly

      00:01:57

  • Project - Creating a Todolist application

    7 Lectures 00:12:17

    • Basic Setup - Layout

      00:01:39

    • Defining the Template

      00:02:14

    • Creating a TodoItem

      00:01:30

    • Editing an Item

      00:02:23

    • Marking an item complete

      00:01:10

    • Filtering All,Pending and Completed Items

      00:02:25

    • Deleting an Item

      00:00:56

  • Externalizing our Templates

    3 Lectures 00:18:49

    • Externalizing our Templates - Using Script Tag

      00:03:49

    • Externalizing our Templates - RequireJS approach

      00:05:07

    • Externalizing our Templates - Grunt - Precompile Templates

      00:09:53

  • Conclusion & Code Download

    1 Lectures 00:00:22

    • Conclusion & Code Download

      00:00:22

Skillbakerystudios

More Courses from skillbakerystudios