دوره مقدماتی تا پیشرفته جاوااسکریپت

مقدمه

Javascript چیست؟

تاریخچه و کاربردهای جاوااسکریپت

اکمااسکریپت چیست؟

نصب برنامه های موردنیاز

استفاده از VS Code و نصب اپلیکیشن های موردنیاز

نحوه اجرای کد های جاوااسکریپت - تگ script

نحوه اجرای کد های جاوااسکریپت - فایل js

ذخیره و ریلود کردن خودکار برنامه

ES5 و ES6 و بالاتر

دستور console.log

کامنت گذاری

باگ (bug) و error

توصیه های آموزشی

متغییر چیست؟

تعریف متغییر (var - let - const)

بهترین روش تعریف متغییر؟

قواعد نامگذاری

انواع Data type ها - Number و String

انواع Data type ها - ‌Boolean

انواع Data type ها - ‌Array

انواع Data type ها - ‌Object

انواع Data type ها - ‌Null و Undefined

متد typeof

عملگر های حسابی - Arithmetic Operators

عملگر های انتسابی - Assignment Operators

عملگر های مقایسه ای - Comparison Operators

عملگر های منطقی - Logical Operators

عملگر های رشته - Srting Operators

عملگر های یکانی - Unary Operators

Nullish Coalescing Operator

Ternary Operator

مقادیر Truthy و Falsy

تمرین 1 - Checkout Order Details

NaN چیست؟

متد های toString و toFixed

متد های Number و parseInt و parseFloat

بررسی Backslash در String

بررسی index و متد های indexOf و charAt

متد های includes و toLowerCase و toUpperCase

متدهای split و replace و concat و trim

متد های slice و substring و substr

تمرین 2 - تغییر حرف اول یک جمله

تمرین 3 - سانسور کردن شماره تماس

بررسی Template Literals

تمرین 4 - استخراج نام و نام خانوادگی کاربر

روش های ایجاد آرایه

بررسی index و مفاهیم اولیه

متدهای push و pop و shift و unshift

متد های delete و toString

متد های join و concat و flat

متد های indexOf و includes

متد های slice و splice

متد های sort و reverse

تمرین 5 - دسته بندی کردن دیتا در داخل آرایه

انواع memory(stack و heap)

درک عمیق primitive type

درک عمیق reference type

مکانیسم garbage collector

درک نحوه مقایسه دیتاها در جاوااسکریپت

Mutation چیست؟

تفاوت Shallow Copy و Deep Copy

Spread Operator

Array Destructuring

تمرین 6 - destructure کردن لایه های پایینی

نحوه گرفتن مقادیر داخل object

افزودن دیتا به آبجکت به صورت داینامیک

حذف کردن یک دیتای خاص در آبجکت

Chaining operator و Optional chaining operator

in keyword

Object.keys و Object.values

Spread Operator

Object destructuring

تمرین 7 - ترکیب آرایه و آبجکت

توضیح جملات شرطی

if-else statement

بررسی else if

تمرین 8 - تعیین کردن نوع مثلث

بررسی switch-case

توضیح حلقه

حلقه for

حلقه for-of

حلقه for-in

تمرین 9 - حل چالش جلسه قبل

حلقه while

حلقه do-while

بررسی break و continue

تمرین 10 - استخراج اعداد مثبت در یک آرایه

تمرین 11 - پیاده سازی یک پترن با حلقه های تودرتو

تمرین 12 - حذف مقادیر تکراری از یک آرایه

تعریف function (یا تابع)

نحوه ایجاد فانکشن

بررسی return در فانکشن

مفهوم Global و Local و Block scope

تفاوت let و const و var

مفهوم Hoisting

مفهوم strict mode

Function declaration و Function expression

Anonymous Function و IIFE

بررسی Arrow function

Callback Function و Higher Order Function

تمرین 13 - فانکشن شمارش یک حرف خاص در جمله

بررسی forEach

بررسی map

بررسی find و findIndex

بررسی filter

بررسی reduce

بررسی every و some

تمرین 14 - دسته بندی مشتریان بر اساس سن

تمرین 15 - افزودن عنوان به دیتای مشتریان

کلمه کلیدی this

کلمه this در arrow function ها

بررسی متد bind

بررسی متد های call و apply

بررسی Setter و Getter

بررسی عمیق Closure

فانکشن های pure و impure

بررسی Math Object و ثابت ها

متد های round و ceil و floor و trunc

عملیات های ریاضی (pow و sqrt و abs و log و sin و ...)

متد های min و max

اعداد تصادفی با متد random

تمرین 16 - تولید اعداد رندوم در بازه دلخواه

نحوه محاسبه زمان در جاوااسکریپت

روش های تعریف Date

متد های get در Date (getMonth و getDay و ...)

متد های toLocaleDateString و toLocaleTimeString

بررسی setTimeout و setInterval

تمرین 17 - محاسبه سن بر اساس تعداد روز

مدیریت خطاها

نحوه استفاده از try-catch

بررسی finally

ایجاد خطا با throw

تعریف Map

متد های کاربردی Map

عملیات iteration بر روی Map

تعریف Set

متد های کاربردی Set

عملیات iteration بر روی Set

تمرین 18 - حذف آیتم های تکراری در آرایه

معرفی تایپ Symbol

نحوه ایجاد Symbol

کاربرد Symbol

بررسی Shared Symbol

بررسی alert و prompt

معرفی پروژه

گرفتن مقادیر انتخاب شده از کاربر و کامپیوتر

مشخص کردن برنده بازی

ریفکتور کردن و تمیز کردن کد ها

نشان دادن نتیجه بازی

امتیازدهی

معرفی پروژه

شروع بازی و گرفتن عدد از کاربر

اعتبارسنجی مقدار وارد شده

مشخص کردن نتیجه

محدودیت دفعات تکرار بازی

DOM چیست؟

بررسی Single Selector ها

بررسی Multi Selector ها

بررسی Parent و Sibling و Children

ایجاد تغییر در المنت ها

تغییر استایل های CSS

ایجاد و افزودن المنت به DOM

حذف المنت از DOM

معرفی و نحوه ایجاد event

انواع event ها

بررسی target

استفاده از preventDefault

بررسی stopPropagation

نحوه حذف event ها

بررسی dataset

اندازه های یک المنت

معرفی ‌BOM

بررسی window

بررسی screen

بررسی location

بررسی history

بررسی navigator

معرفی پروژه

پیاده سازی ساختار HTML

پیاده کردن CSS

سرچ کردن بر اساس اسم محصول

افزودن event به button ها

تعریف event مروبط به button ها

تغییر استایل button انتخاب شده

گرفتن مقدار قیمت سرچ شده

فیلتر کردن محصولات بر اساس قیمت

نحوه تحلیل مساله

ذخیره سازی در سمت کاربر

ذخیره دیتا در Local Storage

بررسی JSON.stringify و JSON.parse

ویرایش و حذف دیتا از Local Storage

بررسی Session Storage

Cookie چیست؟

نحوه استفاده از Cookie ها

بررسی سایر روش های ذخیره سازی

معرفی پروژه

پیاده کردن html قسمت input ها

پیاده کردن html قسمت table

پیاده کردن css

گرفتن مقادیر todo

نشان دادن پیغام به کاربر

ایجاد id برای هر todo

ذخیره todo ها در local storage

نشان دادن todo ها به صورت داینامیک

امکان حذف همه todo ها

امکان حذف یک todo خاص

تغییر وضعیت todo ها

امکان ویرایش todo

اعمال تغییرات بر todo

فیلتر کردن todo ها

دیباگ کردن پروژه

ماژول چیست؟

نحوه استفاده در مرورگر

بررسی import و export - روش Named

بررسی import و export - روش Default

مفهوم Single thread بودن جاوااسکریپت

بررسی برنامه نویسی Sync و Async

callback ها در Async JS

مشکلی به اسم callback hell

Promise چیست؟

بررسی resolve و reject

بررسی then و catch

حل مشکل callback hell با Promise

بررسی async/await

هندل کردن error ها در async/await

API چیست؟

AJAX چیست؟

JSON چیست؟

بررسی HTTP request و REST api

نصب اکستنشن CORS

استفاده از XMLHttpRequest

استفاده از fetch

پشت پرده fetch

درخواست های GET و POST

درخواست های PUT و PATCH

درخواست DELETE

معرفی پروژه

ایجاد صفحه اصلی

ایجاد صفحه سوالات

گرفتن دیتا از api

تغییر فرمت دیتا ها در یک ماژول دیگر

نشان دادن سوالات

نشان دادن نتیجه جواب کاربر

امتیازدهی

نشان دادن سوال بعدی

امکان تمام کردن بازی

ایجاد صفحه پایان سوالات

ذخیره نتیجه سوالات

نشان دادن نمرات بالا

تعیین سطح سختی سوالات

هندل کردن ارور ها

برنامه نویسی شی گرا (OOP) چیست؟

بررسی کامل constructor function

بررسی کلمه کلیدی new

مفهوم prototype و inheritance (ارث بری)

مفهوم Class و نحوه تعریف آن

بررسی Static method و Instance method

ارث بری(inheritance) و متد super()

مفهوم Abstraction و پیاده سازی آن

بررسی Encapsulation و Private property

مفهوم Polymorphism

معرفی پروژه

گرفتن دیتای محصولات

ایجاد کلاس Products

ایجاد چند متد برای ساخت card

هندل کردن event ها

ایجاد کلاس Cart

نشان دادن محصولات خریداری شده

ایجاد کامپوننت card

استایل دادن به سبد خرید

هندل کردن event ها در سبد خرید

محاسبه قیمت کل

ارث بری از کلاس Display

رجکس (REGEX) چیست؟

Character Classes

Metacharacters

Quantifiers

Groups and Ranges

Flags

متد های test و replace

متد های match و exec

Node.js چیست؟

نصب Node.js

نحوه استفاده از Node.js

Third-Party Libraries

استفاده از لایبرری axios

NPM چیست؟

اطلاعات حساس در برنامه

بررسی CORS Policy

حملات XSS

معرفی پروژه

ایجاد header پروژه

مطالعه داکیومنت سایت openweathermap

گرفتن دیتا بر اساس اسم شهر

نشان دادن اطلاعات در سایت

گرفتن اطلاعات بر اساس location کاربر

گرفتن دیتای پیش بینی هوا

نشان دادن دیتای پیش بینی هوا

گرفتن دیتای پیش بینی هوا بر اساس مختصات جغرافیایی

ریفکتور کردن کدها

ایجاد modal

ایجاد loader و تغییرات نهایی

ریسپانسیو کردن پروژه

معرفی پروژه

بررسی api و فایل های پروژه

پیاده کردن HTML و CSS صفحه ورود

مفهوم JWT و Authentication و Authorization

ارسال اطلاعات به سرور و گرفتن token

ذخیره JWT در cookie

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

ایجاد فانکشن authHandler

اعتبارسنجی فرم ثبت نام

پیاده کردن صفحه اصلی سایت

نشان دادن باتن های ورود و پنل کاربری بر اساس وضعیت کاربر

فچ کردن اطلاعات محصولات از api

نشان دادن محصولات در سایت

استایل دادن به قسمت محصولات

افزودن امکان سرچ در محصولات

امکان دسته بندی محصولات

ترکیب سرچ و دسته بندی محصولات

پیاده کردن پنل کاربری

گرفتن اطلاعات کاربر

نشان دادن اطلاعات کاربر

اضافه کردن css

امکان خروج از حساب کاربری

تغییر زبان پروژه به فارسی

عنوان ها در سند HTML

افزودن فونت لوکال به پروژه

استایل دهی

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

بررسی اعداد فارسی در پروژه

پروسه استخدام

مراحل مصاحبه

۶۰ سوال مهم مصاحبه