|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/react-nextjs-ile-full-stack-yemek-siparis-projesi/
课程评论：没有评论
课程名称：使用 React (Next.js) 开发全栈外卖订单项目 课程概述：您想学习最近最受欢迎的前端库 React 的框架 Next.js 吗？本课程的主要目标是通过一个外卖订单项目，教授如何开发自由职业的全栈项目以及如何从中盈利。通过这个项目，您将提升您的 React 技能，借助 Tailwind CSS 从零开始开发项目，增强 Tailwind 的经验。您将使用 Redux-Toolkit 简化状态管理，使用 Next-Auth 简化身份验证过程，并学会使用 MongoDB 作为数据库。课程还将指导您创建一个管理员管理面板，以便管理项目，构建用户资料以存储用户的所有信息。完成本课程后，您将能够在简历中添加一个全栈项目，从而在求职中脱颖而出，并在未来的自由职业工作中应用所学知识。您将学会如何快速解决开发过程中出现的错误，并能够借鉴您喜爱的主题编写前端和后端代码。最后，您将学习如何将项目部署到线上。 项目内容包括： - 单页面应用（SPA）的概念 - 自由职业项目开发的思路 - 客户端渲染与服务器端渲染的区别 - Next.js 中的各种包（如 next/link, next/image, next/router 等） - 基于 Next.js 和 Tailwind CSS 的全栈项目开发 - 使用 Tailwind CSS 实现响应式过渡 - 使用 Next-Auth 进行身份验证 - 使用 Redux-Toolkit 进行状态管理 - 使用 Formik 进行表单控制 - 使用 Yup 进行数据验证 - 向项目添加管理面板 - MongoDB 数据库操作 - 从零开始创建 API - 对密码进行哈希处理 - 将项目部署上线 课程需要长时间的努力和纪律，所有课程的代码都可以在资源部分找到，以便您在遇到问题时进行参考。祝您学习顺利，代码之路顺畅！
Son zamanlarda en popüler Front-End kütüphanesi React'in framework'ü olan Next.js'i bir projeyle öğrenmeye ne dersiniz?Bu kursun asıl amacı; freelance Full Stack proje nasıl geliştirilir ve bundan nasıl gelir elde edilir? Bunu en sade anlatımla Yemek Sipariş Projesi üzerinden öğretmek. Bu projeyle birlikte React tecrübeniz artacak. Tailwind CSS ile sıfırdan proje geliştirerek Tailwind tecrübenizi artıracaksınız. Redux-Toolkit ile state yönetiminizi kolaylaştıracaksınız. Next-Auth ile authentication işlemleriniz basitleşecek. Veri tabanı olarak MongoDB kullanmayı öğreneceksiniz. Admin Yönetim Paneli oluşturup içerisinden projenizi yönetebileceksiniz. Kullanıcı profili oluşturup kullanıcının tüm bilgilerini burada tutmayı öğreneceksiniz. CV'nize Full Stack bir proje ekleyerek işe alımlarda öne çıkabileceksiniz. Bu kurstan öğrendiğiniz bilgilerle freelance işler alabileceksiniz. Proje geliştirirken ortaya çıkabilecek hataların çözümünü hızlı bir şekilde bulmayı öğreneceksiniz. Beğendiğiniz bir temaya bakarak hem Front-End hem Back-End tarafını kodlayabileceksiniz. En sonunda da projeyi canlıya almayı öğreneceksiniz. Proje içeriği;Single Page Application MantığıFreelance Proje Geliştirme MantığıClient Side ve Server Side Rendering FarkıNext.js İçerisindeki Paketler (next/link, next/image, next/router vb.)Next.js ve Tailwind CSS ile Full-Stack Proje GeliştirmeTailwind CSS ile Responsive GeçişlerNext-Auth ile Authentication İşlemleriRedux-Toolkit ile State ManagementFormik ile Form KontrolüYup ile Validation İşlemleriProjeye Admin Paneli EklemeMongoDB ile Veri Tabanı İşlemleriSıfırdan API OluşturmaOluşturduğumuz Şifreleri HashlemeProjeyi Canlıya Alma (Deployment)Uzun bir süreç. Disiplinli bir çalışmayla aşılamayacak yol yok. Hata alırsanız kaynaklar kısmında tüm derslerin kodları var oradan ulaşabilirsiniz. İyi çalışmalar, bol kodlu günler.
