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

توضیحات
معمولا تا اسم دوره میاد، اولین چیزی که به ذهن ما میرسه اینکه دوباره باید مطلب و کد جدید یاد بگیریم اما این دوره یکی از دوره های کاربردی کاملا عملی سبزلرن هست که هدف اون، ساماندهی و تثبیت آموزش های گذشته شما در قالب پروژه های بزرگ و کامل هست. یعنی چی؟!
خیلی از دانشجوهایی که برای اولین بار با سبزلرن آشنا میشدن، گله داشتن که با وجود گذروندن دوره های جامع هر زبان، وقتی زمان سفارش گرفتن یا استخدام و گرفتن پروژه میشه، به خودمون میایم می بینیم که نه میدونیم از کجا شروع کنیم، نه میدونیم چطور یه پروژه بزرگ رو مدیریت کنیم و نه میدونیم چطوری کامل و استاندارد ببندیم و تحویل بدیم
این وضعیت احساس خیلی بدی در دانشجوها ایجاد میکنه و تاثیر منفی بر اعتماد به نفس اونها میذاره چون فکر میکردن بعد از پایان دوره، فقط میمونه گرفتن پروژه و پارو کردن پول!
همین شد که سبزلرن تصمیم گرفت در کنار دوره های جامع خودش و برای جبران کوتاهی دانشجوها در انجام تمرینات منظم، یک دوره جداگانه برای پیاده سازی مطالب آموزش ها در قالب پروژه های بزرگ و واقعی عملی طراحی و تولید کنه تا دانشجوها علاوه بر مرور و تکمیل مطالب قبلی، نحوه مدیریت صفر تا صد پروژه های واقعی رو یاد بگیرن تا دیگه استرسی از بابت گرفتن پروژه و تعهد دادن نداشته باشن. از هر نوعی که باشه!
بنابراین تفاوتی نداره که شما با کدوم فریم ورک از جاوا اسکریپت کار میکنید، انگیولار باشه یا ری اکت و ویو جی اس. حتی اگه هنوز اقدام به شروع یادگیری این فریم ورک ها و کتابخونه ها نکرده باشید و فقط روی خود جاوا اسکریپت کار میکنید، قطعا ساماندهی دانش برنامه نویسی خودتون در قالب پروژه های واقعی و بزرگ میتونه تاثیر مستقیمی بر آمادگی شما برای ورود به بازار کار داشته باشه. چه فریلنسری و چه استخدام در شرکت های بزرگ…
تو این دوره قراره چی یاد بگیریم؟
احتمالا با توجه به توضیحات قبلی متوجه شدید که در این دوره لزوما مطلب جدیدی گفته نمیشه و صرفا مطالبی که در زمینه HTML، CSS و جاوا اسکریپت یاد گرفتید رو به شکل عملی در ذهن شما تثبیت میکنه تا به توانایی 100 درصدی در مدیریت و تولید یک پروژه متوسط و بزرگ برسید.
اولین پروژه، سایت سبزلرن با بک اند اختصاصی هست و دومی سایت بزرگ و مشهور دیوار!
شما اینجا دو تا موضوع خیلی مهم یاد میگیرید:
- چطور از مطالب جاوا اسکریپت به طور عملی در پروژه های واقعی استفاده کنید.
- چطور باید یک پروژه واقعی بازار کار رو مدیریت و هندل کنید.
این دوره برای چه کسانی مناسب هست؟
اگر :
- جاوا اسکریپت رو آموزش دیدید اما نمیتونید از مطالبی که یاد گرفتید در پروژه ها استفاده کنید و در واقع کاربرد اصلی اونها رو نمیدونید.
- در پیاده سازی پروژه های بزرگ مشکل دارید و نمیدونید از کجا شروع کنید و پروژه رو کجا تموم کنید.
- قصد دارید مطالبی که در html ,css ,javascript آموزش دیدید رو مرور کنید و با کاربرد عملی اون ها در پروژه های واقعی آشنا بشید.
چرا سبزلرن بهترین گزینه برای یادگیری هست؟
ما هم مثل شما میدونیم که در هر زمینهای منابع آموزشی زیادی وجود داره. اما اینکه اون منبع، مطالب آموزشی رو بر اساس تجربه و انجام پروژههای مختلف به صورت بومیسازی شده ارائه بده یا صرفا کپی از منابع رسمی و کتابی، مسئله مهمیه!
از طرفی چالش همیشگی دانشجوها در مورد عدم توانایی در استفاده از مطالب و دانش خودشون در مسیر انجام پروژه های کامل و کسب درآمد، برای ما یک دغدغه بزرگ بوده و هست چون هدف سبزلرن تربیت یک برنامه نویس پولساز هست نه صرفا متخصص کدنویسی!
حتما برای شما هم پیش اومده که گاهی فرصت ها و پروژه های بزرگ رو از دست میدید فقط به خاطر اینکه در ظاهر فکر میکنید آمادگی کار در اون سطح رو ندارید. تفاوت سبزلرن در همین هست که پروژه های تمرینی که برای شما تدارک دیده، جزو تاپ های صنعت خودشون هستن (سبزلرن و دیوار) و هر نوع چالشی که ممکنه در آینده با اون مواجه بشید رو در خودشون دارن!
در واقع شما اگه بتونید پروژه هایی در مقیاس بزرگ مثل سایت سبزلرن و دیوار رو با تکنولوژی که بلد هستید پیاده کنید، قطعا ترس شما از پروژه گرفتن ازبین میره و با اعتماد به نفس کامل و دستمزد بالا اینکارو انجام میدید.
به طور کلی بزرگترین نقطه تفاوت دوره های سبزلرن با بقیه منابع آموزشی اینه که تمرینات دوره ها با پروژه های بزرگ، واقعی و 100 درصد مطابق نیاز بازار کار طراحی شده نه از نمونه هایی که در اینترنت وجود داره!!!
بعد از اتمام دوره به چه نتیجهای میرسیم؟
شما اگر این دوره رو خوب ببینید و خوب تمرین کنید، بعد از دوره قطعا میتونید هر پروژه ای با هر سطح سختی که باشه رو مدیریت و پیاده سازی کنید و دیگه در انجام پروژه احساس سردرگمی و کمبود دانش نخواهید کرد.
بنابراین بعد از تسلط به این مهارت و تولید چند پروژه قابل قبول، خیلی راحت میتونید رزومه خودتون رو برای بهترین شرکت ها بفرستید و یا با قدرت در سایت های فریلنسری رقبارو کنار بزنید. چون شما یک سبزلرنی هستید!
در واقع این دوره حجت رو بر همه دانشجوهایی که در پروژه های بزرگ ضعف دارند تموم میکنه. یعنی اگر پیش نیازهای دوره رو خوب بلد باشید و این دوره رو ببینید، دیدتون نسبت به مدیریت پروژه و گرفتن سفارش پروژه کلا متفاوت میشه و خیلی راحت تر از قبل و با اعتماد به نفس بیشتری اینکارو میکنید.
اما به طور خلاصه شما بعد از دیدن این دوره :
- میتونید با تمام مطالب کاربردی در زمینه HTML، CSS و جاوا اسکریپت آشنا شده و نحوه استفاده از اونها در قالب پروژه های عملی و بزرگ رو خیلی واضح و قدم به قدم ببینید.
- میتونید فارغ از مقیاس و پیچیدگی پروژه، اون رو بپذیرید، شروع کنید و تا لحظه آخر مدیریت کنید.
- میتونید پروژه های بزرگ و چشمگیر رو بسازید تا با ایجاد رزومه قوی، جایگاه های شغلی و درآمدی بالاتری رو تجربه کنید.
این دوره پیش نیاز خاصی داره که باید قبلش بلد باشم؟
سه قلوهای نام آشنای
HTML،
CSSو
جاوا اسکریپتکه پای ثابت پروژه های برنامه نویسی به خصوص تحت وب هستن، مهمترین پیش نیازهای ورود به این دوره محسوب میشن. چون تا وقتی به این موارد مسلط نباشید، دیدن این دوره هم کمکی به شما نخواهد کرد.
وقتی این دوره رو دیدم قدم بعدیم چیه؟
بعد از دیدن این دوره، شما به صورت کامل به مهارت های لازم برای تولید، توسعه و مدیریت یک پروژه جاوا اسکریپتی مسلط میشید و بهترین قدم اینه که دو الی سه پروژه خیلی خوب با هر سطح دانشی که از جاوا اسکریپت یا فریم ورک های تخصصی اون دارید، انجام بدید تا علاوه بر تثبیت دانش، رزومه خیلی خوبی هم برای خودتون بسازید.
اگر هم تا الان فقط جاوا اسکریپت خام رو کار کردید، بعد از دیدن دوره و انجام این پروژه ها میتونید وارد فریم ورک تخصصی مورد علاقه خودتون بشید و به سمت تکامل و استادی پیش برید.
در این دوره چه نوع پروژه هایی کار میکنیم ؟
قسمت اصلی این دوره، پروژه های اون هست. در پروژه اول سایت سبزلرن به صورت کامل و صفر تا صد به همراه پنل کاربری و پنل ادمین و … به صورت قدم به قدم پیاده سازی میشه که با بک اند اختصاصی توسعه داده شده با
NodeJsنوشته شده!
پروژه دوم دوره که به درخواست خود دانشجوها درنظر گرفته شد، پروژه دیوار هست که مثل پروژه اول صفر تا صد انجام میشه تا شما با چالش های این مدل پروژه ها در دنیای واقعی آشنا بشید و مشکلی برای انجامش نداشته باشید. یه چیزی تو مایه های تبدیل لولو به هلو!
چه تضمینی هست که خوب و کامل یاد بگیرم؟
چندین دلیل هست که معمولا باعث عدم نتیجهگیری شما از هر دوره ای میشه :
- کیفیت پایین محتوای آموزشی و سبک و تسلط مدرس
- عدم اشتیاق و علاقه مندی کافی برای یادگیری
- نبود پشتیبانی در دسترس و قوی در طول آموزش
- عدم مرور و تمرین مطالب (انبار کردن اونها برای روز مبادا !)
پس همه چی حله…
جلسات
معرفی دوره + پاسخ به سوالات متداول
معرفی فصل - نحوه توسعه پروژه
ساختار و فولدر بندی پروژه
اضافه کردن 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 در پنل مدیریت
نمایش لوکیشن دقیق در صفحه جزئیات آگهی
دیباگ - نمایش دقیق مدت زمانِ گذشته از انتشار پست
دپلوی پروژه 🔥
سخن پایانی ❤️
پیش نیاز ها
پشتیبانی
این دوره مجهز به «سبزبات» ربات هوشمند مبتنی بر هوش مصنوعی است.
اگر در حین مشاهده جلسات دوره با سوال یا ابهامی مواجه شدید، میتوانید پرسش خود را از سبزبات بپرسید و در همان لحظه پاسخ دریافت کنید. در صورتی که نیاز به توضیح بیشتر یا پاسخ تخصصی مدرس داشتید، کافی است از سبزبات بخواهید تا سوال شما را به مدرس دوره ارجاع دهد تا مستقیماً توسط مدرس پاسخ داده شود.
