Você criando softwares mais profissionais
O único Treinamento Prático com Mentoria Privada e acompanhamento para impulsionar sua carreira e aprendizado em Frontend.
Confira tudo que o curso oferece.
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.
Tudo feito com uma Stack completa
Quem é o instrutor
Olá, eu sou o Daniel Castro, prazer! 👋
Sou Programador Full Stack, trabalho com tecnologia desde 2006, graduado em computação, AWS Certified Professional, empreendedor e atuo como Full Stack Developer remoto para empresas no exterior.
Comecei com desenvolvimento para web em 2006 e desde então, passei por empresas como Bayer, Banco Topázio, Zanc e RedeHost, criando inúmeros projetos tanto para Frontend e Backend.
Em constante aprendizado, me dedico a explorar o ecossistema web e tecnologias modernas, tanto para desenvolver aplicações eficientes e ajudar outros Devs a se especializar por meio dos meus cursos de Dev para Dev, mentoria, artigos no meu blog e redes sociais.
Como professor neste curso e co-autor de outros dois, já tive a oportunidade de ajudar mais de 400 Devs, entregando um treinamento prático e descomplicado, sempre conectado com a realidade que o mercado exige.
Como o curso está organizado?
O curso é composto por sessões de Mentoria 1a1 Privada diretamente comigo e videoaulas gravadas com conteúdo atualizado.
Atualmente, 60% do curso já está disponível, com mais de 31 horas de conteúdo de Frontend pronto para você começar.
Todo o conteúdo é prático, dividido em 12 módulos e pelo menos 164 aulas, explorando Fundamentos, Ferramentas e Projetos na prática.
Confira a grade de videoaulas do FrontExpert.
01:Boas vindas!
02:Preparando o ambiente de desenvolvimento
03:Instalando e configurando o VS Code
04:Configurando o Node.js e NPM
05:Configurando o Git e GitHub
06:Personalizar o Terminal com Oh My Zsh e Spaceship
01:A origem do React
02:Começando com o React em um projeto existente
03:Descomplicando o JSX
04:Virtual DOM na prática
05:Componentes no React
06:Adicionando CSS
07:Toolchains React
08:Começando com CRA
09:Revisando Componentes de Classe
10:Estrutura de Componentes de Classe
11:Typechecking e Default Props
12:React Hooks, diga adeus à classes
13:Aprendendo Hook useState
14:Aprendendo Hook useEffect
15:Convertendo componentes de classe
16:Condicionais e Listas
17:Formulários (input, textarea e select)
18:Formulários (validações e eventos)
19:Formulários (rabio e checkbox)
20:Controlando formulários complexos
21:Roteamento no React
22:Requisições a APIs com Fetch e Axios
23:Aprendendo hook useRef
24:Aprendendo hook useCallback
25:Aprendendo hook useEffectLayout
26:Revisão a Context API
27:Aprendendo hook useContext
28:Aprendendo hook useMemo
29:Criando hooks customizados
30:Tratamento de erros no React
31:Migração para TypeScript e Vite
01:Introdução ao framework
02:HelloNext, Estrutura e Scripts
03:Roteamento e rotas dinâmicas
04:Páginas e Renderizações
05:Static e Server Side Rendering
06:Layout Patterns
07:Layout usando useRouter
08:Layout com Prop estática
09:Layout com Functions
10:Document e Erros Personalizados
11:Head e Customização para SEO
12:Otimização de Imagens
13:Trabalhando com imagens
14:Otimização de Scripts
15:Autenticação
16:Rotas de API
17:Data Fetching
18:Regeneração Estática Incremental (ISR)
19:Configurações avançadas
20:Deployment
21:APIs do Next.js
01:Setup, primeiros componentes e páginas
02:CSS Modules, SVGs e estruturas
03:SVG customizado, componentes e configs no Next.js
04:Componente de busca e página inicial
05:Imagem da home e página descobrir
06:Data fetching com React Query
07:Adicionando Skeleton e deploy via CLI
08:Criando a página favoritos
09:Adicionando estado com Zustand
10:Finalizando e otimizando para deploy
01:Introdução ao projeto e arquitetura
02:Organizando tarefas do projeto
03:Apresentando e Configurando o Firebase
04:Apresentando e Configurando o Firestore
05:Setup do projeto NEXT.js com TailwindCSS
06:Página Cadastro e Componente InputText
07:Página Login e Recuperação
08:Componentes Header e Icons
09:Otimização dos componentes
10:Criando a Sidebar e seus componentes
11:Criando a Navbar e seus componentes
12:Criando componentes de categorias
13:Componente de ícones dinâmico
14:Integrando componentes e melhorias no Sidebar
15:Componentes de usuário no Sidebar
16:Otimização de estilos e links de categoria
17:Componente restaurantes em destaque
18:Componente de pedidos em destaque (P1)
19:Componente de pedidos em destaque (P2)
20:Página do restaurante
21:Adicionando roteamento de páginas dinâmicas
22:Atualização de links e navegação
23:Estilizando Navbar e input Buscar
24:Criando o template de páginas
25:Criando modal de filtros e Introdução ao Zustand
26:Ajustando responsividade no projeto (P1)
27:Ajustando responsividade no projeto (P2)
28:Ajustando responsividade em projeto (P3)
29:Ajustando responsividade em projeto (P4)
30:Configuração e Deploy automatizado para a Vercel
31:Introdução a Headless UI e Dropdowns
32:Criando novos menus e dropdown no Navbar
33:Novas otimizações de responsividade
34:Introdução as novas telas do projeto
35:Criando página configurações do usuário
36:Customizando ícones em configurações
37:Adicionando modal de configurações
38:Novo Styleguide e Componentes no Figma
39:Atualizando estilos e componentes da modal
40:Adicionando loading dinâmico em botões
41:Extraindo modals em componentes
42:Adicionando novas modals em Configurações
43:Customizando CSS modal Descontos e Convidar
44:Customizando CSS modal Suporte
45:Customizando CSS modal Meus Cartões
46:Novos componentes e páginas
47:Preparando o projeto para Deploy
48:Introdução ao GitHub Actions
49:Configurando Docker no projeto NEXT.js
50:Introdução e Setup do Google Cloud
51:Finalizando o Projeto
52:Aula de encerramento e próximos passos
01:Renderização na web: SPA, SSG, SSR ou ISR
02:TypeScript - Introdução
03:TypeScript - Por que usar?
04:TypeScript - Dúvidas e Mitos
05:TypeScript - Playground
06:TDD - Introdução, Abordagem e Ciclos
07:TDD - Vantagens, Mitos e Estudo de Caso
08:TDD - Abordagem na prática com Jest
09:Semântica na Web - HTML5
10:CSS Moderno: Seletores, Flexbox e Grid
11:Otimização Web para SEO
12:Bibliotecas de Estilos CSS
13:Acessibilidade para Web
14:Bibliotecas e Frameworks JavaScript
15:Docker - Introdução e Setup para o Frontend
16:AWS - Setup e Deploy com React
17:GCP - Setup e Deploy com React
01:Introdução ao HTML, a base da Web
02:Primeiro projeto HTML
03:Começando com CSS
04:Expandindo estudos com CSS Moderno
05:Introdução ao JavaScript
06:Expandindo interações com JavaScript
07:Responsividade com media query
08:Finalizando e otimizando o projeto
09:Setup para hospedagem (DNS, Domínio, FTP)
10:Automatizando publicação do projeto via Github
01:Formik - Formulários avançados no React
02:Formik - HelloForm
03:Formik - Validações e API
04:Zustand - Estado global sem Redux
05:Zustand - Persistindo de dados
06:React Query - Intro e Setup
07:React Query - Queries e Mutations
08:Styled Components - Primeiros componentes
09:Styled Components - Props e Condicionais
10:React Router V6 - Intro e Setup
11:React Router V6 - Componentes e Hooks
12:Headless UI - Componentes com Tailwind
13:Headless UI - Aplicando Componentes
14:Storybooks - Intro e Setup
15:Storybooks - Documentando Componentes
16:Testing Library - Intro e React Setup
17:Testing Library - Explorando a API
18:NextAuth - Autenticação no Next.js
19:NextAuth - Configurando Providers
20:React Hook Form - Alternativa ao Formik
21:React Hook Form - Explorando a API
22:Radix UI - Componentes de UI sem estilo
23:Radix UI - Explorando os Componentes
01:Novo projeto com Clean Archicteture, DDD e TDD. Calendário de aulas em breve.
01:Introdução ao GraphQL (06/11)
02:Schema e Tipos GraphQL (13/11)
03:Consultas e Mutations (20/11)
04:Gerenciamento de Estado no React e Apollo (27/11)
05:Tópicos Avançados (04/12)
01:Carreira Dev, o que você precisa saber
02:Carreira Nacional ou Internacional
03:Identificando e definindo seu perfil
04:Preparando o currículo e portfólio
05:Como definir seu valor profissional
06:O que você deve saber antes de se candidatar
07:Onde encontrar vagas e oportunidades
08:Plano de estudos para entrevistas
09:Perguntas que você nunca deve fazer em entrevistas
10:Perguntas que você vai ganhar pontos em entrevistas
11:O mínimo que você deve saber sobre inglês
12:Como se preparar para entrevistas em inglês
13:Quais testes técnicos você deve esperar
14:Como se preparar para testes técnicos
15:O que fazer após a entrevista
01:Posicionamento Profissional e Side Projects
02:Encontrando clientes e projetos
03:Precificação, Propostas e Contratos
04:Gerenciamento de Projetos e Entregas
05:Escalando e Crescendo como Freelancer
06:Aula de encerramento e próximos passos
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.
✨ Mentoria Privada
O único com acompanhamento de perto por quem faz.
O que os alunos dizem?
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.
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 dúvidas 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.
O que posso falar sobre os professores ou melhor dizendo amigos, Daniel e Luiz, 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, que escutam e orientam, mesmo quando não sabem algo pesquisam para nos ajudar.
Sou aluno deles há anos, em diversos treinamentos e recomendo. Sem sombra de dúvidas é um excelente investimento, eles se empenham para entregar o melhor conteúdo.
Agora é sua vez de acelerar sua carreira
Conteúdo na Prática e Mentoria para elevar seu nível no mercado.
- 3 encontros para Mentoria Privada
- 5 aulas ao vivo sobre GraphQL
- eBook Guia de Comandos para Devs
- eBook Carreira Dev
- Modelo de Contrato e Currículo
- Acesso vitalício as videoaulas
- Atualizações durante 2 anos
- Acesso a novas aulas gratuitamente
- Figma dos projetos
- Acesso a código fontes e scripts
- Suporte direto comigo
- Sessões de Q&A mensalmente
- Comunidade exclusiva para alunos
- Desconto especial em novos cursos
- 7 dias garantia incondicional
Garanta a sua vaga
Até 12x sem juros de
R$ 108,08
ou R$ 1.297,00 à vista
Inscrições encerradasCadastre-se na lista de espera para ser avisado
Satisfação garantida ou dinheiro de volta
Venho dedicando muitas horas na produção de videoaulas de qualidade, com conteúdo atual, descomplicado e conectado com a realidade do mercado de trabalho. Tudo aplicado em projetos práticos, hands-on, para realmente agregar valor.
Porém, se dentro de 7 dias, você entender que este treinamento não é para você ou por qualquer outro motivo deseje desistir, basta me solicitar que eu devolvo 100% do seu investimento, sem perguntas ou demora, tão simples como foi para contratar.
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.
Mensalmente! Toda semana eu gravo novas aulas e edito novos conteúdos, conforme esse material é finalizado envio para a plataforma. Geralmente as aulas são liberadas no sábado e domingo.
Ao adquirir o curso você terá acesso imediato ao primeiro módulo e a novas aulas semanalmente, conforme você avança e conclui as lições do treinamento.
Sim! A maior parte do conteúdo já foi re-gravado em 2023 ou está em atualização, para você estudar com as versões mais recentes das bibliotecas.
Você pode realizar o pagamento com cartão de crédito (Visa, Master, Elo, etc), boleto bancário, saldo da conta Hotmart, Paypal ou PIX.
Sim! Você receberá um certificado de participação ao término das aulas com a carga horária e conclusão do curso.
Sim! Desconto para pagamento no PIX, grupos ou ex-alunos. Envie e-mail para [email protected] para mais informações.