NextJs 13,14,14 - Learn From Scratch With Restaurant Project
تعلم اساسيات NextJs 13,14 من الصفر والتعرف علي الفرق بينها وبين الاصدارات الاخري وبين ال ReactJS مع تطبيق مثال مشروع عملي للبحث عن المطاعم
باقة الفرونت اند
كورس مكتمل
لمن هذا الكورس ؟
-
لمطورين ReactJs
-
لمن يريد فهم NextJs 13,14 بتعمق وامثله عمليه
ـــــ ساعة
مستوى متوسط
متطلبات الالتحاق بالكورس
-
معرفه جيده بلغه Javascript
-
اساسيات ReactJs
NextJs 13,14 - Learn From Scratch With Projects
تعلم اساسيات NextJs 13,14 من الصفر والتعرف علي الفرق بينها وبين الاصدارات الاخري وبين ال ReactJS مع تطبيق مثال مشروع عملي للبحث عن المطاعم
ماذا سوف تتعلم في هذه الدورة
-
هنتعلم ما هي ال NextJs والفرق بينها وبين ReactJS
-
هنتعلم الفرق بين اصدارات NextJS المختلفه واهم التحديثات الجديده
-
هنتعرف علي نظام ال Routing بالتفصيل الممل داخل NextJS 12
-
هنتعرف علي نظام ال Routing بالتفصيل الممل داخل NextJs 13,14
-
هنتعرف علي انواع ال Rendering والفرق بينهم واهميته
-
هنتعرف علي SSG - SSR - ISR
-
هنتعرف علي مفاهيم ReactJs 18 مثل React Server Component
-
هنتعرف ونفهم Structure NextJs 13,14
-
هنتعرف علي نظام ال Rendering الجديد في NextJs 13,14
-
هنتعرف علي كل ال Optimization الجديده داخل ال NextJS
-
هنقدر 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)