Desenvolvedor Front-End

Carga horária: 20hs

O Objetivo do curso é mostrar diversas funcionalidades do JQUERY como modificação de elementos HTML e CSS. Alem de permitir integrações via Ajax entre paginas HTML com linguagem Servidor tais como PHP, Java. Veremos também um plugin do JQUERY conhecido como JQUERY UI que permite a criação de elementos gráficos de uma forma bem simples e rapida.

O curso foca na criação de templates HTML 5 e customização de elementos utilizando o twitter bootstrap e Jquery. Ao fim do treinamento o aluno pode criar maravilhosos sites e sistemas com menus, tabelas (grid), calendários, abas entre outros. Alem de aplicar grandes efeitos como carousel, fadeIn, tooltip.

Se você conhece alguma linguagem de programação o curso de desenvolvedor front-end lhe dará as ferramentas necessárias para construir grandes layouts para seus sistemas sem grandes esforços, mas se você ja é um web designer, vai conseguir expandir seu conhecimento e suas técnicas para a criação de novos sites.

Pré-Requisito: HTML

Próximas turmas

JavaScript

  • Declaração de variáveis
  • Condições
  • Loops
  • Funções
  • Tipos de dados booleanos
  • Regex
  • Vetor
  • Validação de Formulários

JQuery

  • Entendendo a Sintaxe do JQuery
  • Seletores
    • O que são
    • Funcionamento dos Seletores
    • Manipulando Seletores Simples e Compostos
    • Manipulando atributos e visibilidades
  • Manipulação de Elementos HTML com JQUERY
  • Manipulação de CSS com JQUERY
    • Adicionando e Removendo classes
    • Manipulando o valor do atributo
    • Manipulando conteúdos html
    • Manipulando conteúdos textual
    • Principais métodos de manipulação de conteúdo
    • Principais métodos de manipulação de estilo
  • Eventos
    • Introdução
    • Eventos no JQuery
    • click() e dblclick()
    • Eventos do teclado keydown(), keyup() e keypress()
    • Eventos de mouse mousedown(), mouseup(), mouseover(), mouseout() e mousemove()
    • load()
    • Metodos bind()
  • Forms
    • Elementos de formulário
    • Blur(), change(), focus(), select()
  • Efeitos
    • Show
    • Hide
    • fadeIn
    • fadeOut
  • Validação de Dados - Jquery Validate
  • Menu
  • Mascara - MaskedInput
  • Ajax com JQuery
  • Métodos de Elemento DOM
  • Integração JQUERY PHP
  • JSON
  • $.get
  • $.post
  • Callback
  • Load
  • Jquery UI  
    • Accordion
    • Tabs
    • Calendar
    • Droppable
    • Draggable
    • Modal
    • Dialog

Jquery Plugins

  • Easy Slider
  • Scroller
  • Efeitos com Parallax

Bootstrap

  • Sistema de Grid
  • Layouts
  • Introdução a Design Responsivo
  • Tabelas
  • Formulários com Bootstrap
  • Botões
  • Imagens
  • Ícones

COMPONENTES

  • Dropdowns
  • Navegação
  • Alertas
  • Modal
  • Tabs

SASS

  • Instalando o Sass
  • @import
  • @extend
  • Variáveis com Sass
  • Mixins
  • Mixins com parâmetros
  • Entendendo o Compass