
به دوره پروژه محور متخصص نکست (next js) خوش اومدی
برای مشاهده سرفصل ها کلیک کنید
معرفی دوره
ایجاد پروژه nextjs
folder structure پروژه های nextjs
بررسی فولدر pages
پشتیبانی دوره
روش دانلود فایل های جلسات در گیت هاب
برای مشاهده سرفصل ها کلیک کنید
معرفی فصل
استفاده از folder در پوشه pages
استفاده از folder در پوشه pages
روت های تو در تو (Nested Routes)
روت داینامیک (Dynamic Route)
هوک useRouter
Dynamic Nested Route
ایجاد کامپوننت Navbar
بررسی کامپوننت Link در nextjs
شخصی سازی صفحه 404
ریدایرکت کردن کاربر (redirect)
بررسی فایل app.js_
مرور فصل
برای مشاهده سرفصل ها کلیک کنید
گلوبال استایل (global css)
بررسی css module
بررسی css module
CSS-in-Js - روش css inline
CSS-in-Js - روش styled-jsx
استفاده از bootstrap در next
استفاده از tailwind در next
استفاده از sass در next
برای مشاهده سرفصل ها کلیک کنید
معرفی فصل
ایجاد folder structure پروژه
استایل های global
ایجاد route های پروژه
ایجاد route های پروژه
ایجاد route های پروژه
فولدربندیِ فولدر components
کامپوننت Navbar
کامپوننت MainMenu
کامپوننت SubMenu
کامپوننت Header
کامپوننت About
کامپوننت Contact
کامپوننت Footer
کامپوننت ProductCard
کامپوننت Home
تکمیل کامپوننت Home
شروع کامپوننت ProductsByCategory
ادامه کامپوننت ProductsByCategory
ادامه کامپوننت ProductsByCategory
تکمیل کامپوننت ProductsByCategory
کامپوننت ProductsByBrand
کامپوننت OffCanvasMenu
کامپوننت OffCanvasMenu
کامپوننت OffCanvasMenu
کامپوننت OffCanvasMenu
سخن پایانی فصل
برای مشاهده سرفصل ها کلیک کنید
معرفی فصل
سئو (seo) چیست؟
خزنده وب (web crawler) چیست ؟
ضعف ریکت در سئو
مفهوم rendering - رندرینگ چیست؟
cilent-side rendering چیست؟
معایب و مزایای CSR
کی از روش CSR استفاده کنیم؟
server-side rendering چیست؟
آشنایی با مفهوم pre-rendering
برای مشاهده سرفصل ها کلیک کنید
معرفی فصل
مفهوم pre-rendering و data-fetching
data-fetching در ریکت
آشنایی اولیه با ssg
ssg بدون data-fetching
ssg بدون data-fetching
ssg همراه با data-fetching
ssg همراه با data-fetching
تمرین
چند نکته در مورد getStaticProps
یادآوری dynamic route
ssg در dynamic route
ssg در dynamic route
بررسی false بودن fallback
ایجاد paths به صورت dynamic
بررسی true بودن fallback
هدایت کاربر به صفحه 404
ریدایرکت کردن کاربر به route دلخواه
قابلیت preFetch در کامپوننت Link
بررسی blocking بودن fallback
کی باید از ssg استفاده کنیم؟
بررسی یک ضعف در صفحات ssg
ساخت api تستی با json-server
ایجاد صفحه ssg برای روت mobiles/
تبدیل صفحه SSG به ISR
آشنایی با getServerSideProps
SSR در روت های dynamic
notFound و redirect در SSR
بررسی context در getServerSideProps
بررسی useEffect در nextjs
جمع بندی SSG و ISR و SSR
data-fetching سمت کلاینت در ترکیب با pre-rendering
برای مشاهده سرفصل ها کلیک کنید
مفهوم client و server
وب سرور (web server) چیه؟
پایگاه داده (database) چیه؟
مفهوم پروتکل (protocol)
آشنایی با پروتکل ip و dns
وب چطور کار میکنه؟(how the web works)
مفهوم پورت (port)
url anatomy
تفاوت فرانت اند و بک اند
برای مشاهده سرفصل ها کلیک کنید
معرفی فصل
عملیات CRUD
نصب mongodb
mongodb compass دقیقا چیه؟
ایجاد دیتابیس جدید
آشنایی با mongosh
ایجاد collection
متد insertOne
متد insertMany
لطفا داکیومنت بخون
متد find و findOne
متد updateOne
متد updateMany
متد deleteOne و deleteMany
comparison operators - بخش اول
comparison operators - بخش دوم
اپراتور in$ و nin$
اپراتور and$ - بخش اول
اپراتور and$ - بخش دوم
اپراتور or$
اپراتور all$ و size$
متد limit و skip
صفحه بندی با limit و skip
متد sort
برای مشاهده سرفصل ها کلیک کنید
api چیه؟
json چیه؟
بررسی routing در فولدر api
آشنایی با handler function
آشنایی با http request methods
آشنایی با http request methods
درک بهتر تفاوت فرانت اند و بک اند
ارسال درخواست با متد GET
ارسال درخواست با متد GET
dynamic api route
status code چیست؟
آشنایی با request body
آشنایی با request body
content-type | mime-type
سخن پایانی فصل
برای مشاهده سرفصل ها کلیک کنید
معرفی فصل
ایجاد folder structure اولیه
ساخت دیتابیس
اتصال به دیتابیس
ساخت Model
get all contacts api
بهینه تر کردن کد اتصال به دیتابیس
get single contact api
اعتبارسنجی Object ID
بهینه تر کردن کد اتصال به دیتابیس
نصب postman
کاربرد postman چیه؟
توسعه قابلیت اضافه کردن مخاطب جدید
توسعه قابلیت حذف کردن مخاطب
توسعه قابلیت حذف کردن مخاطب
توسعه قابلیت ویرایش مخاطب
اعتبارسنجی موقع اضافه کردن مخاطب
اعتبارسنجی موقع اضافه کردن مخاطب
اعتبارسنجی موقع اضافه کردن مخاطب
قابلیت سرچ و فیلتر کردن مخاطب ها
query string چیست؟
متد ()req.query
فیلتر کردن مخاطب ها بر اساس جنسیت
فیلتر کردن مخاطب ها بر اساس جنسیت
پیاده سازی قابلیت سرچ
پیاده سازی قابلیت سرچ
فیلتر و سرچ ترکیبی
فیلتر و سرچ ترکیبی
تست نهایی api با postman
برای مشاهده سرفصل ها کلیک کنید
معرفی فصل
استایل های global
ایجاد route های پروژه
ایجاد کامپوننت Navbar
تکمیل کامپوننت Navbar
تکمیل کامپوننت Navbar
شروع Add Contact Page
ذخیره کردن اطلاعات فرم در state
تکمیل فرم افزودن مخاطب
استفاده از پکیج react-hot-toast
تکمیل قسمت اضافه کردن مخاطب جدید
تکمیل قسمت اضافه کردن مخاطب جدید
شخصی سازی error message
شخصی سازی error message
شخصی سازی error message
یه نکته در مورد error handling
حرفه ای تر کد بزن
هندل کردن ارور های سمت سرور
افزودن spinner به دکمه Add Contact
اعتبارسنجی داده ها توی front-end انجام میشه یا back-end?
اعتبارسنجی داد های فرم در front-end
کامپوننت contactItem
دریافت اطلاعات contact ها از api
map زدن روی contacts
اتصال مستقیم به دیتابیس توی getServerSideProps
مفهوم json serializable
تکمیل کردن کامپوننت Contacts
تکمیل کامپوننت Contacts - تعریف استیت ها
تکمیل کامپوننت Contacts - سرچ هندلر
تکمیل کامپوننت Contacts - رندر شرطی
پیاده سازی قابلیت حذف مخاطب
پیاده سازی قابلیت حذف مخاطب
ارور هندلینگ
پیاده سازی قابلیت ادیت مخاطب
پیاده سازی قابلیت ادیت مخاطب
پیاده سازی قابلیت ادیت مخاطب
پیاده سازی قابلیت ادیت مخاطب
تکمیل کامپوننت Contacts
تکمیل کامپوننت Contacts - پایان
برای مشاهده سرفصل ها کلیک کنید
معرفی فصل
مفهوم احراز هویت در دنیای واقعی
مفهوم احراز هویت در web
روت های public و private
ارتباط روت های public و private با auth
نصب dependency ها و ایجاد folder structure
ایجاد مدل User
بررسی مراحل ثبت نام کاربر
چک کردن method و data validation
جلوگیری از ثبت نام کاربر با ایمیل تکراری
هش کردن پسورد با bcrypt
اعتبارسنجی password
تعیین نقش اولین کاربر
مدیریت خطا - error handling
اعتبارسنجی email
بررسی مراحل لاگین کاربر
اعتبارسنجی و چک کردن ایمیل تکراری
مقایسه پسورد با پسورد هش شده
توکن (token) چیست؟
ایجاد token با jwt
ایجاد token موقع لاگین کاربر
فایل env. چیست؟
سخن پایانی این فصل
برای مشاهده سرفصل ها کلیک کنید
تغییر توی کامپوننت Navbar
ساخت صفحه Login
ساخت صفحه Login
ساخت صفحه Register
ذخیره اطلاعات فرم ثبت نام توی state
شروع کامپوننت Register
تکمیل کامپوننت Register
انتقال Toaster به کامپوننت App
افزودن spinner به دکمه register
تکمیل کامپوننت Login
ذخیره توکن در کوکی های مرورگر
کاربرد توکن ذخیره شده توی کوکی ها چیه؟
چک کردن وجود توکن در هدر request
اعتبارسنجی token
نمایش اطلاعات کاربر در داشبورد
محافظت از روت contacts/add
ریفکتور کردن کد اعتبارسنجی توکن
توسعه status api
تغییر در کامپوننت Navbar
تغییر در کامپوننت Navbar
توسعه قابلیت logout
ریدایرکت به dashboard - به صورت server-side
ریدایرکت به dashboard - به صورت client-side
سخن پایانی فصل
برای مشاهده سرفصل ها کلیک کنید
معرفی فصل
مفهوم relationship در دیتابیس
مثال از رابطه 1-1 و 1-n توی دیتابیس
بررسی چند رابطه در دیتابیس
ارتباط بین users و contacts
تغییر در مدل Contact
برقراری ارتباط بین users و contacts
متد populate
محافظت از روت contacts/
نمایش مخاطب ها بر اساس id_
نمایش مخاطب ها بر اساس id_
بازنویسی بخش فیلتر و سرچ مخاطب ها
تابع generateFilter
کاربرد تابع generateFilter
آنالیز کردن کد ها
ریفکتور کردن api/contacts/
ریفکتور کردن api/contacts/
قابلیت لایک کردن مخاطب ها
توسعه قابلیت لایک کردن مخاطب
تغییر در مدل Contact
توسعه api لایک کردن مخاطب ها
تغییر در کامپوننت ContactItem
تکمیل کردن تابع showFavoriteHandler
سخن پایانی فصل - روابط همین بود؟
chat_bubble_outlineنظرات
قوانین ثبت دیدگاه
- نظر واقعیت رو در مورد دوره بنویس ، تا بقیه با خوندن کامنت ها بهتر بتونن واسه شرکت توی دوره ها تصمیم بگیرن
3,899,000 تومان

صادق عبیدی
دوره ها واقعا عالی هستن و با کیفیت
میلاد بهرامی(مدیریت)
مرسی صادق عزیزم
محمد صادق کاظمی( دانشجوی دوره )
سلام استاد عزیز. من شیوه و بیان شما در دیگر آموزش ها رو خیلی دوست داشتم. مطمئن این دوره نیز بهترین دوره خواهد بود.
جسارتا یک سوال. آیا فروشگاه اینترنتی هم جزو پروژه ها هست ؟
میلاد بهرامی(مدیریت)
سلام ، وقتتون بخیر ، بله هست
یونس
سلام این دوره چقدر ساعت احتمالا دربر خواهد گرفت تشکر .
میلاد بهرامی(مدیریت)
بالای 50-60 ساعت
امیر
چرا شروع نمی کنید نکست و تیلویند رو ؟؟
میلاد بهرامی(مدیریت)
شروع شده ، ویدئو ها توی اسپات پلیر پخش میشه
امیر شاهانی شاهانی( دانشجوی دوره )
سلام خسته نباشین نمیشه طبق روال گذشته همینجا ویدیوهارو بزارین توی اسپات پلیر میزارین اگه میشه اینجام بزارین ممنون
میلاد بهرامی(مدیریت)
سلام ، وقتتون بخیر ، متاسفانه توی ایران که قانون کپی رایت وجود نداره ، مجبورم توی اسپات پلیر بزارم که دوره ها رو غیر قانونی پخش نکنن
نیما زندیان( دانشجوی دوره )
لایسنس برای اسپات پلیر نیازه؟
amirhosein korvand( دانشجوی دوره )
سلام استاد من اطلاعات لازم رو برای دیدن دوره توی اسپات پلیر ندارم لطفا راهنمایی کنید ممنون
میلاد بهرامی(مدیریت)
توی پنل کاربریتون ، از قسمت لایسنس های من ، میتونید لایسنس رو کپی کنید و توی اسپات پلیر واردش کنید
زهرا سادات نیا
سلام استاد
لطفا فرق بین nodejs و nextjs را میگید هر دو برای بک اند هستند یا خیر ؟ و همین طور ایا یک دوره را ببینیم کافی است یا خیر ؟ حقیقتا می خواستم یک پیشنهاد هم بدهم برای بهتر فروخته شدن دوره تون لطفا در صفحه مربوط به هر دوره کاربرد دوره را هم ذکر بفرمایید تا متوجه باشیم که ایا این دوره را خریداری کنیم یا خیر با تشکر از زحمات فراوان شما
میلاد بهرامی(مدیریت)
سلام وقتتون بخیر
دوره نود جی اس یه دوره تخصصی بک اند هست ، یعنی کاربرد اصلی این دوره برنامه نویسی بک اند با جاوا اسکریپت هست
اما دوره نکست جی اس ، در واقع دوره ای مربوط به فرانت اند هست ، توی نکست شما میتونید هم کد بک اند بنویسید هم فرانت اند
اگه نیاز به رهنمایی بیشتر دارید به ایدی تلگرام next1code_support پیام بدین تا راهنماییتون کنم
سید علیرضا هاشمی( دانشجوی دوره )
سلام من میخواهم دوره ها را هم تو کامپیوتر ، هم تو لپ تاپم داشته باشم،
راهکارش چیه؟ آیا میتونم رو دوتا سیستم نصب کنم؟
میلاد بهرامی(مدیریت)
سلام ، وقتتون بخیر
خیر نمیشه
میتونید روی موبایل و لپ تاب
یا موبایل و کامپیوتر بهش دسترسی داشته باشید
ولی نمیشه هم روی لپ تاب و هم روی کامیپوتر بهش دسترسی داشته باشید
سامان حسام الدینی( دانشجوی دوره )
سلام استاد . وقتتون بخیر خواستم بدونم که شما داخل این دوره فقط ورژن 14 نکست رو تدریس میکنید یا ورژن های پایین تر هم داخل دوره هست؟
میلاد بهرامی(مدیریت)
سلام ، ورژن های پایین تر هم هست