دوره جامع طراحی وب

توضیحات

دوره طراحی وب که به صورت عملی و پروژه محور به مدت 60 ساعت برگزار خواهد شد.

مروری بر دوره

در بخش اول این دوره با مفاهیم و اصطلاحات و ابزارهای اولیه طراحی وب آشنا می‌شوید و سپس با فراگیری کامل اصول طراحی رابط کاربری شروع به طراحی قالب دلخواه برای وب‌سایت در نرم افزارهای گرافیکی می‌کنید در بخش دوم وارد مفاهیم جامع کدنویسی و کدنویسی قالب(فرانت‌اند) می‌شویم. ابتدا با اصول HTML آشنا شده بعد به کمک CSS طرح دلخواه خود را پیاده می‌کنیم سپس با استفاده از HTML5 & CSS3 جلوه‌های پیشرفته به قالب اضافه می‌کنیم و در نهایت با فراگیری اصول اولیه جاوا اسکریپت و آشنایی با Jquery پروژه خود را نهایی می‌کنیم.

سرفصل‌ها:

• آشنایی با مفاهیم اولیه
• آشنایی با اصطلاحات
• آشنایی با ابزارهای لازم
• نکات و راه کارهای مربوط به ثبت و انتخاب دامین مناسب
• نکات و راه کارهای مربوط فضای میزبانی
• آشنایی با هاست و پنل های مدیریت آنها
• بررسی قراردادها

• بررسی کامل مفاهیم HTML و HTML5
  • مفهوم  HTML
  • تاریخچه HTML و بررسی نسخه های آن
  • بررسی انواع استانداردهای صفحات وب
  • بررسی ساختار تگ ها
  • بررسی عناصر اصلی صفحه
  • آشنایی با متا تگ‌ها
  • آشنایی با تگ های بخش عنوان
  • قوانین صفت ها
  • ایجاد و ذخیره اولین صفحه وب
  • کار کردن با متن ها و اعمال تغییرات روی آنها
  • بررسی کلی صفت ها
  • نحوه تعریف فاو آیکون
  • آشنایی با سبک های فیزیکی و منطقی
  • توضیح ها و نقل قول ها
  • آشنایی با انواع لینک ها
  • بررسی تگ های مربوط به لینک ها
  • آشنایی با عناصر block و  innline
  • کار با تصاویر
  • بهینه‌سازی تصاویر برای استفاده در وب‌سایت
  • آشنایی با محیط های کد نویسی و مقایسه آنها
  • تقسیم بندی اطلاعات با لیست ها
  • کار با جداول
  • ایجاد فرم ها وبررسی انواع فیلد ها
  • ایجاد صفحات چند گانه
  • آشنایی با تگ  div
  • آشنایی با تگ  Span
  • قالب بندی صفحات وب با استفاده از تگ  div
  • معرفی  HTML5
  • مستندات  HTML5
  • تعریف ساختار صفحه
  • بررسی عناصر مربوط به ساختار صفحه
  • عناصر header,section,article,nav,aside,footer
  • بررسی عناصر جدید اضافه شده
  • فرم ها در  HTML5
  • صوت و تصویر در  HTML5
  • بررسی تگ  svg
  • راه کارهای هماهنگی HTML5 با تمامی مرورگرها
  • API ها

• بررسی کامل مفاهیم CSS و CSS3
  • مفهوم CSS
  • نحوه تعریف کدهای CSS (inline , internal, external)
  • بررسی ساختار کدهای CSS
  • معرفی و بررسی انواع سلکتور ها
  • نحوه تعریف اصولی انواع سلکتور ها
  • بررسی property ها و value ها
  • اولویت در اعمال استایل‌ها
  • آشنایی با ویژگی  !important
  • بررسی مدهای رنگ
  • بررسی مدل جعبه ای
  • استایل دهی به متن ها,تصاویر,لیست ها,جداول,فرم ها و لینک ها
  • کلاس های کاذب
  • باکس بندی صفحه و کار با سلکتورهای class و Id
  • بررسی ویژگی  float
  • نحوه تعریف بک‌گراندها
  • بررسی انواع position ها
  • نحوه ساخت منوهای آبشاری
  • نحوه طراحی فرم ها و جداول پیشرفته
  • بررسی قواعد مربوط به چاپ
  • بررسی خطاها و validate کدهای CSS
  • تایپوگرافی
  • پیوست انواع فونت دلخواه به صفحه
  • معرفی  CSS3
  • بررسی ویژگی های جدید
  • رنگ ها در  CSS3
  • نحوه استفاده از فونت آیکون‌ها
  • ایجاد سایه ها
  • نحوه کار با Gradientها
  • ایجاد گوشه‌های گرد و اشکال هندسی
  • توالی رنگ ها
  • دستورات جدید تصاویر
  • کلاس‌های کاذب before و after
  • نحوه کار با دستورات Transform
  • نحوه استفاده از Transition
  • انیمیشن ها
  • بررسی نکات مربوط به اجرایCSS3  در تمامی مرورگرها
  • بررسی طراحی واکنش گرا
  • استفاده از Media query ها
  • کار با Flexbox
  • نحوه استفاده از CSS Grid

• آشنایی با مفاهیم اولیه جاوا اسکریپت
  • نحوه‌ی قراردادن کدهای جاوا اسکریپت
  • متغیرها
  • کنسول
  • آشنایی با دستورات شرطی
  • آشنایی با مفاهیم jQuery
    • انتخاب المان های  HTML
    • رویدادها در jQuery
    • توابع Hide/Show در jQuery
    • توابع Fade در jQuery
    • توابع Slide در jQuery
    • توابع remove / empty در jQuery
    • توابع addClass / removeClass در jQuery
    • توابع CSS در jQuery
    • بررسی پلاگین‌های پر کاربرد jQuery

• نحوه پیاده‌سازی قالب ‌وب‌سایت به کمک فریم ورک Bootstrap
• آشنایی با Git