Categoria Desenvolvimento Front-end \| TreinaWeb              Promoção no ar   Matricule-se agora e garanta **54% de desconto**  

  Termina em   Tempo restante da oferta: 11 Horas 

 00 Min 

 34 Seg 

   Tempo restante da oferta: 11 00 34 

  [Assinar →](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) 

   [                ](https://www.treinaweb.com.br)  Explorar  

 [ Quanto custa? ](#assinatura) [ FAQ ](https://www.treinaweb.com.br#faq) [Matricule-se](#assinatura) [ Entrar ](https://www.treinaweb.com.br/login) 

# Desenvolvimento Front-end

A base da web! Aprenda tudo o que você precisa para começar.

     Filtros    Tópicos 

- HTML5
- CSS
- JavaScript
- Angular
- React
- UX
- Acessibilidade
- Web
- XML
- ASP .NET
- HTML
- Doctrine
- Usabilidade

    Nível 

- Iniciante
- Intermediário
- Avançado

    Ordenar por  Últimos lançamentos Nome  

 Exibindo 1–9 de 57 cursos.

- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/nuxt.svg)  Iniciante  

     Curso · 8h

    ###  [ Nuxt - Fundamentos ](https://www.treinaweb.com.br/curso/nuxt-fundamentos "Nuxt -  Fundamentos") 

    Ver curso →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/next-js.svg)  Iniciante  

     Curso · 4h

    ###  [ Next.js - Desenvolvimento de APIs REST ](https://www.treinaweb.com.br/curso/nextjs-desenvolvimento-de-apis-rest "Next.js -  Desenvolvimento de APIs REST") 

    Ver curso →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/next-js.svg)  Iniciante  

     Curso · 6h

    ###  [ Next.js - Desenvolvendo aplicações Full-stack ](https://www.treinaweb.com.br/curso/nextjs-desenvolvendo-aplicacoes-full-stack "Next.js - Desenvolvendo aplicações Full-stack") 

    Ver curso →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/aspnet-core.svg)  Iniciante  

     Curso · 10h

    ###  [ ASP.NET Core - Fundamentos ](https://www.treinaweb.com.br/curso/aspnet-core-fundamentos "ASP.NET Core - Fundamentos") 

    Ver curso →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/vuejs.svg)  Iniciante  

     Curso · 10h

    ###  [ Vue.js - Fundamentos ](https://www.treinaweb.com.br/curso/vuejs-fundamentos "Vue.js -  Fundamentos") 

    Ver curso →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/react.svg)  Intermediário  

     Curso · 8h

    ###  [ React - Despertando o Poder dos Hooks ](https://www.treinaweb.com.br/curso/react-despertando-o-poder-dos-hooks "React - Despertando o Poder dos Hooks") 

    Ver curso →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/react.svg)  Iniciante  

     Curso · 12h

    ###  [ React - Dominando Componentes Funcionais ](https://www.treinaweb.com.br/curso/react-dominando-componentes-funcionais "React - Dominando Componentes Funcionais") 

    Ver curso →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/next-js.svg)  Iniciante  

     Curso · 6h

    ###  [ Next.js - Fundamentos ](https://www.treinaweb.com.br/curso/nextjs-fundamentos "Next.js - Fundamentos") 

    Ver curso →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/react.svg)  Iniciante  

     Curso · 8h

    ###  [ React - Fundamentos ](https://www.treinaweb.com.br/curso/react-fundamentos "React - Fundamentos") 

    Ver curso →

  1 [ 2 ](https://www.treinaweb.com.br/categoria/desenvolvimento-front-end?page=2) [ 3 ](https://www.treinaweb.com.br/categoria/desenvolvimento-front-end?page=3) [ 4 ](https://www.treinaweb.com.br/categoria/desenvolvimento-front-end?page=4) [ 5 ](https://www.treinaweb.com.br/categoria/desenvolvimento-front-end?page=5) [ 6 ](https://www.treinaweb.com.br/categoria/desenvolvimento-front-end?page=6) [ 7 ](https://www.treinaweb.com.br/categoria/desenvolvimento-front-end?page=7) [ ](https://www.treinaweb.com.br/categoria/desenvolvimento-front-end?page=2)  

   Trilhas completas

## Formações da categoria Desenvolvimento Front-end

- Formação  ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/html5-css3.svg) 

     Front-end

    ###  [ Desenvolvedor Especialista Front-end ](https://www.treinaweb.com.br/formacao/desenvolvedor-especialista-front-end "Desenvolvedor Especialista Front-end") 

    HTML, CSS e JavaScript são a base de toda a web. Nesta formação vamos iniciar aprendendo HTML e CSS. Em seguida veremos os principais aspectos da linguagem JavaScript.

      45 cursos   91h56 de vídeos
- Formação  ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/react.svg) 

     Front-end

    ###  [ Desenvolvedor React ](https://www.treinaweb.com.br/formacao/desenvolvedor-react "Desenvolvedor React") 

    O React é utilizado por várias empresas em suas aplicações por sua simplicidade e poder, como Facebook, Instagram, Whatsapp, Netflix e DropBox. Nesta formação veremos todo poder desta biblioteca tão poderosa.

      7 cursos   13h29 de vídeos
- Formação  ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/next-js.svg) 

     Front-end

    ###  [ Desenvolvedor Next.js ](https://www.treinaweb.com.br/formacao/desenvolvedor-nextjs "Desenvolvedor Next.js") 

    Nesta formação, vamos conhecer desde os aspectos mais básicos até conceitos avançados de utilização do Next.js.

      16 cursos   53h15 de vídeos
- Formação  ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/bootstrap.svg) 

     Front-end

    ###  [ Desenvolvedor Bootstrap ](https://www.treinaweb.com.br/formacao/desenvolvedor-bootstrap "Desenvolvedor Bootstrap") 

    Na formação desenvolvedor Bootstrap da Treinaweb, você vai conhecer os principais recursos da ferramenta, aprenderá como trabalhar com layout, além de conhecer os principais componentes de maneira prática.

      12 cursos   28h45 de vídeos
- Formação  ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/javascript.svg) 

     Front-end

    ###  [ Desenvolvedor JavaScript ](https://www.treinaweb.com.br/formacao/desenvolvedor-javascript "Desenvolvedor JavaScript") 

    Conheça todos os aspectos do Javascript, dos conceitos básicos até os mais avançados para que você possa tirar o máximo proveito da linguagem em qualquer plataforma

      22 cursos   32h27 de vídeos
- Formação  ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/ux-ui.svg) 

     Front-end

    ###  [ UX/UI designer ](https://www.treinaweb.com.br/formacao/uxui-designer "UX/UI designer") 

    Na formação UX/UI designer da TreinaWeb, vamos aprender desde o início os aspectos mais importantes para criar produtos com boa usabilidade, acessibilidade e que atenda as necessidades dos usuários.

      9 cursos   19h58 de vídeos
- Formação  ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/html5-css3.svg) 

     Front-end

    ###  [ Introdução ao desenvolvimento web ](https://www.treinaweb.com.br/formacao/introducao-ao-desenvolvimento-web "Introdução ao desenvolvimento web") 

    Aprenda desde o zero a desenvolver sites e sistemas web usando as melhores tecnologias e práticas do mercado.

      23 cursos   54h58 de vídeos
- Formação  ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/react.svg) 

     Front-end

    ###  [ Desenvolvedor Especialista React e Next.js ](https://www.treinaweb.com.br/formacao/desenvolvedor-especialista-react-e-nextjs "Desenvolvedor Especialista React e Next.js") 

    Nesta formação você aprenderá desde o início como trabalhar com 2 das tecnologias front-ends mais utilizadas e poderosas do mercado.

      23 cursos   66h45 de vídeos
- Formação  ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/django.svg) 

     Back-end

    ###  [ Full-stack: Desenvolvedor Django ](https://www.treinaweb.com.br/formacao/full-stack-desenvolvedor-django "Full-stack: Desenvolvedor Django") 

    Nesta formação você aprenderá a desenvolver aplicações web full-stack utilizando o Django desde o zero.

      51 cursos   113h47 de vídeos
- Formação  ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/javascript.svg) 

     Front-end

    ###  [ Desenvolvedor JavaScript Front-end ](https://www.treinaweb.com.br/formacao/desenvolvedor-javascript-front-end "Desenvolvedor JavaScript Front-end") 

    Aprenda todos os conceitos e aspectos necessários para utilizar a linguagem JavaScript no Front-end com maestria

      27 cursos   45h58 de vídeos
- Formação  ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/nest-js.svg) 

     Back-end

    ###  [ Full-stack: Desenvolvedor Nest.js ](https://www.treinaweb.com.br/formacao/full-stack-desenvolvedor-nestjs "Full-stack: Desenvolvedor Nest.js") 

    Aprenda como desenvolver aplicações JavaScript Full-stack de ponta a ponta

      45 cursos   105h47 de vídeos
- Formação  ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/nest-js.svg) 

     Back-end

    ###  [ Especialista Nest.js ](https://www.treinaweb.com.br/formacao/especialista-nestjs "Especialista Nest.js") 

    Nesta formação, aprenda desde o zero como desenvolver aplicações web e APIs utilizando o NestJS

      21 cursos   50h29 de vídeos
- Formação  ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/tailwind.svg) 

     Front-end

    ###  [ Desenvolvedor Tailwind ](https://www.treinaweb.com.br/formacao/desenvolvedor-tailwind "Desenvolvedor Tailwind") 

    Tailwind CSS é um framework CSS moderno e flexível que permite criar layouts responsivos e com um visual consistente. Ele é baseado em classes utilitárias, que fornecem uma maneira rápida e fácil de adicionar estilos aos elementos HTML.

      6 cursos   09h25 de vídeos
- Formação  ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/vuejs.svg) 

     Front-end

    ###  [ Desenvolvedor Vue.js ](https://www.treinaweb.com.br/formacao/desenvolvedor-vuejs "Desenvolvedor Vue.js") 

    Nesta formação, você mergulhará desde os conceitos fundamentais, explorando a estrutura do Vue.js, diretivas, reatividade e vinculação de dados.

      5 cursos   08h32 de vídeos

   Mão na massa

## Construa do zero produtos reais

- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/ia-para-devs.svg)  Iniciante  

     Projeto Prático · 4h

    ###  [ IA Para Devs - Interfaces Modernas com Next.js e IA ](https://www.treinaweb.com.br/projeto-pratico/ia-para-devs-interfaces-modernas-com-nextjs-e-ia "IA Para Devs -  Interfaces Modernas com Next.js e IA") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/next-js.svg)  Intermediário  

     Projeto Prático · 10h

    ###  [ Next.js - TreinaCare Aplicação web de agendamento de consultas médicas (consumindo API) ](https://www.treinaweb.com.br/projeto-pratico/nextjs-treinacare-aplicacao-web-de-agendamento-de-consultas-medicas-consumindo-api "Next.js - TreinaCare Aplicação web de agendamento de consultas médicas (consumindo API)") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/next-js.svg)  Intermediário  

     Projeto Prático · 12h

    ###  [ Next.js - TreinaCare Aplicação web de agendamento de consultas médicas ](https://www.treinaweb.com.br/projeto-pratico/nextjs-treinacare-aplicacao-web-de-agendamento-de-consultas-medicas "Next.js - TreinaCare Aplicação web de agendamento de consultas médicas") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/django.svg)  Intermediário  

     Projeto Prático · 10h

    ###  [ Django - Marketplace de contratação de freelancers TW-Ninjas ](https://www.treinaweb.com.br/projeto-pratico/django-marketplace-de-contratacao-de-freelancers "Django -  Marketplace de contratação de freelancers TW-Ninjas") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/javascript.svg)  Intermediário  

     Projeto Prático · 8h

    ###  [ JavaScript - Aplicação de gerenciamento de tarefas integrada com API ](https://www.treinaweb.com.br/projeto-pratico/javascript-aplicacao-de-gerenciamento-de-tarefas-integrada-com-api "JavaScript -  Aplicação de gerenciamento de tarefas integrada com API") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/javascript.svg)  Intermediário  

     Projeto Prático · 8h

    ###  [ JavaScript - Aplicação web de calculadora de churrasco ](https://www.treinaweb.com.br/projeto-pratico/javascript-aplicacao-web-de-calculadora-de-churrasco "JavaScript -  Aplicação web de calculadora de churrasco") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/tailwind.svg)  Iniciante  

     Projeto Prático · 6h

    ###  [ Tailwind CSS - Aplicação web de busca de professores particulares ](https://www.treinaweb.com.br/projeto-pratico/tailwind-css-aplicacao-web-de-busca-de-professores-particulares "Tailwind CSS -  Aplicação web de busca de professores particulares") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/javascript.svg)  Iniciante  

     Projeto Prático · 4h

    ###  [ JavaScript - Sistema de gerenciamento de tarefas no terminal ](https://www.treinaweb.com.br/projeto-pratico/javascript-sistema-de-gerenciamento-de-tarefas-no-terminal "JavaScript -  Sistema de gerenciamento de tarefas no terminal") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/javascript.svg)  Iniciante  

     Projeto Prático · 2h

    ###  [ JavaScript - Sistema de votação no terminal ](https://www.treinaweb.com.br/projeto-pratico/javascript-sistema-de-votacao-no-terminal "JavaScript - Sistema de votação no terminal") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/next-js.svg)  Intermediário  

     Projeto Prático · 18h

    ###  [ Next.js e Material UI - HiperProf Aplicação web de busca de professores particulares ](https://www.treinaweb.com.br/projeto-pratico/nextjs-e-material-ui-hiperprof-aplicacao-web-de-busca-de-professores-particulares "Next.js e Material UI - HiperProf Aplicação web de busca de professores particulares") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/aspnet-core.svg)  Intermediário  

     Projeto Prático · 8h

    ###  [ ASP.NET Core - Gerenciador web de Consultório Médico usando ASP.NET MVC ](https://www.treinaweb.com.br/projeto-pratico/aspnet-core-gerenciador-web-de-consultorio-medico-usando-aspnet-mvc "ASP.NET Core - Gerenciador web de Consultório Médico usando ASP.NET MVC") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/html5-css3.svg)  Intermediário  

     Projeto Prático · 8h

    ###  [ HTML5 + CSS3 - Criação do site de uma startup de contratação de diaristas ](https://www.treinaweb.com.br/projeto-pratico/html5-css3-criacao-do-site-de-uma-startup-de-contratacao-de-diaristas "HTML5 + CSS3 - Criação do site de uma startup de contratação de diaristas") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/html5-css3.svg)  Iniciante  

     Projeto Prático · 6h

    ###  [ HTML5 + CSS3 - Criação de site de catálogo de professores ](https://www.treinaweb.com.br/projeto-pratico/html5-css3-criacao-de-site-de-catalogo-de-professores "HTML5 + CSS3 - Criação de site de catálogo de professores") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/bootstrap-5.svg)  Intermediário  

     Projeto Prático · 14h

    ###  [ Bootstrap - Implementando layout de e-commerce ](https://www.treinaweb.com.br/projeto-pratico/bootstrap-implementando-layout-de-e-commerce "Bootstrap - Implementando layout de e-commerce") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/next-js.svg)  Intermediário  

     Projeto Prático · 4h

    ###  [ Next.js - Site Estático de Receitas ](https://www.treinaweb.com.br/projeto-pratico/nextjs-site-estatico-de-receitas "Next.js - Site Estático de Receitas") 

    Ver detalhes →

   Formato curto

## Direto ao ponto

- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/next-js.svg)  Intermediário  

     Direto ao Ponto · 2h

    ###  [ Next.js - Deploy de aplicações na Vercel ](https://www.treinaweb.com.br/direto-ao-ponto/nextjs-deploy-de-aplicacoes-na-vercel "Next.js -  Deploy de aplicações na Vercel") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/next-js.svg)  Intermediário  

     Direto ao Ponto · 4h

    ###  [ Next.js - Autenticação de aplicações com Better Auth ](https://www.treinaweb.com.br/direto-ao-ponto/nextjs-autenticacao-de-aplicacoes-com-better-auth "Next.js -  Autenticação de aplicações com Better Auth") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/next-js.svg)  Iniciante  

     Direto ao Ponto · 6h

    ###  [ Next.js - Componentes com shadcn/ui na prática ](https://www.treinaweb.com.br/direto-ao-ponto/nextjs-componentes-com-shadcn-ui-na-pratica "Next.js -  Componentes com shadcn/ui na prática") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/next-js.svg)  Iniciante  

     Direto ao Ponto · 1h

    ###  [ Next.js - Gerando Sites Estáticos ](https://www.treinaweb.com.br/direto-ao-ponto/nextjs-gerando-sites-estaticos "Next.js -  Gerando Sites Estáticos") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/next-js.svg)  Iniciante  

     Direto ao Ponto · 4h

    ###  [ Next.js - Autenticação e Autorização no front-end com JWT ](https://www.treinaweb.com.br/direto-ao-ponto/nextjs-autenticacao-e-autorizacao-no-front-end-com-jwt "Next.js -  Autenticação e Autorização no front-end com JWT") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/next-js.svg)  Iniciante  

     Direto ao Ponto · 4h

    ###  [ Next.js - Autenticação e Autorização de APIs ](https://www.treinaweb.com.br/direto-ao-ponto/nextjs-autenticacao-e-autorizacao-de-apis "Next.js - Autenticação e Autorização de APIs") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/next-js.svg)  Iniciante  

     Direto ao Ponto · 4h

    ###  [ Next.js - Autenticação e Autorização de aplicações full-stack com NextAuth ](https://www.treinaweb.com.br/direto-ao-ponto/nextjs-autenticacao-e-autorizacao-de-aplicacoes-full-stack-com-nextauth "Next.js - Autenticação e Autorização de aplicações full-stack com NextAuth") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/next-js.svg)  Iniciante  

     Direto ao Ponto · 2h

    ###  [ Next.js - Desenvolvendo aplicações dinâmicas com APIs ](https://www.treinaweb.com.br/direto-ao-ponto/nextjs-desenvolvendo-aplicacoes-dinamicas-com-apis "Next.js -  Desenvolvendo aplicações dinâmicas com APIs") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/vuejs.svg)  Iniciante  

     Direto ao Ponto · 2h

    ###  [ Vue.js - Trabalhando com rotas ](https://www.treinaweb.com.br/direto-ao-ponto/vuejs-trabalhando-com-rotas "Vue.js -  Trabalhando com rotas") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/vuejs.svg)  Iniciante  

     Direto ao Ponto · 2h

    ###  [ Vue.js - Trabalhando com Eventos ](https://www.treinaweb.com.br/direto-ao-ponto/vuejs-trabalhando-com-eventos "Vue.js -  Trabalhando com Eventos") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/vuejs.svg)  Iniciante  

     Direto ao Ponto · 2h

    ###  [ Vue.js - Trabalhando com Hooks ](https://www.treinaweb.com.br/direto-ao-ponto/vuejs-trabalhando-com-hooks "Vue.js -  Trabalhando com Hooks") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/vuejs.svg)  Iniciante  

     Direto ao Ponto · 2h

    ###  [ Vue.js - Componentes Recursos Avançados ](https://www.treinaweb.com.br/direto-ao-ponto/vuejs-componentes-recursos-avancados "Vue.js -  Componentes Recursos Avançados") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/react.svg)  Iniciante  

     Direto ao Ponto · 2h

    ###  [ React - Conhecendo o React Router ](https://www.treinaweb.com.br/direto-ao-ponto/react-conhecendo-o-react-router "React - Conhecendo o React Router") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/react.svg)  Intermediário  

     Direto ao Ponto · 4h

    ###  [ React - Estilização com Emotion (Styled Components) ](https://www.treinaweb.com.br/direto-ao-ponto/react-estilizacao-com-emotion-styled-components "React - Estilização com Emotion (Styled Components)") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/react.svg)  Intermediário  

     Direto ao Ponto · 2h

    ###  [ React - Novidades do React 19 ](https://www.treinaweb.com.br/direto-ao-ponto/react-novidades-do-react-19 "React -  Novidades do React 19") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/tailwind.svg)  Iniciante  

     Direto ao Ponto · 2h

    ###  [ Tailwind CSS - Trabalhando com layouts ](https://www.treinaweb.com.br/direto-ao-ponto/tailwind-css-trabalhando-com-layouts "Tailwind CSS -  Trabalhando com layouts") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/tailwind.svg)  Iniciante  

     Direto ao Ponto · 2h

    ###  [ Tailwind CSS - Dominando o Grid System ](https://www.treinaweb.com.br/direto-ao-ponto/tailwind-css-dominando-o-grid-system "Tailwind CSS -  Dominando o Grid System") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/javascript.svg)  Intermediário  

     Direto ao Ponto · 4h

    ###  [ JavaScript - Trabalhando com expressões regulares ](https://www.treinaweb.com.br/direto-ao-ponto/javascript-trabalhando-com-expressoes-regulares "JavaScript -  Trabalhando com expressões regulares") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/tailwind.svg)  Iniciante  

     Direto ao Ponto · 2h

    ###  [ Tailwind CSS - Personalização ](https://www.treinaweb.com.br/direto-ao-ponto/tailwind-css-personalizacao "Tailwind CSS -  Personalização") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/javascript.svg)  Iniciante  

     Direto ao Ponto · 4h

    ###  [ JavaScript - Trabalhando com armazenamento no navegador ](https://www.treinaweb.com.br/direto-ao-ponto/javascript-trabalhando-com-armazenamento-no-navegador "JavaScript -   Trabalhando com armazenamento no navegador") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/javascript.svg)  Iniciante  

     Direto ao Ponto · 4h

    ###  [ JavaScript - Manipulando formulários ](https://www.treinaweb.com.br/direto-ao-ponto/javascript-manipulando-formularios "JavaScript -  Manipulando formulários") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/javascript.svg)  Iniciante  

     Direto ao Ponto · 2h

    ###  [ JavaScript - Controlando o navegador ](https://www.treinaweb.com.br/direto-ao-ponto/javascript-controlando-o-navegador "JavaScript -  Controlando o navegador") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/javascript.svg)  Avançado  

     Direto ao Ponto · 4h

    ###  [ JavaScript - Trabalhando com módulos ](https://www.treinaweb.com.br/direto-ao-ponto/javascript-trabalhando-com-modulos "JavaScript - Trabalhando com módulos") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/tailwind.svg)  Iniciante  

     Direto ao Ponto · 2h

    ###  [ Tailwind CSS - Dominando o Flexbox ](https://www.treinaweb.com.br/direto-ao-ponto/tailwind-css-dominando-o-flexbox "Tailwind CSS - Dominando o Flexbox") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/javascript.svg)  Avançado  

     Direto ao Ponto · 8h

    ###  [ JavaScript - Trabalhando com funções avançadas ](https://www.treinaweb.com.br/direto-ao-ponto/javascript-trabalhando-com-funcoes-avancadas "JavaScript  - Trabalhando com funções avançadas") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/javascript.svg)  Intermediário  

     Direto ao Ponto · 6h

    ###  [ JavaScript - Trabalhando com requisições HTTP ](https://www.treinaweb.com.br/direto-ao-ponto/javascript-trabalhando-com-requisicoes-http "JavaScript - Trabalhando com requisições HTTP") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/javascript.svg)  Intermediário  

     Direto ao Ponto · 6h

    ###  [ JavaScript - Tratamento de erros ](https://www.treinaweb.com.br/direto-ao-ponto/javascript-tratamento-de-erros "JavaScript  - Tratamento de erros") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/javascript.svg)  Intermediário  

     Direto ao Ponto · 4h

    ###  [ JavaScript - Collections ](https://www.treinaweb.com.br/direto-ao-ponto/javascript-collections "JavaScript - Collections") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/javascript.svg)  Iniciante  

     Direto ao Ponto · 8h

    ###  [ JavaScript - Trabalhando com Listas ](https://www.treinaweb.com.br/direto-ao-ponto/javascript-trabalhando-com-listas "JavaScript - Trabalhando com Listas") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/javascript.svg)  Iniciante  

     Direto ao Ponto · 4h

    ###  [ JavaScript - Trabalhando com números ](https://www.treinaweb.com.br/direto-ao-ponto/javascript-trabalhando-com-numeros "JavaScript - Trabalhando com números") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/javascript.svg)  Iniciante  

     Direto ao Ponto · 6h

    ###  [ JavaScript - Trabalhando com Objetos ](https://www.treinaweb.com.br/direto-ao-ponto/javascript-trabalhando-com-objetos "JavaScript - Trabalhando com Objetos") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/javascript.svg)  Iniciante  

     Direto ao Ponto · 6h

    ###  [ JavaScript - Trabalhando com datas ](https://www.treinaweb.com.br/direto-ao-ponto/javascript-trabalhando-com-datas "JavaScript - Trabalhando com datas") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/javascript.svg)  Iniciante  

     Direto ao Ponto · 4h

    ###  [ JavaScript - Trabalhando com Funções ](https://www.treinaweb.com.br/direto-ao-ponto/javascript-trabalhando-com-funcoes "JavaScript - Trabalhando com Funções") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/javascript.svg)  Iniciante  

     Direto ao Ponto · 6h

    ###  [ JavaScript - Trabalhando com strings ](https://www.treinaweb.com.br/direto-ao-ponto/javascript-trabalhando-com-strings "JavaScript - Trabalhando com strings") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/html5-css3.svg)  Iniciante  

     Direto ao Ponto · 4h

    ###  [ HTML5 + CSS3 - Boas práticas para trabalhar com Imagens ](https://www.treinaweb.com.br/direto-ao-ponto/html5-css3-boas-praticas-para-trabalhar-com-imagens "HTML5 + CSS3 - Boas práticas para trabalhar com Imagens") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/vs-code.svg)  Iniciante  

     Direto ao Ponto · 2h

    ###  [ Visual Studio Code - Primeiros Passos ](https://www.treinaweb.com.br/direto-ao-ponto/visual-studio-code-primeiros-passos "Visual Studio Code - Primeiros Passos") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/html5-css3.svg)  Iniciante  

     Direto ao Ponto · 2h

    ###  [ HTML5 + CSS3 - Arquitetura ITCSS ](https://www.treinaweb.com.br/direto-ao-ponto/html5-css3-arquitetura-itcss "HTML5 + CSS3 - Arquitetura ITCSS") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/html5-css3.svg)  Intermediário  

     Direto ao Ponto · 2h

    ###  [ HTML5 + CSS3 - Boas práticas CSS ](https://www.treinaweb.com.br/direto-ao-ponto/html5-css3-boas-praticas-css "HTML5 + CSS3 - Boas práticas CSS") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/html5-css3.svg)  Iniciante  

     Direto ao Ponto · 2h

    ###  [ HTML5 + CSS3 - Trabalhando com filtros de imagem e elementos ](https://www.treinaweb.com.br/direto-ao-ponto/html5-css3-trabalhando-com-filtros-de-imagem-e-elementos "HTML5 + CSS3 - Trabalhando com filtros de imagem e elementos") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/html5-css3.svg)  Intermediário  

     Direto ao Ponto · 2h

    ###  [ HTML5 + CSS3 - Metodologia BEM ](https://www.treinaweb.com.br/direto-ao-ponto/html5-css3-metodologia-bem "HTML5 + CSS3 - Metodologia BEM") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/aspnet-core.svg)  Iniciante  

     Direto ao Ponto · 2h

    ###  [ ASP.NET Core - Razor Pages ](https://www.treinaweb.com.br/direto-ao-ponto/aspnet-core-razor-pages "ASP.NET Core -  Razor Pages") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/bootstrap-5.svg)  Iniciante  

     Direto ao Ponto · 2h

    ###  [ Bootstrap - Personalização e Modos de Uso ](https://www.treinaweb.com.br/direto-ao-ponto/bootstrap-personalizacao-e-modos-de-uso "Bootstrap - Personalização e Modos de Uso") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/bootstrap-5.svg)  Iniciante  

     Direto ao Ponto · 2h

    ###  [ Bootstrap - Conhecendo componente de Modal ](https://www.treinaweb.com.br/direto-ao-ponto/bootstrap-conhecendo-componente-de-modal "Bootstrap - Conhecendo componente de Modal") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/bootstrap-5.svg)  Iniciante  

     Direto ao Ponto · 2h

    ###  [ Bootstrap - Conhecendo componentes de Offcanvas e Toasts ](https://www.treinaweb.com.br/direto-ao-ponto/bootstrap-conhecendo-componentes-de-offcanvas-e-toasts "Bootstrap - Conhecendo componentes de Offcanvas e Toasts") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/react.svg)  Iniciante  

     Direto ao Ponto · 2h

    ###  [ React - Tipagem com TypeScript ](https://www.treinaweb.com.br/direto-ao-ponto/react-tipagem-com-typescript "React - Tipagem com TypeScript") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/bootstrap-5.svg)  Iniciante  

     Direto ao Ponto · 2h

    ###  [ Bootstrap - Conhecendo componentes de Tab, Collapse e Accordion ](https://www.treinaweb.com.br/direto-ao-ponto/bootstrap-conhecendo-componentes-de-tab-collapse-e-accordion "Bootstrap - Conhecendo componentes de Tab, Collapse e Accordion") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/bootstrap-5.svg)  Iniciante  

     Direto ao Ponto · 2h

    ###  [ Bootstrap - Conhecendo componente de Card ](https://www.treinaweb.com.br/direto-ao-ponto/bootstrap-conhecendo-o-componente-de-cad "Bootstrap - Conhecendo componente de Card") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/bootstrap-5.svg)  Iniciante  

     Direto ao Ponto · 2h

    ###  [ Bootstrap - Conhecendo o Componente de Navbar ](https://www.treinaweb.com.br/direto-ao-ponto/bootstrap-conhecendo-o-componente-de-navbar "Bootstrap - Conhecendo o Componente de Navbar") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/bootstrap-5.svg)  Iniciante  

     Direto ao Ponto · 2h

    ###  [ Bootstrap - Conhecendo o Componente de Carrossel ](https://www.treinaweb.com.br/direto-ao-ponto/bootstrap-conhecendo-o-componente-de-carrossel "Bootstrap - Conhecendo o Componente de Carrossel") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/design-critique.svg)  Iniciante  

     Direto ao Ponto · 2h

    ###  [ Design Critique ](https://www.treinaweb.com.br/direto-ao-ponto/design-critique "Design Critique ") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/javascript.svg)  Intermediário  

     Direto ao Ponto · 2h

    ###  [ Javascript - Jogo Breakout ](https://www.treinaweb.com.br/direto-ao-ponto/javascript-jogo-breakout "Javascript - Jogo Breakout") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/javascript.svg)  Intermediário  

     Direto ao Ponto · 2h

    ###  [ JavaScript - Jogo Pong ](https://www.treinaweb.com.br/direto-ao-ponto/javascript-jogo-pong "JavaScript - Jogo Pong") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/javascript.svg)  Intermediário  

     Direto ao Ponto · 4h

    ###  [ JavaScript - Game Engine ](https://www.treinaweb.com.br/direto-ao-ponto/javascript-game-engine "JavaScript - Game Engine") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/django.svg)  Intermediário  

     Direto ao Ponto · 1h

    ###  [ Django - Utilizando Redis Cache ](https://www.treinaweb.com.br/direto-ao-ponto/django-utilizando-redis-cache "Django - Utilizando Redis Cache") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/javascript.svg)  Intermediário  

     Direto ao Ponto · 2h

    ###  [ JavaScript - Pomodoro - Gestão de Tempo ](https://www.treinaweb.com.br/direto-ao-ponto/javascript-pomodoro-gestao-de-tempo "JavaScript - Pomodoro - Gestão de Tempo") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/javascript.svg)  Intermediário  

     Direto ao Ponto · 2h

    ###  [ JavaScript - Jogo da Velha ](https://www.treinaweb.com.br/direto-ao-ponto/javascript-jogo-da-velha "JavaScript - Jogo da Velha") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/javascript.svg)  Intermediário  

     Direto ao Ponto · 2h

    ###  [ JavaScript - Jogo de Adivinhação ](https://www.treinaweb.com.br/direto-ao-ponto/javascript-jogo-de-advinhacao "JavaScript - Jogo de Adivinhação") 

    Ver detalhes →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/javascript.svg)  Intermediário  

     Direto ao Ponto · 4h

    ###  [ JavaScript - Jogo da Memória ](https://www.treinaweb.com.br/direto-ao-ponto/javascript-jogo-da-memoria "JavaScript - Jogo da Memória") 

    Ver detalhes →

## Um ano de acesso total para você viver de programação.

 Todos os cursos e formações da TreinaWeb numa única assinatura, com professores que atuam no mercado, suporte direto e certificados. Do primeiro `console.log` ao mercado de trabalho.

- **1 ano** de acesso a **todos os cursos**
- Cursos novos **toda semana**
- Suporte **direto com professores**
- Plano de carreira **personalizado**
- **Certificados digitais** inclusos
- **Aplicativos** para Android e iOS, com **acesso offline**

    **Garantia incondicional de satisfação** 

 Teste por 7 dias e, se não fizer sentido para você, devolvemos seu dinheiro.

### Acesso completo a todos os cursos e dezenas de Formações.

 12 meses 

  Economize R$ 840,00  54% OFF 

 de 12x R$ 129,00 por apenas

 12x  R$ 59,00

 sem juros no cartão de crédito ou R$ 599,00 à vista

  Oferta termina em  **11h 00min 34s**

- Acesso imediato e ilimitado durante 1 ano.
- Plano de carreira personalizado.
- Suporte direto com professores.
- E muito mais!

 [Matricule-se agora](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26)

   [                ](https://www.treinaweb.com.br)

 Escola online de programação, tecnologia e IA.

- [  ](https://www.facebook.com/TreinaWeb/)
- [  ](https://www.instagram.com/treinaweb/)
- [  ](https://www.youtube.com/user/TreinaWeb)
- [  ](https://twitter.com/treinaweb)
- [  ](https://www.linkedin.com/company/treinaweb)
- [  ](https://github.com/treinaweb)

## Inscreva-se em nossa newsletter

Receba lançamentos, promoções e novidades.

   Seu nome     Seu WhatsApp     Seu melhor e-mail   Inscrever-se 

## Cursos

- [ Base para Devs ](https://www.treinaweb.com.br/categoria/base-para-devs)
- [ Front-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-front-end)
- [ Back-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-back-end)
- [ Mobile ](https://www.treinaweb.com.br/categoria/desenvolvimento-mobile)
- [ Bancos de Dados ](https://www.treinaweb.com.br/categoria/bancos-de-dados)
- [ Cloud ](https://www.treinaweb.com.br/categoria/cloud-computing)
- [ IA ](https://www.treinaweb.com.br/categoria/ia)
- [ E mais ](https://www.treinaweb.com.br/categoria/e-mais)
- [ Ver todos os cursos ](https://www.treinaweb.com.br/cursos)

## Conteúdo

- [ Formações ](https://www.treinaweb.com.br/formacoes)
- [ Projetos práticos ](https://www.treinaweb.com.br/projetos-praticos)
- [ Direto ao ponto ](https://www.treinaweb.com.br/direto-ao-ponto)
- [ Planos ](https://www.treinaweb.com.br#assinatura)
- [ Depoimentos ](https://www.treinaweb.com.br#depoimentos)
- [ Comunidade ](https://www.treinaweb.com.br#comunidade)
- [ Corpo docente ](https://www.treinaweb.com.br#docente)

## A empresa

- [ Sobre a TreinaWeb ](https://www.treinaweb.com.br#sobre)
- [ Perguntas frequentes ](https://www.treinaweb.com.br#faq)
- [ Vantagens de estudar na TreinaWeb ](https://www.treinaweb.com.br/vantagens-de-estudar-na-treinaweb)
- [ Cursos para empresas ](https://www.treinaweb.com.br/empresas)
- [ Sugira um novo curso ](https://www.treinaweb.com.br/sugerir-curso)
- [ Trabalhe conosco ](https://www.treinaweb.com.br/trabalhe-conosco)
- [ Artigos ](https://www.treinaweb.com.br/blog)
- [ Desenvolvedores e agentes ](https://www.treinaweb.com.br/developers)
- [ Contato ](https://www.treinaweb.com.br/contato)
- [ Política de privacidade ](https://www.treinaweb.com.br/politica-de-privacidade)
- [ Termos de uso ](https://www.treinaweb.com.br/termos-de-uso)

## Baixe nosso aplicativo

 [   Disponível na **App Store**  ](https://apps.apple.com/us/app/treinaweb/id1322729447) [   Disponível no **Google Play**  ](https://play.google.com/store/apps/details?id=br.com.treinaweb.mobile) 

  Av. Paulista, 1765, Conj 71 e 72 · Bela Vista · São Paulo · SP · 01311-200   © 2004 – 2026 TreinaWeb Tecnologia LTDA · CNPJ 06.156.637/0001-58