Desenvolvedor Front-End

Carga horária: 20hs

Esse curso é uma extensão do curso de Web Designer e compõe a 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 4 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 4 e Jquery 3 e 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

Inscreva-se agora!  Inscreva-se agora!

Próximas turmas

Frequência Horário Início Término Valor Tipo
Segunda e Quarta 09:00/13:00h 09/12/2020 18/12/2020 4x R$200,00 Presencial/online
Segunda, Quarta e Sexta 09:00/13:00h 05/02/2021 17/02/2021 4xR$200,00 Presencial/online
Terça e Quinta 18:00/22:00h 16/02/2021 02/03/2021 4xR$200,00 Presencial/online

Bootstrap 4

  • 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 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()
  • 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
  • Efeitos com Parallax

SASS

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