Formação Web Design / Front-End
Junte-se aos melhores!!
Facebook Instagram Linkedin Whatsapp

Próximas Turmas

  • Frequência: Segunda, Quarta e Sexta
  • Horário: 13:00/17:00h
  • Término Previsto: 30/09/2022
  • Modalidade: Presencial/online
  • Valor: 12xR$255,00
  • Professor: David Borges
  • Frequência: Terça e Quinta
  • Horário: 18:00/21:30h
  • Término Previsto: 01/11/2022
  • Modalidade: Presencial/online
  • Valor: 12xR$255,00
  • Professor: David Borges
Realizar matrícula

O que você vai aprender nesse curso

Curso ideal para quem deseja entrar no mercado de trabalho front-end e também deseja criar sites modernos e responsivos (que se adaptam aos dispositivos móveis) por conta própria como um verdadeiro Web Designer!

O curso começa com conceitos básicos e fundamentais do html e css e avança por bootstrap, Javascript, Jquery e Sass.

Além de toda a preocupação com o desenvolvimento de sites, o curso também aborda temas importantes como: Dicas de como cobrar, Montagem de Proposta, e muito mais.

Veja alguns exemplos construídos no curso

Conteúdo do curso

Introdução

  • Apresentação
  • Ferramentas
    • VS Code
    • Figma
  • Tecnologias 
  • Estrutura de um site

 

HTML

  • Estrutura base do HTML
  • Principais tags
  • Formulários
  • HTML Semântico

 

SEO Básico (Melhorando o código para o google)

  • O que é SEO
  • Tags importante para SEO
  • Otimização de imagens

 

CSS

  • Seletores
    • Nativos
    • Classes
    • Ids
  • Propriedades de texto
  • Box Model
  • Positions
  • Z-Index
  • Display
    • Block
    • Inline
    • Flex
  • Variáveis
  • Transformações
  • Transitions
  • Unidades de medida
  • Responsividade
    • O que é responsividade
    • Media Queries
    • Dicas de responsividade

 

CSS Flexbox

  • O que é flexbox
  • Flex Direction
  • Justify Content
  • Align Items
  • Order
  • Gap
  • Wrap

 

Colocando em Prática

  • Construção de um projeto utilizando HTML e CSS

 

UI Design

  • Inspirações
  • Figma
  • Conceitos gerais do UI Design
  • Imagens
  • Cores
  • Tipografia para web
  • Grid
  • Camadas
  • Guias e Réguas
  • Exportação de imagens para web
  • Style Guide

 

UI Design na prática

  • Construção de uma interface para web


Transformando a interface criada em código

 

Javascript Plugins

  • Aplicação de plugins Javascript
    • Carrossel 
    • Scroll
    • Lightbox
    • Maskedinput

 

Javascript

  • DOM
  • O que é Javascript
  • Seleção de elementos
  • Console
  • Variáveis
  • Array
  • Eventos
  • Funções
  • For
  • Foreach
  • Objeto
  • SessionStorage
  • LocalStorage
  • ClassList
  • Integração com API de cep e Ajax

 

Bootstrap

  • O que é um framework
  • Sistema de grid do Bootstrap
  • Utilitários
  • Componentes
    • Botões
    • Navbar
    • Carrossel
    • Modal
    • Entre outros
  • Formulário

 

Bootstrap na prática

  • Criação de um projeto de site com bootstrap

 

SASS

  • O que é Sass
  • Configurando o ambiente
  • Variáveis
  • Mixins
  • Mixins com parâmetros
  • Import

 

Colocando um site no ar

  • Domínio
  • Hospedagem
  • Upload via ftp
  • Relatórios com Google Analytics (Visão geral)

 

Dicas para trabalhar como freelancer 

  • Briefing
  • Dicas de negociação
  • Dicas de como cobrar
  • Proposta

 

Diferencial Coti Informática: Aulas baseadas em projetos 100% na prática

Diferencial Coti Informática 2: Nosso curso não é dividido em módulos, ou seja, interagimos com todas as tecnologias de modo que o aluno aprenda colocando a mão na massa, deixando as aulas mais atrativas e agradáveis aos alunos.