آموزش Web Design Pack | بهترین دوره آموزش طراحی سایت حضوری و آنلاین

دنیای اینترنت به قدری عظیم است که به یک منبع درآمد بزرگ مبدل شده است. اشخاص زیادی از این فرصت استثنائی کمال استفاده را می‌برند. طراحی سایت نیز به یکی از ابزارهای مهم پول‌ساز مبدل شده است. آموزش web Design  یا طراحی سایت برای کسانی که دوست دارند؛ از این فرصت استفاده کنند، وجود دارد. سایت  به مجموعه صفحاتی که شامل انواع محتوای متنی، تصویری و صوتی یا فایل‌های دیجیتالی هستند، گفته می‌شود. این اطلاعات از طریق سرور به دستگاه دیجیتال هوشمند کاربر منتقل شده و  به مخاطبان ارائه خواهد شد.

بهترین دوره آموزش طراحی سایت به صورت حضوری و آنلاین در شرکت مجتمع فنی توسط اساتید برتر کشور ارائه می‌شود. افرادی که در این دوره آموزشی شرکت می‌کنند پیش‌نیاز چندانی لازم ندارند؛ کافی است به اطلاعات اولیه کامپیوتر آشنایی داشته باشند. در این دوره سر فصل‌های مختلفی از صفر تا صد طراحی سایت به داوطلبان آموزش داده می‌شود. این سرفصل‌ها به ترتیب به شرح زیل هستند.

سرفصل‌های دوره آموزش WEB DESIGN

دوره آموزش web Design  به 3 قسمت تقسیم شده و هر کدام از آن‌ها موارد بخش قبلی را به شکل جدید تکمیل خواهند کرد.

سرفصل دوره آموزش 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