Next.js - Learn From Scratch With Restaurant Project
تعلم اساسيات Next.js من الصفر والتعرف علي الفرق بينها وبين الاصدارات الاخري وبين ال ReactJS مع تطبيق مثال مشروع عملي للبحث عن المطاعم
باقة الفرونت اند
كورس مكتمل
لمن هذا الكورس ؟
-
لمطورين ReactJs
-
لمن يريد فهم Next.js بتعمق وامثله عمليه
ـــــ ساعة
مستوى متوسط
متطلبات الالتحاق بالكورس
-
معرفه جيده بلغه Javascript
-
اساسيات ReactJs
Next.js - Learn From Scratch With Restaurant Project
تعلم اساسيات Next.js من الصفر والتعرف علي الفرق بينها وبين الاصدارات الاخري وبين ال ReactJS مع تطبيق مثال مشروع عملي للبحث عن المطاعم
ماذا سوف تتعلم في هذه الدورة
-
هنتعلم ما هي ال Next.js والفرق بينها وبين ReactJS
-
هنتعلم الفرق بين اصدارات Next.js المختلفه واهم التحديثات الجديده
-
هنتعرف علي نظام ال Routing بالتفصيل الممل داخل Next.js
-
هنتعرف علي نظام ال Routing بالتفصيل الممل داخل Next.js 13,14
-
هنتعرف علي انواع ال Rendering والفرق بينهم واهميته
-
هنتعرف علي SSG - SSR - ISR
-
هنتعرف علي مفاهيم ReactJs 18 مثل React Server Component
-
هنتعرف ونفهم Structure Next.js
-
هنتعرف علي نظام ال Rendering الجديد في Next.js
-
هنتعرف علي كل ال Optimization الجديده داخل ال Next.js
-
هنقدر Data Fetching باكثر من طريقه واكتر من مثال
-
هنبني مشروع للبحث عن المطاعم تطبيق عملي للي اتعملناه
محتويات الكورس
- 1-Course Requerments - متطلبات الكورس (2:30)
- 2-What Nextjs - ما هو النكست (3:47)
- 3-Run First Project - تشغيل اول مشروع (10:37)
- 4-Why Nextjs - Server Side Rendering - لماذا النكست (8:23)
- 5-Why Nextjs - Routing - لماذا النكست (8:32)
- 6-Why Nextjs - Api Plugins - لماذا النكست (10:06)
- 7-Difference Between Next 12 and 13 (16:21)
- 1-Section Intro (12:31)
- 2-SSG - Static Site Generation (14:37)
- 3-SSG - getStaticProps (11:51)
- 4-Incremental Static Generation - ISR (18:41)
- 05-SSG With Dynamic Parameters (18:10)
- 06-SSG - getStaticPaths (17:47)
- 07-getStaticPaths-Fallback (12:13)
- 08-Server-Side-Rendering Intro (13:10)
- 09-Server-Side-Rendering Dynamic Routes (19:05)
- 10-Client Side Rendering in NextJs (14:29)
- 11-section sammary (9:30)
- تحميل ملفات المشروع تصميم فقط
- 01-Section Intro (12:56)
- 02-Setup New Project (8:53)
- 03-Project Structure (18:38)
- 04-NavBar Part 1 (12:41)
- 5-NavBar Part 2 (10:07)
- 06-Project Fonts setup (6:27)
- 07-Dark Light Mode Part 1 (14:12)
- 08-Dark Light Mode Part 2 (18:59)
- 09-Search Component Part 1 (10:46)
- 10-Search Component Part 2 (14:08)
- 11-Footer Component (17:30)
- 12-Card Component Part 1 (11:21)
- 13-Card Component Part 2 (19:52)
- 14-Card Component Part 3 (13:24)
- 15-Restaurant Page Layout (21:20)
- 16-Restaurant Page - Header (9:50)
- 17-Restaurant Page - BookDate (14:43)
- 18-Restaurant Details Component - Layout (16:50)
- 19-Restaurant Details Component - Layout Part 2 (10:30)
- 20-Restaurant Details Component - overview (17:13)
- 21-Restaurant Details Component - Photos (28:08)
- 22-Restaurant Details Component - Photos Part 2 (20:34)
- 23-Restaurant Details Component -Menu (13:22)
- 01- NextJs 14 Intro (4:13)
- 02-Server Action Intro ما هي (6:43)
- 03-Why Server Actions (9:33)
- 04-Server Action in Server Component (5:42)
- 05-Server Action in Client Component (7:14)
- 06-Users Project Desgin (7:37)
- 07-Users Project Desgin Part2 (6:35)
- 08-Add New User (Server Action) (8:58)
- 09-Server Action Response in Client Component (10:58)
- 10-Server Action Loading State (9:20)
- 11-OnSubmit With Server Actions (15:11)