Desenvolvimento Web com JavaScript e jQuery

Sobre o curso

Aprenda a desenvolver aplicações web com HTML5 JavaScript e Ajax.

Conheça nossa formação Front-end

<

Após este curso o aluno estará apto a:

  • Desenvolver aplicações web apenas com tecnologias Front-End;
  • Entender como funciona a Orientação a Objetos em JavaScript e requisições Ajax;
  • Entender o conceito de arquitetura modular de CSS e JavaScript;

Conteúdo Programático

Sobre o JavaScript - Revisão

  • Um pouco de história
  • A importância do JavaScript
  • Entendendo o escopo de variáveis
  • Funções anônimas
  • Funções auto-executáveis
  • Executando funções a partir de eventos
  • Manipulando a DOM Tree
  • Entendendo closures e Currying

Mais de JavaScript

  • Objetos JavaScript
  • Verificando tipos de objetos
  • A falsa orientação a objetos
  • Definindo namespaces
  • Definindo getters e setters
  • Criando funções construtoras
  • Entendendo métodos estáticos, de instância e privados
  • Entendendo alguns tipos de herança

Front-end avançado

  • Front-end e o desenvolvimento ágil
  • Fluxo da arquitetura front-end
  • O que são frameworks
  • Modularização de CSS e JavaScript
  • Pré-processadores e ferramentas de automação
  • Entendendo o conceito de "progressive enhancement" e "graceful degradation"
  • As novas APIs do HTML5
  • Multimídia na Web
  • Entendendo os tipos de CODECS
  • Geolocalização
  • Armazenamento Local

jQuery e Ajax

  • Seletores e Filtros
  • Métodos de Manipulação do CSS
  • Adicionando, removendo e modificando atributos dos elementos
  • Animações e Efeitos
  • Adicionamento conteúdo dinamicamente
  • Armazenando informações no cliente
  • Definindo módulos de cada componente
  • O que é Ajax?
  • Introdução ao Ajax com jQuery
  • Persistindo nossos dados via AJAX/JSON
  • Conhecendo nosso webservice REST
  • Definindo eventos para as ações realizadas

Conceito de Design Responsivo

  • O que é Responsive Web Design?
  • Entendendo o conceito Mobile First
  • Media Queries
  • Grid Systems

Apêndice - jQuery UI

  • O que é jQuery UI?
  • Accordion
  • Button
  • Dialog
  • Tooltip
  • Tabs
  • Slide
  • DatePicker
  • Autocomplete
  • Drag and Drop
  • Progressbar
  • Sortable
  • Spinner
  • Menu

Apêndice – MVC com AngularJS

  • Sobre o AngularJS
  • Hello World AngularJS
  • O Angular e MVC
  • Controllers
  • Diretivas
  • Data Binding
  • Filtros

Apêndice – Build com GruntJS

  • Porque automatizar?
  • O que é GruntJS?
  • O que é NodeJS?
  • Instalando o GruntJS
  • Minificando arquivos CSS e JavaScript
  • Utilizando o livereload
  • Compilação em tempo real com Watch e LESS

Diferenciais deste Curso

  • Javascript avançado com orientação a objeto;
  • Utilizar recursos de webservices para trabalhar com aplicações;
  • Ao final do curso o aluno construirá aplicativo com HTML5 e muito JavaScript.

Pré-requisitos

  • É imprescindível conhecer HTML, CSS e JavaScript ou ter concluído o curso HTML5 e CSS3 Fundamentals;
  • Entender lógica de programação como operadores lógicos, condicionais, loops, funções, etc;
  • É desejável conhecimento em alguma linguagem de programação (como Java, PHP, C, etc);

Carga Horária

Curso Presencial: 40H

  • Noturno: 2 semanas de segunda a sexta-feira, 4 horas diárias.

Curso Online: 40H

  • Curso EAD ágil
  • 08 horas de aulas online (ao vivo) com o professor através de videoconferência.
  • 32 horas de aulas offline (mínimo recomendado pela 4Linux). Estas horas são alocadas e controladas pelo aluno que deverá acessar o conteúdo digital: vídeo aulas com hands-on e fazer os laboratórios, exercícios e desafios.

Próximas Turmas

Início Término Horário
22/01/2018 02/02/2018 Noturno - Segunda à Sexta das 18:30h às 22:30h
20/02/2018 13/03/2018 EAD - 12 videoaulas práticas intercaladas com 4 aulas online ao vivo em vídeoconferência às Terças-feiras das 20h às 22h

Temos outras turmas, para mais informações entre em contato com um de nossos vendedores.

Compartilhe esta página

Receba Datas e Valores

Quem irá pagar o seu curso?
Modalidades
Preferência de horário
CAPTCHA
This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.
4 + 4 =
Resolva este problema matemático simples e digite o resultado. Por exemplo para 1+3, digite 4.