دپارتمانطراحی و توسعه وب
دوره های در حال ثبت نام
کد دوره : --
دوره آنلاین ReactJS
مدت زمان
۳۰
هزینه دوره حضوری
تومان
هزینه دوره مجازی
۲۰۰۰۰۰۰ تومان
تاریخ برگزاری
اعلام می شود
روزهای برگزاری
شنبه - دوشنبه
ساعات برگزاری
۱۸ الی ۲۱
مخاطبان دوره
  • کلیه افرادی می خواهند در زمینه طراحی و توسعه صفحات وب فعالیت کنند.
  • کلیه دانشجویان رشته کامپیوتر
  • افرادی که در زمینه طراحی وب فعالیت دارند.
توانایی پس ازگذراندن دوره
  • یادگیری تخصصی ReactJS
سرفصلهای دوره

 

  • nodejs / npm
  • شروع کار با React
  • معرفی jsx
  • SPA vs MPA
  • Style and Css in React
  • PropTypes in react
  • props in react
  • Lifecycle methods
  • Event Handlings
  • List and Keys
  • state in react
  • component level state vs app level state
  • class components
  • Functional components
  • class components vs functional components
  • working with forms in react
  • debugging
  • React Router
  • Fetch and Axios and http request in react and work with api
  • start project with github api
  • implementing state with class component
  • env variables
  • Introduction hooks (usestate , useref , useReducer , useeffect , usecallback , ...)
  • convert github project to functional component and use hooks
  • context api and use on github project
  • Upload project on netlify or heroku platform
  • Todo list project
  • Quizz App
  • Instagram project
  • Dice Game Project
  • Movie Search Project
  • Portfolio Project
  • Redux old syntax and new syntax with hooks
  • Project with redux and rest api ( project with CRUD functionality and Search filtering) Create Read Update Delete

تمامي دوره ها با رعايت كليه نكات بهداشتي و به صورت حضوري برگزار خواهد شد.

پس با خيال راحت ثبت نام خود را انجام دهيد.

توجه: قبل از واریز وجه دوره، حتما از طریق مسئول آموزش استعلام گرفته شود

پس 2595 نفری باشید که در دوره 115ام ReactJ لایتک شرکت کنید و خود را یک قدم دیگر به بازار کار نزدیک تر کنید.

 

حرفه ای شدن در محیط آموزشی جذاب را با لایتک تجربه کنید

 

ریکت یک Java script Library برای تولید User Interface مربوط بهWeb Application ها می‌باشد که می‌تواند به تنهایی یا در کتابخانه‌های دیگر استفاده شود.
در ریکت همه صفحات به صورت کامپوننت شناخته می‌شوند که کامپوننت‌های می‌توانند به تنهایی یا در داخل کامپوننت‌های دیگر نمایش داده شوند. این ویژگی کامپوننت بودن مهم ترین ویژگی روش‌های تولید Web App‌ها به روش (SPA (Single page application می‌باشد که در ریکت نیز کامپوننت نوشتن جایگاه بسیار مهمی دارد. در اصل ما همه چیز را به صورت کامپوننت می‌نویسیم و سپس آن‌ها را در محل‌ها مورد نیاز فراخوانی می‌کنیم.

استفاده از ریکت در شرکت‌ها و تیم‌های نرم افزاری روز به روز در حال رشد می‌باشد و می‌توان با یک مقایسه ساده از میزان دانلود‌های این کتابخانه محبوب نسبت به رقبای خود که حدود 6 تا 7 برابر است به این موضوع پی برد. از طرفی پیاده سازی وب سایتی مانند Facebook توسط React باعث شده که شرکت‌های نرم افزاری از کارائی و قابلیت‌هایی این زبان اطمینان حاصل کنند و محصولات جدید خود را در حوزه Web را به کمک ریکت پیاده سازی کنند.
ارائه react native برای نوشتن اپلیکیشن‌های موبایل به صورت Native برای Android و iOS نیز باعث شد محبوبیت آن بسیار افزایش پیدا کند و نوشتن نسخه جدید Instagram به کمک React Native تیر خلاصی بود برای سایر رقبای ریکت در دنیای برنامه نویسی وب و موبایل .

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

دوره های آموزشی Web Developer را برای حرفه ای شدن به خاطر بسپارید:

  • دوره جامع طراحی و برنامه نویسی وب (Front-end و Back-end)
  • دوره آنلاین طراحی و توسعه وب ۲(JavaScript, Jquery, Ajax)
  • دوره جامع PHP (مقدماتی، پیشرفته، لاراول به صورت کاملا عملی و پروژه محور)
  • دوره ReactJS 

 

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

لینک اعضای هیئت علمی

مدت زمان
۳۰
هزینه دوره حضوری
تومان
هزینه دوره مجازی
۲۰۰۰۰۰۰ تومان
تاریخ برگزاری
اعلام می شود
روزهای برگزاری
شنبه - دوشنبه
ساعات برگزاری
۱۸ الی ۲۱
کد دوره : --
دوره جامع طراحی و برنامه نویسی وب (HTML ۵، CSS، Bootstrap، SASS، Javascript، Ajax، JQUERY)
مدت زمان
۱۰۸
هزینه دوره حضوری
۳۸۰۰۰۰۰ تومان
هزینه دوره مجازی
دوره به صورت مجازی برگزار نمی شود
تاریخ برگزاری
۱۴۰۰/۰۳/۰۶
روزهای برگزاری
پنجشنبه
ساعات برگزاری
۸ الی ۱۲
مخاطبان دوره
  • همه علاقمندان به حوزه برنامه نویسی وب در همه پلتفرم ها
توانایی پس ازگذراندن دوره
  • پیاده سازی حرفه ای سمت کاربر وب سایت ها 
سرفصلهای دوره

 

HTML:

  • html چیست
  • Tools - browsers - IDE - texteditor
  • How the web works
  • host چیست
  • domain چیست
  • sketch و wireframe چیست
  • نقش html و css و javascript در صفحات وب
  • تعریف وبسایتهای ایستا (static)
  • تعریف وبسایتهای پویا (dynamic)
  • تفاوت وبسایتهای پویا (dynamic) و وبسایتهای ایستا (static)
  • front-end چیست و به چه کسی front-end developer میگویند
  • back-end چیست و به چه کسی back-end developer میگویند
  • تعریف زبان های مفسری (Interpreter)
  • تعریف زبانهای کامپایلری (Compiler)
  • فرق زبان های نشانه گذاری و برنامه نویسی
  • tag چیست و چند نوع تگ داریم
  • ساخت اولین صفحه با html
  • Doctype چیست
  • توضیح تگهای html - head - body - title
  • متا تگ ها
  • seo چیست
  • تگهای headings
  • attribute در تگ
  • تگ paragraph
  • تگ br و hr
  • تگ anchor (a)
  • آدرس دهی relative و absolute
  • تگ img (jpg , png , gif , svg , webp )
  • تفاوت bitmap و vector
  • تگهای strong - em - i
  • div - span
  • block و inline
  • تگهای ul li - ol li - dl dt dd
  • تگهای table - thead - tbody- tfoot - tr - th - td
  • تگ form - inputs - textarea - label
  • تگ select - option - optgroup
  • تگ fieldset - legend
  • تگ iframe

HTML 5:

  • تگ header
  • تگ footer
  • تگ main
  • تگ nav
  • تگ section
  • تگ article
  • تگ aside
  • تفاوت div و section
  • تگ figure - figcaption
  • تگ audio
  • تگ video
  • تگ address
  • تگ time
  • تگ mark
  • تگ cite
  • svg چیست
  • canvas چیست

CSS:

  • css inline-internal-external
  • selector ها در css
  • تعریف font و انواع web font
  • استفاده font-awesome از طریق file
  • استفاده font-awesome از طریق cdn
  • web font generators
  • font-icon ها
  • رنگها در css
  • تفاوت طراحی flat و realism
  • background-color
  • background-image
  • background-postion
  • background-repeat
  • background-size
  • background-clip
  • multi-backgorund
  • background-blend-mode
  • gradients
  • text-decoration
  • text properties (color - fontsize - font-weight - font-style ...)
  • list-styles
  • border - outline
  • css3 and prefixes
  • border-radius
  • box-shadow
  • text-shadow
  • filter ها در css
  • css pseudo classes (:hover , :active , :first-child , ....)
  • css pseudo elements (:after , :before , ....)
  • inline و block و inline-block
  • vh و vw
  • float
  • margin - padding - box-sizing
  • positions
  • transforms
  • transform 3d
  • transitions
  • animations
  • css clicks
  • variables in css
  • ریسپانسیو چیست

media query:

  • em - rem
  • ساخت یک وبسایت ریسپانسیو با float به عنوان اولین پروژه
  • طراحی یک وبسایت توسط دانشجو با float به عنوان اولین پروژه
  • شروع کار با git - github
  • معرفی version control git
  • معرفی github - bitpucket - gitlab
  • دستور status در گیت
  • دستور add در گیت
  • دستور commit در گیت
  • دستور push در گیت
  • دستور clone در گیت
  • فرستادن پروژه روی وبسایت github
  • آپلود پروژه در (heroku یا netlify یا githubpages)

flexbox:

  • display flex و inline-flex
  • flex container و flex items
  • flex-direction
  • justify-content
  • align-items
  • align-content
  • flex-wrap
  • flex-flow
  • flex-basis
  • flex-grow
  • flex-shrink
  • align-self
  • order
  • flex و position (absolute - fix)
  • طراحی یک سایت ریسپانسیو با flex-box به عنوان دومین پروژه
  • طراحی یک وبسایت توسط دانشجو با flex-box به عنوان دومین پروژه

display Grid:

  • grid vs flex
  • grid-template
  • grid-template-clumns
  • grid-template-rows
  • grid-template-areas
  • grid-area
  • grid-auto-comumns
  • grid-auto-flow
  • grid-gap
  • grid-row
  • grid-row-start
  • grid-row-end
  • minmax - spanning
  • fraction in grid
  • طراحی یک سایت ریسپانسیو با display:grid به عنوان سومین پروژه
  • طراحی یک وبسایت توسط دانشجو با display:grid به عنوان سومین پروژه

Bootstrap:

  • bootstrap چیست و انواع framework css
  • bootstrap 4 vs bootstrap 3
  • توضیح فایل ها و ساختار bootstrap
  • اضافه کردن bootstrap به صفحات
  • مروری بر فایل bootstrap.css
  • minify چیست
  • containers
  • grid ها و ستون بندی ها در bootstrap
  • Typography
  • colors
  • tables
  • images
  • jumbotron
  • alerts
  • buttons - buttons group
  • progressbar
  • spinners
  • pagination
  • list groups
  • cards
  • dropdowns
  • collapse
  • navs - navbar
  • forms
  • inputs
  • utilities (margins - paddings - colors - background-colors - flex classes - borders ...)
  • carousel
  • modal
  • tooltip
  • popover
  • scrollspy
  • طراحی یک سایت ریسپانسیو با bootstrap به عنوان چهارمین پروژه
  • طراحی یک وبسایت توسط دانشجو با bootstrap به عنوان چهارمین پروژه

SASS:

  • sass چیست
  • css preprocessor ها و انواع آن
  • variables
  • nesting
  • mixins
  • extends
  • functions
  • طراحی یک سایت ریسپانسیو با sass به عنوان پنجمین پروژه
  • طراحی یک وبسایت توسط دانشجو با sass به عنوان پنجمین پروژه

JAVASCRIPT & ES6:

  • javascript چیست
  • تاریخچه Javascript
  • تفاوت Ecmascript و Javascript
  • ابزارهای مورد نیاز
  • استفاده از console 
  • اجرای کدهای js در مرورگر
  • اجرای کدهای js در terminal توسط node
  •  استفاده از Alert 
  • Document.write
  • variables
  • Data types
  • Numbers
  • Strings
  • Boolean
  • Null
  • Undefined
  • Arrays
  • Objects
  • Date
  • operators
  • Type coercion
  • دستورات شرطی if - else - if else - switch case
  • حلقه های for - while - do while
  • functions
  • function scope and global scope
  • IIFE Immediately Invoked Function Expression
  • Function Recursive
  • Arguments
  • Objects

مفهوم Prototype

  • ارث بری در Prototype
  • کار با call
  • کار با bind
  • کار با apply
  • Setinterval
  • Settimeout
  • String methods
  • MATH methods
  • time methods
  • Array methods
  • BOM چیست و کار با آن
  • ِDOM چیست

شروع کار با DOM

  • Selector ها در DOM
  • Elements method and perperties (delete element - create element - ....)
  • DOM method and propeties
  • Events
  • This
  • Local storage
  • XML چیست
  • JSON چیست
  • تفاوت JSON و XML

کار با Ajax

  • انجام چند پروژه javascript (example : toodList - image slide - modal - sticky menu - game and ...)
  • (ES6 (ecmascript 6 and more
  • es6 چیست
  • let and const
  • Template Strings
  • Arrow functions
  • Arrow Functions vs Traditional Functions
  • This in arrow functions
  • Arguments in arrow function
  • (map (es5
  • (forEach (es5
  • For of
  • find
  • filter
  • reduce
  • Some
  • every
  • Rest params
  • Spread
  • Strings new methods
  • class
  • class inheritance and extends
  • Static methods
  • super
  • Object new methods
  • Getter and Setter
  • fetch
  • Callback hell
  • Promise
  • Promise All
  • Async and await
  • Modules - export - import
  • انجام چند پروژه و معرفی فریم ورک های محبوب javascript

JQUERY

  • Jquery چیست
  • Jquery in dom
  • Selectors
  • css methods
  • jquery and dom
  • html and text method
  • $(this(in jquery
  • siblings
  • parents
  • childrens
  • find
  • filter
  • append
  • appendto
  • prepend
  • prependto
  • after
  • before
  • remove elements
  • replace elements
  • mouse events (hover - click ....)
  • keyboard events
  • forms and validation
  • animations in jquery (animate)
  • show and hide and toggle
  • fadeIn and fadeOut and fadeToggle
  • slideup and slidedown and slidetoggle

ajax

  • کار با plugin ها
  • طریقه نوشتن plugin
  • پیاده سازی مفاهیم در قالب مثال و پروژه (example : smooth scroll - parallax - accordion - slider scroll and ...)
  • Jquery UI
  • آشنایی با jquery ui
  • چگونگی استفاده از jquery ui

دوره جامع طراحی و برنامه نویسی وب بصورت حضوری برگزار می گردد. افرادی که علاقمند به طراحی و توسعه وب هستند می توانند در دوره جامع طراحی و برنامه نویسی وب (HTML 5، CSS،  Bootstrap، SASS، Javascript، Ajax،  JQUERY) لایتک شرکت نمایند و مهارت کسب نمایند.

تمامي دوره ها با رعايت كليه نكات بهداشتي و به صورت حضوري برگزار خواهد شد.

پس با خيال راحت ثبت نام خود را انجام دهيد.

توجه: قبل از واریز وجه دوره، حتما از طریق مسئول آموزش استعلام گرفته شود

یکی از این صندلیهای کلاس (کلاس شماره 1) منتظر شماست تا قدم در دنیای آموزش حرفه ای بردارید:

 

در زمان استراحت، پذیرای شما در کافی شاپ مجموعه هستیم:

 

و با سرگرمی های تعبیه شده، به کمی استراحت بپردازید و با روحیه مضاعف به کلاس برگردید:

 

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

 

عکس یادگاری از دوره های قبل: 

 

 

حرفه ای شدن در محیط آموزشی جذاب را با لایتک تجربه کنید

 

آخرین فرصت های شغلی این دوره رو هم براتون گذاشتیم که بتونید راحت تر کارتون رو هم پیدا کنید.

 

آخرین فرصت های شغلی موجود در بازار ایران برای این دوره: 

 

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

سبک برگزاری کلاس به همراه انجام پروژه های متعدد کوچک و بزرگ توسط استاد و دانشجویان می باشد.

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

لازم به ذکر است آزمون های دوره Web Developer به صورت پروژه برگزار می گردد.

دوره های آموزشی Web Developer را برای حرفه ای شدن به خاطر بسپارید:

  • دوره جامع طراحی و برنامه نویسی وب (HTML 5، CSS،  Bootstrap، SASS، Javascript، Ajax، Typescript ، JQUERY)​
  • دوره آنلاین طراحی و توسعه وب ۲ (JavaScript, Jquery, Ajax)
  • دوره جامع PHP (مقدماتی، پیشرفته، لاراول به صورت کاملا عملی و پروژه محور)
  • دوره ReactJS و NodeJ

 

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

لینک اعضای هیئت علمی

مدت زمان
۱۰۸
هزینه دوره حضوری
۳۸۰۰۰۰۰ تومان
هزینه دوره مجازی
دوره به صورت مجازی برگزار نمی شود
تاریخ برگزاری
۱۴۰۰/۰۳/۰۶
روزهای برگزاری
پنجشنبه
ساعات برگزاری
۸ الی ۱۲
کد دوره : --
دوره جامع طراحی و برنامه نویسی وب (HTML ۵، CSS، Bootstrap، SASS، Javascript، Ajax، JQUERY)
مدت زمان
۱۰۸
هزینه دوره حضوری
۳۸۰۰۰۰۰ تومان
هزینه دوره مجازی
دوره به صورت مجازی برگزار نمی شود
تاریخ برگزاری
۱۴۰۰/۰۲/۲۶
روزهای برگزاری
یکشنبه - سه شنبه
ساعات برگزاری
۱۶ الی ۲۰
مخاطبان دوره
  • همه علاقمندان به حوزه برنامه نویسی وب در همه پلتفرم ها
توانایی پس ازگذراندن دوره
  • پیاده سازی حرفه ای سمت کاربر وب سایت ها 
سرفصلهای دوره

 

HTML:

  • html چیست
  • Tools - browsers - IDE - texteditor
  • How the web works
  • host چیست
  • domain چیست
  • sketch و wireframe چیست
  • نقش html و css و javascript در صفحات وب
  • تعریف وبسایتهای ایستا (static)
  • تعریف وبسایتهای پویا (dynamic)
  • تفاوت وبسایتهای پویا (dynamic) و وبسایتهای ایستا (static)
  • front-end چیست و به چه کسی front-end developer میگویند
  • back-end چیست و به چه کسی back-end developer میگویند
  • تعریف زبان های مفسری (Interpreter)
  • تعریف زبانهای کامپایلری (Compiler)
  • فرق زبان های نشانه گذاری و برنامه نویسی
  • tag چیست و چند نوع تگ داریم
  • ساخت اولین صفحه با html
  • Doctype چیست
  • توضیح تگهای html - head - body - title
  • متا تگ ها
  • seo چیست
  • تگهای headings
  • attribute در تگ
  • تگ paragraph
  • تگ br و hr
  • تگ anchor (a)
  • آدرس دهی relative و absolute
  • تگ img (jpg , png , gif , svg , webp )
  • تفاوت bitmap و vector
  • تگهای strong - em - i
  • div - span
  • block و inline
  • تگهای ul li - ol li - dl dt dd
  • تگهای table - thead - tbody- tfoot - tr - th - td
  • تگ form - inputs - textarea - label
  • تگ select - option - optgroup
  • تگ fieldset - legend
  • تگ iframe

HTML 5:

  • تگ header
  • تگ footer
  • تگ main
  • تگ nav
  • تگ section
  • تگ article
  • تگ aside
  • تفاوت div و section
  • تگ figure - figcaption
  • تگ audio
  • تگ video
  • تگ address
  • تگ time
  • تگ mark
  • تگ cite
  • svg چیست
  • canvas چیست

CSS:

  • css inline-internal-external
  • selector ها در css
  • تعریف font و انواع web font
  • استفاده font-awesome از طریق file
  • استفاده font-awesome از طریق cdn
  • web font generators
  • font-icon ها
  • رنگها در css
  • تفاوت طراحی flat و realism
  • background-color
  • background-image
  • background-postion
  • background-repeat
  • background-size
  • background-clip
  • multi-backgorund
  • background-blend-mode
  • gradients
  • text-decoration
  • text properties (color - fontsize - font-weight - font-style ...)
  • list-styles
  • border - outline
  • css3 and prefixes
  • border-radius
  • box-shadow
  • text-shadow
  • filter ها در css
  • css pseudo classes (:hover , :active , :first-child , ....)
  • css pseudo elements (:after , :before , ....)
  • inline و block و inline-block
  • vh و vw
  • float
  • margin - padding - box-sizing
  • positions
  • transforms
  • transform 3d
  • transitions
  • animations
  • css clicks
  • variables in css
  • ریسپانسیو چیست

media query:

  • em - rem
  • ساخت یک وبسایت ریسپانسیو با float به عنوان اولین پروژه
  • طراحی یک وبسایت توسط دانشجو با float به عنوان اولین پروژه
  • شروع کار با git - github
  • معرفی version control git
  • معرفی github - bitpucket - gitlab
  • دستور status در گیت
  • دستور add در گیت
  • دستور commit در گیت
  • دستور push در گیت
  • دستور clone در گیت
  • فرستادن پروژه روی وبسایت github
  • آپلود پروژه در (heroku یا netlify یا githubpages)

flexbox:

  • display flex و inline-flex
  • flex container و flex items
  • flex-direction
  • justify-content
  • align-items
  • align-content
  • flex-wrap
  • flex-flow
  • flex-basis
  • flex-grow
  • flex-shrink
  • align-self
  • order
  • flex و position (absolute - fix)
  • طراحی یک سایت ریسپانسیو با flex-box به عنوان دومین پروژه
  • طراحی یک وبسایت توسط دانشجو با flex-box به عنوان دومین پروژه

display Grid:

  • grid vs flex
  • grid-template
  • grid-template-clumns
  • grid-template-rows
  • grid-template-areas
  • grid-area
  • grid-auto-comumns
  • grid-auto-flow
  • grid-gap
  • grid-row
  • grid-row-start
  • grid-row-end
  • minmax - spanning
  • fraction in grid
  • طراحی یک سایت ریسپانسیو با display:grid به عنوان سومین پروژه
  • طراحی یک وبسایت توسط دانشجو با display:grid به عنوان سومین پروژه

Bootstrap:

  • bootstrap چیست و انواع framework css
  • bootstrap 4 vs bootstrap 3
  • توضیح فایل ها و ساختار bootstrap
  • اضافه کردن bootstrap به صفحات
  • مروری بر فایل bootstrap.css
  • minify چیست
  • containers
  • grid ها و ستون بندی ها در bootstrap
  • Typography
  • colors
  • tables
  • images
  • jumbotron
  • alerts
  • buttons - buttons group
  • progressbar
  • spinners
  • pagination
  • list groups
  • cards
  • dropdowns
  • collapse
  • navs - navbar
  • forms
  • inputs
  • utilities (margins - paddings - colors - background-colors - flex classes - borders ...)
  • carousel
  • modal
  • tooltip
  • popover
  • scrollspy
  • طراحی یک سایت ریسپانسیو با bootstrap به عنوان چهارمین پروژه
  • طراحی یک وبسایت توسط دانشجو با bootstrap به عنوان چهارمین پروژه

SASS:

  • sass چیست
  • css preprocessor ها و انواع آن
  • variables
  • nesting
  • mixins
  • extends
  • functions
  • طراحی یک سایت ریسپانسیو با sass به عنوان پنجمین پروژه
  • طراحی یک وبسایت توسط دانشجو با sass به عنوان پنجمین پروژه

JAVASCRIPT & ES6:

  • javascript چیست
  • تاریخچه Javascript
  • تفاوت Ecmascript و Javascript
  • ابزارهای مورد نیاز
  • استفاده از console 
  • اجرای کدهای js در مرورگر
  • اجرای کدهای js در terminal توسط node
  •  استفاده از Alert 
  • Document.write
  • variables
  • Data types
  • Numbers
  • Strings
  • Boolean
  • Null
  • Undefined
  • Arrays
  • Objects
  • Date
  • operators
  • Type coercion
  • دستورات شرطی if - else - if else - switch case
  • حلقه های for - while - do while
  • functions
  • function scope and global scope
  • IIFE Immediately Invoked Function Expression
  • Function Recursive
  • Arguments
  • Objects

مفهوم Prototype

  • ارث بری در Prototype
  • کار با call
  • کار با bind
  • کار با apply
  • Setinterval
  • Settimeout
  • String methods
  • MATH methods
  • time methods
  • Array methods
  • BOM چیست و کار با آن
  • ِDOM چیست

شروع کار با DOM

  • Selector ها در DOM
  • Elements method and perperties (delete element - create element - ....)
  • DOM method and propeties
  • Events
  • This
  • Local storage
  • XML چیست
  • JSON چیست
  • تفاوت JSON و XML

کار با Ajax

  • انجام چند پروژه javascript (example : toodList - image slide - modal - sticky menu - game and ...)
  • (ES6 (ecmascript 6 and more
  • es6 چیست
  • let and const
  • Template Strings
  • Arrow functions
  • Arrow Functions vs Traditional Functions
  • This in arrow functions
  • Arguments in arrow function
  • (map (es5
  • (forEach (es5
  • For of
  • find
  • filter
  • reduce
  • Some
  • every
  • Rest params
  • Spread
  • Strings new methods
  • class
  • class inheritance and extends
  • Static methods
  • super
  • Object new methods
  • Getter and Setter
  • fetch
  • Callback hell
  • Promise
  • Promise All
  • Async and await
  • Modules - export - import
  • انجام چند پروژه و معرفی فریم ورک های محبوب javascript

JQUERY

  • Jquery چیست
  • Jquery in dom
  • Selectors
  • css methods
  • jquery and dom
  • html and text method
  • $(this(in jquery
  • siblings
  • parents
  • childrens
  • find
  • filter
  • append
  • appendto
  • prepend
  • prependto
  • after
  • before
  • remove elements
  • replace elements
  • mouse events (hover - click ....)
  • keyboard events
  • forms and validation
  • animations in jquery (animate)
  • show and hide and toggle
  • fadeIn and fadeOut and fadeToggle
  • slideup and slidedown and slidetoggle

ajax

  • کار با plugin ها
  • طریقه نوشتن plugin
  • پیاده سازی مفاهیم در قالب مثال و پروژه (example : smooth scroll - parallax - accordion - slider scroll and ...)
  • Jquery UI
  • آشنایی با jquery ui
  • چگونگی استفاده از jquery ui

دوره جامع طراحی و برنامه نویسی وب بصورت حضوری برگزار می گردد. افرادی که علاقمند به طراحی و توسعه وب هستند می توانند در دوره جامع طراحی و برنامه نویسی وب (HTML 5، CSS،  Bootstrap، SASS، Javascript، Ajax،  JQUERY) لایتک شرکت نمایند و مهارت کسب نمایند.

تمامي دوره ها با رعايت كليه نكات بهداشتي و به صورت حضوري برگزار خواهد شد.

پس با خيال راحت ثبت نام خود را انجام دهيد.

توجه: قبل از واریز وجه دوره، حتما از طریق مسئول آموزش استعلام گرفته شود

یکی از این صندلیهای کلاس (کلاس شماره 1) منتظر شماست تا قدم در دنیای آموزش حرفه ای بردارید:

 

در زمان استراحت، پذیرای شما در کافی شاپ مجموعه هستیم:

 

و با سرگرمی های تعبیه شده، به کمی استراحت بپردازید و با روحیه مضاعف به کلاس برگردید:

 

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

 

عکس یادگاری از دوره های قبل: 

 

 

حرفه ای شدن در محیط آموزشی جذاب را با لایتک تجربه کنید

 

آخرین فرصت های شغلی این دوره رو هم براتون گذاشتیم که بتونید راحت تر کارتون رو هم پیدا کنید.

 

آخرین فرصت های شغلی موجود در بازار ایران برای این دوره: 

 

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

سبک برگزاری کلاس به همراه انجام پروژه های متعدد کوچک و بزرگ توسط استاد و دانشجویان می باشد.

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

لازم به ذکر است آزمون های دوره Web Developer به صورت پروژه برگزار می گردد.

دوره های آموزشی Web Developer را برای حرفه ای شدن به خاطر بسپارید:

  • دوره جامع طراحی و برنامه نویسی وب (HTML 5، CSS،  Bootstrap، SASS، Javascript، Ajax، Typescript ، JQUERY)​
  • دوره آنلاین طراحی و توسعه وب ۲ (JavaScript, Jquery, Ajax)
  • دوره جامع PHP (مقدماتی، پیشرفته، لاراول به صورت کاملا عملی و پروژه محور)
  • دوره ReactJS و NodeJ

 

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

لینک اعضای هیئت علمی

مدت زمان
۱۰۸
هزینه دوره حضوری
۳۸۰۰۰۰۰ تومان
هزینه دوره مجازی
دوره به صورت مجازی برگزار نمی شود
تاریخ برگزاری
۱۴۰۰/۰۲/۲۶
روزهای برگزاری
یکشنبه - سه شنبه
ساعات برگزاری
۱۶ الی ۲۰
کد دوره : --
دوره آنلاین برنامه نویسی PHP مقدماتی (php , php oop ,mysql , pdo)
مدت زمان
۴۰
هزینه دوره حضوری
۱۸۰۰۰۰۰ تومان
هزینه دوره مجازی
دوره به صورت مجازی برگزار نمی شود
تاریخ برگزاری
۱۴۰۰/۰۲/۲۰
روزهای برگزاری
دوشنبه - چهارشنبه
ساعات برگزاری
۱۲ الی ۱۶
مخاطبان دوره
  • همه علاقمندان به حوزه برنامه نویسی وب
توانایی پس ازگذراندن دوره
  • پیاده سازی حرفه ای سمت سرور وب سایت ها با PHP
سرفصلهای دوره

Intro to Programming

  • Language and the Logic of Programming
  • Types of Programming Languages and Vocabulary
  • What is PHP
  • Why use PHP

PHP Language Basics

  • Syntax
  • Quotes
  • Comments
  • Special Characters
  • Data Types
  • Precedence
  • Symbols
  • Define block php
  • Define inline php

PHP Identifiers

  • Variables
  • Constants
  • Arrays

PHP Control Flow Basics

  • Operators
  • Conditionals
  • For
  • While
  • Foreach
  • If , else if ,else
  • Switch 

PHP Functional Basics

  • Functions
  • Function Design Tools

PHP Web Concepts

  • Client/Server Communications
  • How to embed PHP into HTML
  • How to embed HTML into PHP
  • Validating and Escaping
  • Cookies
  • Sessions
  • $_GET and $_POST
  • $_Files , $_Server
  • Constants
  • Define include
  • Define require

​PHP Database Basics

  • Introduction to Relationship Databases
  • Keywords and Statements in SQL
  • Using PHP Functions with the MySQL Data Engine
  • Define insert,update,delete,select
  • Make data base in the mysql
  • Make table in the database in the mysql
  • Special variables in the mysql

Object-Oriented PHP - Constructs

  • The class construct
  • Class constants, properties and methods
  • Object instances
  • Member visibility
  • Static properties and methods
  • Inheritance
  • Overrides
  • Magic methods
  • Class and method abstraction
  • Object interface
  • Namespace
  • Functions that work with classes
  • Exceptions
  • Static
  • Trait
  • Namespace

Internet Communication

  • Protocols and ports
  • Client/Server
  • HTTP/HTTPS
  • Client side
  • HTML web forms
  • Server side
  • Cookies
  • Sessions

Pdo

  • Define pdo
  • Insert data in the pdo
  • Delete data in the pdo
  • Update data in the pdo
  • Select , fetch data in the pdo

 

 Project website

  • Make front website
  • Implements front website
  • Slider
  • Parallax
  • About
  • Contact ajax
  • Post
  • Footer
  • Deploy website in the host

 

 

 

 

 

توجه: قبل از واریز وجه دوره، حتما از طریق مسئول آموزش استعلام گرفته شود

 

یکی از این صندلیهای کلاس (کلاس شماره 1) منتظر شماست تا قدم در دنیای آموزش حرفه ای بردارید:

 

در زمان استراحت، پذیرای شما در کافی شاپ مجموعه هستیم:

 

و با سرگرمی های تعبیه شده، به کمی استراحت بپردازید و با روحیه مضاعف به کلاس برگردید:

 

پس 576 نفری باشید که در دوره 29ام برنامه نویسی PHP لایتک شرکت کنید و خود را یک قدم دیگر به بازار کار نزدیک تر کنید.

 

عکس یادگاری از دوره های قبل: 

 

 

حرفه ای شدن در محیط آموزشی جذاب را با لایتک تجربه کنید.

 

آخرین فرصت های شغلی این دوره رو هم براتون گذاشتیم که بتونید راحت تر کارتون رو هم پیدا کنید.

 

آخرین فرصت های شغلی موجود در بازار ایران برای این دوره: 

آموزش برنامه نویسی و پیاده سازی کامل سمت سرور وبسایت های مدرن با زبان PHP در این دوره به طور کامل انجام می شود.

این دوره جزو دوره های برنامه نویسی Backend محسوب می شود و کلیه افرادی که می خواهند در حوزه برناه نویسی وب متخصص شوند حتما باید مباحث این دوره را فراگیرند.

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

لازم به ذکر است آزمون های دوره Web Developer به صورت پروژه برگزار می گردد.

دوره های آموزشی Web Developer را برای حرفه ای شدن به خاطر بسپارید:

  • دوره جامع طراحی و برنامه نویسی وب (Front-end و Back-end)
  • دوره جامع PHP (مقدماتی، پیشرفته، لاراول به صورت کاملا عملی و پروژه محور)
  • دوره ReactJS و NodeJ
  • دوره PHP با Framework Laravel
  • دوره برنامه نویسی PHP مقدماتی (php , php oop , mvc , mysql , pdo)
مدت زمان
۴۰
هزینه دوره حضوری
۱۸۰۰۰۰۰ تومان
هزینه دوره مجازی
دوره به صورت مجازی برگزار نمی شود
تاریخ برگزاری
۱۴۰۰/۰۲/۲۰
روزهای برگزاری
دوشنبه - چهارشنبه
ساعات برگزاری
۱۲ الی ۱۶
کد دوره : --
دوره PHP با Framework Laravel
مدت زمان
۴۴
هزینه دوره حضوری
۲۰۰۰۰۰۰ تومان
هزینه دوره مجازی
دوره به صورت مجازی برگزار نمی شود
تاریخ برگزاری
۱۴۰۰/۰۲/۱۸
روزهای برگزاری
شنبه
ساعات برگزاری
۱۶ الی ۲۰
مخاطبان دوره
  • همه علاقمندان به حوزه برنامه نویسی وب
توانایی پس ازگذراندن دوره
  • پیاده سازی حرفه ای سمت سرور وب سایت ها با PHP
سرفصلهای دوره

 

Preparations

  • Install xampp
  • Install phpstrom 
  • History laravel
  •  Install composer 
  •  Download Laravel and install Laravel 
  •  Setting up Laravel
  •  Architecture Laravel MVC
  • Life cycle laravel

Routes

  •  Define routes
  •  Get,post,put,patch,delete,any
  •  Parameters
  •  Closure
  • Route name
  • Route group
  • Where in the route

 Controllers

  • Controllers 
  •  Composer controllers 
  •  Methods 
  •  Resource controllers 
  •  Parameters controllers 
  •  Return data 
  •  Make controllers by composer
  • Make controller to all methods

Blade

  •  View 
  •  Parameters in the view 
  •  directory in the view 
  •  include 
  •  yields
  •  section show parent
  •  extends
  •  partials 
  •  php -end php 
  •  composnent
  •  if ,else , else if , 
  •  directive  
  •  for, while,foreach 
  • Partial section
  • Inheritance
  • Laravel mix
  • Laravel ui

Validation 

  •  Request 
  •  Make request 
  •  Validation rules
  •  Form , Laravel collective 

 Query Builder

  •  Introduction
  • Insert 
  • Update
  •  Delete
  •  Select
  •  Where-order by – limit – offset  

 Eloquent

  • Model
  • Make model by composer
  • Seeder
  •  One to one
  • One to many
  •  Many to many 
  •  Has to many
  • Morph to one
  •  Morph many
  •  Collections
  •  Cashe
  • Delete and soft deletes
  • Mutator and accessor

 Migrations 

  • Migrations composer 
  •  Migrate 
  •  Rollback 
  •  Refresh 
  •  Reset 
  • Fresh 
  • Seeder
  • Factory

Middelware

  • Middleware
  • Before
  • After

Authentication

  •  Authentication 
  •  Authorization
  •  Access level 
  •  Gate 
  •  Policy

Session

Cache

Pagination

Error handling

Mail

Event

Job and queue

Artisan

Api

دوره آموزشی  PHP laravel بصورت حضوری و با رعايت كليه نكات بهداشتي برگزار می گردد. افرادی که علاقمند به PHP laravel  هستند می توانند در دوره آموزشی PHP با Framework Laravel لایتک شرکت نمایند و مهارت کسب نمایند.

پس با خيال راحت ثبت نام خود را انجام دهيد.

توجه: قبل از واریز وجه دوره، حتما از طریق مسئول آموزش استعلام گرفته شود

 

یکی از این صندلیهای کلاس (کلاس شماره 1) منتظر شماست تا قدم در دنیای آموزش حرفه ای بردارید:

 

در زمان استراحت، پذیرای شما در کافی شاپ مجموعه هستیم:

 

و با سرگرمی های تعبیه شده، به کمی استراحت بپردازید و با روحیه مضاعف به کلاس برگردید:

 

پس 576 نفری باشید که در دوره 29ام برنامه نویسی PHP لایتک شرکت کنید و خود را یک قدم دیگر به بازار کار نزدیک تر کنید.

 

عکس یادگاری از دوره های قبل: 

 

 

حرفه ای شدن در محیط آموزشی جذاب را با لایتک تجربه کنید.

 

آخرین فرصت های شغلی این دوره رو هم براتون گذاشتیم که بتونید راحت تر کارتون رو هم پیدا کنید.

 

آخرین فرصت های شغلی موجود در بازار ایران برای این دوره: 

 

آموزش برنامه نویسی و پیاده سازی کامل سمت سرور وبسایت های مدرن با زبان PHP در این دوره به طور کامل انجام می شود.

این دوره جزو دوره های برنامه نویسی Backend محسوب می شود و کلیه افرادی که می خواهند در حوزه برناه نویسی وب متخصص شوند حتما باید مباحث این دوره را فراگیرند.

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

لازم به ذکر است آزمون های دوره Web Developer به صورت پروژه برگزار می گردد.

دوره های آموزشی Web Developer را برای حرفه ای شدن به خاطر بسپارید:

  • دوره جامع طراحی و برنامه نویسی وب (Front-end و Back-end)
  • دوره جامع PHP (مقدماتی، پیشرفته، لاراول به صورت کاملا عملی و پروژه محور)
  • دوره ReactJS و NodeJ
  • دوره PHP با Framework Laravel
  • دوره برنامه نویسی PHP مقدماتی (php , php oop , mvc , mysql , pdo)
مدت زمان
۴۴
هزینه دوره حضوری
۲۰۰۰۰۰۰ تومان
هزینه دوره مجازی
دوره به صورت مجازی برگزار نمی شود
تاریخ برگزاری
۱۴۰۰/۰۲/۱۸
روزهای برگزاری
شنبه
ساعات برگزاری
۱۶ الی ۲۰
کد دوره : --
دوره جامع PHP (مقدماتی، پیشرفته، لاراول به صورت کاملا عملی و پروژه محور)
مدت زمان
۸۰
هزینه دوره حضوری
۳۵۰۰۰۰۰ تومان
هزینه دوره مجازی
دوره به صورت مجازی برگزار نمی شود
تاریخ برگزاری
۱۴۰۰/۰۲/۱۶
روزهای برگزاری
پنجشنبه
ساعات برگزاری
۱۲ الی ۱۶
پیش نیاز
مخاطبان دوره
  • همه علاقمندان به حوزه برنامه نویسی وب
توانایی پس ازگذراندن دوره
  • پیاده سازی حرفه ای سمت سرور وب سایت ها با PHP
سرفصلهای دوره

برنامه نویسی PHP مقدماتی - 1 (php , php oop , mvc , mysql , pdo):

Intro to Programming

  • Language and the Logic of Programming
  • Types of Programming Languages and Vocabulary
  • What is PHP
  • Why use PHP

PHP Language Basics

  • Syntax
  • Quotes
  • Comments
  • Special Characters
  • Data Types
  • Precedence
  • Symbols
  • Define block php
  • Define inline php

PHP Identifiers

  • Variables
  • Constants
  • Arrays

PHP Control Flow Basics

  • Operators
  • Conditionals
  • For
  • While
  • Foreach
  • If , else if ,else
  • Switch 

PHP Functional Basics

  • Functions
  • Function Design Tools

PHP Web Concepts

  • Client/Server Communications
  • How to embed PHP into HTML
  • How to embed HTML into PHP
  • Validating and Escaping
  • Cookies
  • Sessions
  • $_GET and $_POST
  • $_Files , $_Server
  • Constants
  • Define include , include_once
  • Define require , require_once

PHP Database Basics

  • Introduction to Relationship Databases
  • Keywords and Statements in SQL
  • Using PHP Functions with the MySQL Data Engine
  • Define insert,update,delete,select
  • Make data base in the mysql
  • Make table in the database in the mysql
  • Special variables in the mysql

Developing PHP Apps

  • General Software Development 
  • Application Structure Guidelines
  • Organizing a concept solution
  • Application Skeleton
  • Debugging Techniques

Object-Oriented PHP - Constructs

  • The class construct

  • Class constants, properties and methods
  • Object instances
  • Member visibility
  • Static properties and methods
  • Inheritance
  • Overrides
  • Magic methods
  • Class and method abstraction
  • Object interface
  • Namespace
  • Functions that work with classes
  • Exceptions
  • Static

Database

  • Databases
  • The relational database engine
  • Structured query language (SQL)
  • Data modeling
  • PhpMyAdmin MySQL admin
  • Terminal MySQL
  • Prepared statements
  • Stored procedure
  • Transactions

Internet Communication

  • Protocols and ports
  • Client/Server
  • HTTP/HTTPS
  • Client side
  • HTML web forms
  • Server side
  • Cookies
  • Sessions

Pdo

  • Define pdo
  • Insert data in the pdo
  • Delete data in the pdo
  • Update data in the pdo
  • Select , fetch data in the pdo

 

Project

  • Implements project blog     

 

برنامه نویسی php پیشرفته 2 (براساس فریم ورک لاراول):


Preparations

  • Install xampp
  • Install phpstrom 
  •  Install composer 
  •  Download Laravel and install Laravel 
  •  Setting up Laravel
  •  Architecture Laravel MVC

Routes

  •  Define routes
  •  Get,post,put,patch,delete,any
  •  Parameters
  •  Closure

 Controllers

  • Controllers 
  •  Composer controllers 
  • Methods 
  •  Resource controllers 
  •  Parameters controllers 
  •  Return data 
  • Make controllers by composer

 Blade

  •  View 
  •  Parameters in the view 
  •  directory in the view 
  •  include 
  •  yields
  •  section show parent
  •  extends
  •  partials 
  •  php -end php 
  •  composnent
  •  if ,else , else if , 
  •  directive  
  •  for, while,foreach 
  •  each-include 

 Validation 

  •  Request 
  •  Make request 
  •  Validation rules
  •  Form , Laravel collective 

 Query Builder

  •  Introduction
  • Insert 
  • Update
  •  Delete
  •  Select
  •  Where-order by – limit – offset  
  •  Join

Eloquent

  • Model
  • Make model by composer
  • Seeder
  •  One to one
  • One to many
  •  Many to many 
  •  Has to many
  •  Morph many
  •  Collections
  •  Cashe

 Migrations 

  • Migrations composer 
  •  Migrate 
  •  Rollback 
  •  Refresh 
  •  Reset 
  • Fresh 

Middelware

  • Middleware
  • Before
  • After

Authentication

  •  Authentication 
  •  Authorization
  •  Access level 
  •  Gate 
  •  Policy
  •  email

 Session 

Cache

Pagination

Error handling

Mail

Event

Job and queue

Artisan 

Api

 Errors pages 

Cookie 

Packages 

 Project

دوره جامع PHP  بصورت حضوری و با رعايت كليه نكات بهداشتي برگزار می گردد. افرادی که علاقمند به PHP هستند می توانند دردوره جامع PHP​ لایتک شرکت نمایند و مهارت کسب نمایند.پس با خيال راحت ثبت نام خود را انجام دهيد.

توجه: قبل از واریز وجه دوره، حتما از طریق مسئول آموزش استعلام گرفته شود

یکی از این صندلیهای کلاس (کلاس شماره 1) منتظر شماست تا قدم در دنیای آموزش حرفه ای بردارید:

 

در زمان استراحت، پذیرای شما در کافی شاپ مجموعه هستیم:

 

و با سرگرمی های تعبیه شده، به کمی استراحت بپردازید و با روحیه مضاعف به کلاس برگردید:

 

پس 650 نفری باشید که در دوره 31ام برنامه نویسی PHP لایتک شرکت کنید و خود را یک قدم دیگر به بازار کار نزدیک تر کنید.

 

عکس یادگاری از دوره های قبل: 

 

 

حرفه ای شدن در محیط آموزشی جذاب را با لایتک تجربه کنید.

 

آخرین فرصت های شغلی این دوره رو هم براتون گذاشتیم که بتونید راحت تر کارتون رو هم پیدا کنید.

 

آخرین فرصت های شغلی موجود در بازار ایران برای این دوره: 

 

آموزش برنامه نویسی و پیاده سازی کامل سمت سرور وبسایت های مدرن با زبان PHP در این دوره به طور کامل انجام می شود.

این دوره جزو دوره های برنامه نویسی Backend محسوب می شود و کلیه افرادی که می خواهند در حوزه برناه نویسی وب متخصص شوند حتما باید مباحث این دوره را فراگیرند.

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

لازم به ذکر است آزمون های دوره Web Developer به صورت پروژه برگزار می گردد.

دوره های آموزشی Web Developer را برای حرفه ای شدن به خاطر بسپارید:

  • دوره جامع طراحی و برنامه نویسی وب (Front-end و Back-end)
  • دوره جامع PHP (مقدماتی، پیشرفته، لاراول به صورت کاملا عملی و پروژه محور)
  • دوره ReactJS و NodeJ
  • دوره PHP با Framework Laravel
  • دوره برنامه نویسی PHP مقدماتی (php , php oop , mvc , mysql , pdo)
مدت زمان
۸۰
هزینه دوره حضوری
۳۵۰۰۰۰۰ تومان
هزینه دوره مجازی
دوره به صورت مجازی برگزار نمی شود
تاریخ برگزاری
۱۴۰۰/۰۲/۱۶
روزهای برگزاری
پنجشنبه
ساعات برگزاری
۱۲ الی ۱۶
پیش نیاز
کد دوره : --
دوره آنلاین طراحی و توسعه وب ۱ (HTML۵, CSS۳, Bootstrap, )
مدت زمان
۴۴
هزینه دوره حضوری
تومان
هزینه دوره مجازی
۱۱۰۰۰۰۰ تومان
تاریخ برگزاری
۱۴۰۰/۰۲/۰۶
روزهای برگزاری
شنبه - دوشنبه - چهارشنبه
ساعات برگزاری
۱۸ الی ۲۱
مخاطبان دوره
  • همه علاقمندان به حوزه برنامه نویسی وب در همه پلتفرم ها
توانایی پس ازگذراندن دوره
  • پیاده سازی حرفه ای سمت کاربر وب سایت ها 
سرفصلهای دوره

HTML:

  • html چیست
  • Tools - browsers - IDE - texteditor
  • How the web works
  • host چیست
  • domain چیست
  • sketch و wireframe چیست
  • نقش html و css و javascript در صفحات وب
  • تعریف وبسایتهای ایستا (static)
  • تعریف وبسایتهای پویا (dynamic)
  • تفاوت وبسایتهای پویا (dynamic) و وبسایتهای ایستا (static)
  • front-end چیست و به چه کسی front-end developer میگویند
  • back-end چیست و به چه کسی back-end developer میگویند
  • تعریف زبان های مفسری (Interpreter)
  • تعریف زبانهای کامپایلری (Compiler)
  • فرق زبان های نشانه گذاری و برنامه نویسی
  • tag چیست و چند نوع تگ داریم
  • ساخت اولین صفحه با html
  • Doctype چیست
  • توضیح تگهای html - head - body - title
  • متا تگ ها
  • seo چیست
  • تگهای headings
  • attribute در تگ
  • تگ paragraph
  • تگ br و hr
  • تگ anchor (a)
  • آدرس دهی relative و absolute
  • تگ img (jpg , png , gif , svg , webp )
  • تفاوت bitmap و vector
  • تگهای strong - em - i
  • div - span
  • block و inline
  • تگهای ul li - ol li - dl dt dd
  • تگهای table - thead - tbody- tfoot - tr - th - td
  • تگ form - inputs - textarea - label
  • تگ select - option - optgroup
  • تگ fieldset - legend
  • تگ iframe

HTML 5:

  • تگ header
  • تگ footer
  • تگ main
  • تگ nav
  • تگ section
  • تگ article
  • تگ aside
  • تفاوت div و section
  • تگ figure - figcaption
  • تگ audio
  • تگ video
  • تگ address
  • تگ time
  • تگ mark
  • تگ cite
  • svg چیست
  • canvas چیست

CSS:

  • css inline-internal-external
  • selector ها در css
  • تعریف font و انواع web font
  • استفاده font-awesome از طریق file
  • استفاده font-awesome از طریق cdn
  • web font generators
  • font-icon ها
  • رنگها در css
  • تفاوت طراحی flat و realism
  • background-color
  • background-image
  • background-postion
  • background-repeat
  • background-size
  • background-clip
  • multi-backgorund
  • background-blend-mode
  • gradients
  • text-decoration
  • text properties (color - fontsize - font-weight - font-style ...)
  • list-styles
  • border - outline
  • css3 and prefixes
  • border-radius
  • box-shadow
  • text-shadow
  • filter ها در css
  • css pseudo classes (:hover , :active , :first-child , ....)
  • css pseudo elements (:after , :before , ....)
  • inline و block و inline-block
  • vh و vw
  • float
  • margin - padding - box-sizing
  • positions
  • transforms
  • transform 3d
  • transitions
  • animations
  • css clicks
  • variables in css
  • ریسپانسیو چیست

media query:

  • em - rem
  • ساخت یک وبسایت ریسپانسیو با float به عنوان اولین پروژه
  • طراحی یک وبسایت توسط دانشجو با float به عنوان اولین پروژه
  • شروع کار با git - github
  • معرفی version control git
  • معرفی github - bitpucket - gitlab
  • دستور status در گیت
  • دستور add در گیت
  • دستور commit در گیت
  • دستور push در گیت
  • دستور clone در گیت
  • فرستادن پروژه روی وبسایت github
  • آپلود پروژه در (heroku یا netlify یا githubpages)

flexbox:

  • display flex و inline-flex
  • flex container و flex items
  • flex-direction
  • justify-content
  • align-items
  • align-content
  • flex-wrap
  • flex-flow
  • flex-basis
  • flex-grow
  • flex-shrink
  • align-self
  • order
  • flex و position (absolute - fix)
  • طراحی یک سایت ریسپانسیو با flex-box به عنوان دومین پروژه
  • طراحی یک وبسایت توسط دانشجو با flex-box به عنوان دومین پروژه

display Grid:

  • grid vs flex
  • grid-template
  • grid-template-clumns
  • grid-template-rows
  • grid-template-areas
  • grid-area
  • grid-auto-comumns
  • grid-auto-flow
  • grid-gap
  • grid-row
  • grid-row-start
  • grid-row-end
  • minmax - spanning
  • fraction in grid
  • طراحی یک سایت ریسپانسیو با display:grid به عنوان سومین پروژه
  • طراحی یک وبسایت توسط دانشجو با display:grid به عنوان سومین پروژه

Bootstrap:

  • bootstrap چیست و انواع framework css
  • bootstrap 4 vs bootstrap 3
  • توضیح فایل ها و ساختار bootstrap
  • اضافه کردن bootstrap به صفحات
  • مروری بر فایل bootstrap.css
  • minify چیست
  • containers
  • grid ها و ستون بندی ها در bootstrap
  • Typography
  • colors
  • tables
  • images
  • jumbotron
  • alerts
  • buttons - buttons group
  • progressbar
  • spinners
  • pagination
  • list groups
  • cards
  • dropdowns
  • collapse
  • navs - navbar
  • forms
  • inputs
  • utilities (margins - paddings - colors - background-colors - flex classes - borders ...)
  • carousel
  • modal
  • tooltip
  • popover
  • scrollspy
  • طراحی یک سایت ریسپانسیو با bootstrap به عنوان چهارمین پروژه
  • طراحی یک وبسایت توسط دانشجو با bootstrap به عنوان چهارمین پروژه

SASS:

  • sass چیست
  • css preprocessor ها و انواع آن
  • variables
  • nesting
  • mixins
  • extends
  • functions
  • طراحی یک سایت ریسپانسیو با sass به عنوان پنجمین پروژه
  • طراحی یک وبسایت توسط دانشجو با sass به عنوان پنجمین پروژه

دوره طراحی و توسعه وب 1 بصورت آنلاین برگزار می گردد. افرادی که علاقمند به طراحی و توسعه وب هستند می توانند در دوره آنلاین طراحی و توسعه وب 1 (HTML5, CSS3, Bootstrap, SaSS) لایتک شرکت نمایند و مهارت کسب نمایند.

پس با خيال راحت ثبت نام خود را انجام دهيد.

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

 

حرفه ای شدن در محیط آموزشی جذاب را با لایتک تجربه کنید

 

آخرین فرصت های شغلی این دوره رو هم براتون گذاشتیم که بتونید راحت تر کارتون رو هم پیدا کنید.

 

آخرین فرصت های شغلی موجود در بازار ایران برای این دوره: 


  •  

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

سبک برگزاری کلاس به همراه انجام پروژه های متعدد کوچک و بزرگ توسط استاد و دانشجویان می باشد.

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

لازم به ذکر است آزمون های دوره Web Developer به صورت پروژه برگزار می گردد.

دوره های آموزشی Web Developer را برای حرفه ای شدن به خاطر بسپارید:

  • دوره آنلاین طراحی و توسعه وب ۲ (JavaScript, Jquery, Ajax)
  • دوره آنلاین طراحی و توسعه وب 1 (HTML5, CSS3, Bootstrap, SaSS)
  • دوره جامع PHP (مقدماتی، پیشرفته، لاراول به صورت کاملا عملی و پروژه محور)
  • دوره ReactJS و NodeJ

 

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

لینک اعضای هیئت علمی

مدت زمان
۴۴
هزینه دوره حضوری
تومان
هزینه دوره مجازی
۱۱۰۰۰۰۰ تومان
تاریخ برگزاری
۱۴۰۰/۰۲/۰۶
روزهای برگزاری
شنبه - دوشنبه - چهارشنبه
ساعات برگزاری
۱۸ الی ۲۱
کد دوره : --
دوره آنلاین دوره طراحی و توسعه وب ۲ (JavaScript, Jquery, Ajax )
مدت زمان
۴۸
هزینه دوره حضوری
تومان
هزینه دوره مجازی
۱۶۰۰۰۰۰ تومان
تاریخ برگزاری
۱۴۰۰/۰۲/۲۷
روزهای برگزاری
یکشنبه - سه شنبه
ساعات برگزاری
۱۶ الی ۲۰
مخاطبان دوره
  • همه علاقمندان به حوزه برنامه نویسی وب در همه پلتفرم ها
توانایی پس ازگذراندن دوره
  • پیاده سازی حرفه ای سمت کاربر وب سایت ها 
سرفصلهای دوره

Javascript

  •  Define javascript
  •  Structure javascript and programing 
  • Define comment in the javascript
  • Define var , let ,const
  • Define assignment in the programing
  • Define data type in the javascript 
  • Numbers
  • Strings
  • Boolean
  • Null
  • Undefined
  • Define operators in the javascript
  • if,else,else if , switch
  • for, while , doWhile
  •  Arrays
  • Method Array
  •  object
  • this
  •  Event  
  • Debug
  • functions
  • Event 
  •  Event Listener  
  • Bom
  • setInterval
  • setTimeOut
  • String method
  • Math methods
  • Array Methods
  • Json
  • Xml
  • Xml vs Json

Js Html Dom

  • Dom intro
  • Dom Methods
  • Dom Documents
  • Dom Elements
  • Dom Html
  • Dom css
  • Dom Animations
  • Dom Events
  • Dom Event Listener
  • Dom navigation
  • Dom nodes
  • Dom node list

Ecma script

  • Define ecma script
  •  let , const
  • Arrow function
  • Foreach
  • Map
  • Filter
  • Find
  • Every, some
  • Reduce
  • Template string
  • Parms rest
  • Params spread
  • Destructure
  • Class ,object or instance
  • Constructor
  • Setter,getter
  • Static property and static method
  • Inheritance
  • Define module and export module

 

  • Jquery
  •  Define jquery
  •  Install and download jquery
  • Jquery syntax
  • Jquery selectors
    • Elements selector
    • Id selector
    • Class selector
    • * , this , nth-child, nth-of-type, …..
  • Events in the jquery
    • Click
    • Dbclick
    • Mouseenter , mouseleave
    • On
    • Keyup,keydown,focus
  • Jquery effects
    • Hide, show ,toggle
    • Fade in , fade out, fadetoggle
    • Slide up , slide down , slide toggle
    • Animation
    • Stop
    • Callback
    • Chaining
  • Jquery html
    • Get and set – html ,text, val
    • Add-append,prepend,after,before
    • Remove , empty
    • Add class, remove class , toggle class , css
  • Jquery traversing
    • Parent , parents , parentsUntill
    • Children , find
    • Siblings , next,nextAll , nextUntill
    • Prev, prevAll, prevUntill
    • First , last , not , filter , eq
  • Jquery Ajax
    • Ajax intro
    • Jquery load Ajax
    • Jquery get, post in the Ajax to php
  • Write plugin
    • Lamp on-off
    • Modal
    • Tab
    • Accardion
    • Slider
    • Last and loading
    • Lightbox
    • Plugin ready for example swiper , owl carousel,…

 

 

دوره بصورت آنلاین برگزار می گردد.

پس با خيال راحت ثبت نام خود را انجام دهيد.

توجه: قبل از واریز وجه دوره، حتما از طریق مسئول آموزش استعلام گرفته شود.

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

 

حرفه ای شدن در محیط آموزشی جذاب را با لایتک تجربه کنید

 

 

آخرین فرصت های شغلی موجود در بازار ایران برای این دوره: 

 

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

سبک برگزاری کلاس به همراه انجام پروژه های متعدد کوچک و بزرگ توسط استاد و دانشجویان می باشد.

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

لازم به ذکر است آزمون های دوره Web Developer به صورت پروژه برگزار می گردد.

دوره های آموزشی Web Developer را برای حرفه ای شدن به خاطر بسپارید:

  • دوره جامع طراحی و برنامه نویسی وب (Front-end و Back-end)
  • دوره آنلاین طراحی و توسعه وب ۲ (JavaScript, Jquery, Ajax)
  • دوره جامع PHP (مقدماتی، پیشرفته، لاراول به صورت کاملا عملی و پروژه محور)
  • دوره ReactJS و NodeJ

 

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

لینک اعضای هیئت علمی

مدت زمان
۴۸
هزینه دوره حضوری
تومان
هزینه دوره مجازی
۱۶۰۰۰۰۰ تومان
تاریخ برگزاری
۱۴۰۰/۰۲/۲۷
روزهای برگزاری
یکشنبه - سه شنبه
ساعات برگزاری
۱۶ الی ۲۰
استادان طراحی و توسعه وب
برنامه دروس طراحی و توسعه وب
نام کاربری یا کلمه ورود اشتباه است
ثبت نام انجام نشد
باشگاه ۲۵۴۱۶ عضوی لایتک
ثبت نام
ورود به صفحه شخصی
بازیابی گذرواژه
تلفن: ۰۲۱۶۶۰۱۳۶۴۷ - ۰۲۱۶۶۰۱۳۴۵۵ - ۰۲۱۶۶۰۳۵۱۲۵ - ۰۲۱۶۶۰۸۶۰۱۹
فکس: ۰۲۱۸۹۷۸۳۷۵۶
ایمیل: info@laitec.ir , edu@laitec.ir
استفاده از مطالب سايت لایتک فقط برای مقاصد غیر تجاری و با ذکر منبع بلامانع است.
کلیه حقوق این سایت متعلق به آزمایشگاه یادگیری فناوری اطلاعات (لایتک) است.
laitec.ir
Copyright © 2002-2021