درباره دوره آموزش وب دیزاین (Web Design)

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

در این دوره حضوری، از پایه با مفاهیم طراحی وب، ساختار صفحات HTML، استایل‌دهی با CSS، اصول طراحی ریسپانسیو، ابزارهای پیشرفته مانند Bootstrap، SASS، jQuery و مفاهیم کاربردی UX/UI آشنا خواهید شد. یادگیری گام‌به‌گام همراه با پروژه‌های عملی به شما کمک می‌کند به سرعت مهارت لازم برای ورود به بازار کار طراحی وب را به دست آورید.

چرا باید طراحی وب یاد بگیریم؟

 مهارتی کاربردی و پرتقاضا در بازار کار ایران و جهان
 فرصت‌های شغلی متعدد در شرکت‌های فناوری، استارتاپ‌ها و فریلنسرینگ
 مهارت پایه برای ورود به حوزه‌های تخصصی‌تر مثل توسعه Front-End، UX/UI Design، برنامه‌نویسی JavaScript و React
 امکان طراحی وب‌سایت‌های حرفه‌ای، ریسپانسیو و کاربرمحور

پیش‌نیاز دوره

هیچ دانش قبلی در زمینه برنامه‌نویسی لازم نیست. تنها آشنایی عمومی با کامپیوتر کافی‌ست.

 

در پایان دوره چه مهارت‌هایی خواهید داشت؟

✅ تسلط کامل به HTML5 و CSS3
✅ آشنایی با اصول طراحی ریسپانسیو و Mobile First
✅ آشنایی با مفاهیم UI/UX و طراحی کاربرمحور
✅ توانایی استفاده از فریم‌ورک‌هایی مانند Bootstrap و Tailwind CSS
✅ آشنایی با مفاهیم اولیه JavaScript و jQuery
✅ مهارت استفاده از ابزارهایی مانند SASS، LESS، Media Query و Grid System
✅ آمادگی برای ورود به بازار کار یا ادامه مسیر در حوزه Front-End Development
✅ استفاده از Bootstrap یا Tailwind CSS

 

🔵سرفصل‌های آموزشی

مفاهیم پایه وب و زیرساخت‌ها

• معرفی وب، Domain، Hosting، DNS و Web Server

• آشنایی با مرورگرهای وب و نحوه عملکرد آن‌ها

• آشنایی با موتورهای جستجو و مفاهیم SEO

HTML و ساختار صفحات وب

• معرفی Markup Language و ساختار اسناد HTML

• تگ‌های متنی، لیست، لینک، جدول، فرم و اجزای آن‌ها

• مفاهیم Attribute، Comment و استانداردسازی با DOCTYPE

• بررسی نسخه‌های HTML و ویژگی‌های HTML5

CSS و استایل‌دهی صفحات

• معرفی CSS و روش‌های مختلف اعمال استایل (Inline, Internal, External)

• Selectorهای پیشرفته، کلاس‌بندی المان‌ها، استفاده از تصاویر و پس‌زمینه

• کار با فونت‌ها، رنگ‌ها، اندازه‌ها و آیکون‌ها

• انیمیشن، Transition، Transform و نکات حرفه‌ای CSS3

• مفاهیم Layout و Positioning با Flexbox و Grid

طراحی واکنش‌گرا (Responsive Design)

• آشنایی با Media Query

• طراحی برای رزولوشن‌های مختلف و دستگاه‌های موبایل

• مفاهیم ریسپانسیو، Fluid و Fixed Layout

فریم‌ورک‌های CSS

• آشنایی با Bootstrap و استفاده از کلاس‌های آماده

• آشنایی با Tailwind CSS و طراحی سریع با utility-first approach

• ساخت فرم، جدول، منو و طراحی قالب با این فریم‌ورک‌ها

افزونه‌های نوشتن CSS بهینه

• معرفی SASS و LESS و تفاوت‌های آن‌ها

• استفاده از متغیرها، mixinها، nesting و partialها

• فشرده‌سازی، Source Map، و ساختار پروژه

مبانی JavaScript و jQuery

• معرفی جاوااسکریپت و مفاهیم پایه: متغیر، شرط، حلقه، تابع

• معرفی DOM و روش‌های دسترسی به عناصر HTML

• کار با رویدادها، افکت‌ها، AJAX و jQuery UI

• مفاهیم اولیه برنامه‌نویسی سمت کلاینت و تعامل با HTML

مفاهیم تکمیلی و ابزارها

• آشنایی با طراحی UI/UX، مفاهیم Usability و Navigation

• معرفی و استفاده از Google Map، iFrame، فایل‌های صوتی و تصویری

• بهینه‌سازی تصاویر برای وب، تفاوت فرمت‌ها، و استفاده از ابزارهایی مانند Illustrator و Edge

• معرفی متدولوژی‌های مدرن مانند BEM، SMACSS و OOCSS

 

پروژه نهایی دوره

در پایان دوره، یک وب‌سایت کامل، ریسپانسیو و مدرن طراحی خواهید کرد که شامل:

• صفحات مختلف با طراحی حرفه‌ای

• استفاده از Bootstrap یا Tailwind CSS

• طراحی فرم‌ها و جدول‌ها

• منوهای ناوبری حرفه‌ای

• استفاده از JavaScript برای تعامل با کاربر

بازار کار پس از دوره

با اتمام این دوره، می‌توانید وارد مسیرهای حرفه‌ای زیر شوید:

• طراح وب (Web Designer)

• توسعه‌دهنده فرانت‌اند (Front-End Developer)

• متخصص UI/UX

• فریلنسر طراحی سایت
  همچنین آمادگی ورود به دوره‌های پیشرفته‌تر مانند JavaScript، React یا دوره تخصصی UX/UI را خواهید داشت.

محل برگزاری

شیراز، بلوار استقلال، حدفاصل سه‌راه بعثت و چهارراه هوابرد، ساختمان دیپلمات، طبقه ششم، واحد 605

 

زمان برگزاری

شروع دوره: پایان شهریور ماه
روزهای برگزاری: سه شنبه ها و پنجشنبه ها، ساعت 17:00 تا 20:00