50 مینی پروژه HTML، CSS و جاوااسکریپت در ۵۰ روز
این دوره برای همه کسانی است که میخواهند HTML، CSS و JavaScript را فراتر از آموزش‌های ساده یاد بگیرند و در عمل به کار ببندند. پروژه‌ها شامل طراحی صفحات تعاملی، انیمیشن‌ها، فرم‌ها، ابزارهای کاربردی و افکت‌های جذاب است.
در طول دوره:
مفاهیم پایه HTML و CSS مرور می‌شود.
ساختاردهی صحیح صفحات وب آموزش داده می‌شود.
با قدرت جاوااسکریپت برای اضافه کردن تعامل و پویایی به صفحات آشنا می‌شوید.
در هر پروژه یک تکنیک یا ابزار جدید یاد می‌گیرید که در پروژه‌های واقعی کاربرد دارد.
📚 در این دوره چه چیزی یاد می‌گیرید؟
اصول پایه طراحی وب با HTML و CSS
ایجاد استایل‌های مدرن و ریسپانسیو
کار با جاوااسکریپت برای افزودن تعامل به صفحات
ساخت ۵۰ پروژه کوچک شامل:
گالری تصاویر
منوی ریسپانسیو
تایمر شمارش معکوس
اپلیکیشن To-Do List
فرم‌های تعاملی
انیمیشن‌های جذاب
و ده‌ها پروژه دیگر
🎯 چرا این دوره متفاوت است؟
۱. پروژهمحور و عملی – هر روز یک پروژه واقعی می‌سازید.
۲. تنوع بالا – شامل ۵۰ پروژه کوچک در حوزه‌های مختلف طراحی وب.
۳. ایده‌پردازی برای نمونه‌کار – در پایان دوره، یک پورتفولیوی کامل خواهید داشت.
۴. آموزش گام‌به‌گام – از سطح مبتدی تا کار با ویژگی‌های حرفه‌ای.
۵. دسترسی دائمی به جلسات – هر زمان خواستید می‌توانید دوباره مرور کنید.
🚀 دستاوردهای شما پس از پایان دوره
تسلط عملی بر HTML، CSS و جاوااسکریپت
ساخت ۵۰ پروژه کوچک و کاربردی
توانایی ایجاد وب‌سایت‌های تعاملی و مدرن
داشتن نمونه‌کار برای ورود به بازار کار
افزایش خلاقیت در طراحی وب
👥 این دوره مناسب چه کسانی است؟
مبتدی‌هایی که میخواهند سریع پیشرفت کنند
دانشجویان و علاقه‌مندان به طراحی وب
برنامه‌نویسانی که به دنبال نمونه‌کار برای رزومه هستند
طراحان وب که میخواهند مهارتهای جاوااسکریپت خود را تقویت کنند
سرفصل های دوره
Welcome
My Environment & Setup
Project Starter Boilerplate
Project Intro
Initial Cards
Expanding Effect
Project Intro
Creating The Steps
Step Functionality
Project Intro
Content & Circle Styling
Rotate & Slide Effect
Project Intro
Hidden Search Widget
Project Intro
Background Image & Loading Text
Load Blur Effect
Project Intro
Scroll Animation
Project Intro
Split Landing Page HTML & CSS
Adding The Hover Effect
Project Intro
Styling The Form
Adding The Wave Effect
Project Intro
Sound Board Project
Project Intro
Jokes HTML & CSS
Working With Fetch & HTTP RequestsResponses
Fetching & Displaying Jokes
Project Intro
Key Boxes HTML & CSS
Display Key Codes
Project Intro
FAQ Boxes
Toggle Buttons
Project Intro
Choice Picker UI
Create Tags
Select Random Tag
Project Intro
Nav Styling
Icon Styling & Active Toggle
Project Intro
Counters HTML & CSS
Create & Display Increment
Project Intro
Create & Style The Cups
Fill Small Cups
Update Big Cup
Project Intro
Movies UI Layout
Fetching Data From The API
Adding Movies To The DOM
Project Intro
HTML & CSS
Changing Slides
Project Intro
Starting The Clock
Finish Clock Styling
Mode & Clock Function
Project Intro
Button Style & Animation
Button Click Effect
Project Intro
Create Drop Boxes
Drag Drop Events
Project Intro
Drawing Pad UI
Canvas Shapes
Mouse Events & Drawing
Toolbox Controls
Project Intro
Kinetic CSS Loader
Project Intro
Card HTML
Card CSS
Animation Timeout Effect
Project Intro
Website Content & Style
Navbar CSS & JS
Project Intro
Vertical Slider UI
Vertical Slider Function
Project Intro
Create Toast Notifications
Project Intro
Github Profile Card
Fetching Profile Data With Axios
Dynamic Profile Cards
Adding Repos To Card
Project Intro
HTML & CSS
Show Heart Based On Click Position
Project Intro
Auto Text Effect
Project Intro
Password Generator UI
Random Functions
Generate Password
Copy Password To Clipboard
Project Intro
Style Checkboxes
Check Ball Animation
JavaScript Logic
پیشنیاز های دوره چه چیزهایی هستند؟
- آشنایی با HTML CSS و جاوااسکریپت
نظرات دانشجویان
مدرس دوره
کدیاد پلاس (Codeyad Plus)
سوالات متداول
برای همه، از مبتدیها تا افرادی که میخواهند مهارتهای عملی خود را تقویت کنند.
فقط آشنایی اولیه با HTML و CSS کافی است.
بله؛ شما در طول دوره ۵۰ پروژه واقعی پیادهسازی میکنید.