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

مدت زمان دوره : 50 ساعت

توضیحات دوره

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

توانایی دانشجویان پس از گذراندن دوره:

  •  پیاده سازی قالب وب سایت به طور کامل به صورت داینامیک و ریسپانسیو

پیش نیاز

ندارد

مخاطبین دوره

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

سرفصل‌

•    معرفی مفاهیم شبکه ای مرتبط با وب مانند Domain، Host، Web Server، DNS Server
•    معرفی مفاهیم نرم افزاری مرتبط با طراحی وب مانند HTML و CSS
•    تشریح نحوه عملکرد Web Browser ها
•    بررسی مفهوم Search Engine
•    بررسی مفهوم SEO
•    بررسی مفهوم Responsive 
•    بررسی عبارت های مصطلح روز وب مانند Single Page،Parallax و …
•    بررسی مفهوم Tag و ساختار یک سند HTML استاندارد
•    ارائه طبقه بندی تگ ها مانند Text Level، Block Level، List و …
•    بررسی مفهوم Validation در اسناد HTML
•    معرفی CSS
•    بررسی نقش CSS در آرایش تگ ها
•    بررسی روش های مختلف اعمال Style روی تگ ها مانند Inline، Internal، External
•    معرفی انواع Selector ها در CSS
•    بررسی نحوه استفاده از تصاویر در سند HTML
•    بررسی انواع File Path
•    بررسی پسوندهای مختلف تصاویر
•    بررسی تصاویر PNG و مشکلات نمایشی مرورگرها
•    بررسی نکات مربوط به تصاویر مانند Transparency و …
•    بررسی Image Map
•    بررسی نحوه ویرایش و بهینه سازی تصاویر برای وب با نرم افزار های مربوطه
•    بررسی نحوه استفاده از تصاویر در Background
•    بررسی نکات مربوط به استفاده از تصاویر در Background مانند Repeat و …
•    بررسی نحوه استفاده از صدا و تصویر در Background
•    بررسی روش استفاده از Google Map و سایر موارد مرتبط 
•    ایجاد انیمیشن با تصاویر و ابزار های مربوطه
•    بررسی نحوه استفاده از رنگ
•    بررسی نحوه استفاده از فونت
•    بررسی Icon ها و فونت های گوگل
•    بررسی روش استفاده از کاراکترهای خاص در سند HTML
•    معرفی مفهوم Hyper Link و نکات مربوط به Navigation
•    آشنایی با مفهوم Anchor و Hash
•    بررسی روش ایجاد منو و انواع آن
•    بررسی روشهای مختلف آدرس دهی لینک ها مثلا Internal و External
•    بررسی تگ Table و اجزاء مختلف آن
•    بررسی معایب و مزایای Table
•    بررسی نحوه استفاده از Table برای چیدمان
•    بررسی نحوه اختصاص اندازه به المانها
•    بررسی نکات مربوط به Formatting در Table
•    بررسی نکات جدید HTML 5 در جداول
•    بررسی Div و نکات مربوطه در حیطه Positioning
•    بررسی نکات مربوط به Text مانند Direction، Decoration، Align و …
•    بررسی نکات مربوط به Positioning در CSS 3
•    بررسی نکات حرفه ای تر در CSS 3 مانند Animation
•    بررسی انواع Effect ها در CSS 3
•    بررسی نکات مربوط به Transform در CSS 3
•    بررسی انواع Layout ها
•    بررسی Localization برای زبانهای RTL
•    معرفی مفهوم Float و Absolute و …
•    معرفی مفاهیم مرتبط با Boxing
•    بررسی Form و انواع Input ها
•    طرح مشکل نمایش وب سایت در مرورگرهای متفاوت و نکات مربوطه
•    بررسی Drag & Drop
•    بررسی Canvas و نحوه استفاده از آن
•    بررسی SVG و نحوه استفاده از آن
•    بررسی مفهوم Responsive
•    معرفی مفهوم CSS Framework
•    معرفی و بررسی تاریخچه BootStrap
•    بررسی روش استفاده از BootStrap در یک سند HTML
•    معرفی Grid System
•    معرفی Media Query
•    معرفی انواع سایزها و کلاسهای مرتبط و روش تشخیص Resolution کاربر
•    معرفی انواع Layout ها و کلاسهای مرتبط مانند Fluid Layout
•    معرفی Fixed Layout
•    معرفی Responsive Layout
•    بررسی روش ایجاد فرم و کلاس های مرتبط
•    بررسی روش پنهان سازی بخش هایی از سند
•    بررسی نکات و کلاس های مرتبط با جدول
•    بررسی نکات و کلاس های مرتبط با تصاویر
•    بررسی روش سفارشی سازی BootStrap
•    بررسی مفهوم Client Side کد و لزوم وجود امکان برنامه نویسی سمت کلاینت
•    معرفی زبان برنامه نویسی JavaScript و روش استفاده از آن در یک سند HTML
•    بررسی نکات مربوط به تگ Script و محل نوشتن دستورات
•    معرفی مفهوم متغیر و ارائه نکات مربوط به متغیر ها در Java Script
•    بررسی متغیر های Local و Global
•    بررسی انواع عملگرها
•    معرفی مفهوم شرط و ساختارهای بررسی شرط
•    بررسی دستور switch
•    بررسی انواع حلقه های تکرار
•    بررسی حلقه های while و for و …
•    بررسی روش تعریف تابع و نکات مربوطه
•    بررسی مفهوم رویداد و روش اداره آن
•    معرفی DOM و اجزاء آن و روش دسترسی به آنها
•    بررسی انواع روشهای دسترسی به المانها مانند دسترسی بر اساس id و …
•    معرفی Framework و مفهوم آن و انواع Framework های Java Scrip
•    معرفی jQuery و مزایای استفاده از آن
•    بررسی روش استفاده از jQuery در یک سند HTML
•    بررسی و مقایسه عملیات مختلف مانند اداره رویداد،فراخوانی توابع،مقداردهی به مشخصه ها در jQuery و Java Script
•    معرفی Selector های jQuery و نکات مربوطه
•    آشنايی با jQuery
•    آموزش قواعد نوشتاری در jQuery
•    آموزش دسترسی به المان های html در jQuery
•    Select To Every Things آموزش دسترسی به تمام 
•    معرفی Effect ها در jQuery
•    معرفی مفهوم AJAX و بررسی روش پیاده سازی آن در Java Script و jQuery
•    معرفی jQuery UI

دوره های مشابه