|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/react-nextjs/
课程评论：没有评论
**课程名称：** React + Next.js 13 - 从零开始。TypeScript, Hooks, SSR 和 Grid **课程概述：** 本课程全面更新至 Next 13.4 和 App Router，旨在教授学员使用 React 和 Next.js 开发高性能、SEO 友好的网站。课程以零基础为起点，涵盖了 React 的基础知识，并深入讲解 Next.js 的核心概念，包括 Server Side Rendering (SSR) 和静态页面生成。 **学习内容：** * **TypeScript：** 学习使用 TypeScript 增强代码的健壮性。 * **项目设置与构建：** 掌握开发环境的搭建和项目构建流程。 * **Figma 工作流程：** 了解如何在 Figma 中进行设计和开发协作。 * **React Hooks：** 深入理解并运用 React Hooks 进行组件开发。 * **组件化开发：** 学习创建可复用、可维护的 React 组件。 * **Context API：** 掌握 React 的 Context API 进行状态管理。 * **Next.js 路由：** 学习 Next.js 的客户端和服务器端路由机制。 * **CSS Grid 布局：** 掌握使用 CSS Grid 进行响应式网页布局。 * **SSR 与静态生成：** 理解 Server Side Rendering 和静态页面生成的原理和应用。 * **Next.js 内置组件：** 学习和使用 Next.js 提供的各种内置组件。 * **表单处理：** 使用 `react-hook-form` 高效处理表单。 * **动画效果：** 利用 Framer Motion 为应用添加动效。 * **可访问性：** 关注键盘导航和 Screen Reader 的支持，构建无障碍网页。 * **生产环境准备与 Docker：** 学习将应用部署到生产环境，并了解 Docker 的基本使用。 **课程特色：** * **实践导向：** 课程以构建一个真实的、生产级别的网站（一个评分相关的网站）为目标，而非简单的教学项目。 * **理论与实践结合：** 每个模块都包含理论讲解和同步的 Live-coding 环节，学员可以跟着老师一步步构建应用。 * **巩固与练习：** 每个模块的结尾都有测试题巩固知识，并提供练习题帮助学员实践。 * **社区合作：** 课程收益的 10% 将捐赠给“向上而行”基金会，该基金会致力于帮助残障儿童康复。 **学习成果：** 完成本课程后，学员将掌握前端开发所需的关键技能和知识，为实际项目开发打下坚实基础，并成为一名合格的 React 和 Next.js 开发者。
Обновлён до Next 13.4 и App Router!Next.js - готовый к production framework для React - самой популярной JavaScript библиотеки на сегодняшний день. Он позволяет разрабатывать производительные, SEO-friendly сайты с использованием Server Side Rendering (SSR) и статической генерацией страниц.При этом от вас требуется только базовое знание CSS, HTML и JavaScript, так в рамках курса мы не только разберём Next.js, но и React с нуля. При этом мы будем писать не просто какой-то учебный проект, а реальный production сайт, посвящённый рейтингам.Мы детально разберём:TypeScriptНастройку окружения и сборку проектаРаботу в FigmaReact HooksСоздание компонентовКонтекстРоутинг NextJSВёрстку на CSS gridКак работает Server Side Rendering (SSR) и статическая генерация страницВстроенные компоненты Next.jsРаботу с формами через react-hook-formАнимацию с помощью Framer MotionДоступность с клавиатуры и работу ScreenReaderПодготовку приложения к production и работу DockerКаждый модуль содержит как теоретическую часть, так и live-code, где мы в месте будем создавать приложение с нуля. В конце каждого модуля вас ожидает тест, который позволит укрепить ваши знания, а небольшие упражнения - попрактиковаться писать код.В результате курса вы получите знания и навыки, которые необходимы frontend разработчику на реальных проектах.!!! В рамках данного курса, я сотрудничаю с фондом Движение вверх, оказывающий помощь детям с инвалидностью. Фонд помогает детям пройти реабилитацию в специализированных центрах, и дает шанс вернуться к обычной жизни. 10% от продаж данного курса я буду ежемесячно отправлять в фонд.
