|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/nextjs14-full-stack-app-serveractions/
课程评论：没有评论
## Next.js 14 全栈应用开发：Server Actions、Prisma 与 TypeScript 课程总结 本课程旨在通过 10 个引人入胜的环节，为学员提供使用 Next.js 14、Prisma 和 TypeScript 开发全栈 Web 应用的深入知识和实践技能。学员将能够构建一个强大的、连接到 Prisma 数据库的 Web 应用，并采用简洁的 ShadCn UI 界面。 **课程亮点：** * **实践经验：** 结合了理论知识和来自经验丰富的开发者的实际开发体验。 * **前沿技术：** 涵盖了最新的 Web 开发技术，帮助学员紧跟行业趋势。 * **职业发展：** 深入讲解了动态表单开发、数据库交互、Next.js Server Actions 的使用等关键技能。 **课程大纲：** 1. **项目启动与环境配置：** * 创建 Next.js 项目 * 引入 ShadCn UI 库 * 项目准备与配置 2. **Prisma 本地数据库创建：** * 使用 Prisma 创建数据库 * 设计数据库模式与模型 * 编辑数据库模型 3. **Next.js Server Actions 与 UI 开发：** * 学习 Next.js 中的 Server Actions (React) * 创建表单 * 使用 ShadCn UI 进行界面布局 4. **数据库交互：** * 创建新记录 * 读取数据 * 功能测试 5. **代码重构：** * 文件统一 * 从数据库提取数据到页面： * 创建新页面 * 从数据库提取数据 * 页面自动刷新 * 从数据库中删除数据： * 实现数据删除功能 6. **Next.js 动态路由：** * 了解动态路由的概念 * 在 Next.js 中应用动态路由 7. **模型间集成：** * 创建包含数据集成的记录 * 显示数据库数据 * 删除集成的记录 通过本课程，学员将全面掌握全栈前端开发的世界。立即加入，开启高质量 Web 开发之旅！
Що ви дізнаєтеся від цього курсу?На протязі 10 захоплюючих уроків ви отримаєте глибокі знання та практичні навички з розробки Full-stack веб-додатків з використанням найновіших технологій, таких як NextJS 14, Prisma та TypeScript. Ви зможете створити потужний веб-додаток, який працює з базою даних Prisma, використовуючи елегантний UI від ShadCn.Чому саме цей курс?Практичний досвід: Ви не тільки ознайомитесь із теоретичними аспектами, але й отримаєте реальний досвід розробки від розробника з багаторічним досвідом.Сучасні технології: Курс покриває найновіші технології, що дозволить вам бути у курсі останніх тенденцій у світі веб-розробки.Професійний розвиток: Отримайте глибокі знання щодо створення динамічних форм, роботи з базою даних, використання Server Actions у NextJS, та багато іншого.План курсу:Старт проекту та налаштування оточення:Створення проекту NextJSЗавантаження бібліотеки ShadCn UIПідготовка проекту до роботиСтворення локальної БД Prisma:Створення БД у PrismaФормування схеми та моделі БДРедагування моделі БДРобота з Server Actions у NextJS та UI:Server Actions у NextJS (React)Створення формВерстка з використанням ShadCn UIВзаємодія з базою даних:Створення нових записівВидобуття данихТестуванняРефакторинг коду:Уніфікація файлівВилучення даних із БД на сторінку:Створення нової сторінкиВилучення даних із БДАвтоматичне оновлення сторінкиВидалення даних із БД:Функціонал по видаленню даних із БДДинамічні Routes у NextJS:Динамічні RoutesВикористання у NextJSІнтеграція між двома моделями:Створення записів з інтеграцією данихВідображення даних із БДВидалення записівВідкрийте для себе світ Full-stack FE Development з нашим курсом. Приєднуйтеся вже сьогодні та рушайте шляхом до високоякісної веб-розробки!
