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: 28/09/2022
  • Modalidade: Presencial/online
  • Valor: 12xR$155,83
  • Professor: David Borges
  • Frequência: Terça e Quinta
  • Horário: 18:00/21:30h
  • Término Previsto: 18/10/2022
  • Modalidade: Presencial/online
  • Valor: 12xR$155,83
  • Professor: David Borges
  • Frequência: Segunda, Quarta e Sexta
  • Horário: 09:00/13:00h
  • Término Previsto: 05/10/2022
  • Modalidade: Presencial/online
  • Valor: 12x R$155,83
  • Professor: David Borges
Realizar matrícula

O que você vai aprender nesse curso

Esse é o primeiro módulo da Formação Web Design/Front-End. Curso voltado para profissionais e iniciantes na área de Web Design que desejam entrar na área de Desenvolvimento de Sites ou trabalhar por conta própria. 

O curso foca no desenvolvimento de sites responsivos utilizando Html 5, Css3 e Javascript.

Além de toda a preocupação com o desenvolvimento de sites, o curso também aborda temas importantes como: Comportamento em reuniões, proposta, como cobrar, etc.

Ao final do curso o aluno sai preparado para construir seus proprios sites, podendo além de entrar no mercado, trabalhar por conta própria.

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

 

Javascript

  • O que é Javascript
  • Seleção de elementos
  • Console
  • Variáveis
  • Eventos

 

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.