طراحی وب سایت UI (User Interface)

آشنایی با مفاهیم وب و زیر ساختهای نرم افزاری و سخت افزاری لازم برای ایجاد، استقرار و نگهداری وب سایت ها

معرفی مفاهیم نرم افزاری مرتبط با طراحی وب مانند HTML ،CSS

• آشنایی با دامنه
• آشنایی با هاست
• آشنایی با وب سرور
• آشنایی با DNS
• …

• • معرفی DOCTYPE
  • آموزش روش آماده سازی بستر طراحی وب و نرم افزار های مربوطه
  • معرفی Project Structure در طراحی وب
  • بررسی استاندارد نامگذاری المان ها
  • ارائه طبقه بندی تگ ها مانند Test Level، Block Level،…
  • بررسی پاراگراف، Span، List، DIV و کلیه تگ های طبقه بندی

  بررسی انواع تگ ها  و نقش

• بررسی نکات مربوط به Formatting در Table
• بررسی نحوه استفتده از رنگ ها و فونت ها
• بررسی روش های تقسیم بندی صفحه
• بررسی مفهوم Margin و Padding
• بررسی Border و نکات مربوطه
• مفاهیم CSS FLEXBOX
• بررسی نکات مربوط به Text 
  • بررسی نکات مربوط به Positioning در CSS3

  بررسی انواع Effect  و نکات حرفه ای تر در CSS3 

  • بررسی نکات مربوط به Positioning در CSS3

• بررسی انواع Effect  و نکات حرفه ای تر در CSS3 

• • بررسی نقش CSS در آرایش تگ ها
  • بررسی نکات مربوط به فونت مانند Size و Weight و …
  • معرفی انواع فونت و پسوند های مربوطه
  • بررسی نحوه اختصاص اندازه به المان ها
  • بررسی روش های مختلف اعمال Style
  • معرفی انواع Selector در CSS
  • بررسی نحوه ویرایش و بهینه سازی تصاویر برای وب و مفهوم Save/Export For Web
  • بررسی پسوند ها و نحوه Load  شدن تصاویر و مشکلات نمایشی مرورگر ها
  • بررسی نکات مربوط به تصاویر مانند Transparency
  • بررسی Image Map
  • بررسی نحوه استفاده از تصاویر Background
  • بررسی نحوه استفاده از صدا و تصویر در Background
  • معرفی Iframe و روش استفاده از آن
  • بررسی روش استفاده از Google Map و سایر موارد مرتبط با Iframe
  • ایجاد انیمیشن با تصاویر و ابزار های مربوطه
  • بررسی نحوه استفتده از رنگ ها و فونت ها
  • بررسی روش های تقسیم بندی صفحه
  • بررسی مفهوم Margin و Padding
  • بررسی Border و نکات مربوطه
  • مفاهیم CSS FLEXBOX
  • بررسی نکات مربوط به Text 
  • بررسی نکات مربوط به Positioning در CSS3
  • بررسی انواع Layout ها
  • بررسی Localization برای زبان های RTL
  • معرفی مفهوم های Float، Absolute و …
  • معرفی مفاهیم مرتبط با Boxing

• بررسی مفهوم Client Side کد ولزوم وجود امکان برنامه نویسی سمت کلاینت
• بررسی زبان برنامه نویسی JavaScript و روش استفاده از آن در سند HTML
• بررسی نکات مربوط به تگ Script و محل نوشتن دستورات
• معرفی مفهوم متغیر و ارائه نکات مربوط به متغیر ها در Java Script
• بررسی متغیر های Local و Global
• بررسی مفهوم notation و روش رعایت آن در JavaScript
• بررسی فایل های JavaScript و روش های استفاده از آن
• بررسی انواع عملگر ها
• معرفی مفهوم شرط و ساختار های بررسی شرط
• بررسی دستور Switch
• بررسی مفهوم انواع حلقه و موارد مورد نیاز حلقه های تکرار
• آشنایی با مفهوم تابع و انواع آن
• بررسی مفهوم رویداد و روش اداره آن
• بررسی تنوع رویداد المان ها و تفاوت انواع رویداد ها
• معرفی مفهوم Anonymous Function و نقش ان در مدیریت رویداد
• معرفی DOM و روش دسترسی به آن ها
• بررسی انواع روش های دسترسی به المانها
• بررسی روش درج، حذف و ویرایش المانها و شNode ها
• بررسی روش دسترسی به Node های پدر و فرزند و حالت های متنوع دسترسی
• معرفی Innertext و InnerHTML
• معرفی Framework و مفهوم آن و انواع Framework های JavaScript
• معرفی JQuery و روش استفاده از آن و مزایای آن
• بررسی و مقایسه عملیات مختلف مانند اداره رویداد، فراخوانی توابع، مقدار دهی به مشخصه ها در JQuery و JavaScript
• معرفی Selector در JQuery و نکات مربوطه
• آشنایی با JQuery و آموزش نصب آن
• آشنایی با شیوه کار و قواعد نوشتاری JQuery
• آموزش دسترسی به المان های HTML در JQuery
• آموزش دسترسی به Select To Every Thing ،ID Selector، Tag Name Selector، Class Selector، Attribute Selector Selecting Visibility و Selecting Parent And Children
• مباحث this binding
• مباحث ajax(jQuery, Fetch, Axios)
• مباحث js timers and intervals
• مباحث js cookie vs localstorage
• مباحث scope(function scope vs block scope)
• معرفی نحوه استفاده از Library های js و ارائه یک مثال از کتابخانه های کاربردی

• بررسی مزایای AJAX

• آموزش رویداد در JQuery
• معرفی Effect در JQuery
• معرفی مفهوم AJAX و بررسی روش های پیاده سازی آن در JavaScript و JQuery
• معرفی UI JQuery
• بررسی روش استقرار UI JQuery در سند
• بررسی انواع المان ها UI JQuery

  آشنایی با مفاهیم

• • BootStrap & Grid 
  • BootStrap Reboot
  • BootStrap Components
  • BS Alert
  • BS Pagination
  • BS ProgressBar
  • BS List Group
  • BS BTN, BTN Group
  • BS Form
  • BS Input & Validation
  • BS Carousel
  • BS Nav, NavTab, Navbar Layout(Responsive
  • BS Modal
  • BS Off Canvas
  • BS Scroll Spy
  • BS Label & Badge
  • BS Accordion
  • BS Collapse
  • BS DropDown
  • BS Tooltip & Popover

آشنایی با مفاهیم

• Introduction
• Compile Tools(koala, ruby sass)
• Variables
• Properties As Values
• Interpolation
• Mixins
• Functions
• Placeholder Selectors
• Nesting
• Lists & Maps
• Flow Control Tools(if, for, each)
• Built-in Functions
• change-color
• Partial Files And Import

• بررسی امکانات مربوط به شبکه های اجتماعی
• طرح مشکل نمایش وب سایت در مرور گر های متفاوت و نکات مربوطه
• بررسی Drag And Drop
• بررسی Canvas و SVG و نحوه استفاده از آنها
• معرفی Edge و Illustrator  و کاربرد آنها
• معرفی Mute و کاربرد آن