|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/curso-de-reactjs-nextjs-completo-do-basico-ao-avancado/
课程评论：没有评论
**课程名称：** React JS 19 和 Next.js 15 (2025 年更新) 课程 **课程概述：** 本课程是关于 React 19 和 Next.js 15 的全面实践指南，涵盖了 Tailwind CSS、TypeScript 等现代技术，旨在帮助学员从零开始掌握到最终的部署。课程将于 2025 年进行重大更新，几乎所有章节都将重新录制，以适应 React 和 Next.js 生态系统的最新版本。注册学员将获得永久访问权，包括当前内容和未来所有更新，无需额外付费。 **学习内容：** 所有课程都将侧重于实践和市场真实需求，提供真实项目、清晰的代码和逐行解释。学员将跟随一位拥有超过 12 年前端和后端开发经验的开发者学习，他不仅会教授“如何做”，还会深入解释每一个选择背后的原因，并分享宝贵的安全性、性能和专业最佳实践技巧。 课程涵盖： * **React 19**：最新的 Hooks 和实际应用。 * **Next.js 15**：App Router、Server Components 和 Server Actions。 * **NestJS**：用于构建 Rest API，实现 JWT 认证和授权。 * **Next.js 与 NestJS 集成**：利用 Server Actions 与 NestJS API 结合。 * **Tailwind CSS v4**：创建现代化、响应式的界面。 * **自动化测试**：使用 Vitest 和 Playwright 进行单元测试、集成测试和端到端测试。 * **TypeScript**：从头到尾的应用。 * **Vite 和 React Router 项目**：纯客户端渲染 (CSR) 和单页应用 (SPA)。 * **高级表单处理**：使用 `useActionState`，实现验证和错误处理。 * **Server Actions**：利用 `useTransition` 和响应式交互。 * **图片上传**：带预览和验证功能。 * **Markdown**：使用 `@uiw/react-md-editor` 和 `react-markdown`。 * **数据缓存**：Next.js 的自动和手动数据重新验证。 * **安全认证**：使用 HTTP-only Cookies 和 JWT (jose 库)。 * **加密**：使用 Bcrypt 和安全的哈希算法。 * **状态管理**：Context API、`useReducer` 和 Web Workers。 * **完整部署**：Vercel、GitHub Pages 以及 Linux 服务器部署 (NGINX + Certbot)。 **目标：** 学员将学会使用 React、Next.js 和 NestJS 构建完整的 Web 应用程序，并将其部署到真实的服务器上，配置 Nginx、HTTPS，并进行服务器安全防护。 **技术栈：** * **前端**：React 19, Next.js 15, Tailwind CSS v4, TypeScript, Vite * **后端**：NestJS (Rest API, JWT 认证) * **路由**：App Router (Next.js 15), React Router 7 (CSR & SPA) * **数据验证**：Zod * **认证**：JWT (jose 库), Bcrypt * **数据库**：Drizzle ORM with SQL * **UI/UX**：React Toastify, Markdown ( @uiw/react-md-editor, react-markdown), clsx, uuid, slugify, date-fns * **SSR/Backend-like**：Server Actions, Server Components, Web Workers * **DevOps & Deploy**：Git, GitHub, Vercel, GitHub Pages, Linux (Ubuntu), NGINX with SSL (Let's Encrypt HTTPS) * **测试**：Vitest (单元测试, 集成测试), Playwright (端到端测试) **课程亮点：** * 2025 年更新，采用最新的 React 生态系统版本。 * 逐行代码解释，侧重于对代码的实际理解。 * 真实项目，响应式设计和生产级逻辑。 * 专业的部署流程，包括真实的 Linux 服务器配置和 HTTPS。 * 永久访问权，包含所有未来更新。 * 模块化课程结构，方便学习进度。 * 包含 Vitest 和 Playwright 的单元、集成和端到端测试章节。 **课程目标学员：** 适合已经掌握 HTML、CSS 和 JavaScript 基础，并希望迈向真实工作市场的开发者。通过本课程，学员将学会从零到部署，使用最现代、最受欢迎的市场工具构建完整的应用程序。
Curso de React 19 e Next.js 15 com Tailwind, TypeScript e muito mais, do zero ao deploy. Este curso está passando por uma grande atualização em 2025, com praticamente todas as seções sendo regravadas e adaptadas para as versões mais recentes do ecossistema React e Next.js. Ao se inscrever, você garante acesso vitalício a todo o conteúdo atual e às atualizações futuras, sem pagar nada a mais por isso.O que você vai aprender?Todas as aulas são focadas na prática e na realidade do mercado, com exemplos reais, código limpo e explicações linha por linha.Você vai aprender com um desenvolvedor com mais de 12 anos de experiência em front-end e back-end, que compartilha não só o "como fazer", mas também os motivos por trás de cada escolha - incluindo dicas valiosas de segurança, performance e boas práticas profissionais.Aqui vai um pequeno compilado das coisas que falamos ao longo das aulas:React 19 com os hooks mais modernos e práticas reaisNext.js 15 com App Router, Server Components e Server ActionsNestJS para API Rest com autenticação e autorização via JWTIntegração do Next.js e Server Actions com uma API REST feita com NestJSTailwind CSS v4 para criar interfaces modernas e responsivasTestes automatizados com Vitest e Playwright (Testes Unitários, de Integração e testes end-to-end)TypeScript aplicado de ponta a pontaProjetos com Vite e React Router (CSR puro)Formulários avançados com useActionState, validação e tratamento de errosServer Actions com useTransition e interações reativasUpload de imagens com preview e validaçãoMarkdown com @uiw/react-md-editor e react-markdownCache de dados, revalidação automática e manual com Next.jsAutenticação segura com cookies HTTP-only e JWT (lib jose)Criptografia com Bcrypt e hash seguroGerenciamento de estado com Context API, useReducer e Web WorkersDeploy completo: Vercel, GitHub Pages e Servidor Linux com HTTPS (NGINX + Certbot)Em resumo: você vai criar aplicações web com React, Next.js e com o NestJS durante o curso todo. Também vai publicar suas aplicações em servidores reais, com Nginx, HTTPS e toda a segurança contra ataques em servidores online.Tecnologias, bibliotecas e ferramentasTodas as aulas estão sendo atualizadas ao longo de 2025, sempre com o compromisso de entregar o conteúdo mais moderno e relevante para o mercado.Abaixo estão algumas das tecnologias mais utilizadas no curso - além delas, você também verá várias outras ferramentas pontuais que fazem parte do dia a dia de um projeto real.FrontendReact 19, Next.js 15, Tailwind CSS v4, TypeScript, ViteBackendNestJS para Rest API com autenticação JWT. Será um Back-end para o Next.js + ReactRoteamentoApp Router (Next.js 15) e React Router 7 (CSR e SPA)Validação de dadosZodAutenticaçãoJWT com a biblioteca jose, hash seguro com bcryptBanco de dadosDrizzle ORM com SQLUI e UXReact Toastify, Markdown (@uiw/react-md-editor, react-markdown), clsx, uuid, slugify, date-fnsServer-side / Backend-likeServer Actions, Server Components, Web WorkersDevOps e DeployExplicação detalhada sobre o deploy em servidores reais. Tecnologias e tópicos: Git, GitHub, Vercel, GitHub Pages, Linux (Ubuntu), NGINX com SSL (Let's Encrypt HTTPS).Testes unitários, de integração e e2e (end-to-end)Temos uma seção inteira exclusivamente dedicada para testes em geral. Você vai aprender a usar o Vitest para fazer testes unitários e de integração com mocks e spies complexos, e também aprenderá a usar o Playwright para escrever testes end-to-end (testes de ponta a ponta da sua aplicação).Diferenciais do cursoAqui é o Luiz Otávio Miranda (instrutor do curso), e os meus quase 300 mil alunos podem falar por si só. Meu objetivo com qualquer curso é simples: fazer você aprender de verdade. Você não vai encontrar aqui apresentações com slides robóticos sendo lidos.O que temos são aulas 100% práticas, onde eu te mostro cada linha de código, explico por que ela está ali, e como tudo se encaixa até formar um projeto completo.Você vai sair do curso sabendo construir, não apenas copiar.Aqui estão alguns dos nossos principais diferenciais:Atualizado em 2025 com as versões mais modernas do ecossistema ReactExplicações linha por linha, com foco no entendimento real do códigoProjetos reais, com design responsivo e lógica de produçãoDeploy profissional, incluindo configuração de servidor Linux real com HTTPSAcesso vitalício com todas as atualizações futuras inclusasSeções organizadas de forma modular, facilitando sua progressãoSeções de testes unitários, integração e e2e com Vitest e PlaywrightMuito mais (você vai entender quando entrar, te garanto)Para quem é este curso?Se você já domina o básico de HTML, CSS e JavaScript e quer dar o próximo passo rumo ao mercado real, este curso é pra você.Aqui você vai aprender, na prática, como construir aplicações completas, do zero até o deploy, usando as ferramentas mais modernas e requisitadas do mercado.Bora?
