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
12x R$260,00 no cartão de crédito
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.