دوره جامع طراحی وب

دوره جامع آموزشی طراحی سایت به شکل عملی با رویکرد بازار کار

یک برنامه تحت وب (وب سایت نیز نوعی برنامه تحت وب است) از نظر اجرا به دوبخش Client Side و Server Side تقسیم میشود. بخش Client Side ظاهر و رفتار برنامه است و دقیقا همان بخشیست که درون مرورگر میبینیم و درک میکنیم و به ذهن می سپاریم. به عنوان مثال همه ما با شنید اسم گوگل یک ظاهر و رفتار خاص را در ذهن مجسم میکنیم که این همان بخش Client Side برنامه گوگل است . اما آیا تلاش شرکت گوگل با آن همه عظمت و کارشناس به طراحی صفحه ای با یک لوگو ، یک TextBox و دو دکمه ختم شده است ؟ قطعا خیر . بخش اصلی برنامه گوگل جاییست که هیچ یک از ما قادر به دیدن آن نیستیم و در حقیقت موتور محرکه و قلب تپنده گوگل بخشی از برنامه است که در سرور های گوگل اجرا شده و شما فقط نتایج آنرا به عنوان نتایج جستجو مشاهده میکنید . آن قلب تپنده و آن بخش از برنامه Server Side نامیده میشود یعنی بخشی که در سرور اجرا میشود .

حال در این دوره  برای طراحی قسمت Client Side نیاز داریم که ابتدا با HTML ساختار و اسکلت صفحات وب را درست کنیم . سپس با CSS به این اسکلت ظاهری زیبا و قشنگ بپوشانیم . پس از آن با جاوا اسکریپت به این ظاهر زیبا کمی منطق و پویایی اضافه کنیم و در حقیقت برنامه نویسی انجام دهیم . همچنین به خاطر مشکلاتی که جاوا اسکریپت دارد از یکی از کتابخانه های قدرتمند آن بنام jQuery استفاده کنیم تا هم کار با جاوا اسکریپت راحت تر شود و هم پویایی بهتر و زیباتری به صفحات وب ببخشیم .

برای برنامه نویسی در بخش سرور نیز نیاز است که به یکی از زبان های سمت سرور مسلط باشیم که ما PHP  را به عنوان یکی از سبک ترین و ساده ترین و در عین حال قدرتمندترین زبانها انتخاب نموده و بنابراین از دیتابیس MySQL برای ذخیره داده ها استفاده خواهیم نمود.

در نهایت برای دسترسی های پنهان از سمت کلاینت به سرور از یکی از تکنولوژی های محبوب یعنی AJAX استفاده خواهیم کرد.

مدت برگزاری دوره

  • دوره جامع 90 ساعت

مدرس دوره

  • مهندس عبداللهی

هدف از اجرای دوره

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

مخاطبان دوره

  • تمامی علاقمندان به طراحی و برنامه نویسی در حوزه وب

سرفصل های دوره

  • HML (8Hrs)

     

     

     

     

    • HTML Introduction
    • HTML Editors
    • HTML Basic
    • HTML Elements
    • HTML Attributes
    • HTML Headings
    • HTML Paragraphs
    • HTML Styles
    • HTML Formatting
    • HTML Quotations
    • HTML Comments
    • HTML Colors
    • HTML CSS
    • HTML Links
    • HTML Images
    • HTML Tables
    • HTML Lists
    • HTML Blocks
    • HTML Classes
    • HTML Iframes
    • HTML JavaScript
    • HTML File Paths
    • HTML Head
    • HTML Layout
    • HTML Computercode
    • HTML Entities
    • HTML Symbols
    • HTML Charset
    • HTML XHTML
    • HTML Forms
    • HTML Form Elements
    • HTML Input Types
    • HTML Input Attributes
    •  
    • HTML5 Intro
    • HTML5 Support
    • HTML5 New Elements
    • HTML5 Semantics
    • HTML5 Migration
    • HTML5 Style Guide
    • HTML Media
    • HTML Media
    • HTML Video
    • HTML Audio
    • HTML Plug-ins
    • HTML YouTube
  • CSS (8Hrs)

     

     

     

     

    • CSS Introduction
    • CSS Syntax
    • CSS How To
    • CSS Colors
    • CSS Backgrounds
    • CSS Borders
    • CSS Margins
    • CSS Padding
    • CSS Height/Width
    • CSS Box Model
    • CSS Outline
    • CSS Text
    • CSS Fonts
    • CSS Icons
    • CSS Links
    • CSS Lists
    • CSS Tables
    • CSS Display
    • CSS Max-width
    • CSS Position
    • CSS Overflow
    • CSS Float
    • CSS Inline-block
    • CSS Align
    • CSS Combinators
    • CSS Pseudo-class
    • CSS Pseudo-element
    • CSS Opacity
    • CSS Navigation Bar
    • CSS Dropdowns
    • CSS Tooltips
    • CSS Image Gallery
    • CSS Image Sprites
    • CSS Attr Selectors
    • CSS Forms
    • CSS Counters
    • CSS Website Layout
    • CSS3 Introduction
    • CSS3 Rounded Corners
    • CSS3 Border Images
    • CSS3 Backgrounds
    • CSS3 Colors
    • CSS3 Gradients
    • CSS3 Shadows
    • CSS3 Text
    • CSS3 Fonts
    • CSS3 2D Transforms
    • CSS3 3D Transforms
    • CSS3 Transitions
    • CSS3 Animations
    • CSS3 Images
    • CSS3 Buttons
    • CSS3 Pagination
    • CSS3 User Interface
    • CSS3 Box Sizing
    • CSS3 Flexbox
    • CSS3 Media Queries
  • JavaScript (20Hrs)

     

     

     

     

    • JS Tutorial
    • JS HOME
    • JS Introduction
    • JS Where To
    • JS Output
    • JS Syntax
    • JS Statements
    • JS Comments
    • JS Variables
    • JS Operators
    • JS Arithmetic
    • JS Assignment
    • JS Data Types
    • JS Functions
    • JS Objects
    • JS Scope
    • JS Events
    • JS Strings
    • JS String Methods
    • JS Numbers
    • JS Number Methods
    • JS Math
    • JS Random
    • JS Dates
    • JS Date Formats
    • JS Date Methods
    • JS Arrays
    • JS Array Methods
    • JS Array Sort
    • JS Booleans
    • JS Comparisons
    • JS Conditions
    • JS Switch
    • JS Loop For
    • JS Loop While
    • JS Break
    • JS Type Conversion
    • JS Bitwise
    • JS RegExp
    • JS Objects
    • Object Definitions
    • Object Properties
    • Object Methods
    • Object Constructors
    • Object Prototypes
    • JS Functions
    • Function Definitions
    • Function Parameters
    • Function Invocation
    • Function Call
    • Function Apply
    • Function Closures
    • JS HTML DOM
    • DOM Intro
    • DOM Methods
    • DOM Document
    • DOM Elements
    • DOM HTML
    • DOM CSS
    • DOM Animations
    • DOM Events
    • DOM Event Listener
    • DOM Navigation
    • DOM Nodes
    • DOM Collections
    • DOM Node Lists
    • JS Browser BOM
    • JS Window
    • JS Screen
    • JS Location
    • JS History
    • JS Navigator
    • JS Popup Alert
    • JS Timing
  •  

    • PHP Tutorial
    • PHP HOME
    • PHP Intro
    • PHP Install
    • PHP Syntax
    • PHP Variables
    • PHP Echo / Print
    • PHP Data Types
    • PHP Strings
    • PHP Constants
    • PHP Operators
    • PHP If…Else…Elseif
    • PHP Switch
    • PHP While Loops
    • PHP For Loops
    • PHP Functions
    • PHP Arrays
    • PHP Sorting Arrays
    • PHP Forms
    • PHP Form Handling
    • PHP Form Validation
    • PHP Form Required
    • PHP Form URL/E-mail
    • PHP Form Complete
    • PHP Advanced
    • PHP Arrays Multi
    • PHP Date and Time
    • PHP Include
    • PHP File Handling
    • PHP File Open/Read
    • PHP File Create/Write
    • PHP File Upload
    • PHP Cookies
    • PHP Sessions
    • PHP Filters
    • PHP Filters Advanced
    • PHP Error Handling
    • PHP Exception
    • MySQL Database
    • MySQL Database
    • MySQL Connect
    • MySQL Create DB
    • MySQL Create Table
    • MySQL Insert Data
    • MySQL Get Last ID
    • MySQL Insert Multiple
    • MySQL Prepared
    • MySQL Select Data
    • MySQL Delete Data
    • MySQL Update Data
    • MySQL Limit Data
  •  

    • jQuery Intro
    • jQuery Get Started
    • jQuery Syntax
    • jQuery Selectors
    • jQuery Events
    • jQuery Effects
    • jQuery Hide/Show
    • jQuery Fade
    • jQuery Slide
    • jQuery Animate
    • jQuery stop()
    • jQuery Callback
    • jQuery Chaining
    • jQuery HTML
    • jQuery Get
    • jQuery Set
    • jQuery Add
    • jQuery Remove
    • jQuery CSS Classes
    • jQuery css()
    • jQuery Dimensions
    • jQuery Traversing
    • jQuery Traversing
    • jQuery Ancestors
    • jQuery Descendants
    • jQuery Siblings
    • jQuery Filtering
    • jQuery AJAX
    • jQuery AJAX Intro
    • jQuery Load
    • jQuery Get/Post
    • jQuery Misc
    • jQuery noConflict()
    • jQuery Filters
  • AJAX(5Hrs)

نکته : دوره با کارگاهها و ایجاد نقش های عملی در فضای ممیزی شونده و ممیزی کننده  برگزار می گردد.

گواهینامه های رایگان

  • اعطاء گواهینامه رسمی و مورد تایید وزارت علوم،تحقیقات و فناوری

نمونه گواهینامه وزارت علوم

  • در زیر نمونه گواهینامه صادره را مشاهده می کنید .در این گواهینامه مدت زمان دوره به ساعت همراه با مهر وزارت علوم برای متقاضیان دوره مربوطه که در مرکز آموزشی هادی می گذرانند صادر می شود.

دوره-جامع-طراحی-وبنمونه مدرک وزارت علوم و فناوری


دوره های آموزشی مرتبط
تعداد ساعات دوره : 90 ساعت ساعت
نوع گواهینامه : وزارت علوم
نوع دوره : آموزش حضوری
قیمت :
نظرات شما
هنوز دیدگاهی ثبت نشده
تلفن مشاوره مشاوره رایگان