% 2

خانه/دوره ها/آموزش next.js پروژه کدنویسی سایت شخصی و رزومه

آموزش next.js پروژه کدنویسی سایت شخصی و رزومه

آموزش پروژه محور next js - کدنویسی وب سایت رزومه( شخصی یا نمونه کار) با فرانت next js، بک اند node js، دیتابیس mongo و فریمورک استایلینگ tailwind css.

700,000 تومان - ثبت‌نام در دوره

زمان 20 ساعت:45 دقیقه

حجم دوره3500 مگ

تعداد دانشجو34

وضعیتبه اتمام رسیده

تعداد بازدید17,521

تکنولوژی های استفاده شده

next.js

node.js

mongodb

tailwind.css

تعداد جلسات دوره

جلسات رایگان دوره

لطفا توجه داشته باشید که نکست جی اس 13 -14 - 15 تفاوت بسیار کمی دارند. پس با خیال راحت می توانید از دوره های نکست 13 مرن فا استفاده کنید.

معرفی کامل دوره

جلسات دوره

رمز فایل ها : mernfa.ir

آخرین به روزرسانی

۱۴۰۵/۴/۱۴, ۱۹:۲۹

لطفا روی لینک جلسه مورد نظر کلیک کنید...

جلسه 1 : راه اندازی پروژه با next.js + نصب پکیج های مورد نیاز پروژه + نصب tailwind.css روی next.js

18 دقیقه

جلسه 2 : تنظیم فونت nextjs + بک گراند سایت + چیدمان اصلی سایت + اکستنشن های مورد نیاز vscode

22 دقیقه

جلسه 3 : آموزش طراحی بخش اطلاعات مدیر سایت نکست جی اسی که در همه سایت، در سمت راست نمایش داده می‌شود.

27 دقیقهورود به حساب

جلسه 4 : طراحی کامپوننت هدر و فوتر در سایت nextjs ای + بخش بنر صفحه اصلی سایت نمونه کار

29 دقیقهورود به حساب

جلسه 5 : تکمیل صفحه اصلی: هاور هدر + آیتم های تبلیغاتی + اسلایدر نمونه کارها به صورت ریسپانسیو + چیدمان صفحه اصلی

47 دقیقهورود به حساب

جلسه 6 : ساختن صفحه هر نمونه کار شامل: اسلایدر تصاویر در nextjs + عنوان، متاها، تکنولوژی ها، ویژگی ها و توضیحات

46 دقیقهورود به حساب

جلسه 7 : طراحی صفحه سوابق کاری + توضیح کوتاه در مورد مدل های بک اند nodejs + ویرایش cssای بخشی از سایت با تیلویند

17 دقیقهورود به حساب

جلسه 8 : ساختن صفحه سفارش پروژه و تماس با ما در next.js و ورود ادمین - بخش اول

15 دقیقهورود به حساب

جلسه 9 : ساختن صفحه سفارش پروژه و تماس با ما در دوره next.js و صفحه ورود ادمین - بخش دوم

26 دقیقهورود به حساب

جلسه 10 : ساختن صفحه سفارش پروژه و تماس با ما - گرفتن اطلاعات + ساختن صفحه ورود ادمین - بخش سوم

23 دقیقهورود به حساب

جلسه 11 : طراحی داشبورد سایت - بخش اول - کنترلر داشبورد

32 دقیقهورود به حساب

جلسه 12 : طراحی داشبورد سایت - بخش دوم - طراحی کامپوننت افزودن نمونه کار

48 دقیقهورود به حساب

جلسه 13 : طراحی داشبورد سایت - بخش سوم - طراحی کامپوننت ویرایش و کامپوننت حذف نمونه کار

37 دقیقهورود به حساب

جلسه 14 : شروع بک اند سایت - توضیح ساختار کلی بک اند پروژه nextjs

21 دقیقه

جلسه 15 : ساختن پروژه node.js+ اتصال به دیتابیس mongo+ دیپلوی پروژه node+ تغییر رنگ دکمه فعال در کنترلر داشبورد

39 دقیقهورود به حساب

جلسه 16 : ساختن مدل، روت، کنترلر، api برای پست کردن و گرفتن همه نمونه کارها+ اتصال افزودن نمونه کار در داشبورد به سرور

34 دقیقهورود به حساب

جلسه 17 : کار با MongoDBCcompass + ساختن api برای گرفتن اطلاعات تک نمونه کار و ویرایش صفحه تک نمونه کار فرانت

32 دقیقهورود به حساب

جلسه 18 : سرورساید کردن اطلاعات اسلایدر صفحه اصلی + ساختن صفحه همه نمونه کارها + صفحه بندی اطلاعات در next.js

43 دقیقهورود به حساب

جلسه 19 : ساختن api حذف نمونه کار + اتصال این ای پی آی به فرم حذف نمونه کار در داشبورد کلاینت

14 دقیقهورود به حساب

جلسه 20 : ساختن api آپدیت نمونه کار + اتصال این ای پی آی به فرم به‌روزرسانی نمونه کار در داشبورد( اتمام کل بحث نمونه کار)

19 دقیقهورود به حساب

جلسه 21 : ساختن مدل، روت و کنترلر پروژه+api برای نمایش همه پروژه ها+api برای ثبت پروژه و اتصال به صفحه کانتکت

28 دقیقهورود به حساب

جلسه 22 : زدن کوئری برای گرفتن پروژه های جدید + نمایش پروژه های جدید در داشبورد مدیریتی

31 دقیقهورود به حساب

جلسه 23 : ساختن صفحه تک پروژه + روتینگ بین همه پروژه ها و تک پروژه + دکمه بک به صفحه همه پروژه ها

52 دقیقهورود به حساب

جلسه 24 : دکمه های حذف پروژه، پروژه دیده شد و افزودن به پروژه های جدید

19 دقیقهورود به حساب

جلسه 25 : ساختن بخش پیدا کردن پروژه ها در داشبورد با شماره تلفن سفارش دهنده - بخش اول

27 دقیقهورود به حساب

جلسه 26 : ساختن بخش پیدا کردن پروژه ها در داشبورد با شماره تلفن سفارش دهنده - بخش دوم

17 دقیقهورود به حساب

جلسه 27 : انجام برخی از تغییرات روی پروژه next.js

29 دقیقهورود به حساب

جلسه 28 : ساختن مدل کاربر، زدن api برای لاگین، تولید token در node.js و ست کردن توکن در فرانت next.js

47 دقیقهورود به حساب

جلسه 29 : آپدیت اطلاعات مدیر در داشبورد و api آپدیت + اتصال فرانت به بک اند + اتمام بحث لاگین مدیر سایت

33 دقیقهورود به حساب

جلسه 30 : شروع بحث امنیت در next.js و node.js، طراحی میدلور امنیتی، بررسی console.logها

40 دقیقهورود به حساب

جلسه 31 : قرار دادن میدلور برای روت های مهم بک اند و فرانت، تاثیر آپدیت اطلاعات مدیر روی جیسون وب توکن در نکست

46 دقیقهورود به حساب

جلسه 32 : قرار دادن میدلور امنیتی برای روت های مهم بک اند و فرانت، قفل گذاری روی صفحه داشبورد در نکست جی اس

28 دقیقهورود به حساب

جلسه 33 : فایل 404 و 500 در next.js + بررسی error handling در نکست جی اس و نود جی اس، لیمیتر برای node.js

24 دقیقهورود به حساب

جلسه 34 : کاربرد اکسپرس ولیدیتور در پروژه node.js ما

27 دقیقهورود به حساب

جلسه 35 : انجام برخی موارد مفید برای پروژه، برطرف کردن ارور های کنسول

23 دقیقهورود به حساب

جلسه 36 : نصب پروگرس بار، بررسی تگ Head و موراد اولیه سئو در Next.js

33 دقیقهورود به حساب

جلسه 37 : ریسپانسیو کردن بخش اطلاعات مدیر فیکس شده در سمت راست همه صفحات

29 دقیقهورود به حساب

جلسه 38 : ریسپانسیو کردن منوی اصلی سایت موجود در کامپوننت هدر

30 دقیقهورود به حساب

جلسه 39 : انجلم برخی تغییرات روی سایت

28 دقیقهورود به حساب

جلسه 40 : اتمام کل مبحث ریسپانسیو سایت

45 دقیقهورود به حساب

جلسه 41 : آموزش دیپلوی پروژه next.js + دریافت فایل پروژه فرانت و بک اند

7 دقیقهورود به حساب

جلسه 42 : پایان بندی و مرور کل دوره + ادامه راه

13 دقیقه

نکات پیش از خرید:

لطفا 5 دقیقه اول هر جلسه را، در همین صفحه به صورت آنلاین ببینید. این موضوع در سئوی مرن فا، بسیار موثر است. تشکر 🌻🌹

لطفا پیش از خرید، تمامی موارد را به دقت بررسی کنید؛ به دلیل مجازی بودن محصول، امکان عودت وجه وجود ندارد.

سوالات شما، در بخش دیدگاه‌ها و تیکت پشتیبانی پاسخ داده می‌شوند.

دوره های مرتبط

% 6

دانشجویان22 نفر

قیمت110,000 تومان

تکنولوژی های استفاده شده

next.js

tailwind.css

آموزش طراحی ویدئو پلیر با Next js - معرفی پکیج Video Player

دانشجویان29 نفر

قیمت160,000 تومان

تکنولوژی های استفاده شده

node.js

آموزش ارسال ایمیل انبوه با Node.js

% 9

دانشجویان65 نفر

قیمت395,000 تومان

تکنولوژی های استفاده شده

Next js 14

Tailwind css

آموزش تخصصی SEO در Next js

% 4

دانشجویان35 نفر

قیمت210,000 تومان

تکنولوژی های استفاده شده

next js 13

mongodb

tailwind.css

آموزش تکست ادیتور( text editor) در Next js

% 28

دانشجویان3 نفر

قیمت80,000 تومان

تکنولوژی های استفاده شده

Tailwind Css

Next js 14

مینی پروژه تیلویند 2 : Pin Code - Phone Country Code Picker

دانشجویان24 نفر

قیمت420,000 تومان

تکنولوژی های استفاده شده

Next js

Tailwind css

Typescript

آموزش typescript در Next js + فریمرموشن

دانشجویان60 نفر

قیمت1,350,000 تومان

تکنولوژی های استفاده شده

Next js 14

Tailwind Css

Mongo DB

آموزش طراحی وبلاگ پیشرفته با Nextjs (فول استک نکست جی اس)

% 2

دانشجویان34 نفر

قیمت700,000 تومان

تکنولوژی های استفاده شده

next.js

node.js

mongodb

tailwind.css