سرفصل های دوره Webmaster1 را مشاهده کنید

• آشنایی با مفهوم، اصطلاحات و تاریخچه وب لازم برای ایجاد، استقرار و نگهداری وب سایت ها
• معرفی مفاهیم شبکه ای مرتبط با وب مانند Domain،Host،Web Server،DNS Server
• آشنایی با ابزارهای طراحی سایت
• نکات و راه کارهای مربوط به ثبت و انتخاب دامین مناسب و سرور
• نکات و راه کارهای مربوط فضای میزبانی سرور
• آشنایی با هاست و پنل های مدیریت
• روانشناسی رنگ ها برای انتخاب ترکیب رنگ مناسب وب سایت
• معرفی مفاهیم نرم افزاری مرتبط با طراحی وب و وب معنایی
• بررسی مفهوم CSS
• تشریح نحوه عملکرد Web Browser ها
• بررسی مفهوم Search Engine
• بررسی مفهوم SEO
• بررسی مفهوم UI (واسط کاربری)
• بررسی مفهوم UX (تجربه کاربری)
• بررسی مفهوم (Responsive) واکنش گرا
• بررسی عبارت های روز وب مانند SPA ، Landing Page ،Parallax و …
• بررسی مفهوم Tag و ساختار یک سند HTML استاندارد
• بررسی نسخه های HTML و ویژگی های HTML5
• معرفی Project Structure در طراحی وب
• ارائه طبقه بندی تگ ها مانند Text Level و Block Level ،List و …
• بررسی پاراگراف ها،span و کلیه تگ های طبقه بندی شده
• معرفی مفهوم Attribute
• معرفی مفهوم Comment و ضرورت استفاده از آن
• بررسی استاندارد های نامگذاری المانها
• بررسی مفهوم Validation در اسناد HTML
• معرفی CSS
• بررسی نقش CSS در آرایش تگ ها
• بررسی روشهای مختلف اعمال Style روی تگها مانند Inline،Internal،External
• معرفی انواع Selector ها در CSS
• بررسی نحوه استفاده از تصاویر در سند HTML
• بررسی مفهوم Save/Export For Web
• بررسی نحوه Load شدن تصاویر
• بررسی نکات مربوط به تصاویر مانند Transparency و …
• بررسی نحوه ویرایش و بهینه سازی تصاویر برای وب با نرم افزار های مربوطه
• بررسی نحوه استفاده از تصاویر در Background
• بررسی نکات مربوط به استفاده از تصاویر در Background مانند Repeat و …
• بررسی نحوه استفاده از صدا و تصویر در Background
• معرفی Iframe و روش استفاده از آن
• بررسی روش استفاده از Google Map و سایر موارد مرتبط با Iframe
• ایجاد انیمیشن با تصاویر و ابزار های مربوطه
• بررسی نحوه استفاده از رنگ
• بررسی نحوه استفاده از فونت
• بررسی نکات مربوط به فونت مانند Size و Weight و …
• معرفی انواع فونت ها و پسوندهای مربوطه
• بررسی فونت Icon ها
• بررسی روش استفاده از کاراکترهای خاص در سند HTML
• معرفی مفهوم Hyper Link و نکات مربوط به Navigation
• آشنایی با مفهوم Anchor
• بررسی Site Map و روش ایجاد آن
• بررسی روش ایجاد منو و انواع آن
• بررسی روشهای مختلف آدرس دهی لینکها مانند Internal و External
• بررسی تگ Table و اجزاء مختلف آن
• بررسی معایب و مزایای Table
• بررسی نحوه استفاده از Table برای چیدمان
• بررسی نحوه اختصاص اندازه به المانها
• بررسی نکات مربوط به Formatting در Table
• بررسی نکات جدید HTML5 در جداول
• بررسی مفهوم Layout های Table less
• بررسی Div و نکات مربوطه در حیطه Positioning
• بررسی روش های تقسیم بندی صفحه
• بررسی مفاهیم Margin و Padding
• بررسی Border و نکات مربوطه
• بررسی نکات مربوط به Text مانند Direction ،Decoration ،Align و …
• بررسی نکات مربوط به Positioning در CSS3
• بررسی نکات حرفه ای تر در CSS3 مانند Animation و Transitions
• بررسی انواع Effect ها در CSS3
• بررسی نکات مربوط به Transform در CSS3
• بررسی انواع Layout ها
• بررسی Localization برای زبانهای RTL
• معرفی مفهوم Float و Absolute و …
• معرفی مفاهیم مرتبط با Boxing
• بررسی Form و انواع Input ها
• معرفی تگ های مفهومی HTML 5 و بررسی نقش هر یک
• طرح مشکل نمایش وب سایت در مرورگرهای متفاوت و نکات مربوطه
• بررسی Canvas و نحوه استفاده از آن
• بررسی SVG و نحوه استفاده از آن

سرفصل های دوره Webmaster2 را مشاهده کنید

• بررسی مفهوم Responsive
• معرفی مفهوم CSS Framework
• معرفی و بررسی تاریخچه Bootstrap
• بررسی روش استفاده از Bootstrap در یک سند HTML
• معرفی Grid System
• معرفی Media Query
• معرفی انواع سایزها و کلاسهای مرتبط و روش تشخیص Resolution کاربر
• معرفی انواع Layout ها و کلاسهای مرتبط مانند Fluid Layout
• معرفی Fixed Layout
• معرفی Responsive Layout
• بررسی Typography با Bootstrap
• بررسی روش ایجاد فرم و کلاسهای مرتبط
• بررسی نکات و کلاسهای مرتبط با جدول
• بررسی نکات و کلاسهای مرتبط با تصاویر
• بررسی روش استفاده از Icon ها
• بررسی نکات و کلاسهای مرتبط با دکمه
• بررسی ارائه مثال از عناصر طراحی شامل:
• • Accordion
  • Alerts
  • Badge
  • Breadcrumb
  • Buttons
  • Button group
  • Card
  • Carousel
  • Close button
  • Collapse
  • Dropdowns
  • List group
  • Modal
  • Navs & tabs
  • Navbar
  • Offcanvas
  • Pagination
  • Placeholders
  • Popovers
  • Progress
  • Scrollspy
  • Spinners
  • Toasts
  • Tooltips
• بررسی روش سفارشی سازی Bootstrap
• معرفی LESS و SASS و تشریح مزایای استفاده از آنها و تفاوت ها
• بررسی روش ایجاد پروژه و ابزار های گرافیکی مورد استفاده در SASS مانند Scout App و CodeKit و LiveReload
• بررسی روش ایجاد و فشرده سازی یک StyleSheet
• بررسی روش ایجاد متغیرهای در SASS
• بررسی روش ایجاد و استفاده از فایل های Partial
• بررسی الگوهای نوشتاری Nesting
• بررسی روش اتصال Selector ها و رابطه Parent-Child بین Selector ها
• بررسی روش استفاده از @extend برای گسترش قوانین تعریف شده
• بررسی روش های اعمال تغییرات روی رنگ ها
• بررسی روش ایجاد 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

سرفصل های دوره Webmaster3 را مشاهده کنید

• بررسی مفهوم Client Side کد و لزوم وجود امکان برنامه نویسی سمت کلاینت
• معرفی زبان برنامه نویسی Java Script و روش استفاده از آن در یک سند HTML
• بررسی نکات مربوط به تگ Script
• معرفی مفهوم متغیر و ارائه نکات مربوط به متغیر ها در Java Script
• بررسی متغیرهای Local و Global
• بررسی مفهوم Notation و روش رعایت آن در Java Script
• بررسی فایل های و روش استفاده از آنها
• بررسی انواع عملگرها
• معرفی مفهوم شرط و ساختارهای بررسی شرط
• بررسی دستور switch
• بررسی مفهوم حلقه و موارد نیاز به حلقه های تکرار
• بررسی انواع حلقه های تکرار
• بررسی حلقه های while ،for
• بررسی روش تعریف تابع و نکات مربوطه
• بررسی مفهوم رویداد و روش اداره آن
• بررسی تنوع رویدادهای المانها
• بررسی تفاوت انواع رویدادهای کلیک
• معرفی مفهوم Anonymous Function و نقش آن در مدیریت رویداد
• معرفی DOM و اجزاء آن و روش دسترسی به آنها
• بررسی انواع روشهای دسترسی به المانها مانند دسترسی بر اساس id و …
• بررسی روش درج، حذف و ویرایش المانها و Node ها
• بررسی روش دسترسی به Node های پدر، فرزند و حالتهای متنوع دسترسی
• معرفی innerText و innerHTML
• معرفی Framework و مفهوم آن و انواع Framework های Java Script
• معرفی jQuery و مزایای استفاده از آن
• بررسی روش استفاده از jQuery در یک سند HTML
• بررسی و مقایسه عملیات مختلف مانند اداره رویداد، فراخوانی توابع، مقداردهی به مشخصه ها در jQuery و Java Script
• معرفی Selector های jQuery و نکات مربوطه
• آشنايی با jQuery
• آموزش نصب jQuery
• چگونگي شيوه کار  jQuery
• آموزش قواعد نوشتاری در jQuery
• آموزش دسترسی به المان های html در jQuery
• آموزش دسترسی به تمام المان ها
• آموزش دسترسی به وسيله شناسه ID Selector
• آموزش دسترسی به وسيله ی نام تگ Tag Name Selector
• آموزش دسترسی به وسيله ی کلاس Class Selector
• آموزش دسترسی به وسيله ی Attribute Selector
• آموزش دسترسی توسط نمايش و عدم نمايش Selecting Visibility
• آموزش دسترسی توسط فرزند و پدر Selecting Parents and Children
• آموزش رويداد ها در jQuery
• معرفی Effect ها در jQuery
• معرفی مفهوم AJAX و بررسی روش پیاده سازی آن در Java Script و jQuery
• بررسی مزایای AJAX
• معرفی jQuery UI
• بررسی انواع المانهای jQuery UI
• معرفی js Frameworks

سرفصل های دوره Webmaster pack را مشاهده کنید

• دوره Webmaster1
• دوره Webmaster2
• دوره Webmaster3

سرفصل های دوره Back-end developer را مشاهده کنید

سرفصل های دوره وردپرس و ووکامرس را مشاهده کنید

سرفصل های دوره Full-stack developer را مشاهده کنید

• دوره Webmaster1
• دوره Webmaster2
• دوره Webmaster3
• دوره Back-end developer
• دوره وردپرس و ووکامرس

سرفصل های سئو و دیجیتال مارکتینگ را مشاهده کنید