Desenvolvedor Front-End

Carga horária: 24hs

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.

O Curso utiliza Bootstrap 4 e Jquery 3 para montar diferentes layouts durantes as aulas. 

Pré-Requisito: HTML

Próximas turmas

Frequência Horário Início Término Valor
Terça e Quinta 18:30/21:30h 03/07/2018 24/07/2018 3xR$250,00
Segunda e Quarta 18:30/21:30h 08/08/2018 27/08/2018 3xR$250,00

Gerenciador de bibliotecas

  • Npm
  • Bower

JavaScript

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

JQuery 3

  • 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

  • Scroller
  • Efeitos com Parallax
  • SweetAlert 2

Bootstrap 4

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

Utilização de ícones

Criação de gráficos

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