start

CURSO - DISPONÍVEL

Descubra o curso introdutório de front-end que abrirá as portas para o mundo do front-end. Desenvolvido com uma metodologia prática
e altamente eficiente.

R$ 47,00

ou em 5 x R$ 10,23 no cartão
Quero adquirir o curso Arrow button
confira a grade do curso

Curso introdutório
dividido em 06 módulos

  • 1.1 Apresentação
  • 1.2 Ferramentas
  • 1.3 A Base do Front-end
  • 1.4 Estrutura Web
  • 1.5 Plugins VsCode
  • 1.6 O Figma
  • 1.1 Primeiro HTML e entendendo a estrutura
  • 1.2 Principais Tags do HTML
  • 1.3 Elementos estruturais
  • 1.4 Elementos de formulários
  • 1.5 Conhecendo o Emmet
  • 1.1 Introdução
  • 1.2 Seletores
  • 1.3 Propriedades de texto
  • 1.4 Box Model
  • 1.5 Shorthands
  • 1.6 Unidades de medida
  • 1.7 Entendendo o Display
  • 1.8 Position CSS
  • 1.9 Entendendo o Z-index
  • 1.10 As variáveis CSS
  • 1.11 Fontes personalizadas
  • 1.12 CSS Transition
  • 1.13 O que é responsividade?
  • 1.14 Media Queries
  • 1.15 Dicas para responsividade
  • 1.1 Introdução
  • 1.2 Display Flex
  • 1.3 Flex Direction
  • 1.4 Flex-wrap
  • 1.5 Flex flow
  • 1.6 Justify Content
  • 1.7 Align Items
  • 1.8 Align content
  • 1.9 Gap
  • 1.10 Order
  • 1.11 Flex grow
  • 1.12 Flex shrink
  • 1.13 Flex basis
  • 1.14 Flex
  • 1.15 Align self
  • 1.1 Introdução
  • 1.2 Configurações iniciais
  • 1.3 Criando o Style Guide
  • 1.4 Construindo os components
  • 1.5 Exportando os assets
  • 1.6 Header
  • 1.7 Section Hero
  • 1.8 Section Transformação Digital
  • 1.9 Section Arte do Front-end
  • 1.10 Section Newsletter
  • 1.11 Footer
  • 1.12 Header - Responsivo
  • 1.13 Section Hero - Responsivo
  • 1.14 Section Transformação Digital - Responsivo
  • 1.15 Section Arte do Front-end - Responsivo
  • 1.16 Section Newsletter - Responsivo
  • 1.17 Footer - Responsivo
  • 1.18 Inserindo as animações
  • 1.19 Conclusão do módulo
  • 1.1 Apresentação
  • 1.2 Configurações iniciais
  • 1.3 Exportando os assets
  • 1.4 Criando as variáveis
  • 1.5 Criando os components
  • 1.6 Codificando o Header
  • 1.7 Section Hero
  • 1.8 Section Work
  • 1.9 Section projects
  • 1.10 Section Features
  • 1.11 Section blog
  • 1.12 Section footer
  • 1.13 Responsivo - Header
  • 1.14 Responsivo - Section Hero
  • 1.15 Responsivo - Section Work
  • 1.16 Responsivo - Section Projects
  • 1.17 Responsivo - Section Features
  • 1.18 Responsivo - Section Blog
  • 1.19 Responsivo - Footer
  • 1.20 Criando animações
  • 1.21 Encerramento...

pratique com desafios exclusivos

Além de aprender, você
irá desenvolver junto
comigo duas interfaces
bastante didáticas

Confira os projetos
Icone de uma seta
projeto prático

Structboost

Acessar projeto Icone de uma seta
Imagem do projeto do Wireframe
Icone de código

Entenda na prática a importância de ter uma estrutura HTML bem feita para conseguirmos criar qualquer tipo de layout, sendo ele o mais simples ou o mais complexo.

projeto prático

Finsweet

Acessar projeto Icone de uma seta
Imagem do projeto Finsweet
Icone de código

Com o projeto Finsweet tiraremos do papel todos os ensinamentos do curso até agora, de uma vez por todas você entenderá como é simples codificar uma pagina utilizando o método correto.

sobre o mentor

Will Moreira

  • Icone de código Graduado em Ciência da Computação
  • Icone de um asterisco Mais de 7 anos de experiência na área
  • Icone de um planeta Desenvolvedor Front-end para empresa da europa
Imagem - William Moreira
Imagem pequena - William Moreira

Trabalhando em projetos de diferentes níveis de complexidade. Durante este tempo, adquiri conhecimentos e habilidades que gostaria de compartilhar com você. Desde a criação de layouts simples até o desenvolvimento de projetos mais avançados, passando por ferramentas e tecnologias fundamentais para o desenvolvimento Front-end, eu vou guiar você por todo o processo.

Com minha experiência e expertise, vou ajudá-lo a alcançar seus objetivos na área de Desenvolvimento Front-end. Venha comigo nesta jornada e vamos juntos construir interfaces incríveis e de alta qualidade!

Imagem - William Moreira

conheça a área de tecnologia

Esteja preparado para os
melhores salários

A área de Desenvolvimento Front-end oferece excelentes oportunidades de emprego e salários altos.

  • JR
    R$ 2000 - R$ 3000
  • Pleno
    R$ 4000 - R$ 6000
  • Senior
    + R$ 7000
Fonte: GlassDoor e linkedin

* Estes são valores aproximados que pode variar de empresa para empresa e também de acordo com o estado.

  • Icone de uma estrela
    mercado aquecido

    A área de Desenvolvimento Front-end oferece excelentes oportunidades de emprego e salários altos.

  • Icone remoto
    trabalhe de onde quiser

    Abra as portas da liberdade e trabalhe de onde quiser com o desenvolvimento front-end.

  • Icone Moeda
    ganhe em moeda estrangeira

    Aproveite as oportunidades globais, conquiste projetos internacionais e aumente sua renda.

Icone de uma seta Adquira agora o curso
Logo Codeboost
R$ 47,00
Quero adquirir o curso