Nós usamos cookies para criar uma experiência de navegação melhor. Ao acessar o site da MENTORAMA, você concorda com nossa Política de Cookies.
Entendi
Close
Nós usamos cookies para criar uma experiência de navegação melhor. Ao acessar o site da MENTORAMA, você concorda com nossa Política de Cookies.
Entendi
Close
Deixe um pedido de consulta e teste
o acesso ao curso "Desenvolvimento Front-End do zero ao PRO" totalmente gratuito por 3 dias!
Ao clicar no botão de "Enviar", declaro que li e estou ciente das condições presentes na Política de Privacidade e concordo com os Termos de uso aplicáveis à empresa Mentorama e seus serviços.

Desenvolvimento Front-End do zero ao PRO

Você aprenderá a marcação com o HTML, a estilização com o CSS e os básicos de interatividade com o JavaScript. Poderá criar as interfaces fáceis de usar e rápidas de carregar, que os usuários vão adorar.

3 projetos

para seu portfólio

6 meses

de aprendizagem na prática

20 módulos

descrevendo cada passo

Um mentor expert

da área
até 1 de agosto
-40%
CURSO ONLINE DE
Trailer do curso
Descubre o universo do Front-End no nosso curso
Curso de python
Curso front end

Desenvolvedor Front-end — a carreira promissora e bem paga

R$ 79.735,00
por 3 anos consecutivos
por ano
o salário médio de um desenvolvedor Front-end no Brasil, segundo o indeed.com
a profissão de um Desenvolvedor Front-end foi a mais procurada no Brasil
$(document).ready(function(){ $(document).ready(function (){. $(document).ready(function(){ $(document).ready(function(){str2 = txtSecondName.getText(); $(document).ready(function(){ $(document).ready(function (){. $(document).ready(function(){ $(document).ready(function(){str2 = txtSecondName.getText(); $(document).ready(function(){ $(document).ready(function (){. $(document).ready(function(){ $(document).ready(function(){str2 = txtSecondName.getText(); $(document).ready(function(){ $(document).ready(function (){. $(document).ready(function(){ $(document).ready(function(){str2 = txtSecondName.getText();
str2 = txtSecondName.getText();str2 = txtSecondName.getText(); str2 = txtSecondName.getText(); str2 = txtSecondName.getText(); str2 = txtSecondName.getText(); str2 = txtSecondName.getText(); str2 = txtSecondName.getText(); str2 = txtSecondName.getText(); str2 = txtSecondName.getText(); str2 = txtSecondName.getText();
Para quem é o curso de front-end?
Iniciantes
Designers UX/UI
Devs Back-end
Você quer dominar uma profissão moderna e procurada e tem interesse por programação?
Você cria interfaces da web lindas e fáceis de usar e quer ampliar seus conhecimentos e passar para o desenho Fullstack ?
Você tem experiência em programação com PHP, JavaScript ou outras linguagens e quer tornar-se um desenvolvedor Fullstack?
Para quem é o curso de front-end?
Iniciantes
Você quer dominar uma profissão moderna e procurada e tem interesse por programação? Torne-se um Desenvolvedor Front-end para criar as interfaces convenientes e atrativas. Durante o curso você aprenderá a#nbsptrabalhar com o HTML, CSS, JavaScript, e todas as ferramentas necessárias — e apenas em seis meses se tornará um especialista demandado com um portfólio impressionante.
Designers UX/UI
Você cria interfaces da web lindas e fáceis de usar e quer ampliar seus conhecimentos e passar para o desenho Fullstack. No curso, você aprenderá os princípios de desenvolvimento web e poderá montar seus projetos por si mesmo do início ao fim. Assim, se tornará um especialista bem pago e levará sua carreira para o próximo nível.
Curso front end
Curso front end
Desenvolvedores Back-end
Você tem experiência em programação com PHP, JavaScript ou outras linguagens e quer tornar-se um desenvolvedor Fullstack. No curso, você receberá os conhecimentos e competências faltantes, avançará para o próximo nível da criação dos serviços web e poderá se desenvolver na profissão que gosta ganhando mais dinheiro.
Curso front end

Sua experiência pós-treinamento

Marcação e estilização do layout

Conhecerá as linguagens HTML e СSS, poderá criar interfaces convenientes e apresentar a informação da melhor maneira possível.
Dominará o JavaScript e poderá habilitá-lo em suas interfaces para que sejam funcionais e interativas.
Aprenderá a criar as páginas web que serão igualmente lindas em qualquer navegador e qualquer dispositivo, desktop ou aparelho móvel.

Adaptatividade e acessibilidade

Aprenderá a trabalhar com o sistema de controle de versões — aplicar câmbios ao projeto ao mesmo tempo com outros desenvolvedores.

Git

Conhecerá como tornar as páginas web mais atrativas e melhorar o UX com animações.

Animações

Entenderá que influi a velocidade de carregamento dos sites e aprenderá as técnicas para prevenir o carregamento lento.

Otimização de desempenho

JavaScript

Como acontece o treinamento
Você assiste palestras online
Faz sua lição de casa
Eles corrigem suas lições de casa e dão recomendações sobre seu desenvolvimento
Defende seu projeto de tese

Cumpra uma ordem real no fim do curso
De qualquer dispositivo em um momento conveniente
Trabalho prático semelhante a um pedido real
Recebe comentários de tutores

Processo laboral real, e não simulação

Realizando as tarefas para casa, você vai ganhar experiência do processo real do desenvolvimento Front End, ao final do treinamento poderá entrar no time sem problemas.

Processo

Você criará o código e conseguirá carregá-lo para o Git.

Resultado

Três projetos para seu portfólio: as landings interativas e adaptativas, com as formas de pedido e os elementos animados.

Ronaldo Jonson

Frontend Web Developer na Gupy
 curso de programação front end
Mentor
Ronaldo Jonson é desenvolvedor de jogos freelancer e front-end developer na Gupy. Apaixonado por programação e criar projetos de tecnologia.

Victor Nery

Front-end Tech Lead na zFlow

Software Engineer e Fundador da maior comunidade de Front-end do Nordeste, já atuou nas maiores agências de publicidade da região, desenvolvendo soluções digitais em e-commerce usando plataformas como VTEX e Shopify. Hoje, atua como Front-end Tech Lead na zFlow, desenvolvendo soluções digitais para grandes players como Itaú Unibanco e iCarros.
 curso de programação front end
Mentor

Jean Livino

Palestrante e coordenador da comunidade Front-End CE, o engenheiro de software faz parte do Grupo Boticário, onde participa efetivamente das atividades de Front-End da maior plataforma de Ecommerce de beleza do Brasil.
 curso de programação front end
Mentor
Curioso e atento às novas tendências tecnológicas, se considera um estudante em busca de constante evolução.
As páginas que você vai criar durante o curso de Front-end
 curso de programação front end
Trabalhos dos alunos
Desenvolvimento passo a passo
Programação
Front-End para iniciantes
1
Introdução.
Ferramentas de desenvolvedor Front-End.
Como ponto de partida, o aluno será introduzido à profissão desenvolvedor front-end, aos principais termos e conceitos relacionados a desenvolvimento web: front-end e back-end, as linguagens principais e sua área de uso. Além disso, o aluno aprenderá a preparar o ambiente de trabalho, instalar e utilizar o Git e o GitLab e o editor de código.
Atividade
Quiz de fixação e atividade prática – preparação do ambiente de trabalho pessoal e instalação do Git para trabalho em time.
Ferramentas de desenvolvedor
Quem é desenvolvedor front-end?
Linguagens principais
2
Marcação de páginas.
Introdução ao HTML.
O HTML é a linguagem usada para descrever a estrutura de conteúdo na página web, os sites não poderiam funcionar sem ela! Os alunos aprenderão os conceitos básicos da linguagem e criarão sua primeira página web.
Atividade:
Quiz de fixação e atividade prática –
marcação HTML de um formulário.
Estrutura de código
Marcação básica
Estilo de marcação
3
Estrutura do layout e conteúdo.
Neste módulo, discutimos a semântica do conteúdo e a estrutura de uma página web. Aprendemos o que são header, footer e body da página e aprendemos a estruturar a informação com as tags correspondentes.
Atividade:
Quiz de fixação e atividade prática –
estilização básica de dois layouts.
SEO
Semântica de conteúdo
Elementos básicos do layout
4
Ferramentas da edição
Ferramentas da edição: Figma, Sketch e Photoshop.
Os devs front-end não só trabalham com o código, eles também devem entender como funcionam as ferramentas do desenho, que os designer usam para criar interfaces para a marcação. Neste módulo, discutiremos essas ferramentas e aprendemos a criar um desenho simples.
Atividade:
Quiz de fixação e atividade prática –
criação do seu próprio layout em Figma
Exportação das imagens
Por que aprender as ferramentas do desenho?
Gráficos de conteúdo e decoração
Baixe o programa completo
Faça projetos reais e entre diretamente no mercado com nossos parceiros!
Parceiro do curso
A PRTi Digital é uma empresa prestadora de serviços digitais na área de Gestão de Dados e Documentos que são partes fundamentais nos processos de negócios das empresas corporativas, educacionais e governamentais.
 curso de programação front end
Seu currículo pós curso
Habilidades profissionais:
Desenvolvedor Front-End Junior
Posição
Marcação de páginas web com HTML
Marcação semântica
Posicionamento e estilização dos elementos com CSS
Marcação de páginas adaptivas com Flexbox
Habilitação do JavaScript na interface
Gestão de dependências e montagem de testes
Garantia do nível alto da interface do usuário
R$ 4.575,00
Salário de:
Animações de interfaces
 curso de programação front end
Confirma que você concluiu o curso e se torna um argumento adicional ao se candidatar a um emprego.
Certificado Mentorama
Avaliações do curso Front-End do zero ao PRO
Você pode pagar o curso em prestações ou integralmente. Deixe uma solicitação, o assistente ligará para você e o ajudará na escolha da melhor forma de pagamento.
Início
1 de agosto
Restam
12 vagas
de desconto
40%
Inscreva-se no curso
R$ 236,00*
R$ 4.720,00
Até 12 vezes de
Preço total sem desconto
Preço total a vista
R$ 2.832,00
*Crédito sujeito à aprovação pelo parceiro financeiro com incidência de juros.
Perguntas e respostas
Devo aprender a desenhar layouts (design)?
No curso você vai trabalhar com os layouts prontos, desenhados por Mentorama. O processo laboral normal é assim - a representação visual (a imagem) é o trabalho do designer, a página real na web - o trabalho do desenvolvedor.
Qual o mínimo aceitável de conhecimento que eu tenho que ter pra tentar arrumar emprego nessa área?
O mínimo exigido do desenvolvedor Front-End é o conhecimento de marcação HTML e estilização CSS. Conhecendo os básicos do Javascript, a gente consegue já salário muito maior.
Como estudar, praticar e conseguir oportunidades como (Front-end) Developer?
O mercado do desenvolvimento Front-End é muito amplo. Além dos recursos habituais como o LinkedIn, a gente pode conseguir oportunidades nas plataformas dedicadas ao desenvolvimento, como o GitHub.
Não sei programar, posso começar nesse curso?
Sim. O curso é desenhado para iniciantes na área de programação sem conhecimento algum.
Quais programas vou precisar instalar?
No curso, você vai usar a tecnologia de controle de versões Git e a plataforma web correspondente GitLab, o editor de código Visual Studio Code e a ferramenta de desenho de interfaces Figma (na web, sem instalar). Todas as plataformas e ferramentas são gratuitas e podem ser usadas tanto em Windows como em MacOS ou Linux.
Devo aprender a desenhar layouts (design)?
No curso você vai trabalhar com os layouts prontos, desenhados por Mentorama. O processo laboral normal é assim - a representação visual (a imagem) é o trabalho do designer, a página real na web - o trabalho do desenvolvedor.
Qual o mínimo aceitável de conhecimento que eu tenho que ter pra tentar arrumar emprego nessa área?
O mínimo exigido do desenvolvedor Front-End é o conhecimento de marcação HTML e estilização CSS. Conhecendo os básicos do Javascript, a gente consegue já salário muito maior.
Como estudar, praticar e conseguir oportunidades como (Front-end) Developer?
O mercado do desenvolvimento Front-End é muito amplo. Além dos recursos habituais como o LinkedIn, a gente pode conseguir oportunidades nas plataformas dedicadas ao desenvolvimento, como o GitHub.
Não sei programar, posso começar nesse curso?
Sim. O curso é desenhado para iniciantes na área de programação sem conhecimento algum.
Quais programas vou precisar instalar?
No curso, você vai usar a tecnologia de controle de versões Git e a plataforma web correspondente GitLab, o editor de código Visual Studio Code e a ferramenta de desenho de interfaces Figma (na web, sem instalar). Todas as plataformas e ferramentas são gratuitas e podem ser usadas tanto em Windows como em MacOS ou Linux.
Adquira uma nova profissão e mude a sua vida
Design
Programação
Gamedev
Aprenda com os melhores profissionais do mercado, domine as habilidades aplicadas e aprimore-as em projetos reais. Assuma o controle do seu tempo, estudando quando for conveniente.
65
dos alunos conseguiram emprego após o curso
50
online para estudar
Marketing
%
cursos
Escola online das profissões mais procuradas
Av. Brg. Faria Lima, 2369 - São Paulo -SP
© Mentorama, 2020-2021 | CNPJ: 36.860.664/0001-78