Visual Studio Code

Você desenvolvendo softwares profissionais

Um treinamento único para impulsionar seu aprendizado em Frontend.

Desenvolva na prática um SaaS do zero à Produção, usando patterns, bibliotecas e frameworks modernos, reforçando os fundamentos, explorando novas tecnologias e habilidades fundamentais para ser um profissional disputado no mercado.

Quero garantir minha vaga

Amostra projeto Delivery

O que você vai aprender

Você vai desenvolver suas habilidades de Frontend criando um Sass de Delivery.

De forma prática e progressiva, você vai criar os componentes, telas do projeto a partir do Figma e realizar integrações com APIs.

Você vai explorar tópicos como: Composição, React Hooks, CSS Modules, State Management, responsividade, padrões de projeto, consumo de APIs, SEO, otimização e muito mais.

Usando uma stack completa

  • JavaScript
  • TypeScript
  • Next.js
  • Tailwind CSS
  • Git
  • Node.js
  • Firebase
  • GitHub Actions
  • Google Cloud
  • Docker

Quem é o instrutor

Olá, eu sou o Daniel Castro, muito prazer! 👋

Sou Programador Full Stack, trabalho remoto para uma empresa da Alemanha, sou professor neste treinamento e co-autor de outros dois, onde tive a oportunidade de treinar mais de 300 Devs.

Minha paixão pela programação começou lá em 2006, em um provedor de hospedagem de sites, criando meus primeiros projetos web com HTML, JavaScript, CSS, ASP e CSharp.

Desde então, passei por empresas como Banco Topázio, Zanc e RedeHost, atuando como Desenvolvedor, Líder Técnico e até Arquiteto de Software, além de já ter fundado uma Software-house e co-fundar uma Startup de Chatbot.

Atualmente me dedico a explorar o ecossistema Web e Tecnologias como React, Next.js, Node.js, TypeScript, entres outras, para projetar e desenvolver aplicações web com excelência para o usuário, além de me dedicar como educador e facilitador para outros Devs, descomplicando e compartilhando conteúdos a partir do meu blog, redes sociais e treinamentos.

Agora que você me conheceu um pouco, já pode ter uma ideia da experiência que acumulei nessa jornada e como posso ajudar na sua jornada também!

Daniel Castro

Como o curso está organizado?

Atualmente o curso está sendo gravado e está organizado em 7 módulos, 107 aulas e explorando 3 tópicos principais: Fundamentos, Projeto Prático e Ferramentas.

Atualmente você já tem mais 30 vídeo-aulas disponíveis com mais 12 horas de conteúdo pronto para assistir.

Incluindo o projeto prático e lições de fundamentos, onde explico em detalhes cada um dos tópicos que usamos durante o desenvolvimento do projeto.

Confira o conteúdo do curso.

  • 01Comece por aqui7 aulas

    01:Boas vindas!

    02:Como funciona o suporte e mentorias online

    03:Preparando o ambiente de desenvolvimento

    04:Instalando e configurando o VS Code

    05:Configurando o Node.js e NPM

    06:Configurando o Git e GitHub

    07:Personalizar o Terminal com Oh My Zsh e Spaceship

  • 02Starter9 aulas

    01:Revendo princípios de HTML e CSS

    02:O essencial do JavaScript

    03:Começando um projeto vanila

    04:Responsividade com media querie no projeto

    05:Introdução e prática com o framework Next.js

    06:Minificação e Otimização do projeto

    07:Configurando DNS, Domínio e FTP para o Vanilla

    08:Automatizando a publicação do projeto via Github

    09:Entendendo a semântica de HTML

  • 03Introdução ao Frontend15 aulas

    01:A web atual: SPA, SSG e SSR

    02:Bibliotecas de Estilos CSS

    03:React - Introdução e Motivações

    04:Tailwind CSS - Introdução

    05:Next.js - Um framework React

    06:TypeScript - Introdução

    07:TypeScript - Por que usar?

    08:TypeScript - Dúvidas e Mitos

    09:TypeScript - Playground

    10:Docker - Introdução

    11:Docker - Setup para Frontend

    12:AWS - Setup e Deploy do Next.js

    13:Docker - Principais comandos

    14:TDD - Introdução e Fundamentos

    15:TDD - Trabalhando com testes na prática

  • 04Projeto - Nobble Delivery32 aulas

    01:Introdução ao projeto e layout no Figma

    02:Setup do boilerplate com Next.js e TypeScript e mais

    03:Requisitos, tarefas e estrutura do projeto

    04:Desenvolvendo componentes do Cadastro e Login

    05:Desenvolvendo componentes da Recuperação de Senha

    06:Organização e melhorias de componentes

    07:Criando a Sidebar

    08:Criando a Navbar

    09:Criando componente de Categorias

    10:Criando componente de ícones

    11:Adicionando ícones e melhorias no Sidebar

    12:Componente de usuário e logo no Sidebar

    13:Estilos CSS e links no componente categoria

    14:Componente restaurantes em destaque

    15:Componente de Pedidos em Destaques (P1)

    16:Componente de Pedidos em Destaques (P2)

    17:Desenvolvendo a página do Restaurante

    18:Criando páginas dinâmicas com Next.js

    19:Inclusão de Links Next.js e navegação

    20:Estilização da Navbar e Search Input

    21:Criando o Template de Páginas

    22:Criando a Modal de Filtros e Introdução ao Zustand

    23:Ajustando responsividade do projeto

    24:Configuração e Deploy automatizado para a Vercel

    25:Introdução a Headless UI e Dropdowns

    26:Melhorias e finalização do componentes de Pesquisa

    27:Introdução ao GitHub Actions

    28:Configurando Dockerfile para o Next.js

    29:Introdução ao Google Cloud e Serviços

    30:Configurando serviços no GCP para Deploy

    31:Otimização do projeto para Deploy

    32:Aula final com próximos passos

  • 05A base do React.js20 aulas

    01:Introdução e Hello World

    02:Boilerplate com CRA

    03:Boilerplate com Vite

    04:Componentes, Props e Children

    05:Elementos condicionais e Listas

    06:Revisitando Componentes de Classes, Estado e Ciclo de vida

    07:Trabalhando com Formulários, Inputs, Buttons e Selects

    08:Trabalhando com CSS-in-JS e CSS Module

    09:Introdução aos Hooks

    10:Hook useState

    11:Hook useEffect e useEffectLayout

    12:Hook useCallback e useRef

    13:Hook useMemo

    14:Requisições a APIs com (Fetch e Axios)

    15:Tratamento de erros (Error Boundaries)

    16:Criando Hooks customizados

    17:Introdução a Context API

    18:React Portals

    19:React PropTypes

    20:Trabalhando com TypeScript no React

  • 06Fundamentos de Next.js14 aulas

    01:Introdução e Hello World

    02:Componentes e estrutura

    03:Roteamento de Páginas

    04:Rotas autenticadas

    05:Componente de Imagem

    06:Componente de Scripts

    07:Data Fetching no Next.js

    08:Trabalhando com getServerSideProps

    09:Trabalhando com getStaticPaths

    10:Trabalhando com getStaticProps

    11:Introdução a Regeneração Estática Incremental (ISR)

    12:Introdução a APIs no Next.js

    13:Build e Deploy em Next.js

    14:Testes com Cypress no Next.js

  • 07Libs e Ferramentas12 aulas

    01:Styled Components - Fundamentos e primeiros componentes

    02:Styled Components - Props e estilos condicionais

    03:React Router V6 - Introdução e Configuração de Rotas

    04:React Query - Otimização de Requisições para APIs

    05:React Query - Mutations, enviando alterações para APIs

    06:React Testing Library - Testes no Frontend

    07:Storybooks - Documentando e testando componentes

    08:Zustand - Estados globais sem Redux

    09:Zustand - Persistindo estados globais na aplicação

    10:Headless UI - Componentes acessíveis para web

    11:Formik - Formulários da forma certa no React

    12:Formik - Validações de dados com Yup


Por que se inscrever no FrontExpert?

  • 💎 Conteúdo vitalício

    Acesso a vídeos, materiais e código fonte para sempre.

  • 🏅 Projeto profissional

    Do zero ao deploy com um projeto real na prática.

  • ❤️Aulas progressivas

    Aumento de complexidade passo a passo, sem pressão.

  • Mais de 100 aulas

    Conteúdo atualizado e em constante evolução.


E o que os alunos dizem?

  • Aluno André Quintino

    André Quintino

    Web Developer

    Porto, Portugal
    Perfil no LinkedIn

    Curso extremamente interessante e de conteúdo muito valioso, para quem se quer tornar um profissional de frontend e muito mais. O Daniel é um excelente formador, muito claro, muito competente na matéria que leciona e sempre disposto a ajudar. O suporte também é muito bom. A aprendizagem é muito diversificada e excede as expectativas. É um investimento extremamente compensado pelo conteúdo e aprendizado absorvido. Recomendo vivamente esta curso. O melhor investimento é no conhecimento e este curso reflete exatamente isso.

  • Aluno André Quintino

    Danrlei Hornke

    Desenvolvedor de Sistemas

    Rio Grande do Sul, Brasil
    Perfil no LinkedIn

    Quero parabenizar o Daniel pelo excelente trabalho que vem fazendo para ensinar seus alunos, possui um forma simples e didática de abordar os assuntos, até mesmo os mais complexos, sempre que precisei de suporte para duvidas, fui atendido com um profissionalismo excelente, recomendo os cursos e conteúdos gratuitos que disponibiliza pois é um material excelente e de grande ajuda pra quem quer seguir carreira como desenvolvedor.

  • Aluno André Quintino

    Marcelo Soares

    Tech leader / Dev. Full Stack

    Rio de Janeiro, Brasil
    Perfil no LinkedIn

    O que posso falar sobre os professores ou melhor dizendo AMIGOS, Luiz e Daniel além de se destacarem pelo conhecimento e empenho na melhor entrega de conteúdo e atualização do material de forma continua, também são pessoas muito acessíveis e que escutam, orientam e mesmo quando não sabem buscam nos ajudar.

    Já aconteceu comigo e ambos foram super atenciosos e prestativos. Em situações desafiadoras e outras que bastou uma troca de ideias para a solução fluir. Sou aluno deles há anos, em diversos treinamentos e recomendo. Sem sombra de dúvidas é um excelente investimento, onde eles fazem se empenham para entregar o melhor, sendo que algumas vezes fui surpreendido. Obvio que precisamos fazer a nossa para colher o melhor resultado. Sucesso e Paz!


Uma condição única

Um treinamento completo com aulas práticas, fundamentos, mentoria privada, comunidade e meu acompanhamento pessoal de perto para te ajudar a se preparar para o mercado e ser um profissional disputado.

  • Acesso vitalício ao conteúdo gravado.
  • Acesso aos layouts no Figma.
  • Acesso ao código fonte do projeto após 30 dias.
  • Comunidade exclusiva de alunos no Discord.
  • Atualizações de bugs durante 1 ano.
  • Módulo de Fundamentos.
  • Módulo de Bibliotecas e Ferramentas.
  • Certificado de conclusão.
  • Aulas ao-vivo em grupo a cada 15 dias por 3 meses.
  • Mentoria privada comigo, durante 3 meses.

Inscrições encerradas!

Seja avisado primeiro no grupo.

Quero ser avisado

Algumas dúvidas que possa ter:

  • Este curso é para programadores ou estudantes de programação que querem aprender a construir aplicações web profissionais de alta performance, utilizando ferramentas e bibliotecas modernas para desenvolvimento web frontend.

  • É recomendável que você tenha algum conhecimento báscio de HTML, CSS e JavaScript, porém, temos um módulo de Fundamentos para lhe ajudar a fazer uma revisão geral. :)

  • Todo conteúdo é disponibilizado pela plataforma Hotmart.

  • Algumas aulas já estãp disponíveis e outras em produção, ao adquirir o curso você terá acesso imediato ao primeiro módulo e as aulas são liberadas semanalmente conforme você avança no treinamento.

  • Sim! Você receberá um certificado de participação ao término das aulas com a carga horária e conclusão do curso, em nome da minha empresa de treinamentos e consultoria.

  • Você pode realizar o pagamento com cartão de crédito (Visa, Master, Elo, Diners, Hiper, Amex ou Hipercard), boleto bancário, saldo da conta Hotmart, Paypal ou PIX.

;