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

آنچه یاد خواهید گرفت:

• درک مبانی جاوااسکریپت - یاد می‌گیرید که جاوااسکریپت چیست، تاریخچه آن و نقش آن در توسعه وب مدرن
• کار با ابزارهای توسعه - تسلط به استفاده از ویرایشگر ویژوال استودیو کد و کنسول مرورگر برای توسعه جاوااسکریپت
• تسلط به متغیرها و تایپ‌های داده‌ - درک اعلان‌های متغیر (let ،const و var) و کار با تایپ‌های داده primitive، آرایه و آبجکت
• انجام عملیات‌ها با عملگرها - یادگیری عملگرهای حسابی، مقایسه، منطقی و تخصیص برای کد نویسی اثربخش
• نوشتن منطق کنترل - پیاده‌سازی دستورات شرطی (if و else if و else و switch)، ساختارهای حلقه (for ،while و do while)، کلیدواژه‌های کنترل (break و continue)
• توسعه و استفاده از توابع - ایجاد توابع، از جمله توابع arrow، و درک پارامترها، آرگومان‌ها و کلیدواژه this
• دستکاری آرایه‌ها و آبجکت‌ها - استفاده از متدهای اولیه و پیشرفته آرایه، ویژگی‌های آبجکت، تخریب ساختار و ترکیب آرایه‌ها با آبجکت‌ها
• استفاده از ویژگی‌های جاوااسکریپت - بررسی لیترال‌های قالب، عملگرهای spread و rest و ویژگی‌های مدرن ECMAScript برای کدنویسی تمیزتر
• تعامل با DOM - دستکاری عناصر و ساختارهای وبسایت با استفاده از مدل آبجکت سند (DOM)
• افزودن تعامل پذیری با استفاده از Listeners رویداد - درک برنامه‌نویسی رویداد محور و یکپارچه‌سازی Listeners رویداد در وب اپلیکیشن‌ها
• کار با جاوااسکریپت غیرهمزمان - یادگیری تکنیک‌های برنامه‌نویسی غیرهمزمان با setTimeout و setInterval و Promises و async/await
• اشکال‌زدایی و مدیریت خطاها - توسعه مهارت‌های اشکال‌زدایی و پیاده‌سازی تکنیک‌های مدیریت خطا برای اپلیکیشن‌های پایدار
• درک ماژول‌ها - ایمپورت و اکسپورت ماژول‌های جاوااسکریپت برای ایجاد کد قابل استفاده مجدد و سازمان‌یافته
• ساخت یک پروژه - اعمال مفاهیم با توسعه اپلیکیشن لیست To-Do، نمایش مهارت‌های کدنویسی end-to-end
• آمادگی برای سناریوهای واقعی - پاسخ به سوالات رایج جاوااسکریپت و حل مشکلات عملی برای آمادگی برای مصاحبه‌ها و پروژه‌ها

پیش‌نیازهای دوره

• اشتیاق و عزم برای ایجاد تأثیر بر جهان

توضیحات دوره

به دورهجاوااسکریپت - راهنمای جامع توسعه وب مدرن خوش آمدید که توسط Uplatz ارائه می‌شود.

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

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

جاوااسکریپت چگونه کار می‌کند؟

• اجرا در سمت کلاینت - جاوااسکریپت عمدتاً در مرورگر وب شما اجرا می‌شود. وقتی یک صفحه وب بارگذاری می‌شود، مرورگر شما کد جاوااسکریپت را به همراه HTML و CSS دانلود می‌کند.
• زبان تفسیر شده - جاوااسکریپت تفسیر شده است، به این معنا که کد به صورت خط به خط اجرا می‌شود همان‌طور که مرورگر آن را می‌خواند.
• رویداد محور - جاوااسکریپت به اکشن‌های کاربر مانند کلیک‌ها، حرکت ماوس و ارسال فرم‌ها پاسخ می‌دهد. همچنین می‌تواند محتوا را بدون نیاز به بارگذاری مجدد صفحه بروز کند.

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

• تایپ‌های پویا - نیازی به اعلان‌های explicit تایپ‌های متغیر (مانند جاوا یا ++C) ندارید.
• شی‌گرایی - جاوااسکریپت از آبجکت‌ها پشتیبانی می‌کند که مانند کانتینرهایی برای داده‌ و متدهایی هستند که روی آن داده‌ عمل می‌کنند.
• تابعی - جاوااسکریپت توابع را به عنوان شهروندان درجه یک در نظر می‌گیرد که به شما اجازه می‌دهد که آنها را به عنوان آرگومان‌ها منتقل کرده و از توابع دیگر بازگردانی کنید.
• چندکاره بودن - جاوااسکریپت می‌تواند برای توسعه فرانت‌اند (مرورگر) و بک‌اند (سرور)، توسعه اپلیکیشن‌های موبایل و حتی توسعه بازی‌ها استفاده شود.

مزایای یادگیری جاوااسکریپت

• تقاضای بالا - جاوااسکریپت یکی از پرتقاضاترین زبان‌های برنامه‌نویسی است که فرصت‌های شغلی فوق‌العاده‌ای را ارائه می‌دهد.
• چندکاره بودن - می‌توانید از جاوااسکریپت برای ساخت طیف وسیعی از اپلیکیشن‌ها، از وبسایت‌های ساده تا وب‌ اپلیکیشن‌ها و اپلیکیشن‌های موبایل پیچیده استفاده کنید.
• کامیونیتی بزرگ - جاوااسکریپت دارای یک کامیونیتی بزرگ و فعال است که منابع، پشتیبانی و کتابخانه‌های زیادی را فراهم می‌کند.
• یادگیری آسان - جاوااسکریپت از سینتکس نسبتا آسان و بخشنده‌ای برخوردار است و به عنوان یک زبان مناسب برای مبتدیان در نظر گرفته می‌شود.
• پتانسیل خلاقانه - جاوااسکریپت به شما امکان می‌دهد که تجارب تعاملی و جذاب برای کاربران ایجاد کنید.

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

توسعه فرانت‌اند

• ایجاد رابط‌های کاربری تعاملی و پویا - جاوااسکریپت برای ساخت وبسایت‌ها و وب‌ اپلیکیشن‌های جذاب با ویژگی‌هایی مانند انیمیشن‌ها، اعتبارسنجی ورودی کاربر و بروزرسانی‌های آنی ضروری است.
• کار با فریمورک‌ها و کتابخانه‌های محبوب جاوااسکریپت - تسلط به فریورک‌هایی مانند ری‌اکت، انگولار یا Vue.js درهای شغل‌هایی با حقوق بالا را در توسعه‌های مدرن فرانت‌اند باز می‌کند.
• ساخت اپلیکیشن‌های تک صفحه‌ای (SPA) - جاوااسکریپت اجازه می‌دهد تا تجربیات بی‌نقص و شبیه به اپلیکیشن‌ها در یک مرورگر وب ایجاد شود.

توسعه بک‌اند

• برنامه‌نویسی سمت سرور با نودجی‌اس - نودجی‌اس به شما امکان می‌دهد با استفاده از جاوااسکریپت اپلیکیشن‌های سمت سرور مقیاس‌پذیر و مؤثری، APIs و میکروسرویس‌ها بسازید.
• توسعه فول‌استک - ترکیب مهارت‌های جاوااسکریپت در فرانت‌اند و بک‌اند شما را به یک توسعه‌دهنده فول‌استک تبدیل می‌کند که می‌تواند پروژه‌های توسعه وب را به طور کامل مدیریت کند.

توسعه اپلیکینش‌های موبایل

• توسعه اپلیکیشن‌های موبایل چندسکویی - فریمورک‌هایی مانند React Native و Ionic به شما اجازه می‌دهند اپلیکیشن‌های موبایل برای iOS و اندروید را با استفاده از جاوااسکریپت بسازید و زمان و هزینه توسعه را کاهش دهید.
• توسعه اپلیکیشن‌های نیتیو موبایل - حتی می‌توان از جاوااسکریپت برای توسعه اپلیکیشن‌های موبایل نیتیو با فریمورک‌هایی مانند NativeScript استفاده کرد.

توسعه بازی

• ساخت بازی‌های مبتنی بر وب - جاوااسکریپت، HTML5 canvas، امکان ایجاد بازی‌های تعاملی و جذابی را فراهم می‌کند که به طور مستقیم در مرورگر اجرا می‌شوند.
• توسعه بازی با موتورهای بازی - برخی از موتورهای بازی، مانند Phaser، از جاوااسکریپت به عنوان زبان برنامه‌نویسی خود استفاده می‌کنند.

سایر زمینه‌ها

• تصویرسازی داده - کتابخانه‌های جاوااسکریپت مانند D3.js به شما امکان می‌دهد که مصورسازی‌های جالبی از داده ایجاد کنید.
• یادگیری ماشین - کتابخانه‌های جاوااسکریپت مانند TensorFlow.js قابلیت‌های یادگیری ماشین را به وب می‌آورند.
• اینترنت اشیا (IoT) - می‌توان از جاوااسکریپت برای برنامه‌نویسی و کنترل دستگاه‌های IoT استفاده کرد.

مسیرهای شغلی

• توسعه‌دهنده فرانت‌اند
• توسعه‌دهنده بک‌اند
• توسعه‌دهنده فول‌استک
• توسعه‌دهنده اپلیکیشن موبایل
• توسعه‌دهنده بازی
• مهندس UI و UX
• مهندس نرم‌افزار

علاوه بر این نقش‌های خاص، مهارت‌های جاوااسکریپت در بسیاری از زمینه‌های دیگر نیز ارزشمند است، از جمله:

• فریلنسری - تخصص در جاوااسکریپت به شما اجازه می‌دهد پروژه‌های فریلنسری وب توسعه دهید.
• استارتاپ‌ها - جاوااسکریپت یک فناوری اصلی برای بسیاری از استارتاپ‌ها است و فرصت‌های هیجان‌انگیزی برای ساخت محصولات نوآورانه فراهم می‌آورد.
• شرکت‌های بزرگ - بیشتر شرکت‌های بزرگ به شدت به جاوااسکریپت برای حضور وب و برنامه‌های داخلی خود وابسته‌اند.

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

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

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

• جاوااسکریپت چیست؟ در کجا استفاده می‌شود؟

بررسی جاوااسکریپت

• بررسی مباحث مختلف جاوااسکریپت

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

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

جاوااسکریپت در برابر HTML در برابر CSS

• مقایسه جاوااسکریپت، HTML و CSS به همراه مثال‌ها

تاریخ جاوااسکریپت و ECMAScript

• تاریخ جاوااسکریپت و ECMAScript از آغاز تا کنون

ویرایشگر ویژوال استودیو کد و سفارشی‌سازی برای توسعه جاوااسکریپت

• استفاده و سفارشی‌سازی ویژوال استودیو کد با افزونه‌ها و تنظیمات برای توسعه جاوااسکریپت

جاوااسکریپت با کنسول مرورگر

• اجرای کد جاوااسکریپت در کنسول مرورگر

متغیرها و تایپ‌های داده Primitive

• متغیرها با استفاده از let ،const و var - بررسی تایپ‌های داده Primitive

تایپ‌های داده آرایه و آبجکت

• آرایه‌ها و متدهای آنها، ویژگی‌های آبجکت و ترکیب آرایه‌ها با آبجکت‌ها

عملگرهای حسابی

• توضیح عملگرهای حسابی، اولویت آنها و کاربردشان

عملگرهای مقایسه

• عملگرهای مقایسه، شامل مقایسه‌های ضعیف و سخت

عملگرهای منطقی

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

عملگرهای تخصیص

• انواع عملگرهای تخصیص از جمله عملگرهای بیتی

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

• کامنت‌های تک‌خطی و چندخطی

دستورات if و else if و else

• مثال‌ها و یوزکیس‌های دستورات شرطی

عملگر سه‌تایی

• استفاده از عملگر سه‌تایی

دستور switch case

• مثال‌هایی از switch ،case ،break و default

حلقه‌های for ،while و do while

• مثال‌هایی از ساختارهای حلقه

کنترل حلقه با break و continue

• مثال‌هایی که استفاده از break و continue در حلقه‌ها را نشان می‌دهند.

اسکوپ‌های جهانی و محلی

• اسکوپ‌های تابع و بلوک در جاوااسکریپت

توابع جاوااسکریپت

• انواع توابع و کاربردهای آنها

توابع arrow

• استفاده از توابع arrow با مثال‌ها

پارامترها و آرگومان‌های توابع

• مثال‌های پارامترها و آرگومان‌های توابع

آبجکت‌های جاوااسکریپت

• ایجاد و استفاده از آبجکت‌ها با مثال‌ها

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

• درک و استفاده از کلیدواژه this

مبانی آرایه‌های جاوااسکریپت

• ایجاد آرایه‌ها، متدهای آرایه و حلقه‌‌ها در آرایه‌ها

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

• متدهای پیشرفته آرایه با مثال‌های عملی

let ،const و var در جاوااسکریپت

• بحث دقیق درباره let ،const و var و دامنه‌های آنها

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

• استفاده از لیترال‌های قالب

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

• مثال‌هایی از تخریب ساختار آرایه و آبجکت، از جمله تخریب‌ ساختارهای تودرتو و پارامتر

عملگرهای Spreadو rest در جاوااسکریپت

• بحث دقیق درباره عملگرهای Spread و rest

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

• اکسپورت و ایمپورت نامگذاری شده و پیش‌فرض

DOM جاوااسکریپت - بخش 1

• کوئری و دستکاری عناصر آبجکت سند

DOM جاوااسکریپت - بخش 2

• دستکاری‌های پیشرفته DOM

listeners رویداد

• جزئیات و مثال‌هایی از listeners رویداد

APIs و جاوااسکریپت غیرهمزمان

• درک برنامه‌نویسی غیرهمزمان و کار با APIs

setTimeout و setInterval

• استفاده از توابع setTimeout و setInterval

Promises جاوااسکریپت

• زنجیره‌سازی Promises با then و .catch

Async/Await در جاوااسکریپت

• استفاده از async/await با مثال‌ها، از جمله بلوک‌های try...catch

مدیریت خطا و اشکال‌زدایی

• تکنیک‌های مدیریت خطا و اشکال‌زدایی

اپلیکیشن لیست To-Do 

• پروژه Capstone - ساخت اپلیکیشن لیست To-Do

کد کامل جاوااسکریپت برای لیست To-Do

• اجرای کامل پروژه لیست To-Do

 سوالات رایج و پاسخ‌های جاوااسکریپت

• پرسش‌ها و پاسخ‌های رایج جاوااسکریپت

این دوره برای چه کسانی مناسب است؟

• مبتدیان در توسعه وب - افرادی با تجربه کم در برنامه‌نویسی یا بدون تجربه که می‌خواهند جاوااسکریپت را به عنوان زبان اول خود یاد بگیرند.
• توسعه‌دهندگان فرانت‌اند - یادگیرندگانی که به دنبال ایجاد رابط‌های کاربری تعاملی و پویا با استفاده از جاوااسکریپت به همراه HTML و CSS هستند.
• توسعه‌دهندگان بک‌اند - توسعه‌دهندگانی که می‌خواهند با استفاده از فریمورک‌های جاوااسکریپت مانند نودجی‌اس به توسعه کامل بپردازند.
• علاقه‌مندان به توسعه‌دهنده فول‌استک - آنهایی که قصد دارند تسلط به جاوااسکریپت در سمت کاربر و سمت سرور را برای مهارت‌های توسعه کامل بگیرند.
• توسعه‌دهندگان وب - حرفه‌ای‌هایی که می‌خواهند مهارت‌های توسعه وب خود را با تسلط به جاوااسکریپت برای تعامل و عملکرد پیشرفته‌تر تقویت کنند.
• توسعه‌دهندگان اپلیکیشن - برنامه‌نویس‌هایی که بر ساخت اپلیکیشن‌های مدرن و کاربرپسند برای وب، موبایل یا دسکتاپ با استفاده از جاوااسکریپت تمرکز دارند.
• مهندسان نرم‌افزار - توسعه‌دهندگانی که می‌خواهند از جاوااسکریپت برای ایجاد اپلیکیشن‌های چندسکویی و بهبود ابزارهای نرم‌افزاری خود استفاده کنند.
• طراحان در حال انتقال به توسعه - طراحان UX و UI که می‌خواهند قابلیت‌های پویا را به طراحی‌های خود اضافه کنند.
• دانشجویان و فارغ‌التحصیلان اخیر - افرادی که برای مشاغل در توسعه وب یا نرم‌افزار آماده می‌شوند.
• حرفه‌ای‌هایی که به دنبال تغییر شغل هستند - افراد غیرفنی که در حال انتقال به نقش‌های فناوری با تمرکز بر توسعه وب هستند.
• توسعه‌دهندگان در حال یادگیری فریمورک‌ها - برنامه‌نویسانی که به دنبال ایجاد تخصص در جاوااسکریپت برای استفاده از کتابخانه‌ها و فریمورک‌هایی مانند ری‌اکت، انگولار یا Vue JS هستند.
• علاقه‌مندان و کارآفرینان - افرادی که پروژه‌های شخصی، وبسایت‌های استارتاپی یا اپلیکیشن‌ها را ایجاد می‌کنند و به دانش جزئی تا متوسط جاوااسکریپت نیاز دارند.