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
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.