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
Preview00:01:15 -
Introduction
Preview00:01:07 -
Why use BackBoneJS
Preview00:02:14 -
BackboneJS - Components
Preview00:00:54 -
Installing BackboneJS
Preview00:00:58 -
BackboneJS - Sneak Peek Models/Views
Preview00: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
-