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

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

معرفی Introduction

• معرفی Introduction

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

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

برنامه تایمر کرونومتر Stopwatch Timer Application

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

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

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

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

برنامه شمارنده واکه Vowel Counter Application

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

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

• 3 برنامه شمارنده صدادار CSS 3 Vowel Counter Application CSS

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

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

• 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

برنامه رمز تصادفی Random Password Application

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

• 2 HTML برنامه رمز عبور تصادفی 2 Random Password Application HTML

• 3 CSS برنامه رمز عبور تصادفی 3 Random Password Application CSS

• 4 برنامه رمز عبور تصادفی JS 4 Random Password Application JS

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

• 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

برنامه تصادفی ژنراتور رنگ HEX Random HEX Color Generator Application

• 1 پیش نمایش از ژنراتور کارت رنگی HEX تصادفی 1 Preview of Random HEX Color Card Generator

• 2 HTML از ژنراتور کارت رنگی تصادفی HEX 2 HTML of Random HEX Color Card Generator

• 3 CSS از ژنراتور کارت رنگی تصادفی HEX 3 CSS of Random HEX Color Card Generator

• 4 JS از ژنراتور کارت رنگی HEX تصادفی 4 JS of Random HEX Color Card Generator

یادداشت گرفتن برنامه Note Taking Application

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

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

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

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

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

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

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

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

• 4 JS از برنامه دیکشنری 4 JS of Dictionary Application

پروژه انیمیشن متن Text Animation Project

• 1 پیش نمایش انیمیشن متن 1 Preview of the Text Animation

• 2 HTML انیمیشن متن 2 HTML of the Text Animation

• 3 CSS انیمیشن متن 3 CSS of the Text Animation

• 4 JS از انیمیشن متن 4 JS of the Text Animation

برنامه بزرگنمایی چرخ ماوس Mouse Wheel Zoom-In-Out Application

• 1 پروژه بزرگنمایی و کوچک کردن چرخ ماوس 1 Mouse Wheel Zoom In and Out Project

• 2 پروژه بزرگنمایی و کوچکنمایی چرخ ماوس HTML 2 HTML Mouse Wheel Zoom In and Out Project

• 3 پروژه CSS Mouse Wheel Zoom In and Out 3 CSS Mouse Wheel Zoom In and Out Project

• 4 پروژه JS Mouse Wheel Zoom In and Out 4 JS Mouse Wheel Zoom In and Out Project

پروژه مولد پاراگراف Paragraph Generator Project

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

• 2 پاراگراف مولد بخش HTML 2 Paragraph Generator HTML Part

• 3 قسمت CSS Generator پاراگراف 3 Paragraph Generator CSS Part

• بخش 4 پاراگراف ژنراتور JS 4 Paragraph Generator JS Part

برنامه ماشین حساب وام Loan Calculator Application

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

• 2 ماشین حساب وام HTML 2 Loan Calculator HTML

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

• 4 ماشین حساب وام JS 4 Loan Calculator JS

برنامه ماشین حساب نکته Tip Calculator Application

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

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

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

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

پروژه ساعت دیجیتال Digital Clock Project

• 1 ساعت دیجیتال HTML 1 Digital Clock HTML

• 2 ساعت دیجیتال CSS 2 Digital Clock CSS

• 3 ساعت دیجیتال JS 3 Digital Clock JS

برنامه ردیاب هزینه Expense Tracker Application

• 1 بخش HTML برنامه ردیاب هزینه 1 Expense Tracker Application HTML Part

• 2 قسمت CSS برنامه ردیاب هزینه 2 Expense Tracker Application CSS Part

• 3 قسمت برنامه ردیاب هزینه JS 3 Expense Tracker Application JS Part

برنامه حسابگر سپرده ثابت Fixed Deposit Calculator Application

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

پروژه فهرست کارهای ساده Simple To-Do List Project

• HTML برنامه فهرست کار ساده Simple Todo List App HTML

• CSS برنامه لیست کارهای ساده Simple Todo List App CSS

• برنامه فهرست کار ساده JS Simple Todo List App JS

برنامه ماشین حساب BMI BMI Calculator Application

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

• 2 BMI Calculator HTML 2 BMI Calculator HTML

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

• 4 BMI Calculator JS 4 BMI Calculator JS

ویجت تاریخ و زمان 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

برنامه ماشین حساب سن پیشرفته Advanced Age Calculator Application

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

• 2 Age Calculator Application HTML Part 2 Age Calculator Application HTML Part

• 3 Age Calculator Application CSS Part 3 Age Calculator Application CSS Part

• 4 Age Calculator Application JS Part 4 Age Calculator Application JS Part

جایزه Bonus

• جایزه Bonus