|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/learning-nextjs-and-creating-a-web-app/
课程评论：没有评论
**课程名称：** 学习 Next.js 并创建一个 Web 应用 **课程概述：** 本课程将带你从 Next.js 的基础知识学起，并结合 Tailwind CSS、Firebase、Stripe 以及 Node.js API，构建一个功能强大的活动创建与预订 Web 应用。你将深入理解 SSR、SPA 和 SSG 等核心概念，并学习如何在项目中集成 Tailwind CSS 和 Firebase。 通过实际案例，你将学会如何创建一个在线平台，让用户可以创建线上或线下活动，并允许其他用户（除创建者外）购买这些活动。课程将详细讲解 Firebase 的 Admin 和客户端 SDK 在数据库、认证、文件存储等方面的应用，并会涉及 Firestore 和 Storage 的规则编写。此外，你还将学习如何利用 Stripe API 处理支付，并运用 ATOMIC Web 设计原则和代码复用技巧来提升开发效率。课程还会教授如何利用 Next.js 内置的 Node.js 服务器创建和使用 API。 最后，你将学会如何将完成的应用部署到 Vercel，并会提供 GitHub 仓库链接和一些增强应用的建议，鼓励你发挥创造力。讲师会坦诚展示开发过程中遇到的错误及解决方法，帮助你更好地应对实际开发挑战。 **学习目标：** * 掌握 Next.js 的核心概念和开发流程。 * 熟练运用 Tailwind CSS 进行样式设计。 * 集成 Firebase 实现数据库、认证和文件存储功能。 * 学习使用 Stripe API 处理在线支付。 * 理解并应用 ATOMIC Web 设计原则和代码复用。 * 学会创建和使用 Next.js 内置的 Node.js API。 * 掌握将 Next.js 应用部署到 Vercel 的方法。 **课程先修要求：** * HTML、CSS 和 JavaScript 基础。 * React 框架基础。 * Tailwind CSS 基础或掌握其他 CSS 框架（如 Bootstrap）的基础。 * （可选）客户端-服务器架构基础。
Hi all,We all know the power of Next.js the react framework. Combined with technologies like Tailwind CSS, Firebase, Stripe and inbuilt Node.js API, Next.js allows great developer experience and feasibility to develop robust web apps. In this course, we will start from the very basics of Next.js and then take a step forward to build a web app for event creation and booking. While we code we will learn some new concepts as we apply them in our app. We will start with understanding basic concepts like SSR, SPA and SSG. Then create the Next project, add Tailwind CSS and Firebase to it. We will then see the Next basics and then use our learning to make an app.As I mentioned, the app is an online platform that allows a user to create an event that could be an online or offline event. This event can be purchased by other users except for the creator itself. We will use Firebase admin and client-side SDK for database, authentication, file storage. I have also explained how to write rules for Firestore and storage. We will use Stripe API to take payments. The app will be styled using Tailwind CSS. You will also learn some ATOMIC web design principles and code reuse as I have tried to implement them as much as possible. We will also see how to create and use API by reusing the Next.js Node.js server.Last but not least we will deploy this app on Vercel, plus I will share the GitHub repo link with some suggestions for you to make this app more amazing. Of course, these are just suggestions but you are free to use your creativity. I will be honest here, I have coded this app from scratch. So you will see me in some videos making mistakes and errors. However, I have shown with my best possible knowledge how we can tackle those errors and find a solution.This is app is for educational purposes and is meant to be used ethically.Hope you enjoy your learning process. Happy learning:)Prerequisites for the course:To make the most of this course, it is recommended that you check the following list of prerequisites1. HTML, CSS and JavaScript2. React Framework basics3. Tailwind CSS basics or basics of any other CSS framework like Bootstrap4. Basics of client-server architecture (optional)Disclaimer for the courseAll the information provided in this course is published in good faith and for general information purpose only. The course is created by using personal learnings and experience additionally referring to online resources, official documentation of Next.js, Firebase, Tailwind CSS and Stripe.However, I do not make any warranties about the completeness, reliability and accuracy of this information. Any action you take upon the information you find in this course (Learning Next.js and creating a web app), is strictly at your own risk. I will not be liable for any losses and/or damages in connection with the use of this course. RegardsAditya:)
