Próximas Turmas

  • Frequência: Sábado
  • Horário: 09:00/13:00h
  • Término Previsto: 18/10/2025
  • Modalidade: Presencial/online
  • Professor: David Borges
Investimento:

12x R$286,00 o cartão de crédito ou Entrada: R$ 377,52 + 12x de R$ 313,45 (2.99% a.m.) **Sujeito a análise de crédito

  • Frequência: Terça e Quinta
  • Horário: 18:00/21:00h
  • Término Previsto: 09/10/2025
  • Modalidade: Presencial/online
  • Professor: David Borges
Investimento:

12x R$286,00 o cartão de crédito ou Entrada: R$ 377,52 + 12x de R$ 313,45 (2.99% a.m.) **Sujeito a análise de crédito

Quero mais informações

O que você vai aprender nesse curso

Curso ideal para quem deseja iniciar a carreira na área de Desenvolvimento Web como front-end criando sites modernos e responsivos (que se adaptam aos dispositivos móveis) por conta própria!

O curso começa com conceitos básicos e fundamentais do HTML e CSS e avança pela linguagem Javascript e passando pelo framework Bootstrap e também pela ferramenta de prototipação Figma.

Ao longo do curso serão abordados temas como: SEO, UI e UX para enriquecer ainda mais a formação.

Além de toda a preocupação com o desenvolvimento de sites, o curso também aborda temas importantes como: Dicas para freelances,  montagem de portfólio e muito mais.

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
    • Header
    • Footer
    • Section
    • Article
    • Entre outras
  • Google Fonts

 

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 projetos utilizando HTML e CSS

 

Figma (Ferramenta de Interface)

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

  

Javascript

  • DOM
  • O que é Javascript
  • Seleção de elementos
  • Console
  • Variáveis
  • Eventos
  • Funções
  • Objeto
  • SessionStorage
  • LocalStorage
  • ClassList
  • Consumindo dados de API

 Bibliotecas Javascript

  • Animação de conteúdo
  • Slider
  • Para formulários

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

  

Colocando um site no ar

  • Domínio
  • Hospedagem
  • Upload via ftp

 

Dicas para trabalhar como freelancer 

  • Dicas de negociação
  • Dicas de como cobrar
  • Dicas de como criar portfólio

 

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.