فرانت اند

50 مینی پروژه HTML، CSS و جاوااسکریپت در ۵۰ روز

<p>اگر می&zwnj;خواهید HTML، CSS و JavaScript را به&zwnj;صورت کاملاً عملی یاد بگیرید، این دوره بهترین انتخاب است. با ساخت ۵۰ پروژه کوچک در ۵۰ روز، هم مهارت&zwnj;های خود را تقویت می&zwnj;کنید و هم یک پورتفولیوی حرفه&zwnj;ای برای ورود به بازار کار خواهید داشت. همین حالا ثبت&zwnj;نام کنید و یادگیری پروژه&zwnj;محور را شروع کنید. 🚀</p>

آخرین بروزرسانی در تاریخ ۱۴۰۵/۰۲/۱۵
20 : 06 : 00

قیمت دوره :

courseTitle

این دوره برای همه کسانی است که می‌خواهند HTML، CSS و JavaScript را فراتر از آموزش‌های ساده یاد بگیرند و در عمل به کار ببندند. پروژه‌ها شامل طراحی صفحات تعاملی، انیمیشن‌ها، فرم‌ها، ابزارهای کاربردی و افکت‌های جذاب است.

در طول دوره:

مفاهیم پایه HTML و CSS مرور می‌شود.

ساختاردهی صحیح صفحات وب آموزش داده می‌شود.

با قدرت جاوااسکریپت برای اضافه کردن تعامل و پویایی به صفحات آشنا می‌شوید.

در هر پروژه یک تکنیک یا ابزار جدید یاد می‌گیرید که در پروژه‌های واقعی کاربرد دارد.

 

📚 در این دوره چه چیزی یاد می‌گیرید؟

اصول پایه طراحی وب با HTML و CSS

ایجاد استایل‌های مدرن و ریسپانسیو

کار با جاوااسکریپت برای افزودن تعامل به صفحات

ساخت ۵۰ پروژه کوچک شامل:

گالری تصاویر

منوی ریسپانسیو

تایمر شمارش معکوس

اپلیکیشن To-Do List

فرم‌های تعاملی

انیمیشن‌های جذاب

و ده‌ها پروژه دیگر

 

🎯 چرا این دوره متفاوت است؟

۱. پروژه‌محور و عملی – هر روز یک پروژه واقعی می‌سازید.
۲. تنوع بالا – شامل ۵۰ پروژه کوچک در حوزه‌های مختلف طراحی وب.
۳. ایده‌پردازی برای نمونه‌کار – در پایان دوره، یک پورتفولیوی کامل خواهید داشت.
۴. آموزش گام‌به‌گام – از سطح مبتدی تا کار با ویژگی‌های حرفه‌ای.
۵. دسترسی دائمی به جلسات – هر زمان خواستید می‌توانید دوباره مرور کنید.

 

🚀 دستاوردهای شما پس از پایان دوره

تسلط عملی بر HTML، CSS و جاوااسکریپت

ساخت ۵۰ پروژه کوچک و کاربردی

توانایی ایجاد وب‌سایت‌های تعاملی و مدرن

داشتن نمونه‌کار برای ورود به بازار کار

افزایش خلاقیت در طراحی وب

 

👥 این دوره مناسب چه کسانی است؟

مبتدی‌هایی که می‌خواهند سریع پیشرفت کنند

دانشجویان و علاقه‌مندان به طراحی وب

برنامه‌نویسانی که به دنبال نمونه‌کار برای رزومه هستند

طراحان وب که می‌خواهند مهارت‌های جاوااسکریپت خود را تقویت کنند

 

مشاهده بیشتر

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

Introduction

Day 1 - Expanding Cards

Day 2 - Progress Steps

Day 3 - Rotating Navigation

Day 4 - Hidden Search Widget

Day 5 - Blurry Loading

Day 6 - Scroll Animation

Day 7 - Split Landing Page

Day 8 - Form Wave Animation

Day 9 - Sound Board

Day 10 - Dad Jokes

Day 11 - Event KeyCodes

Day 12 - FAQ Collapse

Day 13 - Random Choice Picker

Day 14 - Animated Navigation

Day 15 - Incrementing Counter

Day 16 - Drink Water

Day 17 - Movie App

Day 18 - Background Slider

Day 19 - Theme Clock

Day 20 - Button Ripple Effect

Day 21 - Drag N Drop

Day 22 - Drawing App

Day 23 - Kinetic CSS Loader

Day 24 - Content Placeholder

Day 25 - Sticky Navbar

Day 26 - Double Vertical Slider

Day 27 - Toast Notification

Day 28 - Github Profiles

Day 29 - Double Heart Click

Day 30 - Auto Text Effect

Day 31 - Password Generator

Day 32 - Good, Cheap, Fast Checkboxes

Day 33 - Notes App

Day 34 - Animated Countdown

Day 35 - Image Carousel

Day 36 - Hoverboard

Day 37 - Pokedex

Day 38 - Mobile Tab Navigation

Day 39 - Password Strength Background

Day 40 - 3D Background Boxes

Day 41 - Verify Account UI

Day 42 - Live User Filter

Day 43 - Feedback UI Design

Day 44 - Custom Range Slider

Day 45 - Netflix Navigation

Day 46 - Quiz App

Day 47 - Testimonial Box Switcher

Day 48 - Random Image Feed

Day 49 - Todo List

Day 50 - Insect Catch Game

Bonus Day 1 - Simple Timer

Bonus Day 2 - Dice Roller

سوالات متداول

این دوره برای چه سطحی مناسب است؟

آیا پیش‌نیاز خاصی دارد؟

آیا این دوره پروژه‌محور است؟