SlideShare a Scribd company logo
‫وب‬ ‫تکنولوژی‬ ‫کاربردی‬ ‫ارائه‬
‫تکمیل‬ ‫حامد‬–‫قصرفخری‬ ‫ایمان‬
1 ‫وب‬ ‫دهنده‬ ‫توسعه‬ ‫با‬ ‫وب‬ ‫طراح‬ ‫یک‬ ‫های‬ ‫تفاوت‬
‫مفاهیم‬ ‫با‬ ‫آشنایی‬Client Side‫و‬Server Side2
‫فراگیری‬ ‫جهت‬ ‫مناسب‬ ‫فناوری‬ ‫انتخاب‬
3
‫سرویس‬ ‫وب‬
4
‫وب‬ ‫دهنده‬ ‫توسعه‬ ‫با‬ ‫وب‬ ‫طراح‬ ‫یک‬ ‫های‬ ‫تفاوت‬
Web Developer vs Web Designer
1
‫وب‬ ‫دهنده‬ ‫توسعه‬ ‫با‬ ‫وب‬ ‫طراح‬ ‫یک‬ ‫های‬ ‫تفاوت‬1
‫وب‬ ‫دهنده‬ ‫توسعه‬‫وب‬ ‫طراح‬
‫گرا‬ ‫درون‬ ‫عمدتا‬ ‫روحیه‬
‫افزار‬ ‫نرم‬ ‫مهندسی‬
Performance / Security
‫نویسی‬ ‫برنامه‬ ‫زبان‬
‫گرا‬ ‫برون‬ ‫احتماال‬ ‫روحیه‬
‫شناختی‬ ‫زیبایی‬ ‫مباحث‬
UI / UX / Usability
‫الزم‬ ‫ابزارهای‬
‫وب‬ ‫دهنده‬ ‫توسعه‬ ‫با‬ ‫وب‬ ‫طراح‬ ‫یک‬ ‫های‬ ‫تفاوت‬1
1
‫وب‬ ‫دهنده‬ ‫توسعه‬‫وب‬ ‫طراح‬
‫دار‬ ‫اطالعات‬ ‫وب‬ ‫و‬ ‫شبکه‬ ‫فنی‬ ‫ساختار‬ ‫مورد‬ ‫در‬‫ه‬
PHP, ASP.NET, Java, Python, …
MSSQL, MySQL, …
IIS, Apache, Nginx, …
Hacking, Debugging, Refactoring
‫دونه‬ ‫می‬ ‫ها‬ ‫انسان‬ ‫روحیات‬ ‫و‬ ،‫گرافیک‬ ‫مورد‬ ‫در‬
Prototype, Photoshop, Sketch, …
HTML, CSS, jQuery
Hotjar, UXPin, …
Redesign, Search, Review, …
‫وب‬ ‫دهنده‬ ‫توسعه‬ ‫با‬ ‫وب‬ ‫طراح‬ ‫یک‬ ‫های‬ ‫تفاوت‬‫عمل‬ ‫در‬
‫مشترک‬ ‫موارد‬
‫مفاهیم‬ ‫با‬ ‫آشنایی‬Client Side‫و‬Server Side
2
2 ‫مفاهیم‬ ‫با‬ ‫آشنایی‬Client Side‫و‬Server Side
2 ‫سرور‬ ‫سمت‬–Server Side
• IIS
• ASP.NET
• MSSQL
Windows
• Apache
• PHP
• MySQL
Linux
2 ‫کاربر‬ ‫سمت‬–Client Side
• Chrome
• Firefox
• Safari
• Scripts
Browsers
• HTML
• CSS
• JavaScript
Scripts
‫فراگیری‬ ‫جهت‬ ‫مناسب‬ ‫فناوری‬ ‫انتخاب‬
3
‫چطور‬‫جهت‬ ‫مناسب‬ ‫فناوری‬‫کنم؟‬ ‫انتخاب‬ ‫را‬ ‫فراگیری‬3
‫منابع‬
‫آموزشی‬
‫عالقه‬
‫شخصی‬
‫بازار‬ ‫نیاز‬
‫بین‬ ‫عرصه‬
‫المللی‬
‫تصمیم‬ ‫یک‬...3
‫نویسی‬ ‫برنامه‬ ‫زبان‬Ruby
‫منابع‬
‫آموزشی‬
‫عالقه‬
‫شخصی‬
‫بازار‬ ‫نیاز‬
‫بین‬ ‫عرصه‬
‫المللی‬
‫تصمیم‬ ‫یک‬...3
‫نویسی‬ ‫برنامه‬ ‫زبان‬PHP
‫منابع‬
‫آموزشی‬
‫عالقه‬
‫شخصی‬
‫؟‬
‫بازار‬ ‫نیاز‬
‫بین‬ ‫عرصه‬
‫المللی‬
‫تصمیم‬ ‫یک‬...3
‫نویسی‬ ‫برنامه‬ ‫زبان‬ASP.NET
‫منابع‬
‫آموزشی‬
‫عالقه‬
‫شخصی‬
‫؟‬
‫بازار‬ ‫نیاز‬
‫بین‬ ‫عرصه‬
‫المللی‬
‫تجربه‬ ‫کسب‬ ‫و‬ ‫عملی‬ ‫کار‬
3
HTML CSS JavaScript
SEO
SASS/Less
‫مسیر‬ ‫انتخاب‬...
Bootstrap
‫چی؟‬ ‫بعدش‬3
3
PHP ASP.NET Ruby
Team Work (Git, …)
Design Patterns, …
‫مسیر‬ ‫انتخاب‬...
‫کنی‬ ‫مطالعه‬ ‫مدام‬ ‫باید‬...
‫همیشگی‬ ‫دعوای‬...3
‫محتوا‬ ‫مدیریت‬ ‫های‬ ‫سیستم‬-CMS3
• WordPress ( PHP )
• Joomla ( PHP )
• Drupal ( PHP )
• DotNetNuke ( .Net )
• Sitefinity ( .Net )
• Umbraco / Kentico ( .Net )
http://w3techs.com
3
AngularJS ReactJS Node.js
‫تر‬ ‫پیشرفته‬–‫ها‬ ‫ورک‬ ‫فریم‬ ‫فراگیری‬
PHP Symfony PHP CI PHP Laravel
Java Spring Ruby on Rails Python Django
‫بگیرم؟‬ ‫یاد‬ ‫کجا‬ ‫از‬3
• http://majidonline.com
• http://faranesh.com
• http://lynda.com
• http://w3schools.com
• http://smashingmagazine.com
• http://tympanus.net/codrops
• http://css-tricks.com
• http://tutsplus.com
3 ‫ی‬ ‫افزونه‬ ‫با‬ ‫کار‬Wappalyzer
‫وب‬ ‫در‬ ‫رفته‬ ‫کار‬ ‫به‬ ‫های‬ ‫فناوری‬ ‫شناسایی‬ ‫هدف‬ ‫با‬ ‫مرورگرها‬ ‫روی‬ ‫بر‬ ‫نصب‬ ‫جهت‬ ‫افزونه‬ ‫یک‬‫سایت‬
‫کنی‬ ‫مطالعه‬ ‫جهانی‬ ‫های‬ ‫گرایش‬ ‫مورد‬ ‫در‬‫د‬
• Cloud
• Mobile
• Internet of Things
• Big Data
• Augmented Reality
‫سرویس‬ ‫وب‬
4
4 ‫سرویس‬ ‫وب‬ ‫و‬ ‫موبایل‬ ‫دنیای‬
4 ‫پرداخت‬ ‫های‬ ‫درگاه‬ ‫و‬ ‫سامان‬ ‫بانک‬–‫عمومی‬ ‫سرویس‬ ‫وب‬
• Website
• Mobile App
‫کن‬ ‫شروع‬ ‫امروز‬ ‫همین‬ ‫از‬!

More Related Content

Similar to Navid Conference - 1394 - Shiraz, Iran

Digital Publisher
Digital PublisherDigital Publisher
Digital Publisher
Shad Far
 
Content management system
Content management systemContent management system
Content management system
nasimtalebi1984
 
یادگیری و آموزش تکنولوژی‌های جدید در سال آینده - میلاد نوری
 یادگیری و آموزش تکنولوژی‌های جدید در سال آینده - میلاد نوری یادگیری و آموزش تکنولوژی‌های جدید در سال آینده - میلاد نوری
یادگیری و آموزش تکنولوژی‌های جدید در سال آینده - میلاد نوری
Web Standards School
 
13940305-NetManagementOS_ver1.5
13940305-NetManagementOS_ver1.513940305-NetManagementOS_ver1.5
13940305-NetManagementOS_ver1.5
Ehsan Khanahmadi
 
50 تمرین کاربردی برای یک طراح تجربه کاربری - جلسه پنجم
50 تمرین کاربردی برای یک طراح تجربه کاربری - جلسه پنجم50 تمرین کاربردی برای یک طراح تجربه کاربری - جلسه پنجم
50 تمرین کاربردی برای یک طراح تجربه کاربری - جلسه پنجم
Ali Akrami
 
programing.pptx
programing.pptxprograming.pptx
programing.pptx
NasratullahMirzai2
 
توسعه پروژه های بک‌اند، فرانت‌اند و موبایل با کاتلین
توسعه پروژه های بک‌اند، فرانت‌اند و موبایل با کاتلینتوسعه پروژه های بک‌اند، فرانت‌اند و موبایل با کاتلین
توسعه پروژه های بک‌اند، فرانت‌اند و موبایل با کاتلین
Web Standards School
 
مهاجرت به متن باز در شرکت توزیع برق مشهد
مهاجرت به متن باز در شرکت توزیع برق مشهدمهاجرت به متن باز در شرکت توزیع برق مشهد
مهاجرت به متن باز در شرکت توزیع برق مشهد
عباس بني اسدي مقدم
 
مفاهیم اولیه داکر
مفاهیم اولیه داکرمفاهیم اولیه داکر
مفاهیم اولیه داکر
Ali Rasoulian
 
مروری بر فریمورک های CSS
مروری بر فریمورک های CSSمروری بر فریمورک های CSS
مروری بر فریمورک های CSS
reza janmohammadi
 
oCCc_24_Cloud_Design_Patterns
oCCc_24_Cloud_Design_PatternsoCCc_24_Cloud_Design_Patterns
oCCc_24_Cloud_Design_Patterns
Morteza Javan
 
an introduction to Web 3.0 - Semantic Web
an introduction to Web 3.0 - Semantic Weban introduction to Web 3.0 - Semantic Web
an introduction to Web 3.0 - Semantic Web
Hossein sharafi
 
Data Fusion model for web analytics
Data Fusion model for web analyticsData Fusion model for web analytics
Data Fusion model for web analytics
Mahdi Sayyad
 
13940305-SharePoint-Ver3.51-forStudent
13940305-SharePoint-Ver3.51-forStudent13940305-SharePoint-Ver3.51-forStudent
13940305-SharePoint-Ver3.51-forStudent
Ehsan Khanahmadi
 
How to choose appropriate technology for product development - Persian Version
How to choose appropriate technology for product development - Persian VersionHow to choose appropriate technology for product development - Persian Version
How to choose appropriate technology for product development - Persian Version
aminmesbahi
 
چارچوب متن باز جهت توسعه سیستم های نرم افزاری
چارچوب متن باز جهت توسعه سیستم های نرم افزاریچارچوب متن باز جهت توسعه سیستم های نرم افزاری
چارچوب متن باز جهت توسعه سیستم های نرم افزاری
عباس بني اسدي مقدم
 
کارگاه آموزش مقدماتی طراحی واسط و تجربه کاربری UI/UX Desgin Workshop
کارگاه آموزش مقدماتی طراحی واسط و تجربه کاربری UI/UX Desgin Workshopکارگاه آموزش مقدماتی طراحی واسط و تجربه کاربری UI/UX Desgin Workshop
کارگاه آموزش مقدماتی طراحی واسط و تجربه کاربری UI/UX Desgin Workshop
Esmail MohammadiPanah
 
386 wp
386 wp386 wp
386 wp
Isfahanlug
 
Wp
WpWp

Similar to Navid Conference - 1394 - Shiraz, Iran (20)

Digital Publisher
Digital PublisherDigital Publisher
Digital Publisher
 
Content management system
Content management systemContent management system
Content management system
 
یادگیری و آموزش تکنولوژی‌های جدید در سال آینده - میلاد نوری
 یادگیری و آموزش تکنولوژی‌های جدید در سال آینده - میلاد نوری یادگیری و آموزش تکنولوژی‌های جدید در سال آینده - میلاد نوری
یادگیری و آموزش تکنولوژی‌های جدید در سال آینده - میلاد نوری
 
13940305-NetManagementOS_ver1.5
13940305-NetManagementOS_ver1.513940305-NetManagementOS_ver1.5
13940305-NetManagementOS_ver1.5
 
50 تمرین کاربردی برای یک طراح تجربه کاربری - جلسه پنجم
50 تمرین کاربردی برای یک طراح تجربه کاربری - جلسه پنجم50 تمرین کاربردی برای یک طراح تجربه کاربری - جلسه پنجم
50 تمرین کاربردی برای یک طراح تجربه کاربری - جلسه پنجم
 
programing.pptx
programing.pptxprograming.pptx
programing.pptx
 
توسعه پروژه های بک‌اند، فرانت‌اند و موبایل با کاتلین
توسعه پروژه های بک‌اند، فرانت‌اند و موبایل با کاتلینتوسعه پروژه های بک‌اند، فرانت‌اند و موبایل با کاتلین
توسعه پروژه های بک‌اند، فرانت‌اند و موبایل با کاتلین
 
مهاجرت به متن باز در شرکت توزیع برق مشهد
مهاجرت به متن باز در شرکت توزیع برق مشهدمهاجرت به متن باز در شرکت توزیع برق مشهد
مهاجرت به متن باز در شرکت توزیع برق مشهد
 
مفاهیم اولیه داکر
مفاهیم اولیه داکرمفاهیم اولیه داکر
مفاهیم اولیه داکر
 
مروری بر فریمورک های CSS
مروری بر فریمورک های CSSمروری بر فریمورک های CSS
مروری بر فریمورک های CSS
 
oCCc_24_Cloud_Design_Patterns
oCCc_24_Cloud_Design_PatternsoCCc_24_Cloud_Design_Patterns
oCCc_24_Cloud_Design_Patterns
 
an introduction to Web 3.0 - Semantic Web
an introduction to Web 3.0 - Semantic Weban introduction to Web 3.0 - Semantic Web
an introduction to Web 3.0 - Semantic Web
 
Data Fusion model for web analytics
Data Fusion model for web analyticsData Fusion model for web analytics
Data Fusion model for web analytics
 
13940305-SharePoint-Ver3.51-forStudent
13940305-SharePoint-Ver3.51-forStudent13940305-SharePoint-Ver3.51-forStudent
13940305-SharePoint-Ver3.51-forStudent
 
How to choose appropriate technology for product development - Persian Version
How to choose appropriate technology for product development - Persian VersionHow to choose appropriate technology for product development - Persian Version
How to choose appropriate technology for product development - Persian Version
 
چارچوب متن باز جهت توسعه سیستم های نرم افزاری
چارچوب متن باز جهت توسعه سیستم های نرم افزاریچارچوب متن باز جهت توسعه سیستم های نرم افزاری
چارچوب متن باز جهت توسعه سیستم های نرم افزاری
 
کارگاه آموزش مقدماتی طراحی واسط و تجربه کاربری UI/UX Desgin Workshop
کارگاه آموزش مقدماتی طراحی واسط و تجربه کاربری UI/UX Desgin Workshopکارگاه آموزش مقدماتی طراحی واسط و تجربه کاربری UI/UX Desgin Workshop
کارگاه آموزش مقدماتی طراحی واسط و تجربه کاربری UI/UX Desgin Workshop
 
386 wp
386 wp386 wp
386 wp
 
Wp
WpWp
Wp
 
Resume
ResumeResume
Resume
 

Navid Conference - 1394 - Shiraz, Iran