Próximas Turmas

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

12x R$260,00 no cartão de crédito

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!

Ideal para desenvolvedores Back-End que desejam se tornar um Full-Stack.

O curso começa com conceitos básicos e fundamentais do HTML e CSS e avança pela linguagem Javascript e pelo framework Bootstrap.

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.