Front-end descomplicado e direto ao ponto!
Aprenda a desenvolver interfaces de alta qualidade através de uma metodologia simples e com exemplos práticos.
Fazer parte da lista de espera
curso online
Front-end descomplicado e direto ao ponto!
Aprenda a desenvolver interfaces modernas e de alta qualidade com quem está na área atuando com projetos altamente renomados.
Turma #2 - Inscrições abertas!
Aproveite o valor promocional
20% off
De R$ 1.197,00 por
R$ 957,00
Ou parcele em até 12x de R$ 93,24
- ✓ Acesso vitalício
- ✓ 14 módulos
- ✓ Slack de 300 membros
COMPRAR
NO CARTÃO Parcele em até 12x
NO CARTÃO Parcele em até 12x
COMPRAR
NO BOLETO Parcele em até 24x *sujeito à análise
NO BOLETO Parcele em até 24x *sujeito à análise
-
Valor de R$ 957,00
-
Turma #2 dia 25.11.2021 . Aguardem!
Produzido por Will Moreira
Lead Tech na Insany Design
O curso está disponibilizado na
plataforma da Hotmart
Pagamento com PIX, boleto ou
cartão em até 12x
Ideal pra quem deseja conquistar uma nova habilidade
Domine as principais técnicas para se tornar um front-end capaz de codificar qualquer tipo de layout.
- HTML
- CSS
- javascript
- perfomance
- wordpress
- sass
- gulp
- react
-
Quem busca mais conhecimento
Para quem deseja aprender uma
nova habilidade e ser reconhecido como profissional front-end. -
Desenvolvedores Iniciantes
Para desenvolvedores iniciantes
que buscam aperfeiçoar suas
técnicas de desenvolvimento
front-end. -
Desenvolvedores Experientes
Que desejam aprofundar em
técnicas de estilo voltadas
para o layout.
Mentor
William Moreira
Formado em Ciência da Computação, Desenvolvedor Front-end e Tech Lead na Insany Design. Criador da metodologia do curso online de Front-end Codeboost.
Você pode encontrar os trabalhos desenvolvidos por @wiimoreira em www.willmoreira.com.br.
Conteúdo do curso
- Módulo 1
- Introdução
- Aula 1 - Apresentação
- Aula 2 - Ferramentas
- Aula 3 - A base de tudo
- Aula 4 - Estrutura Web
- Aula 5 - Plugins VsCode
- Aula 6 - O Figma
- Módulo 2
- HTML
- Aula 1 - Estrutura HTML
- Aula 2 - Principais Tag | Parte 01
- Aula 3 - Principais Tag | Parte 02
- Aula 4 - Elementos estruturais
- Aula 5 - Formulários
- Módulo 3
- CSS
- Aula 1 - Introdução
- Aula 2 - Seletores
- Aula 3 - Propriedades de texto
- Aula 4 - Box Model
- Aula 5 - Shorthands
- Aula 6 - Unidades de medida
- Aula 7 - Entendendo o Display
- Aula 8 - Position CSS
- Aula 9 - Z-Index
- Aula 10 - Variáveis CSS
- Aula 11 - Fontes personalizadas
- Aula 12 - CSS Transitions
- Aula 13 - O que é responsividade?
- Aula 14 - Media Queries
- Aula 15 - Dicas para Responsividade
- Módulo 4
- CSS Flexbox
- Aula 1 - O que é Flexbox?
- Aula 2 - Display Flex
- Aula 3 - Flex Direction
- Aula 4 - Flex-wrap
- Aula 5 - Justify Content
- Aula 6 - Align Items
- Aula 7 - Order
- Aula 8 - Conclusão
- Módulo 5
- Projeto Wireframe em HTML5 + CSS3
- Aula 1 - Apresentação do Projeto
- Aula 2 - Reset, grid e padrões
- Aula 3 - Header
- Aula 4 - Section Hero
- Aula 5 - Section Cards
- Aula 6 - Section Multiple Cards
- Aula 7 - Section Text and Button
- Aula 08 - Footer
- Aula 09 - Header (Responsivo)
- Aula 10 - Section Hero (Responsivo)
- Aula 11 - Section Cards (Responsivo)
- Aula 12 - Section Multiple Cards (Responsivo)
- Aula 13 - Section Text and Button (Responsivo)
- Aula 14 - Footer (Responsivo)
- Módulo 6
- SASS
- Aula 1 - Introdução
- Aula 2 - Instalando o sass
- Aula 3 - Import
- Aula 4 - Variáveis
- Aula 5 - Encadeamentos
- Aula 6 - Mixins
- Aula 7 - Responsivo | Media Queries
- Aula 08 - Apresentando o Projeto Prático
- Aula 09 - Estrutura do projeto
- Aula 10 - Configurações iniciais
- Aula 11 - Header
- Aula 12 - Hero Section
- Aula 13 - Resources Section
- Aula 14 - Conclusão
- Módulo 7
- Projeto NEON em HTML5, CSS3 e JS
- Aula 1 - Apresentação do projeto
- Aula 2 - Preparando o ambiente
- Aula 3 - Resets, Variáveis, Mixins, Grid e Fonts
- Aula 4 - Exportando os assets
- Aula 5 - Criando os componentes
- Aula 6 - Header
- Aula 7 - Section Hero
- Aula 08 - Section cartão Neon - Parte 01
- Aula 09 - Section cartão Neon - Parte 02
- Aula 10 - Section Depoimentos
- Aula 11 - Section conta digital
- Aula 12 - Footer
- Aula 13 - Header (responsivo)
- Aula 14 - Section Hero (Responsivo)
- Aula 15 - Section Hero (Responsivo)
- Aula 16 - Section cartão Neon (Responsivo)
- Aula 17 - Section Depoimentos (Responsivo)
- Aula 18 - Section Conta Digital (Responsivo)
- Aula 19 - Footer (Responsivo)
- Aula 20 - AOS Animate
- Aula 21 - Animações com keyframes
- Aula 22 - Colocando o projeto na Web
- Aula 23 - Meta Tags de Compartilhamento
- Aula 24 - Favicon
- Aula 25 - Conclusão Projeto Neon - Parte 01
- Módulo 8
- Projeto NEON em Wordpress
- Aula 1 - O que é o Wordpress?
- Aula 2 - Apresentando o projeto
- Aula 3 - Wordpress.org Vs Wordpress.com
- Aula 4 - Instalando o Local WP
- Aula 5 - Configurando nosso tema
- Aula 6 - Ajustando nossos diretórios
- Aula 7 - Get Header e Get Footer
- Aula 8 - Wp Head e Wp Footer
- Aula 9 - Bloginfo e Wp title
- Aula 10 - Configurando nossas rotas
- Aula 11 - Hierarquia dos templates em wordpress
- Aula 12 - Criando nossos templates
- Aula 13 - Funções : get_permalink e get_page_by_path
- Aula 14 - Nosso arquivo de funções do tema
- Aula 15 - Boas práticas nos templates.
- Aula 16 - Função: Is_page
- Aula 17 - Menu gerenciáveis
- Aula 18 - Função Include
- Aula 19 - Advanced custom fields
- Aula 20 - Gerenciamento Section Hero
- Aula 21 - Gerenciamento Section App Neon
- Aula 22 - Gerenciamento Section Depoimentos
- Aula 23 - Gerenciamento Section Conta Digital
- Aula 24 - Gerenciamento Footer
- Aula 25 - Pagina 404
- Aula 26 - Funcionalidade extra com ACF
- Aula 27 - Plugins para Performance
- Aula 28 - Plugins para segurança
- Aula 29 - Migrar projetos Wordpress com plugins
- Aula 30 - Contact form 7
- Aula 31 - Conclusão
- Módulo 9
- Javascript ES6+
- Aula 1 - O que é javascript?
- Aula 2 - Hello World
- Aula 3 - Variáveis
- Aula 4 - Tipo de dados
- Aula 5 - Números e Operadores
- Aula 6 - Boolean e Condicionais
- Aula 7 - Funções
- Aula 8 - Objetos
- Aula 9 - Arrays e Loops
- Aula 10 - Escopo de função
- Aula 11 - O que é o DOM?
- Aula 12 - Selecionando os Elementos
- Aula 13 - Foreach e Arrow Function
- Aula 14 - Classes e atributos
- Aula 15 - Eventos
- Aula 16 - OuterHTML, InnerHTML e InnerText
- Aula 17 - Transversing
- Aula 18 - Navegação em Tabs
- Aula 19 - Accordion
- Aula 20 - Navegação suave de links internos
- Aula 21 - Modal
- Aula 22 - setTimeout e setInterval
- Aula 23 - Upgrade Projeto Neon
- Aula 24 - Dropdown Neon
- Aula 25 - Menu fixo
- Módulo 10
- Automatização front-end - GULP
- Módulo 11
- Projeto Blog em HTML5, CSS3 e Javascript
- Módulo 12
- Projeto Blog em Wordpress
- Módulo 13
- ReactJs/NextJs
- Módulo 14
- Projeto Portfólio em NextJs
- Desafios
- Projetos práticos
- Desafio 1 - C6 Bank
- Desafio 2 - Wireframes
- Desafio 3 - SuperGet
- Desafio 4 - Uiboost
