CIW

 

 

دوره طراحی وب


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

فعالیت در حوزه وب به دو بخش کلی طراحی وب و برنامه نویسی وب تقسیم می شود. این تقسیم بندی از آن جا ناشی می شود که نرم افزار های مبتنی بر معماری وب دارای دو بخش هستند. بخش اول، بخش سمت مشتری بوده که فرد، در کامپیوتر شخصی خود به کمک یک نرم افزار به نام مرورگر که معمولا گوگل کروم و یا فایرفاکس است به بخش سرویس دهنده متصل شده و از او درخواست اطلاعات می کند. ایجاد آن بخش از نرم افزار تحت وب که مشتری در مرورگر خود می بیند را ما به اصطلاح طراحی وب می نامیم. بنابراین طراحی وب تمام تکنیک ها و ابزارهایی است که به شما اجازه می دهد صفحات وبی را ایجاد کنید که مشتری با آن ها کار می کند. شما برای ایجاد صفحات وب می بایست دوره های HTML، CSS، JavaScript و jQeury را فراگیرید. بخش دوم، بخش سرویس دهنده است. این بخش معمولا بر روی یک کامپیوتر راه دور قرار دارد و کاربر از طریق صفحات وب در مرورگر خود با این بخش ارتباط بر قرار می کند. برای ایجاد بخش سرویس دهنده یک نرم افزار تحت وب، شما می بایست برنامه نویسی وب را فرابگیرید.برنامه نویسی وب تمامی ابزارها و تکنولوژی هایی است که به شما اجازه آن را می دهد که بخش سرویس دهنده یک وب سایت را ایجاد کنید. این بخش، اطلاعاتی که می بایست برای مشتری نمایش داده شوند را به مرورگر او بر می گرداند و وظیفه اش سرویس دهی به مشتریان راه دور است. در این حوزه شما می توانید برنامه نویسی به زبان PHP یا ASP.NET و یا Java Web Programming را فراگیرید. به طور کلی زبان های برنامه نویسی فراوانی وجود دارند که می توانید به کمک آن ها بخش سرویس دهنده را ایجاد نمایید.

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

دوره های طراحی و برنامه نویسی وب در دپارتمان وب و برنامه نویسی مجتمع فنی تهران نمایندگی تهرانپارس بر اساس استاندارد CIW تدریس می شوند. CIW که مخفف Certified Internet Web Professional است مجموعه دوره هایی هستند که در خارج از ایران به جهت تربیت افراد متخصص در حوزه وب تشکیل می شوند و به نوعی استاندارد آموزشی این دوره ها به شمار می آیند. دوره های این دپارتمان نیز به صورت هماهنگ با سیلابس های آموزشی CIW بوده و سعی بر آن دارد که با بیان مفاهیم پایه ای وب و همین طور توضیح تکنیک ها و ابزارهای جدید در این حوزه، افراد متخصص و آماده کار را رهسپار شرکت ها و مراکز مختلف کند. در زیر به تفصیل در مورد دوره های برگزار شده در این دپارتمان می پردازیم.

 

دوره jQuery

 

jQuery, جی کوئری ،آموزش، آموزشگاه، مجتمع فنی تهران، نمایندگی ونک

در این دوره نوبت به آن می رسد که برنامه نویسی به زبان جاوااسکریپت را شروع کنید. دقت شود که این درس در مورد طراحی وب می باشد و با برنامه نویسی سمت سرویس دهنده متفاوت است. شما در این دوره برنامه نویسی در مرورگر را خواهید آموخت. برای این که یک طراح وب کامل شوید شما می بایست بتوانید با جاوااسکریپت برنامه نویسی کنید و دانستن HTML و CSS برای شما کافی نیست. jQuery یک کتابخانه به زبان جاوااسکریپت است که برنامه نویسی به زبان جاوااسکریپت را بسیار ساده می کند. از این رو اغلب افراد ابتدا به فراگیری jQuery پرداخته و پس از آن به جهت برنامه نویسی پیشرفته تر به سراغ خود جاوااسکرپت می روند. آشنایی کامل با HTML و CSS از مفاهیم پیش نیاز این دوره بوده و دانشجو می بایست دوره قبل را گذرانده باشد. در این دوره شما می توانید به مرورگر بگویید که درصورت کلیک شدن فلان دکمه فلان عمل انجام شود. هم چنین در این دوره، با برنامه نویسی آژاکس به صورت مقدماتی آشنا خواهید شد.
 

دوره جاوا اسکریپت

 

 

از آن جا که برنامه نویسی مستقیم به زبان جاوااسکریپت کاربرد کمتر و پیشرفته تری دارد و اکثریت افراد ابتدا به فراگیری jQuery می پردازند، دوره ای نیاز است که بتوان در آن به بیان مفاهیم پیشرفته جاوااسکریپت و برنامه نویسی مستقیم با این زبان پرداخت. در این دوره، شما بدون استفاده از کتابخانه ی واسطی همچون jQuery به برنامه نویسی مستقیم با زبان جاوااسکرپت خواهید پرداخت. لازم به ذکر است آن بخش از HTML5 و CSS3 که نیازمند برنامه نویسی جاوااسکریپت هستند در این دوره بیان خواهند شد. لطفا دقت شود که از زبان برنامه نویسی جاوااسکریپت در بخش سرویس دهنده نیز استفاده می شود که تحت درسی با عنوان Node.js تدریس خواهد شد. برای گذراندن دوره فوق نیز می بایست این دوره، یعنی دوره برنامه نویسی با جاوااسکریپت را بگذرانید.


دوره برنامه نویسی مقدماتی به کمک PHP و MySQL

این دوره اولین دوره در مورد برنامه نویسی وب به کمک PHP می باشد. PHP یک زبان اسکریپتی سمت سرویس دهنده است که از آن برای ایجاد وب سایت های پویا استفاده می شود. وب سایت های پویا و این که یک وب سایت پویا چیست در این دوره و دوره قبل از آن یعنی اصول اولیه وب تعریف می شوند. به طور کلی تمام سایت هایی که کاربر داشته و برای کار با آن ها نیاز به ورود و خروج کاربرداریم جزو وب سایت های پویا هستند. به عنوان مثال می توان Facebook را نام برد که اتفاقا به کمک PHP ایجاد شده است. در این دوره شما با MySQL نیز آشنا خواهید شد. MySQL یک پایگاه داده بوده و در آن داده ها را نگهداری می کنیم. به طور کلی می توان گفت که وب سایت های پویا برای نگهداری داده هایشان از پایگاه داده ها استفاده می کنند. برنامه نویسان وب معمولا از MySQL به همراه PHP استفاده می کنند، از این رو در این دوره MySQL تدریس خواهد شد. مطالب تدریس شده در این دوره محدود به برنامه نویسی روالی خواهد بود و در دوره بعد به برنامه نویسی شی گرا و مفاهیم طراحی شی گرا خواهیم پرداخت.

برنامه نویسی پیشرفته به کمک PHP و MySQL

 

php,mysql, آموزش، آموزشگاه، مجتمع فنی تهران، نمایندگی ونک

 

در این دوره شما به فراگیری مفاهیم شی گرا و برنامه نویسی شی گرا به زبان PHP خواهید پرداخت. می بایست نظر شما را به این نکته جلب کنم که برنامه نویسی شی گرا برای استفاده از فریمورک های PHP مانند Laravel ، Zendو PHP Cake الزامی است چرا که این چهارچوب ها MVC بوده و از مفاهیم شی گرا استفاده می کنند. پس از این دوره شما آمادگی طراحی یک فریمورک را خواهید داشت و هم چنین می توانید از فریمورک های موجود استفاده نمایید. مفاهیم تدریس شده در این دوره جزو مباحثی هستند که در مصاحبه های کاری مورد سوال قرار می گیرند.


امید است که توضیحات داده شده توانسته باشد شما را در راستای انتخاب گرایش موردنظرتان راهنمایی کند. هدف ما این است که شعار یک برنامه نویس شوید محقق شود و بتوانیم به تربیت برنامه نویسان با سواد و ماهر نائل شویم.

 

سرفصل های دوره های متخصص ارشد طراحی وب سایت

 

Web Design I

 

Web Design I (HTML5 , CSS3 With Dreamweaver)

 

طول دوره:70 ساعت

 

کد درس:

 

درس پیش نیاز: آشنایی با کامپیوتر

 

  • آشنایی با مفهوم و تاریخچه وب و زیرساختهای نرم افزاری و سخت افزاری لازم برای ایجاد ،استقرار و نگهداری وب سایت ها
  • معرفی مفاهیم شبکه ای مرتبط با وب مانند 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 و TransitionBottom 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 و کاربرد آن

Web Design II

 

Web Design II (Responsive Design With Bootstrap , Less & Sass)

طول دوره:44 ساعت

کد درس:

درس پیش نیاز: Web Design I

  • بررسی مفهوم Responsive
  • معرفی مفهوم CSS Framework
  • معرفی و بررسی تاریخچه BootStrap
  • بررسی روش استفاده از BootStrap در یک سند HTML
  • معرفی Grid System
  • معرفی Media Query
  • معرفی انواع سایزها و کلاسهای مرتبط و روش تشخیص Resolution کاربر
  • معرفی انواع Layout ها و کلاسهای مرتبط مانند Fluid Layout
  • معرفی Fixed Layout
  • معرفی Responsive Layout
  • بررسی Typography با BootStrap
  • بررسی روش ایجاد فرم و کلاسهای مرتبط
  • بررسی روش پنهان سازی بخش هایی از سند
  • بررسی نکات و کلاسهای مرتبط با جدول
  • بررسی نکات و کلاسهای مرتبط با تصاویر
  • بررسی روش استفاده از Icon ها
  • بررسی روش استفاده از Helper ها
  • بررسی نکات . کلاسهای مرتبط با دکمه
  • بررسی ارائه مثال از موارد زیر :بررسی روش سفارشی سازی BootStrap
    • 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
  • معرفی 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

Web Design III (Java Script & JQuery & Ajax)

طول دوره:58 ساعت

کد درس:

درس پیش نیاز: Web Design I & II

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

 

JoomShaper