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

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

معرفی Introduction

• معرفی Introduction

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

پروژه کدهای کلیدی Key Codes Project

• پیش نمایش کدهای کلیدی Key Codes Preview

• کدهای کلیدی HTML Key Codes HTML

• کدهای کلیدی CSS Key Codes CSS

• کدهای کلید JS Key Codes JS

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

• پیش نمایش انیمیشن Drops Drops Animation Preview

• HTML انیمیشن را رها می کند Drops Animation HTML

• CSS انیمیشن را رها می کند Drops Animation CSS

• Drops Animation JS Drops Animation JS

پروژه استیکر تگ نام Name Tag Sticker Project

• پیش نمایش برچسب نام Name Tag Sticker Preview

• برچسب نام HTML Name Tag Sticker HTML

• برچسب نام CSS Name Tag Sticker CSS

• استیکر تگ نام JS Name Tag Sticker JS

برنامه تلنگر سکه Coin Flip Application

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

• Coin Flip Application HTML Coin Flip Application HTML

• CSS اپلیکیشن Coin Flip Coin Flip Application CSS

• Coin Flip Application JS Coin Flip Application JS

اثر دود Smoke Effect

• پیش نمایش اثر دود Smoke Effect Preview

• Smoke Effect HTML Smoke Effect HTML

• Smoke Effect CSS Smoke Effect CSS

• Smoke Effect JS Smoke Effect JS

پروژه جدول زمانی Timeline Project

• پیش نمایش پروژه خط زمان Time Line Project Preview

• تایم لاین پروژه HTML Time Line Project HTML

• CSS پروژه Time Line Time Line Project CSS

• پروژه تایم لاین JS Time Line Project JS

کشیدن و رها کردن برنامه Drag and Drop Application

• پیش نمایش را بکشید و رها کنید Drag and Drop Preview

• HTML را بکشید و رها کنید Drag and Drop HTML

• CSS را بکشید و رها کنید Drag and Drop CSS

• کشیدن و رها کردن JS Drag and Drop JS

برنامه مبدل دما Temperature Converter Application

• پیش نمایش مبدل دما Temperature Converter Preview

• HTML مبدل دما Temperature Converter HTML

• CSS مبدل دما Temperature Converter CSS

• مبدل دما JS Temperature Converter JS

برای مشاهده برنامه کلیک کنید Click to Visible Application

• برای پیش نمایش حروف قابل مشاهده کلیک کنید Click to Visible Letters Preview

• برای مشاهده حروف HTML کلیک کنید Click to Visible Letters HTML

• برای CSS حروف قابل مشاهده کلیک کنید Click to Visible Letters CSS

• برای Visible Letter JS کلیک کنید Click to Visible Letter JS

در برنامه کلیپ بورد کپی کنید Copy to Clipboard Application

• در پیش نمایش برنامه Clipboard کپی کنید Copy to Clipboard Application Preview

• در HTML برنامه Clipboard کپی کنید Copy to Clipboard Application HTML

• در CSS برنامه Clipboard کپی کنید Copy to Clipboard Application CSS

• در Clipboard Application JS کپی کنید Copy to Clipboard Application JS

نوار لغزنده برای تغییر رنگ BG Slider to Change BG Color

• نوار لغزنده برای تغییر پیش نمایش رنگ BG Slider to Change BG Color Preview

• لغزنده برای تغییر BG Color HTML Slider to Change BG Color HTML

• نوار لغزنده برای تغییر BG Color CSS Slider to Change BG Color CSS

• نوار لغزنده برای تغییر BG Color JS Slider to Change BG Color JS

کاربرد ذرات حباب Bubbles Particle Application

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

• Bubbles Particle Application HTML Bubbles Particle Application HTML

• برنامه حباب ذرات CSS Bubbles Particle Application CSS

• Bubbles Particle Application JS Bubbles Particle Application JS

برنامه گواهینامه Testimonial Application

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

• گواهینامه اسلایدر برنامه HTML Testimonial Slider Application HTML

• برنامه اسلایدر گواهی CSS Testimonial Slider Application CSS

• گواهینامه اسلایدر برنامه JS Testimonial Slider Application JS

پروژه شناور نماد Icon Hover Project

• برنامه جلوه نماد شناور Icon Hover Effect Application

• آیکون Hover Effect HTML Icon Hover Effect HTML

• نماد CSS اثر شناور Icon Hover Effect CSS

• نماد Hover Effect JS Icon Hover Effect JS

پروژه Navbar Navbar Project

• پیش نمایش نوار ناوبری Navbar Preview

• نوار HTML Navbar HTML

• Navbar CSS Navbar CSS

• Navbar JS Navbar JS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• Poll System Application JS Poll System Application JS

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

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

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

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

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

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

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

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

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

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

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

جایزه Bonus

• جایزه Bonus