|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/full-stack-development-with-nextjs-markdown-app/
课程评论：没有评论
课程名称: 使用 Next.js 的全栈 Markdown 应用 概述: 本课程带您踏上一个充满活力的全栈网络开发之旅，通过“使用 Next.js 开发全栈应用: Markdown 应用”，您将深入学习 Next.js、PostgreSQL、TailwindCSS 和 Vercel 的基本要素，使您能够快速构建和部署一个功能齐全的网络应用。课程涵盖前端状态管理、数据库模式设计以及实现安全认证的服务器操作等关键领域。我们致力于在提供每种技术的实用见解与详细内容之间取得平衡，帮助您构建主页、登录/注册表单，以及复杂功能如嵌套树状侧边栏。此课程不仅仅是学习，更是在务实、高效的方式中进行全栈开发的应用与探索。您准备好提升您的技能了吗？ 课程内容： 1. **引言**: 介绍课程的前提条件、技术、项目演示及其他重要细节。 2. **初始设置**: 通过设置代码库和配置暗模式开始项目。 3. **数据库开发**: 探索数据库模式设计，并创建脚本来填充数据库的模拟数据。 4. **主页**: 构建主页，并在简要部分中理解 Next.js 的路由组。 5. **登录页面**: 利用服务器操作、JWT 和 jose 构建安全认证的登录表单。 6. **注册页面**: 使用服务器操作开发无缝用户注册过程的注册页面。 7. **仪表板页面**: 专注于使用 Next.js 并行路由的仪表板布局。学习使用 React Context 和 reducers 进行高效的状态管理。 8. **侧边栏页面**: 全面覆盖构建用于组织笔记的嵌套树结构的侧边栏。强调使用 React Context 进行状态管理和实现拖放用户交互。 9. **内容页面**: 构建应用的 Markdown 编辑器部分。由于将使用开源库实现，因此此部分简短。 10. **已发布页面**: 构建网络应用的已发布视图，利用服务器组件。在服务器端实现排序和搜索。 11. **部署**: 关于将应用部署到 Vercel 的部分。假设学生已经有 GitHub 和 Vercel 账户，并熟悉将代码推送到 GitHub 的操作。 通过这个课程，您将获得实用技能，以便在全栈开发中进行应用与探索。
Embark on a dynamic journey into Full Stack Web Development with our "Full Stack Development With Next.js: Markdown App" Course. This meticulously crafted program guides you through the essentials of Next.js, PostgreSQL, TailwindCSS, and Vercel, empowering you to swiftly build and deploy a fully functional web application. Delve into key areas such as front-end state management, database schema design, and the implementation of server actions for secure authentication. Our course strikes a balance, offering practical insights into each technology without overwhelming detail. Whether you're building the home page, login/signup forms, or intricate features like a nested tree-structured sidebar, we provide hands-on guidance. This course is not just about learning; it's about applying and exploring Full Stack Development in a pragmatic, efficient manner. Are you ready to elevate your skills?Introduction: An initial section covering course prerequisites, technologies, a project demo, and other essential details.Initial Setup: Dive into the project by setting up the repository and configuring dark mode.Database Development: Explore designing the database schema and creating a script to seed the database with mock data.Home Page: Build the home page and understand Next.js route groups in a concise section.Log In Page: Construct the login form utilizing server actions, JWT, and jose for secure authentication.Sign Up Page: Develop the signup page using server actions for a seamless user registration process.Dashboard Page: Focus on the dashboard layout using Next.js parallel routes. Learn about React Context and reducers for efficient state management.Sidebar Page: Comprehensive coverage of building the sidebar for organizing notes in a nested tree structure. Emphasis on state management with React Context and implementing drag-and-drop user interactions.Content Page: Build the markdown editor section of the app. This section is brief as open-source libraries will be used for implementation.Published Page: Construct the Published View of the web app, leveraging server components. Implement sorting and searching on the server side.Deployment: A section on deploying the app to Vercel. Assumes students already have a GitHub and Vercel account and are familiar with pushing code to GitHub.
