آموزش جاوا اسکریپت 20 پروژه در 20 روز HTML، CSS و جاوا اسکریپت

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

معرفی Introduction

• معرفی Introduction

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

• نحوه دنبال کردن و دانلود کدهای منبع How to follow and download the source codes

پاپ آپ مقاله خبری: News Article Pop-up:

• پیش نمایش برنامه News Letter News Letter Application Preview

• HTML برنامه نامه خبری News Letter Application HTML

• CSS برنامه نامه خبری News Letter Application CSS

• برنامه نامه خبری JS News Letter Application JS

CSS Changer: CSS Changer:

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

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

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

• CSS Changer Application JS CSS Changer Application JS

برنامه وب پیشخوان: Counter Web Application:

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

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

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

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

تعداد کاراکترهای زنده: Live Character Count:

• پیش نمایش تعداد کاراکترهای زنده Live Character Count Preview

• HTML تعداد کاراکترهای زنده Live Character Count HTML

• CSS تعداد کاراکترهای زنده Live Character Count CSS

• تعداد کاراکترهای زنده JS Live Character Count JS

مولد اعداد تصادفی: Random Number Generator:

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

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

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

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

مبدل وزن: Weight Converter:

• پیش نمایش برنامه تبدیل وزن Weight Converter Application Preview

• HTML برنامه تبدیل وزن Weight Converter Application HTML

• CSS برنامه تبدیل وزن Weight Converter Application CSS

• برنامه تبدیل وزن JS Weight Converter Application JS

ویرایشگر کد: Code Editor:

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

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

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

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

روز هفته: Day of the Week:

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

• HTML پروژه روز هفته Day of the Week Project HTML

• CSS پروژه روز هفته Day of the Week Project CSS

• پروژه روز هفته JS Day of the Week Project JS

ایست ساعت: Stop-Watch:

• پیش نمایش برنامه کرونومتر Stopwatch Application Preview

• HTML برنامه کرونومتر Stopwatch Application HTML

• CSS برنامه کرونومتر Stopwatch Application CSS

• برنامه کرنومتر JS Stopwatch Application JS

یک پیام بنویس: Write-a-Message:

• یک پیش نمایش پیام بنویسید Write a Message Preview

• یک HTML پیام بنویسید Write a Message HTML

• یک CSS پیام بنویسید Write a Message CSS

• یک پیام JS بنویسید Write a Message JS

اعتبار سنجی فرم: FORM Validation:

• پیش نمایش پروژه اعتبارسنجی فرم FORM Validation Project Preview

• HTML پروژه اعتبارسنجی فرم FORM Validation Project HTML

• CSS پروژه اعتبار سنجی فرم FORM Validation Project CSS

• FORM Validation Project JS FORM Validation Project JS

تغییر رنگ با دکمه: Color Changer With Button:

• پیش نمایش برنامه تغییر رنگ Color Changer Application Preview

• برنامه تغییر رنگ HTML Color Changer Application HTML

• CSS برنامه تغییر رنگ Color Changer Application CSS

• برنامه تغییر رنگ JS Color Changer Application JS

پروژه آکاردئون: Accordion Project:

• پیش نمایش پروژه آکاردئون Accordion Project Preview

• پروژه آکاردئون HTML Accordion Project HTML

• پروژه آکاردئون CSS Accordion Project CSS

• پروژه آکاردئون JS Accordion Project JS

فرمت کننده تلفن: Telephone Formatter:

• پیش نمایش فرمت کننده تلفن Telephone Formatter Preview

• تلفن فرمت کننده HTML Telephone Formatter HTML

• CSS فرمت کننده تلفن Telephone Formatter CSS

• تلفن فرمتر JS Telephone Formatter JS

انیمیشن مکان نما: Cursor Animation:

• پیش نمایش انیمیشن مکان نما Cursor Animation Preview

• HTML انیمیشن مکان نما Cursor Animation HTML

• CSS انیمیشن مکان نما Cursor Animation CSS

• مکان نما انیمیشن JS Cursor Animation JS

ژنراتور رنگ HEX: HEX Color Generator:

• پیش نمایش HTML CSS و JS از HEX Color Generator Preview HTML CSS and JS of HEX Color Generator

اپلیکیشن پیانو: Piano Application:

• پیش نمایش برنامه پیانو Preview of Piano Application

• HTML CSS و JS بخشی از برنامه دیجیتال پیانو HTML CSS and JS Part of the Digital Piano Application

رنگ پس زمینه: Background Color:

• پیش نمایش HTML CSS و JS برنامه BG Color Changer Preview HTML CSS and JS of BG Color Changer Application

پاپوور: The Popover:

• Popover App HTML Popover App HTML

• برنامه Popover CSS Popover App CSS

• Popover App JS Popover App JS

ماشین حساب FD: FD Calculator:

• پیش نمایش ماشین حساب FD، HTML، CSS و JS FD Calculator Preview, HTML, CSS and JS

جایزه Bonus

• جایزه Bonus