دوره پروژه های تخصصی با جاوا اسکریپت برای بازار کار
دوره پروژه تخصصی با جاوا اسکریپت سبزلرن یک آموزش پروژه‌محور برای تسلط به انجام پروژه جاوا اسکریپت است. در این دوره روی صفر تا صد دو پروژه بزرگ کار می‌کنید.
توضیحات
دوره پروژه تخصصی با جاوااسکریپت سبزلرن برای کسانی طراحی شده که به مباحث اصلی "HTML"، "CSS" و جاوااسکریپت مسلط هستند ولی برای گرفتن پروژه‌های تخصصی نیاز به تمرین بیشتر دارند. در این دوره مسیر یادگیری بر پایه ساخت پروژه با جاوا اسکریپت شکل گرفته تا علاوه‌بر استفاده از دانش خود، مهارت حل مسئله و فرایند مدیریت و توسعه یک پروژه را از ابتدا تا رسیدن به خروجی نهایی تقویت کنید.
سطح دوره: مناسب افراد مسلط به HTML، CSS و جاوااسکریپت
روش آموزش: پروژه‌محور، همراه با توضیح، تمرین و پیاده‌سازی
پروژه‌های دوره: پروژه‌های بزرگ و کاربردی در حوزه توسعه وب
هدف دوره: تبدیل دانش تئوری جاوااسکریپت به مهارت عملی و افزایش آمادگی برای انجام پروژه‌های واقعی
مناسب برای: برنامه‌نویسان جاوااسکریپت، فریلنسرها و افراد علاقه‌مند به ساخت نمونه‌کار
چه چیزهاییی در دوره پروژه تخصصی با جاوااسکریپت یاد می‌گیریم؟
یادگیری جاوااسکریپت زمانی به مهارت عملی تبدیل می‌شود که بتوانید از دانسته‌های خود برای ساخت یک پروژه واقعی استفاده کنید. دوره پروژه تخصصی با جاوااسکریپت با این هدف طراحی شده تا بعد از یادگیری مباحث اصلی، فرصت انجام پروژه جاوا اسکریپت را داشته باشید و با چالش‌هایی آشنا شوید که در زمان توسعه یک پروژه واقعی با آن‌ها مواجه می‌شوید. در این دوره جامع، علاوه‌بر مرور مباحث کاربردی HTML، CSS و JavaScript، نحوه شروع، تقسیم‌بندی، پیاده‌سازی و مدیریت پروژه‌های جاوا اسکریپت را یاد می‌گیرید.
آموزش پروژه کاربردی جاوا اسکریپت برای تمرین
همان طور که از نام دوره می‌توان حدس زد، بخش اصلی آموزش به پروژه های جاوا اسکریپت اختصاص دارد و دوره کاملا کاربردی است. در طول پیاده‌سازی پروژه‌ها، مفاهیم و تکنیک‌های مورد نیاز نیز متناسب با نیاز هر بخش مرور می‌شوند تا ارتباط میان مباحث مختلف و کاربرد آن‌ها را بهتر درک کنید. در این مسیر، به‌جای اینکه مجموعه‌ای از مباحث را به صورت جداگانه یاد بگیرید، مفاهیم مورد نیاز یک پروژه جاوا اسکریپت را با تمرین و مثال‌های مختلف مرور می‌کنید.
پروژه طراحی سایت با جاوا اسکریپت
بخشی از این دوره به پروژه طراحی سایت با جاوا اسکریپت اختصاص دارد، تمرینی عملی برای ساخت بخش‌های مختلف یک وب‌سایت تعاملی و پویا در ابعاد بزرگ که در آن از JavaScript برای مدیریت رویدادها، تعاملات کاربر و تغییر محتوای صفحه استفاده می‌شود. این پروژه به درک بهتر نحوه به‌کارگیری جاوااسکریپت در توسعه رابط کاربری و ساخت قابلیت‌های کاربردی وب کمک می‌کند.
خرید دوره پروژه تخصصی با جاوااسکریپت به چه کسانی پیشنهاد می‌شود؟
اگر جاوااسکریپت را یاد گرفته‌اید اما هنوز هنگام شروع یک پروژه نمی‌دانید از کجا باید کار را آغاز کنید، این دوره پروژه جاوا اسکریپت برای تمرین شما عالی است. خرید دوره پروژه تخصصی با جاوااسکریپت به همه افراد تازه‌کار در حوزه برنامه‌نویسی پیشنهاد می‌شود تا بتوانند مهارت‌های خود را در ساخت پروژه با جاوا اسکریپت تقویت کنند. به طور کلی خرید این دوره برای افراد زیر مناسب است:
برنامه‌نویسان مسلط به مباحث اصلی جاوااسکریپت
علاقه‌مندان به تمرین جاوا اسکریپت در پروژه‌های واقعی
علاقه‌مندان به مدیریت پروژه‌های بزرگ
فریلنسرها و متقاضیان ساخت نمونه‌کار و تقویت رزومه
علاقه‌مندان به ایده پروژه جاوا اسکریپت
متقاضیان تقویت مهارت کدنویسی JavaScript پیش از یادگیری فریمورک‌ها
سرفصل‌های دوره پروژه تخصصی با جاوااسکریپت
مدت زمان دوره پروژه تخصصی با جاوااسکریپت سبزلرن حدود ۶۵ ساعت ویدئوی آموزشی ضبط شده است. این دوره که توسط یک از بهترین اساتید جاوااسکریپت ارائه شده، با تمرین نکات کاربردی این زبان برنامه‌نویسی روی پروژه‌های بزرگ آغاز می‌شود تا علاوه‌بر مینی پروژه کاربردی با جاوا اسکریپت، نحوه کار با کدهای این زبان را در پروژه بزرگ نیز تمرین کنید.
بخش دوره | توضیحات |
شروع و تحلیل پروژه | آشنایی با ساختار پروژه، بررسی نیازمندی‌ها و مشخص کردن مسیر اجرا قبل از کدنویسی |
پیاده‌سازی رابط کاربری | استفاده از HTML و CSS برای ایجاد ساختار صفحات و بخش‌های مختلف پروژه |
استفاده عملی از JavaScript | به‌کارگیری مفاهیم جاوااسکریپت برای ایجاد تعامل و پیاده‌سازی قابلیت‌های مختلف |
مدیریت بخش‌های پروژه | تقسیم پروژه به بخش‌های مختلف و پیاده‌سازی مرحله‌به‌مرحله قابلیت‌ها |
پروژه سایت سبزلرن | پیاده‌سازی سایت سبزلرن به صورت کامل و مرحله‌به‌مرحله |
پروژه سایت دیوار | پیاده‌سازی سایت دیوار برای آشنایی با ساختار و چالش‌های یک پروژه بزرگ و کاربردی |
اتصال بخش‌های مختلف | هماهنگ‌سازی قسمت‌های مختلف پروژه و تکمیل قابلیت‌های موردنیاز |
رفع خطا و تکمیل پروژه | بررسی مشکلات، رفع خطاها و آماده‌سازی پروژه برای رسیدن به خروجی نهایی |
مدیریت پروژه واقعی | آشنایی عملی با فرایند شروع، توسعه و تکمیل یک پروژه بزرگ جاوااسکریپتی |
پیش نیاز دوره پروژه تخصصی با جاوااسکریپت چیست؟
آشنایی با HTML، CSS و جاوااسکریپت مهم‌ترین پیش‌نیازهای ورود به این دوره هستند. از آنجا که تمرکز دوره روی پیاده‌سازی پروژه است، آموزش مباحث پایه که در دوره JavaScript ارائه می‌شود در این دوره موجود نیست. بنابراین اگر هنوز مباحث اصلی جاوااسکریپت را یاد نگرفته‌اید، بهتر است ابتدا آموزش این زبان را به پایان برسانید و سپس وارد مسیر پروژه‌محور شوید. همچنین تسلط مناسب بر HTML و CSS کمک می‌کند هنگام اجرای پروژه بتوانید تمرکز بیشتری روی بخش‌های جاوااسکریپت داشته باشید.
مزایای خرید دوره پروژه تخصصی با جاوااسکریپت سبزلرن
این دوره پروژه جاوا اسکریپت که به‌صورت اختصاصی در آکادمی سبزلرن طراحی و ارائه شده به شما کمک می‌کند دانشی را که پیش از این در زمینه کد نویسی با زبان جاوااسکریپت به‌دست آورده‌اید، در قالب پروژه‌های کاربردی و بسیار بزرگ به کار بگیرید. به طور کلی مهم‌ترین مزایای شرکت در این دوره پروژه جاوا اسکریپت عبارت‌اند از:
تمرین جاوااسکریپت در قالب پروژه‌های کاربردی
آشنایی با کاربرد عملی مفاهیم JavaScript
تجربه ساخت پروژه از شروع تا رسیدن به خروجی
آشنایی با نحوه مدیریت پروژه‌های بزرگ
تقویت مهارت حل مسئله هنگام توسعه پروژه
تجربه کار روی پروژه‌های بزرگ و واقعی
تقویت رزومه با افزودن نمونه کار برای ورود به بازار کار
افزایش آمادگی برای انجام پروژه‌های فریلنسری
امکان مرور مطالب دوره بدون محدودیت زمانی
خدمات پشتیبانی و رفع اشکال به‌صورت نامحدود
قدم بعدی پس از دیدن دوره پروژه جاوااسکریپت برای مبتدیان چیست؟
بعد از پایان دوره و تمرین مینی پروژه جاوا اسکریپت در کنار پروژه‌های بزرگ، بهتر است دو یا سه پروژه شخصی را با استفاده از دانش خود پیاده‌سازی کنید. این کار باعث می‌شود مطالبی که در دوره یاد گرفته‌اید بهتر تثبیت شوند و در کنار آن نمونه‌کارهای بیشتری برای رزومه خود داشته باشید. پس از تقویت مهارت خود در پروژه‌های عملی می‌توانید وارد یکی از مسیرهای تخصصی این زبان و یادگیری فریمورک‌هایی مانند "React"، "Vue"یا "Angular" شوید و دانش خود را در یک حوزه تخصصی‌تر توسعه دهید.
نحوه خرید دوره پروژه تخصصی با جاوااسکریپت سبزلرن
برای تهیه دوره پروژه تخصصی با جاوااسکریپت در سبزلرن، ابتدا وارد حساب کاربری خود شوید. در صورت نداشتن اکانت، می‌توانید با شماره موبایل یا ایمیل در سایت ثبت‌نام کنید. سپس از صفحه دوره، مراحل زیر را برای تکمیل خرید انجام دهید:
دوره پروژه تخصصی با جاوااسکریپت را به سبد خرید خود اضافه کنید.
جزئیات سفارش را بررسی کرده و مبلغ دوره را از طریق درگاه بانکی پرداخت کنید.
بعد از تایید پرداخت، دوره در پنل کاربری شما قرار می‌گیرد و می‌توانید آموزش‌ها و پروژه‌های آن را دنبال کنید.
سوالات متداول
آیا برای شرکت در دوره پروژه تخصصی با جاوااسکریپت باید جاوااسکریپت بلد باشیم؟
بله. چون تمرکز این دوره روی اجرای پروژه است، بهتر است پیش از شروع با مباحث اصلی JavaScript و همچنین HTML و CSS آشنا باشید.
در دوره پروژه تخصصی با جاوااسکریپت چه پروژه‌هایی ساخته می‌شود؟
در این دوره پروژه سایت سبزلرن و پروژه سایت دیوار به صورت مرحله‌به‌مرحله پیاده‌سازی می‌شوند تا با ساختار و چالش‌های پروژه‌های بزرگ‌تر آشنا شوید.
آیا این دوره برای تمرین جاوا اسکریپت مناسب است؟
بله. ساختار پروژه‌محور دوره باعث می‌شود مفاهیم مختلف JavaScript را هنگام پیاده‌سازی تمرین کنید و کاربرد عملی آن‌ها را بهتر درک کنید.
آیا این دوره برای ساخت نمونه‌کار مناسب است؟
بله. پروژه‌های دوره می‌توانند تجربه عملی شما را افزایش دهند و با توسعه و شخصی‌سازی آن‌ها می‌توانید نمونه‌کارهای قابل ارائه برای رزومه خود ایجاد کنید.
آیا دوره پروژه تخصصی با جاوااسکریپت پشتیبانی دارد؟
بله، دوره پروژه جاوا اسکریپت سبزلرن با پشتیبانی آموزشی ارائه شده و در مسیر انجام پروژه‌ها می‌توانید برای رفع اشکال و حل چالش‌های آموزشی از بخش پرسش و پاسخ سایت سوالات خود را بپرسید و در اسرع وقت جواب بگیرید.
آیا بعد از یادگیری پروژه‌های جاوااسکریپت می‌توان پروژه گرفت؟
انجام پروژه‌های عملی می‌تواند آمادگی شما را برای ورود به بازار کار افزایش دهد و به تقویت نمونه‌کار و رزومه کمک کند. با این حال، گرفتن پروژه به عواملی مانند میزان تسلط، کیفیت نمونه‌کار، تجربه و مهارت حل مسئله نیز بستگی دارد.
جلسات
معرفی دوره + پاسخ به سوالات متداول
معرفی فصل - نحوه توسعه پروژه
ساختار و فولدر بندی پروژه
اضافه کردن reset.css به پروژه
پیاده سازی font-faceها و متغیر های لازم در Css
پیاده سازی Default Styles برای پروژه
اضافه کردن Dependencyها به پروژه
پیاده سازی Template سکشن Top-Bar
چیدمان Top-Bar با Flex
پیاده سازی Template قسمت Navbar
پیاده سازی استایل های Navbar - قسمت ۱
پیاده سازی استایل های Navbar - قسمت 2
پیاده سازی Template قسمت landing
پیاده سازی استایل های قسمت landing
پیاده سازی چیدمان landing-status
پیاده سازی Header سکشن جدیدترین دوره‌ها
پیاده سازی Pseudo Elements برای Header جدیدترین دوره‌ها
پیاده سازی Template باکس دوره‌ها
پیاده سازی استایل های باکس دوره‌ها
توسعه Header سکشن About Us
توسعه باکس های سکشن About Us
توسعه Header دوره های محبوب و پیش فروش
پیاده سازی اسلایدر دوره‌ها به کمک Swiper
توسعه Header آخرین مقالات
پیاده سازی باکس مقالات
پیاده سازی Template فوتر
پیاده سازی استایل های فوتر
پیاده سازی المنت های Pseudo برای فوتر
ماژولار کردن Css های پروژه
پیاده سازی Shared Component های دسته بندی دوره‌ها
پیاده سازی Template کانفیگ دسته بندی دوره‌ها
توسعه استایل های Search Bar
پیاده سازی استایل های انتخاب دسته بندی
توسعه استاتیک دوره های دسته بندی
توسعه Template قسمت Pagination
پیاده سازی استایل های Pagination
پیاده سازی Shared Component های صفحه جزئیات دوره
پیاده سازی Template مسیردهی Breadcrumb
پیاده سازی استایل های کامپوننت Breadcrumb
توسعه Template اطلاعات اصلی دوره
پیاده سازی استایل های قسمت اطلاعات اصلی دوره
توسعه Template باکس های جزئیات دوره
پیاده سازی استایل های باکس جزئیات دوره
پیاده سازی Template پروگرس‌بار درصد پیشرفت دوره
پیاده سازی استایل های پروگرس‌بار درصد پیشرفت دوره
توسعه Template توضیحات دوره
پیاده سازی استایل های توضیحات دوره
پیاده سازی Template جلسات دوره به کمک آکاردئون
پیاده سازی استایل های جلسات دوره
توسعه Template باکس اطلاعات مدرس دوره
پیاده سازی استایل های باکس اطلاعات مدرس
پیاده سازی باکس ثبت نام در دوره
توسعه Template اطلاعات بیشتر دوره
پیاده سازی استایل های اطلاعات بیشتر دوره
پیاده سازی باکس لینک کوتاه دوره
پیاده سازی باکس دسترسی به جلسات دوره
توسعه Template باکس دوره های مرتبط
پیاده سازی استایل های باکس دوره های مرتبط
پیاده سازی Shared Component های صفحه جزئیات مقاله
توسعه سایدبار صفحه جزئیات مقاله
پیاده سازی بک‌گراند مورب با after before
پیاده سازی باکس دسترسی به دوره های مرتبط
پیاده سازی باکس آخرین مقالات
توسعه باکس دسته بندی مقالات
توسعه Template باکس محتوای مقاله
پیاده سازی استایل های باکس محتوای مقاله
توسعه سکشن امتیازدهی مقاله
توسعه سکشن چکیده مقاله
توسعه Template سکشن Topic های مقاله
توسعه سکشن نمایش محتوای مقاله
پیاده سازی سکشن اشتراک گذاری مقاله
پیاده سازی Template باکس مقاله های پیشنهادی
پیاده سازی استایل های باکس مقاله های پیشنهادی
توسعه Template قسمت کامنت‌ها
پیاده سازی استایل های کامنت‌ها
پیاده سازی Header فرم لاگین
توسعه کانتنت فرم لاگین
نمایش شرایط لاگین در سایت
پیاده سازی بک‌گراند مورب برای صفحه لاگین
توسعه افکت TypeWriter برای شعار سایت
توسعه افکت Number Counter برای آمار.و ارقام سایت
پیاده سازی صفحه ثبت نام
JWT چیه؟ کجا و چرا استفاده میشه؟
روند ایده‌آل برای احراز هویت با JWT
Authentication VS Authorization
فرانت‌اند چطور به بک‌اند وصل میشه؟
نصب Nodejs
چطور کد JS رو داخل Node اجرا کنیم؟
Npm چیه و کجا استفاده میشه؟
اشنایی اولیه با مفهوم و ساختار دیتابیس
نصب دیتابیس Mongodb
نصب Robo 3T و اتصال به MongoDB
ایمپورت کردن دیتابیس و اجرای بک‌اند پروژه سبزلرن
Postman چیه و چطور استفاده میشه؟
ایمپورت کردن Api Doc پروژه داخل Postman
توسعه قابلیت ثبت نام کاربر در سایت
نمایش نتیجه ثبت نام داخل Swal Modal
ریدایرکت کردن کاربر به پنل در صورت موفقیت آمیز بودن ثبت نام
پیاده سازی اولیه توابع Utility
ذخیره کردن Token در مرورگر کاربر
توسعه قابلیت لاگین کاربر
ذخیره سازی Token و نمایش نتیجه Login
استفاده از GetMe Api برای دریافت اطلاعات کاربر لاگین شده
نمایش نام و نام خانوادگی کاربر لاگین شده در Navbar
نمایش Menu های Topbar بصورت داینامیک
رندوم کردن Menu های Topbar
دریافت اطلاعات دوره‌ها از سرور و نمایش در کلاینت
نمایش امتیاز دوره بر اساس Star Rating بصورت داینامیک
دریافت محبوب ترین دوره‌ها از سرور و نمایش در کلاینت
دریافت دوره های پیش فروش از سرور و نمایش در کلاینت
دریافت مقالات از سرور و نمایش در کلاینت
داینامیک سازی منوها و ساب‌منو های سایت
دریافت دوره‌ها بر اساس دسته بندی از سرور
نمایش دوره‌ها بر اساس دسته بندی
پیاده سازی اکتیو بودن چیدمان طبق انتخاب کاربر
تغییر چیدمان دوره‌ها بر اساس انتخاب کاربر
نمایش فیلترینگ های موجود برای فیلتر کردن دوره‌ها
نمایش دوره‌ها طبق مرتب سازی و فیلترینگ دلخواه کاربر
پیاده سازی قابلیت سرچ بین دوره‌ها
نمایش Alert Box هنگام تهی بودن نتیجه سرچ
داینامیک سازی صفحه جزئیات دوره
نمایش جزئیات برگزاری دوره در صفحه جزئیات دوره
نمایش سرفصل‌ها و جلسات دوره
نمایش لیست دوره های مرتبط در صفحه جزئیات دوره
تعیین سطح دسترسی کاربر به جلسات دوره
نمایش ویدئو و جزئیات هر جلسه
نمایش جلسات دوره در سایدبار صفحه جزئیات جلسه
توسعه صفحه ارتباط با ما برای ارسال پیغام به مدیریت
نمایش نتیجه ارسال پیغام از صفحه ارتباط با ما
توسعه قابلیت عضویت در خبرنامه سایت
نمایش کامنت های دوره + پاسخ های داده شده به هر کامنت
نمایش Alert Box هنگام عدم وجود کامنت برای دوره
توسعه قابلیت سرچ گلوبال در کل سایت - 01
توسعه قابلیت سرچ گلوبال در کل سایت - 02
نمایش Alert Box هنگام تهی بودن نتیجه سرچ گلوبال
توسعه قابلیت ثبت کامنت + امتیازدهی
توسعه لاجیک Pagination
تغییر اطلاعات کلاینت طبق نتیجه Pagination
ست کردن استایل کاستوم برای دکمه Main از Pagination
توسعه لاجیک دکمه های Pagination
نمایش دوره‌ها در صفحه "تمامی دوره‌ها"
استفاده از ماژول Pagination در صفحه تمامی دوره‌ها
رونمایی از پنل مدیریت سایت
نمایش اطلاعات ادمین وارد شده در پنل
پیاده سازی Route Protection برای صفحات پنل مدیریت سایت
نمایش Notification های هر ادمین داخل پنل مدیریت
سین کردن Notificationها توسط مدیر
هندل کردن سین Notificationها بصورت Relitime
دریافت همه دوره های برگزار شده در سایت
نمایش همه دوره‌ها داخل پنل مدیریت
نمایش دسته‌بندی‌ها موقع برگزاری دوره جدید
آماده سازی Request Body ساخت دوره جدید
نهایی سازی برگزاری دوره جدید در سایت
Realtime کردن لیست دوره‌ها بعد از برگزاری دوره جدید
توسعه قابلیت حذف دوره توسط ادمین یا مدرس
دریافت اطلاعات تمام منوها و ساب‌منوهای سایت از سرور
نمایش منوها و ساب‌منوهای سایت در پنل مدیریت
توسعه قابلیت منو و ساب‌منو توسط مدیر
نمایش نتیجه ساخت منوی جدید در قالب Swal Modal
توسعه قابلیت حذف منو یا ساب‌منو توسط مدیر
دریافت لیست کاربران ثبت نام شده از سرور و نمایش در کلاینت
توسعه قابلیت حذف کاربر از سایت
توسعه قابلیت بن کردن شماره تماس کاربر در صورت انجام. تخلف
ثبت نام کاربر جدید از طریق پنل مدیریت
دریافت دسته‌بندی های سایت از سرور و نمایش در پنل مدیریت
توسعه قابلیت ساخت دسته بندی جدید برای دوره‌ها
توسعه قابلیت حذف دسته بندی
نمایش پیغام های ارسال شده از طریق صفحه ارتباط با ما
نمایش Content هر پیغام داخل Swal Modal
توسعه قابلیت پاسخگویی به پیغام کاربران از طریق ارسال ایمیل توسط مدیر
تعیین استایل کاستوم برای پیغام هایی بهشون که پاسخ داده شده
توسعه قابلیت حذف پیغام ارسال شده
دریافت و نمایش تمام جلسات آپلود شده برای دوره‌ها در پنل مدیریت
آماده سازی فرم آپلود جلسه جدید برای دوره خاص
اضافه کردن جلسه برای دوره خاص + آپلود ویدئوی جلسه
توسعه قابلیت حذف جلسه
دریافت و نمایش مقاله های سایت در پنل مدیریت
اضافه کردن پکیج CkEditor برای نوشتن Content مقاله
اماده سازی فرم انتشار مقاله جدید در پنل مدیریت
توسعه قابلیت انتشار مقاله جدید توسط نویسنده های سایت
توسعه قابلیت حذف مقاله
دریافت و نمایش کامنت های ثبت شده برای دوره‌ها
نمایش متن کامنت ثبت شده داخل Swal Modal
توسعه قابلیت های تایید و رد کامنت برای نمایش یا عدم نمایش در سایت
توسعه قابلیت پاسخگویی به کامنت های کاربران
توسعه قابلیت حذف کامنت توسط مدیر
دریافت و نمایش کد های تخفیف جنریت شده در پنل مدیریت
آماده سازی فرم ساخت کد تخفیف جدید
جنریت کردن کد تخفیف با درصد و محدودیت دلخواه برای دوره خاص
توسعه قابلیت حذف کد تخفیف از سایت
توسعه قابلیت ثبت نام در دوره های رایگان
ثبت نام در دوره های غیر رایگان
ثبت نام در دوره های غیر رایگان با کد تخفیف معتبر
برگزاری کمپین و اعمال تخفیف روی کل دوره‌ها
نمایش تخفیف کمپین روی کل دوره های سایت
توسعه قابلیت Logout ادمین از پنل
توسعه قابلیت تغییر نقش و سطح دسترسی کاربر توسط مدیر
دریافت آمار و ارقام سایت از سرور - نحوه پیاده سازی (تمرین)
توسعه قابلیت ویرایش اطلاعات اکانت مدیر
شروع توسعه پنل کاربری - قابلیت Logout
دریافت و نمایش همه سفارش های کاربر داخل User Panel
نمایش جزئیات اکانت کاربر داخل پنل کاربری
ویرایش اطلاعات اکانت توسط خود کاربر
دریافت و نمایش دوره های ثبت‌نامی کاربر در User Panel
پیاده سازی لاجیک فیلترینگ دوره‌ها داخل پنل کاربر
ریفکتور قسمت فیلترینگ دوره‌ها
دریافت و نمایش تیکت های ثبت شده توسط کاربر در User Panel
آماده سازی فرم ارسال تیکت جدید در پنل کاربر
توسعه قابلیت ارسال تیکت جدید
توسعه قابلیت ارسال تیکت به پشتیبانی دوره‌ها
دریافت و نمایش تمام تیکت های ثبت شده داخل پنل مدیریت
نمایش متن ارسالی هر تیکت داخل Swal Modal به مدیر
پیاده سازی قابلیت پاسخگویی به تیکت کاربران توسط مدیر
نمایش پاسخ داده شده به تیکت داخل پنل کاربر
سخن پایانی فصل
معرفی پروژه + بررسی فصل
چه فیچر های جدیدی رو تو پروژه دیوار یاد می‌گیریم؟
ایجاد Folder Structure اصولی برای پروژه
مثل یک سنیور عمل کن ✌️❤️
تحویل بک‌اند و فایل Api Document
نمایش شهر های پربازدید در HomePage
ذخیره سازی شهر انتخابی کاربر در Cookie
ریدایرکت کردن کاربر به صفحه شهر مربوطه طبق کوکی
دریافت لیست همه شهرها از Server
توسعه قابلیت جستجو بین شهرها توسط کاربر
بررسی ورژن جدید بک‌اند دپلوی شده روی لیارا به همراه داکیومنت Swagger
ریفکتور پروژه - نمایش شهر های پربازدید
توسعه Loader برای پروژه
نمایش Social های دیوار به شکل داینامیک
توسعه قابلیت سرچ بین شهرها
نمایش یافت نشدن شهر مورد نظر کاربر
توسعه لاجیک کلیک روی شهرها و ورود به صفحه آگهی های شهر انتخابی
دریافت آگهی های ثبت شده از سرور برای شهر مورد نظر کاربر
نمایش آگهی های هر شهر به شکل داینامیک
نمایش Category های دیوار به شکل داینامیک
اضافه کردن Category انتخابی کاربر با Url
محاسبه Relative Time (میزان مدت گذشته از آپلود یک آگهی)
تحلیل Data Structure کتگوری های دیوار
توسعه Helper Function لرای دریافت Param از Url
نمایش SubCategory های دسته بندی مورد نظر کاربر
نمایش SubCategory های زیردسته‌ها (سطح سوم دسته‌بندی)
پیاده سازی قابلیت برگشت به کل دسته‌بندی‌ها
توسعه قابلیت سرچ بین آگهی‌ها (با رعایت فیلتر های اعمال شده)
پیاده سازی To Way Data Binding بین Search Input و Url
نمایش فیلتر های داینامیک برای هر دسته‌بندی
نمایش SubSubCategoryها (سطح چهارم دسته‌بندی)
دخالت دادن CategoryID در Api جستجو بین آگهی‌ها
دریافت آگهی های ثبت شده از سرور با Search Value و CategoryID
نمایش بیشترین جستجوها در modal سرچ
دیباگ - توسعه قابلیت جستجو در دسته‌بندی خاص
توسعه فیلتر نمایش آگهی های فقط عکس‌دار
توسعه فیلتر حداقل و حداکثر مبلغ
توسعه فیلتر های داینامیک برای آگهی‌ها - قسمت اول
توسعه فیلتر های داینامیک برای آگهی‌ها - قسمت دوم
نمایش شهر انتخابی کاربر در Header
نمایش مدال شهرها به کاربر
دریافت همه استان‌ها از سرور و نمایش در Modal
نمایش لیست شهر های هر استان به شکل داینامیک
توسعه قابلیت های انتخاب همه شهر های یک استان خاص و برگشت به لیست کل استان‌ها
انتخاب شهر جدید از طریق Modal شهرها
توسعه قابلیت حذف دلخواه شهر های انتخابی از Modal شهرها
کنترل و انجام عملیات مربوط به دکمه تایید در Modal شهرها
کنترل و انجام عملیات مربوط به دکمه Close در Modal شهرها
پیاده سازی Overlay
توسعه قابلیت حذف همه شهر های انتخابی توسط کاربر
انتقال Scroll به نقطه (0 ,0) موقع برگشت به لیست استان‌ها
توسعه قابلیت جستجو بین شهرها
تغییر title صفحه (تب) طبق شهر های انتخابی کاربر
دریافت آگهی های چند شهر مختلف از سرور
توسعه Modal دسته‌بندی‌ها - قسمت اول
توسعه Modal دسته‌بندی‌ها - قسمت دوم
توسعه Modal دسته‌بندی‌ها - قسمت سوم
دریافت جزئیات هر آگهی تایید شده به صورت داینامیک از سرور
نمایش جزئیات آگهی
توسعه قابلیت Share آگهی
نمایش جزئیات داینامیک آگهی های هر دسته بندی
نمایش اطلاعات تماس منتشر کننده آگهی - توسعع قابلیت فیدبک
توسعه قابلیت لاگین - اعتبارسنجی شماره تماس کاربر
ارسال کد OTP به کاربر به صورت Sms
مرحله دوم لاگین - دریافت کد OTP از کاربر و اعتبارسنجی آن
ذخیره سازی توکن در مرورگر کاربر
توسعه فانکشن GetMe
توسعه قابلیت ثبت Note برای هر آگهی توسط کاربر
قابلیت ذخیره کردن آگهی در Bookmarks (نشان های دیوار)
دیباگ پروژه
توسعه اسلایدر های مربوط به صفحه جزئیات آگهی با Swiper
دریافت کد OTP جدید در صورت باطل شدن OTP قبلی
ورود به پنل کاربری - دیوار من
توسعه قسمت پشتیبانی دیوار - دسته‌بندی‌ها و مقالات محبوب
نمایش جزئیات مقاله های پشتیبانی
نمایش مقاله های مرتبط با هر مقاله
توسعه دسته بندی مقالات در پشتیبانی
توسعه قابلیت جستجو در مقالات پشتیبانی
نمایش نتیجه سرچ کاربر در پشتیبانی دیوار
شروع توسعه قابلیت انتشار آگهی توسط کاربر
نمایش دسته‌بندی های سطح بندی شده هنگام انتشار آگهی
توسعه قابلیت برگشت به دسته بندی قبلی موقع انتشار آگهی
جستجو در بین دسته‌بندی‌ها و رفتن به مرحله انتشار آگهی
نمایش عنوان دسته‌بندی مورد نظر کاربر موقع انتشار آگهی
نمایش Dynamic Field های هر دسته بندی موقع انتشار آگهی
جمع‌آوری اطلاعات Dynamic Fields در آبجکت
استفاده از پکیج Choices.js برای نمایش شهرها و محله‌ها
نمایش محله های شهر انتخابی کاربر به صورت داینامیک
آپلود عکس برای آگهی همراه با قابلیت Preview
دریافت لوکیشن دقیق کاربر از طریق پکیج Leaflet
انتشار نهایی آگهی
توسعه Route Protection برای ورود به پنل کاربری
نمایش آگهی های ذخیره شده کاربر در بخش Bookmarks پنل کاربری (نشان های دیوار)
نمایش Note های کاربر برای هر آگهی در پنل کاربری
توسعه قابلیت احراز هویت کاربر با کد ملی
توسعه قابلیت Pagination در پنل کاربری
توسعه قابلیت Logout
نمایش پست های منتشر شده توسط کاربر در پنل کاربری (همراه با وضعیت هر پست)
نمایش بازدید های اخیر کاربر
شروع توسعه پنل مدیریت - پیاده سازی Route Protection
نمایش اطلاعات کلی سایت در صفحه اصلی پنل مدیریت
نمایش همه آگهی های ثبت شده به مدیر سایت
تایید یا رد شدن آگهی توسط مدیر
قابلیت حذف آگهی‌ها توسط مدیر
توسعه Pagination در پنل مدیریت
نمایش لوکیشن دقیق در صفحه جزئیات آگهی
دیباگ - نمایش دقیق مدت زمانِ گذشته از انتشار پست
دپلوی پروژه 🔥
سخن پایانی ❤️
پیش نیاز ها
پشتیبانی
این دوره مجهز به «سبزبات» ربات هوشمند مبتنی بر هوش مصنوعی است.
اگر در حین مشاهده جلسات دوره با سوال یا ابهامی مواجه شدید، می‌توانید پرسش خود را از سبزبات بپرسید و در همان لحظه پاسخ دریافت کنید. در صورتی که نیاز به توضیح بیشتر یا پاسخ تخصصی مدرس داشتید، کافی است از سبزبات بخواهید تا سوال شما را به مدرس دوره ارجاع دهد تا مستقیماً توسط مدرس پاسخ داده شود.
نظرات
سلام عزیز.
تو این دوره تمرکزمون روی کدنویسی جاوا اسکریپت و اتصال به بک‌اند هست. Ui رو از طریق خود Ui سبزلرن توسعه می‌دیم.
سلام عزیز.
تو این دوره نه.
این قابلیت تو دوره متخصص ری‌اکت تدریس شده.
سلام عزیز.
بله می‌تونید. اتفاقا خوب هم هست 👌❤️
ایلیا جان ممنونم از لطفت.
خوشحالم که دوره برات مفید بود.
پر قدرت ادامه بدید ✌️❤️
سلام عزیز.
بله هیچ ترتیبی وجود نداره. می‌تونید ابتدا پروژه دوم رو ببینید و سپس پروژه اول رو.
سلام عزیز.
تمرکز این دوره روی توسعه فرانت‌اند با جاوا اسکریپت خام هست. تنها پیش‌نیازش هم جاوا اسکریپت هست.
تو این دوره بک‌اند پروژه‌ها رو به صورت اختصاصی توسعه دادم و تو جلسات دوره فقط فرانت‌اند رو توسعه می‌دیم و فرانت‌اند رو به بک‌اند متصل می‌کنیم.
سلام عزیز.
تایتل جلسات سطح پیشرفته دوره متخصص جاوا اسکریپت رو بررسی کنید. اگه تایتل‌هایی که تو سطح پیشرفته هستن رو بلد بودید، می‌تونید این دوره رو شروع کنید.
سلام عزیز.
نه. برای مشاهده این دوره هیچ نیازی به تیلویند ندارید. تنها پیش‌نیاز این دوره جاوا اسکریپت هست 👌❤️
آرشام جان سلام.
راستش فعلا همچین تصمیمی ندارم.
ایلیا جان سلام.
راستش پیاده‌سازی چت در سطح این دوره نیست. چون خیلی از مخاطبین این دوره شاید تکنولوژی های موردنیاز برای پیاده‌سازی چت‌روم رو نداشته باشه.
اما اکثر قابلیت‌های مهم مثل نمودار و بازدید آگهی و ... پیاده‌سازی شدن 👌❤️
محمد یاسین جان سلام.
۱. بله. همه قسمت های پروژه‌ها تدریس شدن.
۲. عمدتا از جاوا اسکریپت خام استفاده شده. اما برای یسری قابلیت‌ها از لایبرری های مختلف هم استفاده شده.
۳. باعث محدودیت که نمیشه. چون با هر ابزاری که بخوایم توسعه بدیم، بیسش جاوا اسکریپت هست. یعنی با خود جاوا اسکریپت می‌تونیم تقریبا هر قابلیتی رو پیاده‌سازی کنیم. این وسط با جاوا اسکریپت خام صرفا کار یکم سخت‌تر و زمان‌بر میشه. وگرنه محدودیتی وجود نداره.
مجید جان سلام.
یه نسخه قبل از سبزلرنِ فعلی هست.
البته تو سبزلرن فعلی فقط Ui تغییر کرده. قابلیت‌ها همونن و تغییری نکردن.
تو این دوره هم تمرکز روی جاوا اسکریپت و پیاده‌سازی قابلیت های سبزلرن هست، نه Ui 👌❤️