آشنایی با دوره های آموزش طراحی صفحات وب

نام دوره مدت دوره روز ساعت برگزاری تاریخ شروع استاد تخفیف مبلغ
Web Design Pack172پنج شنبه14:30-20:3098/02/19نامشخصدارد تومان۲,۴۴۴,۰۰۰ تومان۲,۱۹۹,۶۰۰
PHP & MySQL Web Development60شنبه،دوشنبه و چهارشنبه17:30-20:3098/02/11نامشخصدارد تومان۱,۱۹۰,۰۰۰ تومان۱,۰۷۱,۰۰۰
word press & woocommerce Essential training45جمعه08:30-14:3098/02/06نامشخصدارد تومان۷۷۵,۰۰۰ تومان۶۹۷,۵۰۰
Web Design Pack172شنبه،دوشنبه و چهارشنبه17:30-20:3098/02/11نامشخصدارد تومان۲,۴۴۴,۰۰۰ تومان۲,۱۹۹,۶۰۰

 

آشنایی با دوره آموزشی Web Design Pack

ما در دوره ای زندگی می کنیم که به واسطه ابزارهای دیجیتال به راحتی می توانیم هر زمان و هر مکان به اینترنت و شبکه های اجتماعی دسترسی داشته باشیم. دیگر نیاز نیست برای به دست آوردن اطلاعات دست به دامن دیگران شد فقط کافی است جستجویی در اینترنت انجام دهیم تا به اطلاعات مورد نیاز دست پیدا کنیم.

اطلاعاتی که در اینترنت پیدا می کنیم در صفحاتی به نام صفحه وب ذخیره و از طریق کامپیوترهایی که به آنها وب سرور گفته می شود در اختیار کاربران قرار می گیرند. تعدادی صفحات مرتبط به هم که در یک دامنه ذخیره شده اند یک وب سایت را تشکیل می دهند.

نیاز روز افزون سازمان ها و شرکت های مختلف برای ارتباط با مخاطبان آنها را نیازمند داشتن یک وب سایت قدرتمند نموده است. به جرات می توان گفت که اکثر کسب و کارها برای رونق دادن به وضعیت خود و عقب نماندن از رقبا، وب سایت هایی با توانایی های زیاد تولید می کنند.

طراحی یک وب سایت ممکن است توسط یک طراح وب یا تیم طراحی وب انجام شود.

وب سایت عموما از دو بخش تشکیل شده اند که به آنها Frontend و Backend گفته می شود.

Frontend بخشی از سایت است که به صورت عمومی کاربران سایت با آن در ارتباط هستند. طراحی که این بخش از وب سایت را طراحی می کند باید با استفاده از تکنولوژی های مختلف بتواند تجربه کاربری خوبی برای مخاطب ایجاد کند.

Backend بخشی از سایت است که کاربر بصورت مستقیم آن را نمی بیند اما با آن در ارتباط است. مدیریت پایگاه داده، امنیت سایت و … در این گروه قرار می گیرند.

یک وب سایت فروش آنلاین را در نظر بگیرید. وقتی که کاربر آدرس سایت را تایپ می کند و وارد سایت می شود، بخشی از سایت را که به آن Frontend گفته می شود مشاهده می کند. اما وقتی که به جستجوی محصولات (که اطلاعات آنها در دیتابیس ذخیره شده) می پردازد با قسمت Backend سایت مرتبط می شود.

دوره آموزشی Web Design Pack تمام مباحث مربوط به طراحی وب سایت در بخش Frontend را به شما دانشپذیران گرامی آموزش خواهد داد.

در این دوره شما مباحث زیر را خواهید آموخت

HTML5, CSS3, Dream Weaver, JavaScript, JQuery, Ajax, Bootstrap, Less & Sass

مخاطبین دوره:

  • علاقمندان به یادگیری طراحی سایت
  • دانشجویان رشته های کامپیوتر
  • پشتیبان وب سایت

پیش نیاز:

  • آشنایی با اصول اولیه کار با کامپیوتر و اینترنت

اهداف دوره:

دانشجویان پس از پایان دوره، به مهارت ­های زیر دست خواهند یافت:

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

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

معرفی 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 Bottom of Form

بررسی انواع Effect ها در CSS 3

بررسی نکات مربوط به Transform در CSS 3

بررسی انواع 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 ها

بررسی نکات . کلاسهای مرتبط با دکمه

بررسی ارائه مثال از موارد زیر :

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

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

مدت دوره: ۱۷۲ ساعت

موقعیت های شغلی:

شما پس از طی این دوره آموزشی می توانید طراحی یک وب سایت (بخش Frontend) را بصورت کامل انجام دهید.

تهیه کننده:

آشنایی با دوره آموزشی PHP & MySQL

مخاطبین دوره :

  • علاقمندان به یادگیری سخت افزار کامپیوتر
  • کارشناسان پشتیبان شبکه­ جهت انجام امور در سطح Help Desk و بالاتر
  • دانشجویان رشته های کامپیوتر

پیش نیاز :

  • آشنایی با اصول اولیه کار با کامپیوتر

اهداف دوره آموزشی PHP & MySQL:

دانشجویان پس از پایان دوره به مهارت ­های زیر دست خواهند یافت :

آشنایی PHP و نصب و راه اندازی در Localhost

پیکربندی PHP و MySQL

معرفی ابزارهای مورد نیاز

معرفی و آموزش IDE کار با زبان برنامه نویسی

آشنایی با انواع Data type ها

معرفی کامل متغییرها و کار با آنها

معرفی کامل آرایه و آبجکت ها

معرفی متغییرها و آرایه های Super Global

آشنایی کامل با توابع Function و آرگومان ها

معرفی و کار با توابع بازگشتی

معرفی کامل شرط های IF و Switch

معرفی کامل حلقه های Do, While, For, For each

آشنایی کامل با انواع Operator های منطقی و شرطی

معرفی توابع کار روی رشته ها

معرفی توابع کار روی آرایه ها

آموزش فرم (ارسال و دریافت) در PHP

آموزش کامل دو متد Post و Get

امنیت داده ها در فرم

کار با فایل ها توابع مربوط به آنها

معرفی Include و Require در PHP

معرفی انواع توابع Redirect

سرفصل :

Hardware Basics

Installing and Configuring Hardware

Maintenance and Troubleshooting

Operating System Basics

Installing and Configuring Operating Systems

Troubleshooting Operating Systems

Basic Networking

اصول خطایابی و Debug در PHP

معرفی توابع تاریخ و ساعت در PHP

آشنایی کلی با مفهوم Database یا پایگاه داده

آشنایی با پلتفرم PHPMyAdmin برای کار با دیتابیس

برقراری ارتباط بین پایگاه داده و PHP

تشریح انواع داده ها (Data Type) در SQL

کار با کوئری های SQL اعم از Insert, Update, Select , …

نحوه Hash کردن پسورد

آموزش کامل Cookie در PHP

آموزش کامل Session در PHP

کار با Ajax در PHP

آشنایی با مفاهیم اولیه OOP

ساخت Class

انواع متدها در OOP و سطوح دسترسی آنها

آشنایی با دستور Const  و Static

آشنایی با مفاهیم ارث بری در OOP

کلاس PDO و ایجاد Query های امن

آشنایی با ساختار مدل MVC

پیاده سازی یک نمونه MVC

استفاده از کلاس ها خارجی

آشنایی با مدل MVC

مدت دوره : ۶۰  ساعت

موقعیت های شغلی:

پس از طی این دوره آموزشی،

تهیه کننده:

معرفی دوره آموزش WordPress & WooCommerce Essential Training

در این دوره دانشجویان با مفاهیم سیستم های مدیریت محتوای وب، نصب و راه اندازی وردپرس بر روی سرور لوکال و هاست آشنا شده و در نهایت امکان ایجاد یک وبسایت کامل و استفاده از قالب ها و افزونه های بسیار مفید را خواهند آموخت. مطالب این دوره با توجه به نیاز بازار کار طراحی شده است.

مخاطبین دوره :

علاقه مندان به یادگیری طراحی سایت

پشتیبان ها و  مدیران وب سایت

سرفصل دوره آموزش WordPress &WooCommerce Essential

  • A brief history
  • Finding a domain
  • Registering a domain
  • WordPress feature through your host
  • How to install script

Content Management using WordPress

  •  Archiving content
  • Naming a category
  • Creating a new category
  • Dressing up links
  • Checking Links with Your Server

Selecting the Right Tools

  • Picking a text editor
  • Cross-browser compatibility
  • Setting up for FTP
  • Transferring files
  • File Permissions

Image Formats, Fonts and Colors

  • Image types and formats
  • Comparing image formats
  • Raster based software
  • Vector based software
  • Image optimization
  • Color schemes
  • Creating colors using codes
  • Fonts for graphic design

Designing Your WordPress Site

  • Choosing a site with
  • Responsive Layouts
  • Content display options

The WordPress Default Layout, Themes and Templates

  • Customizing the header image
  • Custom navigation
  • Adding widgets to a sidebar or footer
  • Using PHP
  • Managing your database
  • Template files
  • Template tags, values, and parameters

More on Widgets and Template Tags

  • Common template tags
  • Calendar
  • List pages
  • Content Types
  • Adding widget areas to template files
  • Names templates

Parent and Child, Themes, Creating a Custom Site

  • Creating a child theme
  • Customizing the parent theme style
  • Overriding parent template files
  • Modifying theme functions file
  • CSS Selectors
  • Classes and Ids
  • Changing background mage or colors
  • Positioning your header image using CSS
  • Setting font, Color, and size
  • Inserting links

Using WordPress as a Content Management System

  • Creating the front page
  • Creating a static page
  • Using a static page as your front page
  • Making a blog look like a website
  • Creating blank blog pages
  • Creating custom page templates
    Using different sidebar and footer templates
  • Custom styles for sticky, category, and tag
  • Posts

Using WordPress Plugins

  • Installing plugins using the dashboard
  • Finding plugins
  • Installing and activating plugins
  • Installing plugins manually
  • Ecommerce plugins
  • Photo galleries and portfolios

پیش نیاز دوره آموزش WordPress &WooCommerce Essential

Web Design III (JavaScript & JQuery & Ajax) – Web Design I (HTML5, CSS3 with Dreamweaver

 موقعیت های شغلی:

در انتهای این دوره دانشجویان قادر خواهند بود یک وبسایت یا فروشگاه آنلاین کامل را با استفاده از وردپرس طراحی و راه اندازی و مدیریت نماید.

تهیه کننده:

آشنایی با دوره آموزشی بهینه سازی سایت برای موتورهای جستجو

Search Engine Optimization – SEO

 مخاطبین دوره :

 

  • سرفصل دوره آموزش بهینه سازی برای موتورهای جستجو در اینترنت (SEO)

    مفاهیم

    کار با Google Chrome Devtools

    الگوریتم های موتور جستجو

    DMCA

    راهنماهای گوگل وبمستر

    • راهنمای گوگل وبمستر در موردکیفیت
    • راهنمای گوگل وبمستر در مورد محتوا

    متا تگ های قابل فهم توسط گوگل

    ساختار URL

    آدرس Canonical

    استفاده از rel=”nofollow”

    صفحه بندی محتوا

    نقشه سایت

    robots.txt

    Mobile friendly

    اطلاعات ساختار یافته

    گوگل سرچ کنسول

    • ثبت سایت در گوگل سرچ کنسول
    • تنظیمات سایت
    • Search Appearance reports
    • Search traffic reports
    • Google index reports
    • Crawl reports

    موارد امنیتی

    Google Trends

    Google PageSpeed Insights

    GTmetrix

    Google Analytics

    • Implementation
    • Configuring
    • Goals
    • Real-Time reports
    • Audience reports
    • Acquisition reports
    • Behavior reports
    • Conversions reports
    • Custom Alerts

    Google AdWords

    • Create account
    • Setting
    • Campaign
    • Adgroup
    • Effective Ads
    • Keyword planner

    پیش نیاز دوره آموزش بهینه سازی برای موتورهای جستجو در اینترنت (SEO)

    Web Design I (HTML5, CSS3 with Dreamweaver)

اهداف دوره:

مدت دوره: ۳۰ ساعت

موقعیت های شغلی:

تهیه کننده:

Web Design Pack

 

آشنایی با دوره آموزشی Web Design Pack

ما در دوره ای زندگی می کنیم که به واسطه ابزارهای دیجیتال به راحتی می توانیم هر زمان و هر مکان به اینترنت و شبکه های اجتماعی دسترسی داشته باشیم. دیگر نیاز نیست برای به دست آوردن اطلاعات دست به دامن دیگران شد فقط کافی است جستجویی در اینترنت انجام دهیم تا به اطلاعات مورد نیاز دست پیدا کنیم.

اطلاعاتی که در اینترنت پیدا می کنیم در صفحاتی به نام صفحه وب ذخیره و از طریق کامپیوترهایی که به آنها وب سرور گفته می شود در اختیار کاربران قرار می گیرند. تعدادی صفحات مرتبط به هم که در یک دامنه ذخیره شده اند یک وب سایت را تشکیل می دهند.

نیاز روز افزون سازمان ها و شرکت های مختلف برای ارتباط با مخاطبان آنها را نیازمند داشتن یک وب سایت قدرتمند نموده است. به جرات می توان گفت که اکثر کسب و کارها برای رونق دادن به وضعیت خود و عقب نماندن از رقبا، وب سایت هایی با توانایی های زیاد تولید می کنند.

طراحی یک وب سایت ممکن است توسط یک طراح وب یا تیم طراحی وب انجام شود.

وب سایت عموما از دو بخش تشکیل شده اند که به آنها Frontend و Backend گفته می شود.

Frontend بخشی از سایت است که به صورت عمومی کاربران سایت با آن در ارتباط هستند. طراحی که این بخش از وب سایت را طراحی می کند باید با استفاده از تکنولوژی های مختلف بتواند تجربه کاربری خوبی برای مخاطب ایجاد کند.

Backend بخشی از سایت است که کاربر بصورت مستقیم آن را نمی بیند اما با آن در ارتباط است. مدیریت پایگاه داده، امنیت سایت و … در این گروه قرار می گیرند.

یک وب سایت فروش آنلاین را در نظر بگیرید. وقتی که کاربر آدرس سایت را تایپ می کند و وارد سایت می شود، بخشی از سایت را که به آن Frontend گفته می شود مشاهده می کند. اما وقتی که به جستجوی محصولات (که اطلاعات آنها در دیتابیس ذخیره شده) می پردازد با قسمت Backend سایت مرتبط می شود.

دوره آموزشی Web Design Pack تمام مباحث مربوط به طراحی وب سایت در بخش Frontend را به شما دانشپذیران گرامی آموزش خواهد داد.

در این دوره شما مباحث زیر را خواهید آموخت

HTML5, CSS3, Dream Weaver, JavaScript, JQuery, Ajax, Bootstrap, Less & Sass

مخاطبین دوره:

  • علاقمندان به یادگیری طراحی سایت
  • دانشجویان رشته های کامپیوتر
  • پشتیبان وب سایت

پیش نیاز:

  • آشنایی با اصول اولیه کار با کامپیوتر و اینترنت

اهداف دوره:

دانشجویان پس از پایان دوره، به مهارت ­های زیر دست خواهند یافت:

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

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

معرفی 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 Bottom of Form

بررسی انواع Effect ها در CSS 3

بررسی نکات مربوط به Transform در CSS 3

بررسی انواع 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 ها

بررسی نکات . کلاسهای مرتبط با دکمه

بررسی ارائه مثال از موارد زیر :

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

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

مدت دوره: ۱۷۲ ساعت

موقعیت های شغلی:

شما پس از طی این دوره آموزشی می توانید طراحی یک وب سایت (بخش Frontend) را بصورت کامل انجام دهید.

تهیه کننده:

PHP & MySQL

آشنایی با دوره آموزشی PHP & MySQL

مخاطبین دوره :

  • علاقمندان به یادگیری سخت افزار کامپیوتر
  • کارشناسان پشتیبان شبکه­ جهت انجام امور در سطح Help Desk و بالاتر
  • دانشجویان رشته های کامپیوتر

پیش نیاز :

  • آشنایی با اصول اولیه کار با کامپیوتر

اهداف دوره آموزشی PHP & MySQL:

دانشجویان پس از پایان دوره به مهارت ­های زیر دست خواهند یافت :

آشنایی PHP و نصب و راه اندازی در Localhost

پیکربندی PHP و MySQL

معرفی ابزارهای مورد نیاز

معرفی و آموزش IDE کار با زبان برنامه نویسی

آشنایی با انواع Data type ها

معرفی کامل متغییرها و کار با آنها

معرفی کامل آرایه و آبجکت ها

معرفی متغییرها و آرایه های Super Global

آشنایی کامل با توابع Function و آرگومان ها

معرفی و کار با توابع بازگشتی

معرفی کامل شرط های IF و Switch

معرفی کامل حلقه های Do, While, For, For each

آشنایی کامل با انواع Operator های منطقی و شرطی

معرفی توابع کار روی رشته ها

معرفی توابع کار روی آرایه ها

آموزش فرم (ارسال و دریافت) در PHP

آموزش کامل دو متد Post و Get

امنیت داده ها در فرم

کار با فایل ها توابع مربوط به آنها

معرفی Include و Require در PHP

معرفی انواع توابع Redirect

سرفصل :

Hardware Basics

Installing and Configuring Hardware

Maintenance and Troubleshooting

Operating System Basics

Installing and Configuring Operating Systems

Troubleshooting Operating Systems

Basic Networking

اصول خطایابی و Debug در PHP

معرفی توابع تاریخ و ساعت در PHP

آشنایی کلی با مفهوم Database یا پایگاه داده

آشنایی با پلتفرم PHPMyAdmin برای کار با دیتابیس

برقراری ارتباط بین پایگاه داده و PHP

تشریح انواع داده ها (Data Type) در SQL

کار با کوئری های SQL اعم از Insert, Update, Select , …

نحوه Hash کردن پسورد

آموزش کامل Cookie در PHP

آموزش کامل Session در PHP

کار با Ajax در PHP

آشنایی با مفاهیم اولیه OOP

ساخت Class

انواع متدها در OOP و سطوح دسترسی آنها

آشنایی با دستور Const  و Static

آشنایی با مفاهیم ارث بری در OOP

کلاس PDO و ایجاد Query های امن

آشنایی با ساختار مدل MVC

پیاده سازی یک نمونه MVC

استفاده از کلاس ها خارجی

آشنایی با مدل MVC

مدت دوره : ۶۰  ساعت

موقعیت های شغلی:

پس از طی این دوره آموزشی،

تهیه کننده:

WordPress & WooCommerce

معرفی دوره آموزش WordPress & WooCommerce Essential Training

در این دوره دانشجویان با مفاهیم سیستم های مدیریت محتوای وب، نصب و راه اندازی وردپرس بر روی سرور لوکال و هاست آشنا شده و در نهایت امکان ایجاد یک وبسایت کامل و استفاده از قالب ها و افزونه های بسیار مفید را خواهند آموخت. مطالب این دوره با توجه به نیاز بازار کار طراحی شده است.

مخاطبین دوره :

علاقه مندان به یادگیری طراحی سایت

پشتیبان ها و  مدیران وب سایت

سرفصل دوره آموزش WordPress &WooCommerce Essential

  • A brief history
  • Finding a domain
  • Registering a domain
  • WordPress feature through your host
  • How to install script

Content Management using WordPress

  •  Archiving content
  • Naming a category
  • Creating a new category
  • Dressing up links
  • Checking Links with Your Server

Selecting the Right Tools

  • Picking a text editor
  • Cross-browser compatibility
  • Setting up for FTP
  • Transferring files
  • File Permissions

Image Formats, Fonts and Colors

  • Image types and formats
  • Comparing image formats
  • Raster based software
  • Vector based software
  • Image optimization
  • Color schemes
  • Creating colors using codes
  • Fonts for graphic design

Designing Your WordPress Site

  • Choosing a site with
  • Responsive Layouts
  • Content display options

The WordPress Default Layout, Themes and Templates

  • Customizing the header image
  • Custom navigation
  • Adding widgets to a sidebar or footer
  • Using PHP
  • Managing your database
  • Template files
  • Template tags, values, and parameters

More on Widgets and Template Tags

  • Common template tags
  • Calendar
  • List pages
  • Content Types
  • Adding widget areas to template files
  • Names templates

Parent and Child, Themes, Creating a Custom Site

  • Creating a child theme
  • Customizing the parent theme style
  • Overriding parent template files
  • Modifying theme functions file
  • CSS Selectors
  • Classes and Ids
  • Changing background mage or colors
  • Positioning your header image using CSS
  • Setting font, Color, and size
  • Inserting links

Using WordPress as a Content Management System

  • Creating the front page
  • Creating a static page
  • Using a static page as your front page
  • Making a blog look like a website
  • Creating blank blog pages
  • Creating custom page templates
    Using different sidebar and footer templates
  • Custom styles for sticky, category, and tag
  • Posts

Using WordPress Plugins

  • Installing plugins using the dashboard
  • Finding plugins
  • Installing and activating plugins
  • Installing plugins manually
  • Ecommerce plugins
  • Photo galleries and portfolios

پیش نیاز دوره آموزش WordPress &WooCommerce Essential

Web Design III (JavaScript & JQuery & Ajax) – Web Design I (HTML5, CSS3 with Dreamweaver

 موقعیت های شغلی:

در انتهای این دوره دانشجویان قادر خواهند بود یک وبسایت یا فروشگاه آنلاین کامل را با استفاده از وردپرس طراحی و راه اندازی و مدیریت نماید.

تهیه کننده:

SEO

آشنایی با دوره آموزشی بهینه سازی سایت برای موتورهای جستجو

Search Engine Optimization – SEO

 مخاطبین دوره :

 

  • سرفصل دوره آموزش بهینه سازی برای موتورهای جستجو در اینترنت (SEO)

    مفاهیم

    کار با Google Chrome Devtools

    الگوریتم های موتور جستجو

    DMCA

    راهنماهای گوگل وبمستر

    • راهنمای گوگل وبمستر در موردکیفیت
    • راهنمای گوگل وبمستر در مورد محتوا

    متا تگ های قابل فهم توسط گوگل

    ساختار URL

    آدرس Canonical

    استفاده از rel=”nofollow”

    صفحه بندی محتوا

    نقشه سایت

    robots.txt

    Mobile friendly

    اطلاعات ساختار یافته

    گوگل سرچ کنسول

    • ثبت سایت در گوگل سرچ کنسول
    • تنظیمات سایت
    • Search Appearance reports
    • Search traffic reports
    • Google index reports
    • Crawl reports

    موارد امنیتی

    Google Trends

    Google PageSpeed Insights

    GTmetrix

    Google Analytics

    • Implementation
    • Configuring
    • Goals
    • Real-Time reports
    • Audience reports
    • Acquisition reports
    • Behavior reports
    • Conversions reports
    • Custom Alerts

    Google AdWords

    • Create account
    • Setting
    • Campaign
    • Adgroup
    • Effective Ads
    • Keyword planner

    پیش نیاز دوره آموزش بهینه سازی برای موتورهای جستجو در اینترنت (SEO)

    Web Design I (HTML5, CSS3 with Dreamweaver)

اهداف دوره:

مدت دوره: ۳۰ ساعت

موقعیت های شغلی:

تهیه کننده: