آموزش 30 پروژه HTML CSS و جاوا اسکریپت راهنمای مبتدیان برای JS

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

معرفی Introduction

• معرفی Introduction

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

روز 1: گفتار به متن Day 1: Speech to Text

• پیش نمایش برنامه گفتار به متن Speech to Text Application Preview

• برنامه گفتار به متن HTML Speech to Text Application HTML

• CSS برنامه گفتار به متن Speech to Text Application CSS

• برنامه گفتار به متن JS Speech to Text Application JS

روز 2: برنامه پیانو Day 2: Piano Application

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

• برنامه پیانو HTML Piano Application HTML

• برنامه پیانو CSS Piano Application CSS

• برنامه پیانو JS Piano Application JS

روز 3: برنامه متن به صدا Day 3: Text to Voice Application

• پیش نمایش برنامه متن به گفتار Text to Speech Application Preview

• HTML برنامه متن به گفتار Text to Speech Application HTML

• CSS برنامه متن به گفتار Text to Speech Application CSS

• برنامه متن به گفتار JS Text to Speech Application JS

روز 4: برنامه ربات جوک ژنراتور Day 4: Robot Joke Generator Application

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

• Robot Joke Generator HTML Robot Joke Generator HTML

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

• Robot Joke Generator JS Robot Joke Generator JS

روز پنجم: ژنراتور رنگ HSL Day 5: HSL Color Generator

• HSL Color Generator Application Preview HSL Color Generator Application Preview

• HSL Color Generator Application HTML HSL Color Generator Application HTML

• برنامه CSS مولد رنگ HSL HSL Color Generator Application CSS

• برنامه مولد رنگ HSL JS HSL Color Generator Application JS

روز ششم: کاربرد مدال Day 6: Modal Application

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

• HTML برنامه مدال Modal Application HTML

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

• Modal Application JS Modal Application JS

روز هفتم: ساعت دیجیتال Day 7: Digital Clock

• پیش نمایش برنامه ساعت دیجیتال Digital Clock Application Preview

• برنامه ساعت دیجیتال HTML Digital Clock Application HTML

• برنامه ساعت دیجیتال CSS Digital Clock Application CSS

• برنامه ساعت دیجیتال JS Digital Clock Application JS

روز هشتم: پروژه Color Flipper Day 8: Color Flipper Project

• پیش نمایش فلیپر رنگی Color Flipper Preview

• Color Flipper HTML Color Flipper HTML

• CSS فلیپر رنگی Color Flipper CSS

• فلیپر رنگی JS Color Flipper JS

روز نهم: محاسبه‌گر درصد Day 9: Percentage Calculator

• پیش نمایش ماشین حساب درصد Percentage Calculator Preview

• HTML ماشین حساب درصد Percentage Calculator HTML

• CSS ماشین حساب درصد Percentage Calculator CSS

• JS ماشین حساب درصد Percentage Calculator JS

روز دهم: پروژه ماشین حساب Day 10: Calculator Project

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

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

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

• نرم افزار ماشین حساب JS Calculator Application JS

روز یازدهم: بیشتر بخوانید کمتر Day 11: Read More Less

• پیش‌نمایش بیشتر بخوانید Read More Less Preview

• بیشتر بخوانید کمتر HTML Read More Less HTML

• بیشتر بخوانید CSS کمتر Read More Less CSS

• بیشتر بخوانید JS کمتر Read More Less JS

روز دوازدهم: رتبه بندی ستاره ها Day 12: Star Rating

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

• HTML رتبه بندی ستاره Star Rating HTML

• CSS رتبه بندی ستاره Star Rating CSS

• رتبه بندی ستاره JS Star Rating JS

روز سیزدهم: شمارنده متحرک Day 13: Animated Counter

• پیش نمایش ضد متحرک Animated Counter Preview

• HTML شمارنده متحرک Animated Counter HTML

• پیشخوان متحرک CSS Animated Counter CSS

• کانتر متحرک JS Animated Counter JS

روز چهاردهم: تبدیل HEX به باینری Day 14: HEX to Binary Converter

• پیش نمایش مبدل هگز به باینری Hex to Binary Converter Preview

• مبدل هگز به باینری HTML Hex to Binary Converter HTML

• تبدیل هگز به باینری CSS Hex to Binary Converter CSS

• مبدل هگز به باینری JS Hex to Binary Converter JS

روز 15: مکان نما عالی Day 15: Awesome Cursor

• پیش نمایش مکان نما عالی Awesome Cursor Preview

• مکان نما عالی HTML Awesome Cursor HTML

• CSS مکان نما عالی Awesome Cursor CSS

• مکان نما JS عالی Awesome Cursor JS

روز شانزدهم: برنامه URL سریع Day 16: Quick URL Application

• پیش نمایش برنامه URL های سریع Quick URLs Application Preview

• URL های سریع برنامه HTML Quick URLs Application HTML

• URL های سریع برنامه CSS Quick URLs Application CSS

• URL های سریع برنامه JS Quick URLs Application JS

روز هفدهم: تایپ افکت متن Day 17: Typing Text Effect

• تایپ پیش نمایش جلوه متن Typing Text Effect Preview

• تایپ Text Effect HTML Typing Text Effect HTML

• تایپ Text Effect CSS Typing Text Effect CSS

• تایپ Text Effect JS Typing Text Effect JS

روز هجدهم: لغزنده مقایسه تصویر Day 18: Image Comparison Slider

• پیش نمایش لغزنده مقایسه تصویر Image Comparison Slider Preview

• HTML لغزنده مقایسه تصویر Image Comparison Slider HTML

• CSS لغزنده مقایسه تصویر Image Comparison Slider CSS

• Slider مقایسه تصویر JS Image Comparison Slider JS

روز 19: قابلیت جستجو Day 19: Search Functionality

• پیش نمایش پروژه عملکرد جستجو Search Functionality Project Preview

• عملکرد جستجوی پروژه HTML Search Functionality Project HTML

• CSS پروژه عملکرد جستجو Search Functionality Project CSS

• قابلیت جستجو پروژه JS Search Functionality Project JS

روز بیستم: شمارش کلمات: Day 20: Words Counter:

• پیش نمایش تعداد کلمات Words Count Preview

• تعداد کلمات HTML Words Count HTML

• تعداد کلمات CSS Words Count CSS

• تعداد کلمات HTML Words Count HTML

روز 21: تغییر رنگ پویا Day 21: Dynamic Color Changer

• پیش نمایش تغییر رنگ پویا Dynamic Color Changer Preview

• تغییر رنگ پویا HTML Dynamic Color Changer HTML

• CSS تغییر رنگ پویا Dynamic Color Changer CSS

• تغییر رنگ پویا JS Dynamic Color Changer JS

روز 22: یادداشت برداری برنامه Day 22: Notes Taking Application

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

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

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

• یادداشت برداری Application JS Notes Taking Application JS

روز 23: پروژه چرخ فلک تصویر Day 23: Image Carousel Project

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

• HTML پروژه چرخ فلک تصویر Image Carousel Project HTML

• CSS پروژه چرخ فلک تصویر Image Carousel Project CSS

• پروژه چرخ فلک تصویر JS Image Carousel Project JS

روز 24: آپلود فایل تصویری را مرور کنید Day 24: Browse Image File Upload

• پیش نمایش آپلود فایل تصویری را مرور کنید Browse Image File Upload Preview

• مرور فایل تصویری آپلود HTML Browse Image File Upload HTML

• CSS آپلود فایل تصویری را مرور کنید Browse Image File Upload CSS

• مرور فایل تصویری آپلود JS Browse Image File Upload JS

روز 25: برنامه شمارنده واکه Day 25: Vowel Counter Application

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

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

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

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

روز 26: ماشین حساب پول/نقد Day 26: Money/Cash Calculator

• پیش نمایش برنامه ماشین حساب پول/نقد Money/Cash Calculator Application Preview

• برنامه HTML ماشین حساب پول/نقد Money/Cash Calculator Application HTML

• برنامه CSS ماشین حساب پول/نقد Money/Cash Calculator Application CSS

• برنامه ماشین حساب پول/نقد JS قسمت 1 Money/Cash Calculator Application JS Part 1

• برنامه ماشین حساب پول/نقد JS قسمت 2 Money/Cash Calculator Application JS Part 2

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

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

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

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

• Age Calculator Application JS Age Calculator Application JS

روز 28: ماشین حساب عالی سپرده مالی Day 28: Awesome Finance Deposit Calculator

• ماشین حساب سپرده مالی HTML، CSS و جاوا اسکریپت Finance Deposit Calculator HTML, CSS and JavaScript

روز 29: ماشین حساب شاخص توده بدن Day 29: Body Mass Index Calculator

• پیش نمایش ماشین حساب شاخص توده بدن Body Mass Index Calculator Preview

• ماشین حساب شاخص توده بدن HTML Body Mass Index Calculator HTML

• ماشین حساب شاخص توده بدن CSS Body Mass Index Calculator CSS

• ماشین حساب شاخص توده بدن JS Body Mass Index Calculator JS

روز 30: برنامه ماشین حساب عشق دوست داشتنی Day 30: A Loveable Love Calculator Application

• پیش نمایش ماشین حساب عشق Love Calculator Preview

• عشق ماشین حساب HTML Love Calculator HTML

• عشق ماشین حساب CSS Love Calculator CSS

• عشق ماشین حساب JS Love Calculator JS