دوره جامع مقدماتی تا پیشرفته جاوااسکریپت
در جاوااسکریپت پیشرفتهچه چیزی یاد خواهید گرفت؟
فصل اول- دوره جامع و پروژه محور جاوااسکریپت
مقدمه
جاوااسکریپت چیست؟
اکما چیست؟
نحوه اجرا کدهای جاوا اسکریپت
متغییر چیست و نحوه تعریف آن
معرفی let و const
data types
primitive type & reference type
انواع روش های اسم گذاری
عملگرها
کار با اعداد math ابجکت
تمرین کار با اعداد
رشته ها
template literals
Object Data type
Array Data type
تمرین آبجکت
تمرین آرایه ها
destructure
تبدیل تایپ ها
تمرین destructure
انواع دادهی Null، Undefined و Boolean
عملگرهای منطقی (Logical Operators)
عملگرهای مقایسه (Comparison Operators)
فصل دوم- ساختارهای شرطی، آرایه ها و ساختارهای تکرار
آشنایی با ساختارهای شرطی
ساختارهای تکرار (حلقهها)
آشنایی با مجموعهها (Sets) و نقشهها (Maps)
حلقه ها - break - continue
فصل سوم- توابع در جاوا اسکریپت
فانکشن ها
arrow function & IIFE
تمرین فانکشن ها
حوزهی شناسهها و مفهوم Hoisting
آشنایی با توابع Callback و کاربرد آنها
تفاوت let - var - const
map - foreach
filter - find - reduce
فصل چهار-اشیاء در جاوا اسکریپت
مقدمهای بر اشیاء در جاوا اسکریپت
آشنایی با انواع مقدار و انواع ارجاع
آشنایی با اشیاء Date و RegExp
فصل پنجم-آشنایی با DOM و تعامل با صفحات وب
آشنایی با DOM و تعامل با صفحات وب
آشنایی با مفهوم DOM و انتخاب عناصر صفحه وب
حرکت در درخت DOM و کار با صفات (Attributes) عناصر
کار با محتوا و سبکهای عناصر
رویدادها در جاوا اسکریپت
آشنایی با رویدادها و برنامه نویسی رویداد محور (Event-Driven)
آشنایی با رویدادهای ماوس و شئ رویداد (Event Object)
آشنایی با رویدادهای صفحه کلید و رویدادهای لمسی
آشنایی با مفهوم Event Flow و نکات تکمیلی
فصل ششم- کار با فرم ها
کار با فرم ها در جاوا اسکریپت
پروژه فرم ثبت نام همراه با اعتبار سنجی و فرستادن دیتا به سمت سرور
فصل هفتم- آشنایی با BOM و تعامل با مرورگر
معرفی BOM و آشنایی با System Dialogs
زمانبندی کارها و ایجاد انیمیشن در جاوا اسکریپت
کسب اطلاعات در مورد مرورگر و محیط اجرا
کار با پنجره ها و رویدادهای مرورگر
فصل هشتم- آشنایی با خطاها و اشکالزدایی برنامهها
اشکال زدایی و مدیریت خطاها
فصل نهم- آشنایی با مفاهیم پیشرفته
خاصیت ها و متدهای توابع
تکرار کننده ها و مولدها
بستارها در جاوا اسکریپت
آشنایی با قالب داده JSON
کار با JSON در جاوا اسکریپت
فصل ده- آشنایی با Ajax و برنامه نویسی آسنکرون
مقدمه ای بر برنامه نویسی آسنکرون
آشنایی با پروتکل HTTP
شروع کار با Ajax
ارسال و دریافت داده ها با Ajax
رویدادهای Ajax
آشنایی با مفهوم Promise
آشنایی با Fetch API
آشنایی با توابع آسنکرون
import & export
try-catch
closure
فصل یازده- شی گرایی چیست؟
this
کلاس ها
inherence
فصل دوازده- CRUD operation on Back-end API
نحوه ساخت دیتابیس در indexedDB مرورگر
نحوه ایجاد و حذف Store در indexedDB
مفهوم Transaction و ذخیره اطلاعات در Store
دریافت اطلاعات از Store های indexedDB و نمایش آن ها در DOM (متد getAll)
نحوه حذف اطلاعات از دیتابیس indexedDB (متد delete)
فصل سیزده- ناگفته ها در جاوااسکریپت
کار با متد های مهم call, bind و apply
متد های call, bind و apply چه کاربرد هایی دارند؟
مفهوم Constructor Function چیست و چه کاربردی دارد؟
آشنایی با Constructor های Built In جاوا اسکریپت
آشنایی با Constructor های Built In جاوا اسکریپت
استفاده از WeakSet و WeakMap برای افزایش پرفورمنس پروژه (Es6)
Proxy چیست و چه کاربردی دارد؟ (Es6)
کار با Get Trap در Proxy در جاوا اسکریپت (Es6)
کار با Set Trap در Proxy در جاوا اسکریپت (Es6)
چه زمانی باید از Shared Symbol استفاده کرد؟ (Es6)
در جاوا اسکریپت از Semicolon استفاده کنیم یا نه؟ (مفهوم ASI در جاوا اسکریپت)
استفاده از قابلیت Value Shorthand برای آبجکتها (Es6)
در Ternary Condition چگونه از چندین شرط استفاده کنیم؟
در جاوا اسکریپت از Semicolon استفاده کنیم یا نه؟ (مفهوم ASI در جاوا اسکریپت)
مفهوم Mutate و Immutate در جاوا اسکریپت چیست؟
مفهوم Promise چیست؟ راهی برای خلاص شدن از Callback Hell – اکما اسکریپت 6
کاربرد finally handler در Promise – اکما اسکریپت 6
درک عمیق عملکرد API به کمک API واقعی نوشته شده با Nodejs
کار با RandomUser API و درک متد Get – اکما اسکریپت 6
کار با RandomUser API و درک متد Get – اکما اسکریپت 6
کار با متد Post به کمک Api واقعی نوشته شده با Nodejs
دریافت لیست کاربران از طریق Api از دیتابیس MongoDB
حذف کاربران به کمک Api از MongoDB
ریفکتور قابلیت حذف کاربران و پیاده سازی به صورت RealTime
فایربیس چیست؟ ایجاد پروژه در FireBase
کار با Post Http Method به کمک Api فایربیس
کار با Get Http Method به کمک Api فایربیس
کار با Delete Http Method به کمک Api فایربیس
کار با Put Http Method به کمک Api فایربیس
فصل چهارده- پروژه های دوره
ساخت ساعت
پروژه فرم ثبت نام همراه با اعتبار سنجی و فرستادن دیتا به سمت سرور
ساخت تودولیست
پروژه فیلتر و سرچ محصولات
پروژ SPA (Single Page Application) با Js
پیاده سازی پروژه سایت فروشگاهی
در مورد این دوره
بدون شک جاوااسکریپت یکی از پرطرفدار ترین و کاربردی ترین زبان های دنیاست که در زمینه های مختلفی از جمله طراحی وب (فرانت اند و بک اند)، اپلیکیشن های موبایل، بازی و… کاربرد دارد. با این اوصاف میتوان به قدرت و محبوبیت و بازار کار جاوااسکریپت پی برد. هدف این پروژه آموزش پروژه محور جاوااسکریپت است.
- آیا همین دوره جاوااسکریپت کافی خواهد بود؟
- مطمعن باشید که اولین و آخرین دوره جاوااسکریپتی هست که شرکت خواهید کرد. مطالب، پروژه ها و پشتیبانی این دوره خیلی فراتر از آن چیزی هست که برای شروع کار با تکنولوژی های جاوااسکریپت نیاز دارید. البته شما بعد از این دوره، باید همیشه یاد بگیرید و برای خیلی از مفاهیم سرچ کنید و سرچ کردن رو طی دوره تمرین میکنیم.
- راجب پروژه هاتوضیح میدی ؟
- تمرین ها، چالش ها و پروژه ها با نهایت حساسیت انتخاب شدن تا همه مفاهیم و چالش هایی که در طی دوره داشتیم، مجددا استفاده بشه و مطالب تثبیت بشه. به عنوان مثال، پروژه سبد خرید به کمک برنامه نویسی شی گرا (object oriented programming) پیاده شده است. این دوره فعلا 100 تا تمرین، 7 تا چالش و 7 پروژه واقعی دارد.
سوالات متداول
نظرات (3)
با سلام دوره جاوااسکریپت استاد فوق العاده و جامع بودن و بنده تسلط بالایی به این زبان با دیدن این دوره پیدا کردم
واقعا این دوره جاوا اسکریپ دوره کامل و با بیان قابل فهم تدریس شده و بشدت پروژه محور و حرفه ای ممنونم از آموزش خیلی خوبتون استاد رضایی
معرفی دوره
جاوااسکریپت
ویرایشگرهای جاوااسکریپت
console چیست
اجرا کدها در جاوااسکریپت
comment گذاری در جاوااسکریپت
دستورات زبان و گرامر در جاوااسکریپت
شناسه ها در جاوااسکریپت
کلمات رزرو شده در جاوااسکریپت
متغییر در جاوااسکریپت
نوع داده ها در جاوااسکریپت
نوع داده آرایه
نوع داده آبجکت
انواع عملگرها
عملگرهای محاسباتی
عملگرها ی انتساب
عملگر مقایسه ای
عملگرهای منطقی
عملگر های رشته - Srting Operators
عملگر های یکانی - Unary Operators
Nullish Coalescing Operator
Ternary Operator
Operator - Increment -Decrement
Assignment Operators
NaN و IS NaN چیست؟
متد های toString و toFixed
بررسی Lenght
بررسی Contact
بررسی Backslash در String
بررسی index و متد های indexOf و charAt
متد های includes و toLowerCase و toUpperCase
بررسی Template Literals
متد های slice و substring
تمرین 1 - تمرینی از substring
روش های ایجاد آرایه
بررسی index و مفاهیم اولیه
متدهای push و pop و shift و unshift
متد های delete و toString
متد های join و concat و flat
متد های slice و splice
متد های indexOf و includes
متد های sort و reverse
Spread Operator
Array Destructuring
کاربرد object
حذف کردن یک دیتای خاص در آبجکت
object های تودرتو
Object destructuring
Spread Operator
افزودن دیتا به آبجکت به صورت داینامیک
Object.keys و Object.values
in keyword
توضیح جملات شرطی-if
if-else statement
else if
terny
بررسی switch-case
حلقه for
حلقه for-of
حلقه for-in
حلقه while
حلقه do-while
بررسی break و continue
مثال 1-حلقه زدن روی یک آرایه
مثال 2- اعداد مثبت در یک آرایه
تعریف function (یا تابع)
Function declaration
Function expression
پارامتر و آرگومان در توابع
مثالی از پارامترها در جاوااسکریپت
بررسی return در فانکشن
بررسی Arrow function
مفهوم Global و Local و Block scope
تفاوت let و const و var
مفهوم Hoisting
Anonymous Function و IIFE
aleart
prompt
confirm
مینی پروژه 1
مینی پروژه 2
مینی پروژه 3
بررسی forEach
بررسی find
بررسی filter
بررسی reduce
مینی پروژه - reduce
بررسی every و some
کلمه کلیدی this
کلمه this در arrow function ها
بررسی متد های call و apply
بررسی متد bind
بررسی Setter و Getter
فانگشن های pure و impure
بررسی map
روش های تعریف Date-قسمت اول
روش های تعریف Date-قسمت دوم
روش های تعریف Date-قسمت سوم
روش های تعریف Date-قسمت چهارم
روش های تعریف Date-قسمت پنجم
بررسی setTimeout و setInterval
توابع ریاضی Math-Object-قسمت اول
توابع ریاضی Math-Object-قسمت دوم
توابع ریاضی Math-Object-قسمت سوم
توابع ریاضی Math-Object-مینی پروژه کد کپچا
مدیریت خطاها (Error Handiling)-قسمت اول
مدیریت خطاها (Error Handiling)-قسمت دوم
مدیریت خطاها (Error Handiling)-قسمت سوم
مدیریت خطاها (Error Handiling)-قسمت چهارم
DOM چیست؟
متد getElementById-متد getElementsByTagName-متد getElementsByClassName
متدهای querySelector و querySelectorAll
حرکت در DOM
کار با صفات (Attributes) در DOM
خاصیت dataset
خاصیت classList-متد toggle
متدهای createElement -createTextNode-appendChild
متد insertBefore
متدهای removeChild و replaceChild
خاصیت innerHTML-innerText-TextContent
خاصیت style
آشنایی با رویدادها در جاوا اسکریپت(مفهوم Event Handler و Event Listener)
شئ رویداد یا Event Object(خاصیتهای type و target )
رویدادهای ماوس(mouseup -mousedown -contextmenu)
رویدادهای ماوس(mouseover -mousemove-mouseenter -mouseleave )
(button -altKey -ctrlKey -shiftKey )خاصیتهای event
مختصات محل وقوع رویداد(clientX و clientY-offsetX و offsetY-pageX و pageY-screenX و screenY-)
انواع رویدادهای صفحه کلید(keydown -keyup -keypress -keydown )
خاصیتهای key و code
آشنایی با مفهوم Event Flow
event(Event Flow) خاصیتهای شئ
حذف Event Listener ها-لغو رفتار پیشفرض رویدادها(preventDefault)
آشنایی با Event Delegation
رویداد DOMContentLoaded
فرمها و نحوهی دسترسی به آنها
کنترلهای نوع Radio Button
کنترلهای Drop-down List
رویداد submit
رویدادهای focus و blur
رویداد change
Bom
شئ history
شئ location
شئ navigator
شئ screen
متد open-close
رویدادهای مرورگر(load)
رویدادهای مرورگر( beforeunload)
رویداد blur -focus
تعریف Set
متدهای کاربردی Set
بررسی آبجکت Set در حلقه های For-of و رشته ها
sidebar
مینی پروژه (Questions)
Demo پروژه
ساختار HTML
ساختار HTML
کدهای جاوااسکریپت قسمت اول
کدهای جاوااسکریپت قسمت دوم
مینی پروژه - 01-reviews
مینی پروژه - 02-reviews
مینی پروژه FormLogin
معرفی پروژه
پیاده سازی ساختار HTML
اضافه کردن محصولات به صورت داینامیک
فراخوانی محصولات و نمایش آن به صورت داینامیک در سایت
سرچ کردن بر اساس اسم محصول
فیلتر کردن محصولات -قسمت اول
فیلتر کردن محصولات -قسمت دوم
ذخیره دیتا در Local Storage
بررسی JSON.stringify
گرفتن اطلاعات(get)-JSON.parse
ویرایش و حذف دیتا از Local Storage
بررسی Session Storage
Cookie چیست؟
مفهوم و کاربرد (indexdb)
نحوه ساخت دیتابیس در indexedDB مرورگر
نحوه ایجاد و حذف Store در indexedDB(قسمت اول)
نحوه ایجاد و حذف Store در indexedDB(قسمت دوم)
مفهوم Transaction و ذخیره اطلاعات(قسمت اول)
مفهوم Transaction و ذخیره اطلاعات(قسمت دوم)
دریافت اطلاعات از Store های indexedDB و نمایش آن ها(قسمت اول)
دریافت اطلاعات از Store های indexedDB و نمایش آن ها(قسمت دوم)
نحوه حذف اطلاعات از دیتابیس indexedDB (متد delete)
فایل پروژه
مفهوم Single thread بودن جاوااسکریپت
callback ها در Async JS
مثالی از callback
مثال کاربردی از callback
Promise چیست؟
Promises chaining
Handler های پشت سر هم
متد finally
Promise.all
Promise.allSettled
Promise.race
Promise.any
بررسی async/await
هندل کردن error ها در async/await
مثالی از callback
مثالی از callbackhell
مثالی از promise
مثالی از async/await
مثالی از async/await
بررسی import و export
بررسی import و export - روش Default
API چیست؟
AJAX چیست؟
JSON چیست؟
بررسی HTTP request و REST api
استفاده از XMLHttpRequest
استفاده از fetch
استفاده ازawait-fetch
درخواست های GET و POST
درخواست های PUT و PATCHوDELETE
Demo-Html-Css-Api
fetchUser
removeActive
displayUser
Show-user
file-html-css
برنامه نویسی شی گرا (OOP) چیست؟
بررسی کامل constructor function
مفهوم prototype
مفهوم Class و نحوه تعریف آن
inheritance (ارث بری)
بررسی Static method و Instance method
مفهوم Abstraction و پیاده سازی آن
بررسی Encapsulation و Private property
مفهوم Polymorphism
پروژه LocalStorage TodoList با پارادایم OOP - نحوه پیاده سازی
پیاده سازی متد های Classها در پروژه -part2
پیاده سازی متد های Classها در پروژه -part3
پیاده سازی متد های Classها در پروژه -part4
پیاده سازی متد های Classها در پروژه -part5
پیاده سازی متد های Classها در پروژه -part6
بررسی عمیق Closure
قابلیت Strict Mode در جاوا اسکریپت
کلمه کلیدی arguments برای دسترسی به ورودی توابع
استفاده از قابلیت Rest Operator
استفاده از قابلیت Rest Operator -استفاده Spread
استفاده از قابلیت (2)Rest Operator
استفاده پیشرفته از عملگر OR
استفاده پیشرفته از عملگر AND
استفاده پیشرفته از عملگر NoT
نحوه کار با عملگر Nullish در جاوا اسکریپت (Es11)
نحوه کار با متد entries برای آبجکتها + کاربرد (Es8)
Proxy چیست و چه کاربردی دارد؟ (Es6)
کار با Get Trap در Proxy در جاوا اسکریپت (Es6)
کار با Set Trap در Proxy در جاوا اسکریپت (Es6)
معرفی Map و نحوه کار با آن
استفاده از WeakMap برای افزایش پرفورمنس پروژه (Es6)
درک عمیق primitive type-reference type
مقادیر Truthy و Falsy
استفاده از قابلیت String Padding
نحوه ایجاد Symbol-کاربرد Symbol
بررسی Shared Symbol
package manager چیه و چرا بهش نیاز داریم؟
نصب پکیج در پروژه
اجرایAxios
مفهوم کامپوننت و Custom Element چیست؟
چطور باید یک کامپوننت تعریف کنیم؟
چطور برای یک کامپوننت shadow dom تعریف کنیم؟
پروژه Component Based
slot چیست و چه کاربردی در کامپوننت دارد؟
متد های Lifecycle هر کامپوننت
چطور Attribute های دلخواه را برای کامپوننت ایجادکنیم
پروژه واقعی با ساختار Component Based
پروژه واقعی با ساختار Component Based
رجکس (REGEX) چیست؟
Meta Character های مربوط به Repeat
مفهوم و کاربرد Optional Meta Character
Meta Character اعمال محدودیت (Limit Meta Character)
Meta Character های Begin و End
کار با Shorthand های رجکس
Groups and Ranges
Flags
متد های test و replace
متد های match و exec
ساختار پروژه Html
ساختار پروژه Css
selectors
تابع loadProducts
تابع calculateTotal
تابع renderProducts
تابع format
تابع renderCart
event listeners
تابع saveCart-loadCart
تابع initStore
تابع showCart-hideCart
تابع clearCart
تابع addToCart
removeFromCart
تابع increaseQty-decreaseQty
تابع updateCart
جلسه اول
جلسه دوم
جلسه سوم
جلسه چهارم
جلسه پنجم
جلسه ششم
جلسه هفتم
معرفی پروژه
پیاده کردن HTML و CSS صفحه ورود
JWT و Authentication و Authorization
ارسال اطلاعات به سرور و گرفتن token
ذخیره JWT در cookie
بررسی سطوح دسترسی در صفحات مختلف
ایجاد فانکشن authHandler
اعتبارسنجی فرم ثبت نام
پیاده کردن صفحه اصلی سایت
ورود و پنل کاربری بر اساس وضعیت کاربر
فچ کردن اطلاعات محصولات از api
نشان دادن محصولات در سایت
استایل دادن به قسمت محصولات
امکان سرچ در محصولات
دسته بندی محصولات
پیاده کردن پنل کاربری
گرفتن اطلاعات کاربر
امکان خروج از حساب کاربری
بهترین و مفهومی ترین دوره ای هست که تو js دیدم و مباحث از صفر تا صد و به صورت ساده و روون بیان شده.
ممنون از استاد رضایی عزیز♥️