پیش نیاز

آشنایی با کامپیوتر

کسب توانایی

طراحی کامل یک سایت ریسپانسیو

سرفصل ها

این دوره شامل web design 1 , web design 2 , web design 3 می باشد.
مباحث web design 1 شامل:
• آشنایی با مفهوم و تاریخچه وب و زیرساختهای نرم افزاری و سخت افزاری لازم برای ایجاد ،استقرار و نگهداری وب سایت ها
• معرفی مفاهیم شبکه ای مرتبط با وب مانند Domain،Host،Web Server،DNS Server
• معرفی مفاهیم نرم افزاری مرتبط با طراحی وب مانند HTML و CSS
• معرفی 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
• بررسی نکات جدید HTML 5 در مورد لینکها مانند download
• بررسی تگ Table و اجزاء مختلف آن
• بررسی معایب و مزایای Table
• بررسی نحوه استفاده از Table برای چیدمان
• بررسی نحوه اختصاص اندازه به المانها
• بررسی نکات مربوط به Formatting در Table
• بررسی نکات جدید HTML 5 در جداول
• بررسی مفهوم Layout های Tableless
• بررسی Div و نکات مربوطه در حیطه Positioning
• بررسی روش های تقسیم بندی صفحه
• بررسی مفاهیم Margin و Padding
• بررسی Border و نکات مربوطه
• بررسی نکات مربوط به Text مانند Direction ،Decoration،Align و ...
• بررسی نکات مربوط به Positioning در CSS 3
• بررسی نکات حرفه ای تر در CSS 3 مانند Animation و Transition
• بررسی انواع Effect ها در CSS 3
• بررسی نکات مربوط به Transform در CSS 3
• بررسی انواع Layout ها
• بررسی Localization برای زبانهای RTL
• معرفی مفهوم Float و Absolute و ...
• معرفی مفاهیم مرتبط با Boxing
• بررسی Form و انواع Input ها
• معرفی تگ های مفهومی HTML 5 مانند موارد زیر













• و بررسی نقش هر یک
• بررسی امکانات مرتبط با شبکه های اجتماعی
• طرح مشکل نمایش وب سایت در مرورگرهای متفاوت و نکات مربوطه
• بررسی Drag & Drop
• بررسی Canvas و نحوه استفاده از آن
• بررسی SVG و نحوه استفاده از آن
• معرفی Edge و Illustrator و کاربرد آنها
• معرفی Muse و کاربرد آن
و مباحث web design 2 شامل:
 بررسی مفهوم Responsive
 معرفی مفهوم CSS Framework
 معرفی و بررسی تاریخچه BootStrap
 بررسی روش استفاده از BootStrap در یک سند HTML
 معرفی Grid System
 معرفی Media Query
 معرفی انواع سایزها و کلاسهای مرتبط و روش تشخیص Resolution کاربر
 معرفی انواع Layout ها و کلاسهای مرتبط مانند Fluid Layout
 معرفی Fixed Layout
 معرفی Responsive Layout
 بررسی Typography با BootStrap
 بررسی روش ایجاد فرم و کلاسهای مرتبط
 بررسی روش پنهان سازی بخش هایی از سند
 بررسی نکات و کلاسهای مرتبط با جدول
 بررسی نکات و کلاسهای مرتبط با تصاویر
 بررسی روش استفاده از Icon ها
 بررسی روش استفاده از Helper ها
 بررسی نکات . کلاسهای مرتبط با دکمه
 بررسی ارائه مثال از موارد زیر :
Dropdowns
Button groups
Button dropdowns
Input groups
Navs
Navbar
Breadcrumbs
Pagination
Labels
Badges
Jumbotron
Page header
Thumbnails
Thumbnails
Alerts
Progress bars
Media object
List group
Panels
Wells
 بررسی روش سفارشی سازی 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 3 شامل موارد:
بررسی مفهوم 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

بازار کار


توضیحات

کد کلاس : ۲۱۴۲۲۰ مدت کلاس : ۱۵۰ ساعت
سه شنبه ۱۴:۳۰ تا ۱۹:۳۰،
برگزاری به صورت آنلاین
سعادت آباد
۰۱مهر
۲۴,۰۰۰,۰۰۰ ریال ثبت نام
کد کلاس : ۲۱۴۲۲۴ مدت کلاس : ۱۵۰ ساعت
جمعه ۰۹:۰۰ تا ۱۴:۰۰،
برگزاری به صورت آنلاین
سعادت آباد
۱۱مهر
۲۴,۰۰۰,۰۰۰ ریال ثبت نام

همکاران ما آماده پاسخگویی به سوالات شما می باشند