icon-angDesenvolvimento de Aplicações WEB com JavaScript e Angular JS

Público-alvo: Por se tratar de um treinamento mais avançado, é importante que os participantes já tenham tido experiências desenvolvendo software profissionalmente. É desejável também que os participantes estejam familiarizados com a linguagem HTML e JavaScript.

Solicite um orçamento
Saiba mais

novembro, 2018

Organizar Opções

Curso online - Asterisk Ionline

Curso online - Asterisk Ionline

24set - 21novDia InteiroTreinamento Linux - LPI 101 e 102

Mais cursos disponíveis

17/04 a 10/05 segunda e quarta

18h30 às 22h30 hrs

24 horas

Solicite um orçamento

Preencha o formulário para maiores informações.

Mais informações sobre o curso

Aprenda a construir aplicações web interativas e fáceis de utilizar, com uma arquitetura modular, robusta e flexível e uma produtividade que vai superar as suas expectativas!

Criado pelo Google em 2010, o Angular é um framework desenvolvido em JavaScript que vem revolucionando o mercado pela sua capacidade de proporcionar uma experiência agradável e produtiva no desenvolvimento de aplicações web, permitindo a criação de aplicações interativas e fáceis de utilizar! Ele apresenta uma arquitetura modular, robusta e flexível, permitindo a criação de aplicações interativas e fáceis de utilizar. Sua arquitetura é baseada na criação de componentes independentes, utilizados por meio da injeção de dependências. Desta forma, é possível favorecer o reuso e facilitar a criação de testes automatizados, garantindo a qualidade do código produzido pela equipe.

Além disso, existe uma imensa disponibilidade de listas de discussão, artigos e livros especializados, fornecendo muita documentação e facilitando a vida da equipe ao se deparar com uma dúvida. Existem também uma infinidade de bibliotecas e ferramentas capazes de economizar tempo e recursos na hora de encontrar a melhor solução para um determinado problema.

Neste treinamento, será abordado a criação de aplicações reusáveis, manuteníveis e modulares na prática. Vamos conhecer profundamente seus principais componentes arquiteturais como controladores, diretivas, filtros e serviços e também as melhores formas de combiná-los. Além disso, utilizaremos as melhores ferramentas do mercado para realizar a automação de testes e de todos os processos do desenvolvimento, desde a criação inicial dos projetos, passando pela execução dos testes, até a criação final do pacote de distribuição.

Conteúdo Programático:

Capítulo 1: Introdução ao AngularJS

Por que utilizar AngularJS?
Introdução ao framework
Modelo arquitetural
Configurando o primeiro projeto
Como organizar projetos de diferentes portes?
Por dentro da API básica do AngularJS

Capítulo 2: Orientação a Objetos com JavaScript

Afinal, JavaScript é orientada a objetos?
Fundamentos da linguagem JavaScript
Funções
Métodos
Herança
Classes
Construtores
Criando Objetos com JavaScript
Singleton Pattern
Module Pattern
Revealing Module Pattern

Capítulo 3: Criando componentes reusáveis com Diretivas

Como funciona a árvore DOM?
Introdução as diretivas
Utilizando as diretivas padrão do AngularJS
Criando nossas próprias diretivas
Utilizando templates
Restringindo elementos
Passagem de parâmetros
Encapsulando elementos
Criando controllers
Manipulando eventos

Capítulo 4: Manipulando Dados

Exibindo dados por meio de expressões
Introdução aos filtros
Utilizando os filtros padrão do AngularJSCriando nossos próprios filtros
currency
date
filter
json
limitTo
lowercase
number
orderBy
uppercase
Criando nossos próprios filtros
Aplicando filtros em outros componentes
Entendendo o Two-Way Data Binding
Inicialização do framework
Entendendo as funções $apply e $watch
Formulários e validação
Criando nosso primeiro formulário
Entendendo o mecanismo de validação básica
Validação avançada com $dirty e $pristine
Identificando problemas de validação

Capítulo 5: Evoluindo o design da aplicação com Injeção de Dependências e Serviços

Injeção de dependências
Criando serviços
Constant
Value
Factory
Service
Utilizando os serviços padrão do AngularJS
$http – Comunicação HTTP
$httpBack – Mocking HTTP
$log – Mecanismos de Logging
$timeout – Criando timeouts
$routeProvider – Roteamento
$exceptionHandler – Tratamento de Exceções

Capítulo 6: Melhores práticas de design com AngularJS

Modularizando a aplicação
Module API
Criando promessas
Padrão Promise Deferred
Comunicação entre componentes
Broadcasting
Padrão Publish Subscribe

Capítulo 7: Automatizando os Testes e o Workflow

Qual é o problema em não ter testes automatizados
Introdução ao Test-Driven Development
Criando testes para JavaScript com Jasmine
Utilizando a API de Mocking do AngularJS
Executando os testes com Karma
Processo de Instalação
Configurando o Karma
Testando os componentes do AngularJS
Controller
Filter
Directive
Service
Automatizando o workflow com o Grunt
Processo de Instalação
Configuração o Grunt
Buscando e instalando plug-ins
Executando tarefas
Criando uma distribuição
Limpando os arquivos temporários com o Clean
Validando os scripts com o JSHint
Concatenando com o Concat
Minificando com o UglifyJS
Executando os testes com o Karma
Rodando o projeto com o Connect
Gerenciando os pacotes com o Bower
Processo de Instalação
Configurando o Bower
Buscando, instalando e atualizando pacotes
Configurando os pacotes na aplicação

Dinâmica

Durante o treinamento os alunos, em duplas, irão trabalhar em um cenário específico utilizando Test-Driven Development e aplicando as técnicas de refactoring vistas ao longo do treinamento.

Resultados Esperados

Ao final do treinamento, é esperado que os participantes:

Conheçam profundamente o framework AngularJS, sabendo utilizar seus principais componentes arquiteturais como views, controllers, directives, filters e services.
Tenham condições de discutir e projetar a arquitetura de aplicações de qualquer porte.
Aprendam a interagir com qualquer tipo de back-end por meio de uma API REST baseada no protocolo HTTP.
Saibam aplicar diversas técnicas de refactoring e design patterns com o objetivo de tornar o código mais limpo e compreensível.
Entendam como desenvolver orientado a testes (Test-Driven Development) utilizando JavaScript.
Entendam as raízes da orientação a objetos e como criar código de alta coesão, baixo acoplamento e principalmente reusável com JavaScript.
Conheçam ferramentas como o Jasmine, Karma, Grunt e Bower para automatizar os testes e o workflow do projeto.
Desenvolvam um olhar mais crítico e profissional em relação ao desenvolvimento de software, fomentando um ambiente de trabalho baseado na qualidade.

Treinamentos para decolar a sua carreira!

Gostou? Compartilhe!

Share on FacebookShare on Google+Tweet about this on TwitterPin on PinterestShare on LinkedIn