Quer ser avisado da próxima turma? Cadastre seu e-mail abaixo.
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.
Olá, eu sou o Daniel Castro, prazer! 👋
Sou Programador Full Stack e trabalho remoto para uma empresa global da Alemanha. Sou professor neste curso e co-autor de outros, onde já tive a oportunidade de treinar mais de 300 Devs.
Comecei desenvolvendo para web em 2005 e desde então, passei por empresas como Banco Topázio, Zanc e RedeHost, atuando no Frontend e Backend como Desenvolvedor, Líder Técnico e Arquiteto de Software.
Atualmente, me dedico a explorar o ecossistema web e stacks modernas, para desenvolver aplicações centradas na UX e ajudar outros Devs a se especializar, com meus cursos de Dev para Dev, Mentorias, artigos no blog e redes sociais, de forma descomplicada e conectada com a realidade do mercado.
Agora que você conhece um pouco da minha jornada, pode ter algumas ideias sobre como eu posso ajudar na sua também!
O curso é composto por sessões de Mentoria 1a1 Privada diretamente comigo e videoaulas gravadas com conteúdo prático.
Atualmente, as videoaulas estão em gravação e são liberadas semanalmente.
O conteúdo prático é dividido em 7 módulos, sendo 136 aulas explorando: Fundamentos de Base, Ferramentas e Projetos prático.
Sendo destas, você tem mais de 70 videoaulas com mais 20 horas de conteúdo de Frontend, prontos para você começar.
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:React Hooks, diga adeus à classes
11:Estados e Ciclos de vida com Hooks
12:Condicionais e Listas
13:Formulários
14:Requisições a APIs com Fetch e Axios
15:Context API e useContext
16:Hook useMemo
17:Hook useEffect e useEffectLayout
18:Hook useCallback e useRef
19:Hooks customizados
20:Migrando 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:Otimização de Scripts
14:Autenticação
15:Rotas de API
16:Data Fetching
17:Regeneração Estática Incremental (ISR)
18:Configurações avançadas
19:Deployment
20: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 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
01:Desenvolvendo para web: SPA, SSG, SSR ou ISR
02:Semântica na Web - HTML5
03:CSS Moderno: Seletores, Flexbox e Grid
04:Otimização Web para SEO
05:Bibliotecas de Estilos CSS
06:Acessibilidade para Web
07:Bibliotecas e Frameworks JavaScript
08:TypeScript - Introdução
09:TypeScript - Por que usar?
10:TypeScript - Dúvidas e Mitos
11:TypeScript - Playground
12:TDD - Introdução, Abordagem e Ciclos
13:TDD - Vantagens, Mitos e Estudo de Caso
14:TDD - Abordagem na prática com Jest
15:Docker - Introdução e Setup para o Frontend
16:AWS - Setup e Deploy com React
17:GCP - Setup e Deploy com React
01:Revendo princípios de HTML e CSS
02:Revisão dos fundamentos do JavaScript
03:Começando um projeto vanila
04:Interatividade com JavaScript
05:Responsividade com media query
06:Finalizando e otimizando o projeto
07:Ambiente para hospedagem (DNS, Domínio, FTP)
08:Automatizando a 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
Acesso a vídeos, materiais e código fonte para sempre.
Do zero ao deploy com um projeto real na prática.
Aumento de complexidade passo a passo, sem pressão.
O único com acompanhamento de perto por quem faz.
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.
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.
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 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 e empenham para entregar o melhor conteúdo, sendo que algumas vezes ainda fui surpreendido positivamente. Obvio que precisamos fazer a nossa para colher o melhor resultado. Sucesso e Paz!
Um treinamento completo com videoaulas práticas de Frontend moderno, comunidade e meu acompanhamento pessoal com a Mentoria Privada, para te ajudar a se preparar e tornar um profissional disputado.
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.
