سرفصل :‌

• سرفصل دوره Web Design I
• آشنایی با مفهوم و تاریخچه وب و زیرساختهای نرم افزاری و سخت افزاری لازم برای ایجاد، استقرار و نگهداری وب سایت ها
• معرفی مفاهیم شبکه ای مرتبط با وب مانند Domain،Host،Web Server،DNS Server
• معرفی مفاهیم نرم افزاری مرتبط با طراحی وب مانند HTML و CSS
• بررسی مفهوم Markup Language
• بررسی مفهوم Cascading Style Sheet
• تشریح نحوه عملکرد Web Browser ها
• بررسی مفهوم Search Engine
• بررسی مفهوم SEO
• بررسی مفهوم UI (واسط کاربری)
• بررسی مفهوم UX
• بررسی مفهوم Responsive (واکنش گرا)
• بررسی عبارت های مصطلح روز وب مانند Single Page ،Parallax و …
• بررسی مفهوم Tag و ساختار یک سند HTML استاندارد
• بررسی نسخه های HTML و ویژگی ها HTML5
• معرفی DOCTYPE
• آموزش روش آماده سازی بستر طراحی وب و نرم افزار های مربوطه
• معرفی Project Structure در طراحی وب
• ارائه طبقه بندی تگ ها مانند Text Level و Block Level ،List و …
• بررسی نکات مربوط به List ها
• بررسی پاراگراف ها، span و کلیه تگ های طبقه بندی شده
• معرفی مفهوم Attribute
• معرفی مفهوم Comment و دلائل استفاده از آن
• معرفی و ارائه مثال از تگ های مربوط به هر طبقه
• بررسی استاندارد های نامگذاری المانها
• بررسی مفهوم Validation در اسناد HTML
• معرفی CSS
• بررسی نقش CSS در آرایش تگ ها
• معرفی قابلیت های Design Environment مانند منو ها و قسمت های مختلف Dream Weaver
• بررسی روشهای مختلف اعمال Style روی تگها مانند Inline،Internal،External
• معرفی انواع Selector ها در CSS
• بررسی نحوه استفاده از تصاویر در سند HTML
• بررسی انواع File Path
• بررسی مفهوم Save/Export For Web
• بررسی نحوه Load شدن تصاویر
• بررسی پسوندهای مختلف تصاویر
• بررسی تصاویر PNG و مشکلات نمایشی مرورگرها
• بررسی نکات مربوط به تصاویر مانند Transparency و …
• بررسی Image Map
• بررسی نحوه ویرایش و بهینه سازی تصاویر برای وب با نرم افزار های مربوطه
• بررسی نحوه استفاده از تصاویر در Background
• بررسی نکات مربوط به استفاده از تصاویر در Background مانند Repeat و …
• بررسی نحوه استفاده از صدا و تصویر در Background
• معرفی IFrame و روش استفاده از آن
• بررسی روش استفاده از Google Map و سایر موارد مرتبط با IFrame
• ایجاد انیمیشن با تصاویر و ابزار های مربوطه
• بررسی نحوه استفاده از رنگ
• بررسی نحوه استفاده از فونت
• بررسی نکات مربوط به فونت مانند Size و Weight و …
• معرفی انواع فونت ها و پسوندهای مربوطه
• بررسی Icon ها و فونت های گوگل
• بررسی روش استفاده از کاراکترهای خاص در سند HTML
• معرفی مفهوم Hyper Link و نکات مربوط به Navigation
• آشنایی با مفهوم Anchor و Hash
• ایجاد Shortcut برای لینک ها
• بررسی Site Map و روش ایجاد آن
• بررسی روش ایجاد منو و انواع آن
• بررسی روشهای مختلف آدرس دهی لینکها مانند Internal و External
• بررسی نکات جدید HTML5 در مورد لینکها مانند Download
• بررسی تگ Table و اجزاء مختلف آن
• بررسی معایب و مزایای Table
• بررسی نحوه استفاده از Table برای چیدمان
• بررسی نحوه اختصاص اندازه به المانها
• بررسی نکات مربوط به Formatting در Table
• بررسی نکات جدید HTML5 در جداول
• بررسی مفهوم Layout های Tableless
• بررسی Div و نکات مربوطه در حیطه Positioning
• بررسی روش های تقسیم بندی صفحه
• بررسی مفاهیم Margin و Padding
• بررسی Border و نکات مربوطه
• بررسی نکات مربوط به Text مانند Direction ،Decoration ،Align و …
• بررسی نکات مربوط به Positioning در CSS3
• بررسی نکات حرفه ای تر در CSS3 مانند Animation و TransitionBottom of Form
• بررسی انواع Effect ها در CSS3
• بررسی نکات مربوط به Transform در CSS3
• بررسی انواع Layout ها
• بررسی Localization برای زبانهای RTL
• معرفی مفهوم Float و Absolute و …
• معرفی مفاهیم مرتبط با Boxing
• بررسی Form و انواع Input ها
• معرفی تگ های مفهومی HTML 5 و بررسی نقش هر یک
• بررسی امکانات مرتبط با شبکه های اجتماعی
• طرح مشکل نمایش وب سایت در مرورگرهای متفاوت و نکات مربوطه
• بررسی Drag & Drop
• بررسی Canvas و نحوه استفاده از آن
• بررسی SVG و نحوه استفاده از آن
• معرفی Edge و Illustrator و کاربرد آنها
• معرفی Muse و کاربرد آن
•  
• سرفصل دوره Web Design II
•  
• بررسی مفهوم Responsive
• معرفی مفهوم CSS Framework
• معرفی و بررسی تاریخچه BootStrap
• بررسی روش استفاده از BootStrap در یک سند HTML
• معرفی Grid System
• معرفی Media Query
• معرفی انواع سایزها و کلاسهای مرتبط و روش تشخیص Resolution کاربر
• معرفی انواع Layout ها و کلاسهای مرتبط مانند Fluid Layout
• معرفی Fixed Layout
• معرفی Responsive Layout
• بررسی Typography با BootStrap
• بررسی روش ایجاد فرم و کلاسهای مرتبط
• بررسی روش پنهان سازی بخش هایی از سند
• بررسی نکات و کلاسهای مرتبط با جدول
• بررسی نکات و کلاسهای مرتبط با تصاویر
• بررسی روش استفاده از Icon ها
• بررسی روش استفاده از Helper ها
• بررسی نکات . کلاسهای مرتبط با دکمه
• بررسی روش سفارشی سازی BootStrap
• معرفی LESS و SASS و تشریح مزایای استفاده از آنها و تفاوت ها
• بررسی روش نصب و راه اندازی SASS و COMPASS
• بررسی روش ایجاد پروژه و ابزار های گرافیکی مورد استفاده در SASS مانند Scout App و CodeKit و LiveReload
• بررسی روش ایجاد و فشرده سازی یک StyleSheet
• بررسی روش ایجاد متغیرهای در SASS
• بررسی روش ایجاد و استفاده از فایل های Partial
• بررسی الگوهای نوشتاری Nesting
• بررسی روش اتصال Selector ها و رابطه Parent-Child بین Selector ها
• بررسی روش استفاده از @extend برای گسترش قوانین تعریف شده
• بررسی الگوهای نوشتاری Mixins
• بررسی روش های اعمال تغییرات روی رنگ ها
• معرفی پلاگین Susy و نکات مربوطه
• بررسی روش ایجاد Media Query های پیشرفته تر با SASS و MIXINS
• پیاده سازی منطق با SASS
• بررسی روش نگارش و کامپایل LESS
• بررسی روش حل مشکل CROSS BROWSER در LESS
• بررسی Server Side Compilation
• بررسی روش استفاده از Source Map
• بررسی روش Compress و Minimize کردن
• بررسی متودولوژی های OOCSS و SMACSS و BEM
• بررسی روش استفاده از متغیر ها و MIXINS
• بررسی Nested Rule ها
• بررسی انواع عملگرها و توابع
• بررسی روش استفاده از Parent Selector
• بررسی عملیات روی رنگها
• بررسی Media Query ها در LESS
• بررسی روش استفاده از LESS در GRID
• بررسی تعاملات LESS با BOOTSTRAP
•  
• سرفصل دوره Web Design III
•  
• بررسی مفهوم Client Side کد و لزوم وجود امکان برنامه نویسی سمت کلاینت
• معرفی زبان برنامه نویسی Java Script و روش استفاده از آن در یک سند HTML
• بررسی نکات مربوط به تگ Script و محل نوشتن دستورات
• معرفی مفهوم متغیر و ارائه نکات مربوط به متغیر ها در Java Script
• بررسی متغیرهای Local و Global
• بررسی مفهوم Notation و روش رعایت آن در Java Script
• بررسی فایل های js. و روش استفاده از آنها
• بررسی انواع عملگرها
• معرفی مفهوم شرط و ساختارهای بررسی شرط
• بررسی دستور switch
• بررسی مفهوم حلقه و موارد نیاز به حلقه های تکرار
• بررسی انواع حلقه های تکرار
• بررسی حلقه های while ،for و …
• بررسی روش تعریف تابع و نکات مربوطه
• بررسی مفهوم رویداد و روش اداره آن
• بررسی تنوع رویدادهای المانها
• بررسی تفاوت انواع رویدادهای کلید مانند keyup و …
• معرفی مفهوم Anonymous Function و نقش آن در مدیریت رویداد
• معرفی DOM و اجزاء آن و روش دسترسی به آنها
• بررسی انواع روشهای دسترسی به المانها مانند دسترسی بر اساس id و …
• بررسی روش درج، حذف و ویرایش المانها و Node ها
• بررسی روش دسترسی به Node های پدر، فرزند و حالتهای متنوع دسترسی
• معرفی innerText و innerHTML
• معرفی Framework و مفهوم آن و انواع Framework های Java Scrip
• معرفی jQuery و مزایای استفاده از آن
• بررسی روش استفاده از jQuery در یک سند HTML
• بررسی و مقایسه عملیات مختلف مانند اداره رویداد، فراخوانی توابع، مقداردهی به مشخصه ها در jQuery و Java Script
• معرفی Selector های jQuery و نکات مربوطه
• آشنايی با jquery
• آموزش نصب jquery
• چگونگي شيوه کار jquery
• آموزش قواعد نوشتاری در jquery
• آموزش دسترسی به المان های html در jquery
• Select To Every Things آموزش دسترسی به تمام المان ها
• ID Selector آموزش دسترسی به وسيله شناسه
• Tag Name Selector آموزش دسترسی به وسيله ی نام تگ
• Class Selector آموزش دسترسی به وسيله ی کلاس
• Attribute Selector آموزش دسترسی به وسيله ی Attribute
• Selecting Visibility آموزش دسترسی توسط نمايش و عدم نمايش
• Selecting Parents and Children آموزش دسترسی توسط فرزند و پدر
• آموزش رويداد ها در jQuery
• معرفی Effect ها در jQuery
• معرفی مفهوم AJAX و بررسی روش پیاده سازی آن در Java Script و jQuery
• بررسی مزایای AJAX
• معرفی jQuery UI
• بررسی روش استقرار jQuery UI در سند
• بررسی انواع المانهای jQuery UI