Corporate Backbone JS Training Course

1. Difference between traditional web application and RIA architectures

• Page reload patterns vs Single-page applications
• Client-side vs Server-side rendering
• User experience and performance considerations

2. Role of JavaScript & related frameworks

• JavaScript as the language of the web
• Evolution of JavaScript frameworks
• Comparison of various JavaScript frameworks

3. Overview of REST

• Principles of RESTful services
• REST vs SOAP
• Consuming RESTful APIs with JavaScript

1. Introduction to Backbone JS

• History and purpose of Backbone JS
• Core concepts and components

2. Need to organize UI code

• Challenges of unorganized code
• Benefits of structured MVC/MVP patterns

3. Backbone Fundamentals

• Understanding models, views, collections, and routers
• Setting up a Backbone JS project

4. View

• Role and responsibilities of views in Backbone JS
• Creating dynamic and reusable view components

5. Model

• Defining data structures with models
• Handling data validation and events

6. Collection

• Managing collections of models
• Collection methods and data manipulation

7. Router

• Managing application state and URLs
• Defining routes and actions

1. Implement a simple Model

• Creating your first Backbone model
• Model properties and default values

2. Modify Model attributes

• Setting and getting model attributes
• Listening to model changes

3. Use a Model in the Console

• Interacting with a model via the browser console
• Debugging model state and behavior

1. get(key)

• Retrieving model data
• Working with complex data structures

2. set({key:value})

• Updating model data
• Event triggering on data change

3. isNew()

• Determining if a model has been saved to the server
• Working with new vs existing models

4. toJSON()

• Serializing model data for transport or storage
• Preparing data for view rendering

1. Implement a simple View

• Creating and rendering a view
• The role of el in Backbone views

2. Understanding template rendering

• Using templating engines with Backbone
• Separation of concerns in view templates

3. Using View in the console

• Manipulating views through the console
• Testing and debugging views interactively

4. Using HandleBar View Engine

• Introduction to Handlebars syntax
• Integrating Handlebars with Backbone views

1. Avoid string concatenation for dynamic generation of UI

• Drawbacks of inline HTML and string concatenation
• Best practices for dynamic content

2. Template syntax

• Basic Handlebars syntax and expressions
• Helpers and partials in Handlebars

3. Exploring Handlebar.js

• Advanced features of Handlebars
• Community resources and plugins

4. Binding data to templates

• Dynamic data binding with templates
• Reactive UI updates with model changes

5. Using pre-compiled templates

• Performance benefits of pre-compilation
• Tools for pre-compiling templates

1. Model Binding Techniques

• Two-way binding vs one-way binding
• Implementing model binding in Backbone

2. Using Knockback for Data Binding

• Introduction to Knockback.js
• Combining Backbone with Knockout.js

3. Using Backbone.ModelBinder

• Simplifying bindings with ModelBinder
• Best practices and common patterns

1. Implement a collection

• Defining and instantiating collections
• Working with models within a collection

2. Use underscore methods to manipulate a collection

• Leveraging Underscore.js in Backbone collections
• Common collection operations

3. Understanding Collection Events

• Listening to and responding to collection events
• Syncing collections with views

4. Using Backbone.Paginator for pagination

• Implementing client-side and server-side pagination
• Paginator's integration with Backbone collections

1. Extend an existing View

• Inheritance and view reusability
• Customizing views for specific needs

2. Writing a template

• Crafting templates for Backbone views
• Template best practices

3. Render Models in a Collection

• Looping through models in a collection
• Rendering each model with a view

4. Using jQuery sub-search in a View

• Enhancing view interactivity with jQuery
• Scoped selectors within views

5. Adding Content to the DOM

• Efficient DOM manipulation with Backbone views
• Ensuring performance with large-view updates

6. Render on the Collection’s reset event

• Handling bulk updates and resets in collections
• Optimizing rendering on collection changes

1. Constructor Route

• Setting up a router with constructor options
• Initializing routes on app start

2. Router Redirection

• Navigating between application states
• Implementing redirects and advanced routing logic

3. Evented Routes

• Using events to respond to route changes
• Advanced routing techniques

1. Testing Models using Jasmine

• Introduction to Jasmine for testing
• Writing unit tests for Backbone models

1. Creating and maintaining client-side dependencies using Bower.js

• Managing front-end libraries with Bower
• Version control and dependency resolution

2. Bower configuration file

• Setting up bower.json
• Specifying project dependencies

3. Installing dependencies

• The process of adding libraries to a project
• Updating and locking versions for production