اطلاعات دوره Web Design Pack (Web1,2,3) + Tail Wind CSS

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

معرفی مفاهیم شبکه ای مرتبط با وب مانند 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 در آرایش تگ ها

بررسی روشهای مختلف اعمال 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 و کاربرد آن

بررسی مفهوم 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

بررسی مفهوم 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

• Tail Wind CSS