آموزش جامع جاوا اسکریپت JavaScript

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

معرفی اجمالی

با دوره آموزش جاوا اسکریپت طراحی و توسعه برنامه‌های کاربردی وب را به صورت کاربردی بیاموزید، این زبان برنامه‌نویسی پایه و اساس بیشتر سایت‌ها، برنامه‌ها و حتی سرویس‌هایی است که روزانه از آنها استفاده می‌کنیم.

جاوا اسکریپت چیست؟

جاوا اسکریپت یک زبان برنامه نویسی است که برای توسعه وب ، web applicationها ، توسعه بازی و موارد دیگر استفاده می شود. JS به شما امکان می دهد ویژگی های پویایی را در صفحات وب خود پیاده سازی کنید که با HTML و CSS به تنهایی قابل انجام نیستند.

چرا باید جاوا اسکریپت را یاد بگیریم؟

جاوا اسکریپت محبوب ترین زبان برنامه نویسی برای توسعه وب در بخش فرانت اند و بک اند است، برنامه های کاربردی برای جاوا اسکریپت از وب سایت های تعاملی تا اینترنت اشیاء را در بر می گیرد وهم برای مبتدیان و هم توسعه دهندگان باتجربه که به دنبال یادگیری زبان برنامه نویسی جدید هستند یک انتخاب عالی است.

سطح دوره

مبتدی تا پیشرفته

مدرس دوره

محمد اصغری

مدت زمان

در حال تکمیل

محتوای دوره

متنی و ویدئو

پشتیبانی

محدود

بخش اول: زبان جاوا اسکریپت

در این بخش جاوا اسکریپت را به صورت کامل یاد می‌گیریم، از مفاهیم ساده و اساسی تا مفاهیم پیچیده‌تری مانند کلاس و حتی فراتر از آن، در اینجا بر روی خود زبان تمرکز می کنیم.

مقدمه‌ای بر جاوا اسکریپت

جاوا اسکریپت یک زبان برنامه نویسی کامپایل شده سبک وزن، چند پلتفرمی و تفسیر شده است که به عنوان زبان برنامه نویسی صفحات وب نیز شناخته می شود. بسیاری از محیط های غیر مرورگر نیز از آن استفاده می کنند. جاوا اسکریپت را می توان هم برای توسعه front-end و هم back-end استفاده کرد. در این فصل به بررسی زبان JavaScript و محیط مورد نیاز برای توسعه آن میپردازیم.

1.1 مقدمه‌ای بر جاوا اسکریپت‌

1.2 برنامه های ویرایشگر کد

1.3 راهنما و مشخصات

1.4 کنسول توسعه دهندگان (Developer console)

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

1.6 پیوست 1 : مقدمه ای بر برنامه نویسی

1.7 پیوست 2 : مقدمه‌ای بر HTML

1.8 پیوست 3 : مقدمه‌ای بر CSS

1.9 پیوست 4 : مقدمه‌ای بر JQuery

اصول برنامه نویسی در جاوا اسکریپت

در این فصل از دوره جامع آموزش جاوا اسکریپت که یکی از مهمترین فصول آن است به بررسی اصول اولیه برنامه نویسی در جاوا اسکریپت میپردازیم که شامل مفاهیم اولیه برنامه نویسی، انواع داده، دستورات، توابع و … است.

2.0 افزودن جاوا اسکریپت به صفحات وب

2.1 برنامه hello world در جاوا اسکریپت

2.2 دستورات و ساختار کد در Javascript

2.3 حالت مدرن “use strict”

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

2.5 انواع داده در JS

2.6 تعامل با کاربر (alert, prompt, confirm)

2.7 تبدیل نوع داده

2.8 عملگرها (پایه و ریاضی)

2.9 مقایسه در JS

2.10 دستور شرطی if

2.13 حلقه ها (for و while)

2.12 عملگرادغام صفر ‘؟؟’

2.13 حلقه ها (for و while)

2.14 دستور switch

2.15 توابع در Javascript

2.16 Function expressions

2.17 توابع Arrow (مقدماتی)

2.18 خلاصه فصل اصول جاوا اسکریپت

بهبود کیفیت کد

قبل از اینکه بخواهیم کدهای پیچیده‌تری در جاوا اسکریپت بنویسیم نیاز است به بررسی ‌شیوه‌ها بپردازیم که باعث بهبود کدنویسی در ما خواهند شد، در این فصل با زیبا نویسی، نوشتن کامنت برای خوانایی بیشتر برنامه و قابلیت استفاده مجدد، خطای یابی و … آشنا خواهیم شد.

3.1 خطایابی در مرورگر

3.2 سبک کد نویسی در جاوا اسکریپت

3.3 نوشتن کامنت در کد

3.4 کدهای نینحا (خلاصه و کاربردی)

3.5 تست خودکار با موکا (Mocha)

3.6 Polyfills و transpilers

مقدمه ای بر Objects

Object یا شیء یکی از انواع داده‌های جاوا اسکریپت است که برای ذخیره مجموعه‌های مختلف و موجودیت های پیچیده‌تر استفاده می‌شود.می‌توان گفت اشیاء یکی از کلیدی‌ترین مباحث در جاوا اسکریپت است، بنابراین قبل از اینکه به هر موضوع دیگری عمیق تر بپردازیم، ابتدا باید مفهوم objects را درک کنیم.

4.1 مقدمه‌ای بر اشیاء در جاوا اسکریپت

4.2 ارجاع و کپی اشیاء

4.3 مدیریت حافظه (Garbage collection)

4.4 متدهای اشیاء و this

4.5 سازنده : اپراتور new

4.6 ذنجیره ی اختیاری برای خاصیت ها (عملگر ‘?.’)

4.7 نوع داده Symbol

4.8 تبدیل اولیه اشیاء (primitive conversion)

انواع داده در جاوا اسکریپت

ساختار داده های بیشتر و مطالعه عمیق تر انواع.

5.1 انواع داده اولیه

5.2 اعداد (Numbers)

5.3 رشته‌ها (Strings)

5.4 آرایه‌ها (Array)

5.5 متدهای آرایه

5.6 تکرار پذیرها (Iterables)

5.7 انواع داده Set و Map

5.8 WeakMap و WeakSet

5.9 متدهای keys, values, entries از کلاس Object

5.10 مقداردهی تخریب کننده

5.11 زمان و تاریخ

5.12 متدهای JSON و toJSON

بررسی توابع به صورت پیشرفته

6.1 توابع بازگشتی و پشته

6.2 پارامترهای rest و عملگر spread

6.3 میدان دید متغیر و closure

6.4 var

6.5 اشیاء سراسری (Global)

6.6 اشیاء تابع، NFE

6.7 دستور العمل new Function

6.8 زمان بندی: setTimeout و setInterval

6.9 Decorators and forwarding, call/apply

6.10 متد bind در توابع

6.11 توابع arrow

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

در این بخش به اشیا باز می گردیم و خصوصیات آنها را عمیق تر بررسی می کنیم.

7.1 پرچم ها و توصیف کننده های property

7.2 getters و setters

نمونه های اولیه (Prototypes) و وراثت (inheritance)

8.1 وراثت نمونه اولیه (prototype)

8.2 F.prototype

8.3 prototypes بومی

8.4 متدهای prototype

کلاس در جاوا اسکریپت

در برنامه نویسی شی گرا، یک کلاس یک برنامه-کد-الگوی توسعه پذیر برای ایجاد اشیا، ارائه مقادیر اولیه برای حالت (متغیرهای عضو) و پیاده سازی رفتار (توابع یا روش های عضو) است. در این فصل به بررسی کامل کلاس ها در جاوا اسکریپت می‌پردازیم

9.1 مقدمه ای بر کلاس

9.2 وراثت در جاوا اسکریپت

9.3 متدها و ویژگی‌های static

9.4 متدها و ویژگی‌های private و protected

9.5 بررسی بیشتر کلاس‌های جاوا اسکریپت

9.6 بررسی کلاس‌ : instanceof

9.7 Mixins

مدیریت خطا در javascript

در این فصل از کد نویسی جاوا اسکریپت با مدیریت خطا جهت کنترل جریان برنامه آشنا می‌شویم

10.1 مدیریت خطا با try...catch

10.2 خطاهای سفارشی

Promises, async/await

11.1 مقدمه‌ای بر callbacks

11.2 Promise در جاوا اسکریپت

11.3 ذنجیره Promise

11.4 مدیریت حطا در Promise

11.5 Promise API

11.6 استفاده از Promise

11.7 وظایف خرد (Microtasks)

11.8 همگام سازی/انتظار (Async/await)

سازنده‌ها و iteration ها

12.1 سازنده‌ها در جاوا اسکریپت

12.2 iteration های غیر همگام و سازنده‌ها

ماژول ها در جاوا اسکریپت

ماژول‌های جاوا اسکریپت به شما امکان می‌دهند کد خود را به فایل‌های جداگانه تقسیم کنید. این کار حفظ پایه کد را آسان‌تر می‌کند.

13.1 مقدمه‌ای بر ماژول‌ها

13.2 برون‌ریز و درون‌ریز ماژول‌ها

13.3 درون‌ریز پویا

متفرقه

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

14.1 Proxy و Reflect در جاوا اسکریپت

14.2 تابع Eval : اجرای رشته ای از کدها

14.3 فراخوانی توابع به صورت Currying

14.4 نوع مرجع (Reference )

14.5 نوع داده جدید BigInt

بخش دوم: مرورگر (سند، رویدادها و رابط‌ها)

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

سند (Document)

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

1.1 محیط مرورگر، مشخصات

1.2 درخت DOM

1.3 بررسی DOM

1.4 جستجو: getElement*، querySelector*

1.5 ویژگی های گره: نوع، برچسب و محتویات

1.6 Attributes and properties

1.7 اصلاح سند

1.8 استایل و کلاس‌ها

1.9 اندازه عناصر و اسکرول

1.10 اندازه پنجره و اسکرول

1.11 مختصات

مقدمه‌ای بر رویدادها (Event)

مقدمه ای بر رویدادهای مرورگر، ویژگی های رویداد و الگوهای مدیریت.

2.1 مقدمه ای بر رویدادهای مرورگر

2.2 Bubbling و capturing در رویداد

2.3 نمایندگی رویداد (Event delegation)

2.4 اقدامات پیش فرض مرورگر

2.5 ارسال رویدادهای سفارشی

رویدادهای رابط کاربری (UI)

در اینجا به مهمترین رویدادهای رابط کاربری و نحوه کار با آنها می پردازیم.

3.1 رویدادهای ماوس

3.2 حرکت موس

3.3 کشیدن و رها کردن با ماوس

3.4 رویدادهای اشارگر (Pointer)

3.5 رویدادهای کیبورد

3.6 پیمایش (Scroling)

فرم‌ها و کنترل‌ها

ویژگی‌ها و رویدادهای ویژه برای فرم‌های <form> و کنترل‌ها: <input>، <select> و موارد دیگر.

4.1 ویژگی‌ها و متدهای form

4.2 فوکوس : focus/blur

4.3 رویدادهای change, input, cut, copy, paste

4.4 رویدادهای و متد submit

بارگذاری داکیومنت و منابع

5.1 رویدادهای صفحه

5.2 اسکریپت : async, defer

5.3 بارگذاری منابع : onload and onerror

متفرقه

موارد متفرقه مرورگر

6.1 observer

6.2 انتخاب و محدوده

6.3 حلقه رویدادها: microtasks و macrotasks

بخش سوم: مقالات الحاقی

لیستی از موارد الحاقی که غالبا موارد پیشرفته‌تر در جاوا اسکریپت هستند

Frames and windows

کار با ویندوز (پنجره‌های مرورگر) و فریم‌ها در جاوا اسکریپت، متدهای مختلف کار با windows ارتباط آنها با یکدیگر و …

1.1 متدهای windows و صفحات popup

1.2 ارتباط بین windows های مختلف

1.3 حمله clickjacking

فایل‌ها و داده‌های باینری

کار با داده ها و فایل های باینری در جاوا اسکریپت.

2.1 آرایه‌های باینری و ArrayBuffer

2.2 TextDecoder و TextEncoder

2.3 Blob

2.4 File و FileReader

درخواست‌های شبکه

در این فصل به بررسی انواع درخواست‌های شبکه در Javascript می‌پردازیم،

3.1 Fetch یا واکشی اطلاعات

3.2 FormData

3.3 فرایند دانلود در واکشی

3.4 شکست در واکشی

3.5 درخواست های متقاطع

3.6 واکشی API

3.7 شی URL

3.8 XMLHttpRequest

3.9 بارگذاری مجدد فایل

3.10 polling طولانی

3.11 WebSocket

3.12 رویدادهای ارسال شده توسط سرور

ذخیره داده در مرورگر

3 راه برای ذخیره داده ها در مرورگر کوکی ها، ذخیره سازی محلی و ذخیره سازی جلسه هستند. بسته به نیاز، هر یک از آنها برای ذخیره داده ها در مرورگر استفاده می شود. در این فصل، مقایسه عمیقی بین ذخیره‌سازی محلی، ذخیره‌سازی جلسه و کوکی‌ها را مورد بحث قرار خواهیم داد.

4.1 کوکی ها

4.2 LocalStorage, sessionStorage

4.3 IndexedDB

انیمیشن

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

5.1 منحنی Bezier

5.2 انیمیشن‌های CSS

5.3 انیمیشن های جاوا اسکریپت

اجزای وب (Web components)

Web components مجموعه‌ای از APIهای پلتفرم وب هستند که به شما امکان می‌دهند تگ‌های HTML سفارشی، قابل استفاده مجدد و محصورشده جدیدی برای استفاده در صفحات وب و برنامه‌های وب ایجاد کنید. اجزای سفارشی و ویجت‌ها بر اساس استانداردهای Web Component ساخته شده‌اند، در مرورگرهای مدرن کار می‌کنند و می‌توانند با هر کتابخانه یا پلات فرم جاوا اسکریپتی که با HTML کار می‌کند استفاده شوند.

6.1 Web components در جاوا اسکریپت

6.2 المان‌های سفارشی HTML

6.3 shadow DOM

6.4 element الگو

6.5 Shadow DOM slots, composition

6.6 استایل دهی shadow DOM

6.7 Shadow DOM و رویدادها

عبارات قاعده‌مند (Regular expressions)

عبارات قاعده‌مند(Regular expressions) یک روش قدرتمند برای انجام جستجو و جایگزینی رشته ها در جاوا اسکریپت است. در جاوا اسکریپت، عبارات قاعده مند نیز شی هستند. این الگوها با متدهای ()exec و test() RegExp و با متدهای match()، matchAll()، replace()، replaceAll()، search() و split() String استفاده می شوند. در این فصل به Regular expressions در جاوا اسکریپت می‌پردازیم.

7.1 الگوها و پرچم ها

7.2 کلاس کاراکترها

7.3 یونیکد: پرچم u و کلاس \p{...}

7.4 شروع و پایان رشته ها

7.5 شروع و پایان چند خطی

7.6 مرز کلمات

7.7 کاراکترهای خاص

7.8 مجموعه‌ها و محدوده‌ها

7.9 کمیت‌های + ، * ، ؟ و {n}

7.10 کمیت‌های lazy

7.11 گروه‌بندی

7.12 الگوی پشتیبان

7.13 جایگزینی با |

7.14 جستجوی رو به جلو و یا رو به عقب

7.15 عباراتی که می‌تواند مرورگر را مختل کنند

7.16 جستجو در مکان شخص با پرچم y

7.17 متدهای RegExp و String

آموزش جامع جاوا اسکریپت JavaScript

معرفی اجمالی

جاوا اسکریپت چیست؟

چرا باید جاوا اسکریپت را یاد بگیریم؟

فهرست مطالب دوره

بخش اول: زبان جاوا اسکریپت

مقدمه‌ای بر جاوا اسکریپت

اصول برنامه نویسی در جاوا اسکریپت

بهبود کیفیت کد

مقدمه ای بر Objects

انواع داده در جاوا اسکریپت

بررسی توابع به صورت پیشرفته

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

نمونه های اولیه (Prototypes) و وراثت (inheritance)

کلاس در جاوا اسکریپت

مدیریت خطا در javascript

Promises, async/await

سازنده‌ها و iteration ها

ماژول ها در جاوا اسکریپت

متفرقه

بخش دوم: مرورگر (سند، رویدادها و رابط‌ها)

سند (Document)

مقدمه‌ای بر رویدادها (Event)

رویدادهای رابط کاربری (UI)

فرم‌ها و کنترل‌ها

بارگذاری داکیومنت و منابع

متفرقه

بخش سوم: مقالات الحاقی

Frames and windows

فایل‌ها و داده‌های باینری

درخواست‌های شبکه

ذخیره داده در مرورگر

انیمیشن

اجزای وب (Web components)

عبارات قاعده‌مند (Regular expressions)

دیدگاهتان را بنویسید لغو پاسخ