استاد جاوا اسکریپت، HTML و CSS با 30 پروژه در 30 روز

سرفصل ها و درس ها

مقدمه Introduction

• مقدمه Introduction

• 2 نرم افزارهای مورد نیاز دوره را دانلود کنید 2 Download the Required Software's for the Course

• 3 نحوه دریافت منابع و کدهای منبع 3 How to Get the Resources and Source Codes

روز 2: لرزش در ورودی نامعتبر: Day 2: Shake on Invalid Input:

• 1 در پیش نمایش ورودی نامعتبر تکان دهید 1 Shake on Invalid Input Preview

• 2 بر روی HTML ورودی نامعتبر تکان دهید 2 Shake on Invalid Input HTML

• 3 در CSS ورودی نامعتبر تکان دهید 3 Shake on Invalid Input CSS

• 4 لرزش در ورودی نامعتبر JS 4 Shake on Invalid Input JS

روز 2: Box Shadow Generator: Day 2: Box Shadow Generator:

• 1 جعبه سایه ژنراتور پیش نمایش 1 Box Shadow Generator Preview

• 2 Box Shadow Generator HTML 2 Box Shadow Generator HTML

• 3 Box Shadow Generator CSS 3 Box Shadow Generator CSS

• 4 Box Shadow Generator JS 4 Box Shadow Generator JS

روز 3: کاربرد یادداشت ها: Day 3: Notes Application:

• 1 یادداشت پیش نمایش برنامه 1 Notes Application Preview

• 2 یادداشت HTML برنامه 2 Notes Application HTML

• 3 یادداشت CSS برنامه 3 Notes Application CSS

• 4 یادداشت برنامه JS 4 Notes Application JS

روز 4: ماشین حساب FD: Day 4: FD Calculator:

• 1 پیش نمایش ماشین حساب FD 1 FD Calculator Preview

• 2 FD Calculator HTML 2 FD Calculator HTML

• 3 ماشین حساب FD CSS 3 FD Calculator CSS

• 4 FD Calculator JS 4 FD Calculator JS

روز 5: مولد گرادیان: Day 5: Gradient Generator:

• 1 پیش نمایش مولد گرادیان 1 Gradient Generator Preview

• 2 HTML Gradient Generator 2 Gradient Generator HTML

• 3 Gradient Generator CSS 3 Gradient Generator CSS

• 4 ژنراتور گرادیان JS 4 Gradient Generator JS

روز ششم: ماشین حساب BMI: Day 6: BMI Calculator:

• 1 پیش نمایش برنامه ماشین حساب BMI 1 BMI Calculator App Preview

• 2 BMI Calculator App HTML 2 BMI Calculator App HTML

• 3 برنامه CSS ماشین حساب BMI 3 BMI Calculator App CSS

• 4 BMI Calculator App JS 4 BMI Calculator App JS

روز هفتم: ماشین حساب نکته: Day 7: Tip Calculator:

• 1 نکته پیش نمایش ماشین حساب 1 Tip Calculator Preview

• 2 نکته HTML ماشین حساب 2 Tip Calculator HTML

• 3 نکته CSS ماشین حساب 3 Tip Calculator CSS

• 4 نکته JS ماشین حساب 4 Tip Calculator JS

روز هشتم: Blob Maker: Day 8: Blob Maker:

• 1 Blob Maker Preview 1 Blob Maker Preview

• 2 Blob Maker HTML 2 Blob Maker HTML

• 3 Blob Maker CSS 3 Blob Maker CSS

• 4 Blob Maker JS 4 Blob Maker JS

روز نهم: ویرایشگر اصلی تصویر: Day 9: Basic Image Editor:

• 1 پیش نمایش ویرایشگر تصویر پایه 1 Basic Image Editor Preview

• 2 ویرایشگر اصلی تصویر HTML 2 Basic Image Editor HTML

• 3 ویرایشگر اصلی تصویر CSS 3 Basic Image Editor CSS

• 4 ویرایشگر تصویر پایه JS 4 Basic Image Editor JS

روز دهم: شمارشگر کاراکترهای ورودی: Day 10: Input Character Counter:

• 1 پیش نمایش شمارنده کاراکتر ورودی 1 Input Character Counter Preview

• 2 HTML شمارنده کاراکتر ورودی 2 Input Character Counter HTML

• 3 کاراکتر ورودی CSS 3 Input Character Counter CSS

• 4 کاراکتر ورودی JS 4 Input Character Counter JS

روز یازدهم: اسلایدر تصویر: Day 11: Image Slider:

• 1 پیش نمایش اسلایدر تصویر 1 Image Slider Preview

• 2 HTML اسلایدر تصویر 2 Image Slider HTML

• 3 اسلایدر تصویر CSS 3 Image Slider CSS

• 4 تصویر اسلایدر JS 4 Image Slider JS

روز دوازدهم: روز هفته: Day 12: Day of the Week:

• پیش نمایش 1 روز هفته 1 Day of the Week Preview

• HTML 2 روز هفته 2 Day of the Week HTML

• 3 روز از هفته CSS 3 Day of the Week CSS

• 4 روز هفته JS 4 Day of the Week JS

روز سیزدهم: شمارشگر کلمات زنده: Day 13: Live Word Counter:

• 1 پیش نمایش کلمه شمارشگر زنده 1 Live Word Counter Preview

• 2 کلمه زنده HTML شمارنده 2 Live Words Counter HTML

• 3 کلمه زنده شمارنده CSS 3 Live Words Counter CSS

• 4 Live Words Counter JS 4 Live Words Counter JS

روز چهاردهم: اسلایدر ویدیو: Day 14: Video Slider:

• 1 پیش نمایش پروژه اسلایدر ویدیو 1 Video Slider Project Preview

• 2 پروژه اسلایدر HTML 2 Video Slider Project HTML

• 3 ویدئو اسلایدر پروژه CSS 3 Video Slider Project CSS

• 4 Video Slider Project JS 4 Video Slider Project JS

روز 15: دریافت مقدار یونیکد: Day 15: Get Unicode Value:

• 1 پیش نمایش کاراکتر یونیکد را دریافت کنید 1 Get Unicode Character Preview

• 2 HTML کاراکتر یونیکد را دریافت کنید 2 Get Unicode Character HTML

• 3 CSS کاراکتر یونیکد را دریافت کنید 3 Get Unicode Character CSS

• 4 کاراکتر یونیکد JS را دریافت کنید 4 Get Unicode Character JS

روز شانزدهم: کاربرد دیکشنری: Day 16: Dictionary Application:

• 1 دیکشنری پیش نمایش برنامه 1 Dictionary Application Preview

• 2 دیکشنری برنامه کاربردی HTML 2 Dictionary Application HTML

• 3 برنامه دیکشنری CSS 3 Dictionary Application CSS

• 4 دیکشنری Application JS 4 Dictionary Application JS

روز هفدهم: مولد پاراگراف: Day 17: Paragraph Generator:

• 1 پیش نمایش مولد پاراگراف 1 Paragraph Generator Preview

• 2 پاراگراف ژنراتور HTML 2 Paragraph Generator HTML

• 3 CSS مولد پاراگراف 3 Paragraph Generator CSS

• 4 ژنراتور پاراگراف JS 4 Paragraph Generator JS

روز 18: برنامه CSS Changer: Day 18: CSS Changer Application:

• 1 پیش نمایش برنامه CSS Changer 1 CSS Changer Application Preview

• 2 CSS Changer Application HTML 2 CSS Changer Application HTML

• 3 برنامه CSS Changer CSS 3 CSS Changer Application CSS

• 4 CSS Changer Application JS 4 CSS Changer Application JS

روز 19: برنامه Robot Joke Generator: Day 19: Robot Joke Generator Application:

• 1 پیش نمایش ربات جوک ژنراتور 1 Robot Joke Generator Preview

• 2 Robot Joke Generator HTML 2 Robot Joke Generator HTML

• 3 ربات جوک ژنراتور CSS 3 Robot Joke Generator CSS

• 4 Robot Joke Generator JS 4 Robot Joke Generator JS

روز بیستم: پروژه رتبه بندی ستاره: Day 20: Star Rating Project:

• پیش نمایش رتبه بندی 1 ستاره 1 Star Rating Preview

• HTML رتبه 2 ستاره 2 Star Rating HTML

• رتبه 3 ستاره CSS 3 Star Rating CSS

• رتبه 4 ستاره JS 4 Star Rating JS

روز 21: ایجاد رمز عبور تصادفی: Day 21: Generate Random Password:

• 1 پیش نمایش رمز عبور تصادفی را ایجاد کنید 1 Generate Random Password Preview

• 2 ایجاد رمز عبور تصادفی HTML 2 Generate Random Password HTML

• 3 ایجاد رمز عبور تصادفی CSS 3 Generate Random Password CSS

• 4 ایجاد رمز عبور تصادفی JS 4 Generate Random Password JS

روز 22: مولد اعداد تصادفی: Day 22: Random Number Generator:

• 1 پیش نمایش مولد اعداد تصادفی 1 Random Number Generator Preview

• 2 HTML مولد اعداد تصادفی 2 Random Number Generator HTML

• 3 CSS تولید کننده اعداد تصادفی 3 Random Number Generator CSS

• 4 ژنراتور اعداد تصادفی JS 4 Random Number Generator JS

روز 23: شماره اصلی و غیر اصلی: Day 23: Prime and Non-Prime Number:

• 1 پیش‌نمایش جستجوگر شماره اصلی 1 Prime Number Checker Preview

• 2 HTML جستجوگر شماره اصلی 2 Prime Number Checker HTML

• 3 CSS جستجوگر شماره اصلی 3 Prime Number Checker CSS

• 4 Prime Number Checker JS 4 Prime Number Checker JS

روز 24: برنامه شمارنده: Day 24: Counter Application:

• 1 پیش نمایش برنامه شمارنده 1 Counter Application Preview

• 2 HTML برنامه شمارنده 2 Counter Application HTML

• 3 برنامه ضد CSS 3 Counter Application CSS

• 4 برنامه شمارنده JS 4 Counter Application JS

روز 25: ماشین حساب سن: Day 25: Age Calculator:

• 1 پیش نمایش برنامه ماشین حساب سن 1 Age Calculator Application Preview

• 2 Age Calculator Application HTML 2 Age Calculator Application HTML

• 3 برنامه CSS ماشین حساب سن 3 Age Calculator Application CSS

• 4 Age Calculator Application JS 4 Age Calculator Application JS

روز 26: ویجت تاریخ و زمان: Day 26: Date and Time Widget:

• 1 پیش نمایش ویجت تاریخ و زمان 1 Date and Time Widget Preview

• 2 HTML ویجت تاریخ و زمان 2 Date and Time Widget HTML

• 3 ویجت تاریخ و زمان CSS 3 Date and Time Widget CSS

• 4 ویجت تاریخ و زمان JS 4 Date and Time Widget JS

روز 27: برنامه کاروسل تصویر پیشرفته: Day 27: Advanced Image Carousel Application:

• 1 پیش نمایش چرخ فلک تصویر پیشرفته 1 Advanced Image Carousel Preview

• 2 HTML کاروسل تصویر پیشرفته 2 Advanced Image Carousel HTML

• 3 تصویر پیشرفته CSS چرخ فلک 3 Advanced Image Carousel CSS

• 4 کاروسل تصویر پیشرفته JS 4 Advanced Image Carousel JS

روز 28: ویرایشگر کد: Day 28: Code Editor:

• 1 پیش نمایش پروژه ویرایشگر کد 1 Code Editor Project Preview

• 2 HTML پروژه ویرایشگر کد 2 Code Editor Project HTML

• 3 CSS پروژه ویرایشگر کد 3 Code Editor Project CSS

• 4 پروژه ویرایشگر کد JS 4 Code Editor Project JS

روز بیست و نهم: سیستم نظرسنجی: Day 29: Poll System:

• 1 پیش نمایش برنامه سیستم نظرسنجی 1 Poll System Application Preview

• 2 HTML برنامه سیستم نظرسنجی 2 Poll System Application HTML

• 3 برنامه سیستم نظرسنجی CSS 3 Poll System Application CSS

• 4 برنامه سیستم نظرسنجی JS 4 Poll System Application JS

روز 30: ماشین حساب نقدی: Day 30: Cash Calculator:

• 1 پیش نمایش برنامه ماشین حساب نقدی 1 Cash Calculator Application Preview

• 2 برنامه HTML ماشین حساب نقدی 2 Cash Calculator Application HTML

• 3 برنامه CSS ماشین حساب نقدی 3 Cash Calculator Application CSS

• 4 برنامه ماشین حساب نقدی JS-Part-1 4 Cash Calculator Application JS-Part-1

• 5 برنامه ماشین حساب نقدی JS-Part-2 5 Cash Calculator Application JS-Part-2