Visão Geral

Curso Backbone.js Crie Rich Internet Applications (RIA) usando JavaScript e Backbone.js. É conhecido pela estrutura JS leve que permite iterações mais rápidas no front-end e se integra bem com serviços da web.

Construir páginas da web mais ricas, flexíveis e interativas é uma necessidade hoje, para atrair mais clientes e garantir uma base de clientes dedicada. Uma tecnologia que ajuda a conseguir isso é o Backbone.js, uma estrutura JavaScript extremamente leve que permite iterações mais rápidas no front-end e se integra bem com a arquitetura baseada em serviços da web.

O curso Backbone.js  é um curso abrangente e intensivo que permitirá que você obtenha o conhecimento necessário para construir Rich Internet Applications (RIA) usando JavaScript e Backbone.js.

Por meio de sessões práticas e extensa preparação de código, você aprenderá sobre modelos e coleções, visualizações e interfaces de usuário orientadas a eventos e outros aspectos do Backbone.js para construir aplicativos complexos do lado do cliente.

Aprenda esta estrutura hoje e entenda como escrever um código que seja de fácil manutenção, escalonável e manipulado para construir aplicações ricas para a Internet.

Ao final deste curso, você aprenderá todas as habilidades necessárias para iniciar sua carreira como desenvolvedor web.

Objetivo

Após realizar este Curso Backbone.js você será capaz de:

• A diferença básica entre aplicativos tradicionais e da web e aplicativos ricos da internet
• O papel da natureza tipificada dinâmica da linguagem JavaScript
• Os recursos de programação funcional em JavaScript e como usá-los para construir aplicativos superiores
• Como modularizar e carregar arquivos JavaScript usando Require.js
• Como usar modelos de guiador para modelos de IU
• As técnicas para organizar o código da IU usando Backbone.js

Por que devo aprender RIA com Backbone.js?

Backbone.js é uma biblioteca JavaScript ultraleve que oferece funcionalidade e estrutura infinitas, apesar de seu tamanho pequeno. Considerando que os aplicativos de página única são o futuro, permitindo que o lado do cliente se torne mais intensivo em código, uma estrutura como o Backbone que é leve e também permite que um grande número de funcionalidades reutilizáveis ​​e de fácil manutenção sejam construídas em torno dele, é uma escolha número um para Muitos desenvolvedores. 

Publico Alvo

• Desenvolvedor da web que deseja construir UIs da web de última geração com a simplicidade e elegância do JavaScript.
  

Pre-Requisitos

• Desenvolvimento web com HTML, CSS, JavaScript e jQuery

Materiais

Conteúdo Programatico

RIA Architecture Overview

1. Difference between traditional web application and RIA architectures
2. Role of JavaScript & related frameworks
3. Overview of REST

Introduction to Node.js

1. The need for server-side JavaScript
2. The Single Threaded Event Loop
3. Creating modules in Node
4. Installing Node packages using npm

Building RIA using Backbone.js

1. Introduction to Backbone.js
2. Need to organize UI code
   
3. Backbone Fundamentals
4. View
5. Model
6. Collection
7. Router

Model Basics

1. Implement a simple Model
2. Modify Model attributes
3. Use a Model in the Console

Common Model Methods

1. get(key)
2. set({key:value})
3. isNew()
4. toJSON()

View Basics

1. Implement a simple View
2. Understanding template rendering
3. Using View in the console
4. Using HandleBar View Engine

Using Templates

1. Avoid string concatenation for dynamic generation of UI
2. Template syntax
3. Exploring Handlebar.js
4. Binding data to templates
5. Using pre-compiled templates

Model Binding

1. Model Binding Techniques
2. Using Knockback for data binding
3. Using Backbone.ModelBinder

Collections Basics

1. Implement a collection
2. Use underscore methods to manipulate a collection
3. Understanding Collection Events
4. Using Backbone.Paginator for pagination

Combining Models Views and Collections

1. Extend an existing View
2. Writing a template
3. Render Models in a Collection
4. Using jQuery sub-search in a View
5. Adding Content to the DOM
6. Render on the Collection’s reset event

Routes

1. Constructor Route
2. Router Redirection
3. Evented Routes

Development workflow tools

Bower

1. Creating and maintaining client side dependencies using Bower.js
   
2. Bower configuration file
3. Installing dependencies

Grunt

1. Need for a JavaScript task executor
2. Setting up Grunt.js
3. Commonly used Grunt Tasks