Próximas Turmas
- Frequência: Segunda, Quarta e Sexta
- Horário: 13:00/17:00h
- Término Previsto: 09/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: 27/09/2022
- Modalidade: Presencial/online
- Valor: 12xR$155,83
- Professor: David Borges
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.