Próximas Turmas

Nenhuma turma disponível no momento

Quero mais informações

O que você vai aprender nesse curso

Esse curso é o segundo módulo da Formação Web Design / Front End. Tem como objetivo, avançar em conceitos fundamentais para o desenvolvimento front-end.

O curso foca na criação de templates HTML 5 e customização de elementos utilizando o  bootstrap  e Javascript/Jquery. Ao fim do treinamento o aluno pode criar maravilhosos sites e sistemas.

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 é um web designer, vai conseguir expandir seus conhecimentos e suas técnicas para a criação de novos sites.

O Curso utiliza o framework Bootstrap, a biblioteca Jquery, além do SASS para montar diferentes layouts durantes as aulas. 

Pré-Requisito: Conhecimentos básicos em HTML e CSS ou ter feito o curso de Web Designer

 

Conteúdo do curso

BOOTSTRAP

  • Sistema de Grid
  • Layouts
  • Introdução a Design Responsivo
  • Tabelas
  • Formulários com Bootstrap
  • Botões
  • Imagens
  • Carousel
  • Dropdowns
  • Navegação
  • Alertas
  • Modal
  • Tabs
  • Utilização de ícones

JAVASCRIPT BÁSICO

  • Declaração de variáveis
  • Condições
  • Funções

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()
  • Forms
    • Elementos de formulário
    • Blur(), change(), focus(), select()
  • Efeitos
    • Show
    • Hide
    • fadeIn
    • fadeOut
  • Validação de Dados
  • Menu
  • Mascara - MaskedInput
  • Ajax com JQuery
  • Métodos de Elemento DOM
  • Load

OUTRUS PLUGINS EM JQUERY

  • Scroller
  • Loading

SASS

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