دوره آموزشی یادگیری جامع جاوا اسکریپت
5 ساعت 42 دقیقهمبتدی2024-06-07
مدرسین

Morten Rand-Hendriksen
Senior Staff Instructor, Speaker, Web Designer, and Software Developer
جزئیات دوره
JavaScript قلب تپنده توسعه وب مدرن است. اگر HTML ساختار صفحات وب را ایجاد میکند و CSS ظاهر آنها را شکل میدهد، JavaScript مسئول ایجاد تعامل، پویایی و هوشمندی در صفحات وب است. امروزه تقریباً تمام وبسایتها و برنامههای تحت وب، از وبسایتهای ساده گرفته تا شبکههای اجتماعی، فروشگاههای اینترنتی و نرمافزارهای سازمانی، به JavaScript وابسته هستند.
این دوره بهصورت گامبهگام شما را با مفاهیم بنیادی و کاربردی JavaScript آشنا میکند و پایهای مستحکم برای ورود به دنیای توسعه فرانتاند (Front-End Development) و حتی بسیاری از فناوریهای بکاند مانند Node.js فراهم میسازد. مدرس دوره، Morten Rand-Hendriksen، با استفاده از مثالهای عملی، پروژههای کوچک و تمرینهای هدفمند، مفاهیم JavaScript را به شکلی ساده و قابل فهم آموزش میدهد.
در ابتدای دوره، با اصول اولیه زبان جاوااسکریپت آشنا میشوید و یاد میگیرید چگونه متغیرها (Variables)، انواع داده (Data Types) و عملگرها (Operators) را برای ذخیره و پردازش اطلاعات به کار ببرید. سپس با ساختارهای تصمیمگیری مانند شرطها (Conditionals) و نحوه کنترل جریان اجرای برنامه آشنا خواهید شد.
در ادامه، یکی از مهمترین مفاهیم JavaScript یعنی توابع (Functions) را فرا میگیرید. یاد میگیرید چگونه منطق برنامه را در قالب توابع سازماندهی کنید، کدهای قابل استفاده مجدد بنویسید و برنامههایی ساختیافتهتر و قابل نگهداریتر ایجاد نمایید.
پس از تسلط بر مبانی، وارد مباحث پیشرفتهتر میشوید و با حلقهها (Loops) برای اجرای تکرارشونده کد، مدیریت مجموعه دادهها و خودکارسازی عملیات آشنا میشوید. همچنین نحوه استفاده از ساختارهای مختلف تکرار برای حل مسائل برنامهنویسی را یاد خواهید گرفت.
یکی از بخشهای مهم این دوره، آموزش مدیریت مدل شیءگرای سند (Document Object Model - DOM) است. در این بخش یاد میگیرید چگونه عناصر صفحات وب را با JavaScript انتخاب کنید، محتوای آنها را تغییر دهید، رویدادهای کاربر مانند کلیک و ورود اطلاعات را مدیریت کنید و صفحات وب تعاملی و پویا ایجاد نمایید.
در طول دوره، تمرینهای عملی و Mini Projectهای متنوع به شما کمک میکنند تا آموختههای خود را در سناریوهای واقعی پیادهسازی کنید. همچنین چالشهایی در طول آموزش ارائه میشود تا بتوانید میزان یادگیری خود را ارزیابی کرده و مهارت حل مسئله در JavaScript را تقویت کنید.
در پایان این دوره، درک کاملی از مفاهیم پایه و کاربردی JavaScript خواهید داشت و میتوانید با اطمینان برنامههای تعاملی تحت وب ایجاد کنید، صفحات HTML را بهصورت پویا مدیریت نمایید و مسیر یادگیری فریمورکهای مدرن مانند React، Vue.js، Angular و همچنین توسعه سمت سرور با Node.js را با آمادگی بیشتری ادامه دهید.
🎯 اهداف یادگیری
درک مفاهیم پایه زبان JavaScript و نقش آن در توسعه وب مدرن
استفاده از متغیرها، انواع داده و عملگرها برای مدیریت اطلاعات در برنامهها
پیادهسازی ساختارهای شرطی برای کنترل جریان اجرای برنامه
طراحی و استفاده از توابع برای سازماندهی و استفاده مجدد از کدها
بهکارگیری حلقهها برای پردازش دادهها و اجرای عملیات تکرارشونده
مدیریت و دستکاری عناصر صفحات وب با استفاده از DOM Scripting
ایجاد تعاملات پویا و پاسخگویی به رویدادهای کاربر در صفحات وب
توسعه مهارت حل مسئله از طریق مثالهای عملی و پروژههای کوچک
ساخت برنامههای وب تعاملی با استفاده از مفاهیم استاندارد JavaScript
ایجاد پایهای قدرتمند برای یادگیری فریمورکها و کتابخانههای پیشرفته JavaScript
این دوره بهصورت گامبهگام شما را با مفاهیم بنیادی و کاربردی JavaScript آشنا میکند و پایهای مستحکم برای ورود به دنیای توسعه فرانتاند (Front-End Development) و حتی بسیاری از فناوریهای بکاند مانند Node.js فراهم میسازد. مدرس دوره، Morten Rand-Hendriksen، با استفاده از مثالهای عملی، پروژههای کوچک و تمرینهای هدفمند، مفاهیم JavaScript را به شکلی ساده و قابل فهم آموزش میدهد.
در ابتدای دوره، با اصول اولیه زبان جاوااسکریپت آشنا میشوید و یاد میگیرید چگونه متغیرها (Variables)، انواع داده (Data Types) و عملگرها (Operators) را برای ذخیره و پردازش اطلاعات به کار ببرید. سپس با ساختارهای تصمیمگیری مانند شرطها (Conditionals) و نحوه کنترل جریان اجرای برنامه آشنا خواهید شد.
در ادامه، یکی از مهمترین مفاهیم JavaScript یعنی توابع (Functions) را فرا میگیرید. یاد میگیرید چگونه منطق برنامه را در قالب توابع سازماندهی کنید، کدهای قابل استفاده مجدد بنویسید و برنامههایی ساختیافتهتر و قابل نگهداریتر ایجاد نمایید.
پس از تسلط بر مبانی، وارد مباحث پیشرفتهتر میشوید و با حلقهها (Loops) برای اجرای تکرارشونده کد، مدیریت مجموعه دادهها و خودکارسازی عملیات آشنا میشوید. همچنین نحوه استفاده از ساختارهای مختلف تکرار برای حل مسائل برنامهنویسی را یاد خواهید گرفت.
یکی از بخشهای مهم این دوره، آموزش مدیریت مدل شیءگرای سند (Document Object Model - DOM) است. در این بخش یاد میگیرید چگونه عناصر صفحات وب را با JavaScript انتخاب کنید، محتوای آنها را تغییر دهید، رویدادهای کاربر مانند کلیک و ورود اطلاعات را مدیریت کنید و صفحات وب تعاملی و پویا ایجاد نمایید.
در طول دوره، تمرینهای عملی و Mini Projectهای متنوع به شما کمک میکنند تا آموختههای خود را در سناریوهای واقعی پیادهسازی کنید. همچنین چالشهایی در طول آموزش ارائه میشود تا بتوانید میزان یادگیری خود را ارزیابی کرده و مهارت حل مسئله در JavaScript را تقویت کنید.
در پایان این دوره، درک کاملی از مفاهیم پایه و کاربردی JavaScript خواهید داشت و میتوانید با اطمینان برنامههای تعاملی تحت وب ایجاد کنید، صفحات HTML را بهصورت پویا مدیریت نمایید و مسیر یادگیری فریمورکهای مدرن مانند React، Vue.js، Angular و همچنین توسعه سمت سرور با Node.js را با آمادگی بیشتری ادامه دهید.
🎯 اهداف یادگیری
درک مفاهیم پایه زبان JavaScript و نقش آن در توسعه وب مدرن
استفاده از متغیرها، انواع داده و عملگرها برای مدیریت اطلاعات در برنامهها
پیادهسازی ساختارهای شرطی برای کنترل جریان اجرای برنامه
طراحی و استفاده از توابع برای سازماندهی و استفاده مجدد از کدها
بهکارگیری حلقهها برای پردازش دادهها و اجرای عملیات تکرارشونده
مدیریت و دستکاری عناصر صفحات وب با استفاده از DOM Scripting
ایجاد تعاملات پویا و پاسخگویی به رویدادهای کاربر در صفحات وب
توسعه مهارت حل مسئله از طریق مثالهای عملی و پروژههای کوچک
ساخت برنامههای وب تعاملی با استفاده از مفاهیم استاندارد JavaScript
ایجاد پایهای قدرتمند برای یادگیری فریمورکها و کتابخانههای پیشرفته JavaScript
مهارت ها
JavaScriptOracleEssential TrainingProgramming LanguagesSoftware Development
سرفصل ها
مقدمه
- جاوااسکریپت - خاکی که وب مدرن از آن رشد میکند
- نحوه استفاده از فایلهای تمرینی
- کاوش در محیط آزمایشگاه
جاوااسکریپت - مقدمهای کوتاه
- جاوااسکریپت - اولین تماس
- پیمایش در چشمانداز JS
- ابزارهای کار با جاوااسکریپت
- Linting و قالببندی
- با کنسول مرورگر آشنا شوید
- مبانی زبان جاوااسکریپت
- یادگیری جاوااسکریپت به صورت وارونه
راهاندازی و کار با JS
- جاوااسکریپت در یک سند HTML
- جاوااسکریپت به عنوان یک فایل خارجی
- بارگذاری مدرن جاوااسکریپت
- ماژولهای جاوااسکریپت
اشیاء
- اشیاء - مقدمهای عملی
- اشیاء جاوااسکریپت - نسخه کد
- ظروف اشیاء
- ویژگیهای شی
- دسترسی به اشیاء
- دسترسی به ویژگیهای شی
- تمرین - ساخت یک شی جدید
- متدهای شی
- تمرین - ساخت یک متد جدید
- کلاسها - الگوهای شی
- سازندههای شی
- تمرین - ساخت یک شی جدید با یک سازنده
- اشیاء سراسری
- معرفی چالش - ایجاد یک نوع شی جدید
- راهحل - ایجاد یک نوع شی جدید
کنار - خروجی رشته
- ترکیب متن و متغیرها با تمپلیت لیتِرالها
- خروجی رشته سنتی
- معرفی چالش - ایجاد یک تمپلیت لیتِرال
- راهحل - ایجاد یک تمپلیت لیتِرال
DOM
- DOM - مدل شی سند
- دسترسی به عناصر با روشهای querySelector
- دسترسی به عناصر با استفاده از روشهای قدیمیتر
- تمرین - پیدا کردن یک عنصر
- اصلاح کلاسهای عناصر
- ویژگیها
- استایل درونخطی
- تمرین - اصلاح کلاسها، ویژگیها و استایلها
- افزودن عناصر DOM
- معرفی چالش - ایجاد عناصر
- راهحل - ایجاد عناصر
کنار - متغیرها و انواع داده
- متغیرها - ظروف برای همه چیز
- Var
- حوزه
- Let
- Const
- انواع داده
- انتساب در مقابل مقایسه
- عملگرهای ریاضی
- معرفی چالش - محاسبه مالیات بر فروش
- راهحل - محاسبه مالیات بر فروش
آرایهها
- توضیح آرایهها
- آرایهها در کد
- متدهای آرایه
- معرفی چالش - دستکاری آرایه
- راهحل - دستکاری آرایه
توابع و متدها
- تابع در دنیای واقعی
- توابع و متدها
- یک تابع استاندارد
- تابع پیکانی
- توابع پیکانی و this
- تمرین - ساخت یک تابع
- ارسال داده به یک تابع با پارامترها
- بازگرداندن مقادیر از یک تابع
- تمرین - ارسال مقادیر بین توابع
- توابع بازگشتی (Callback)
- عبارت شرطی if else
- عملگرهای منطقی
- عبارت شرطی switch
- پیمایش محتوا
- استفاده از متد map() آرایه
- معرفی چالش - ایجاد یک کارخانه محتوا
- راهحل - ایجاد یک کارخانه محتوا
رویدادها
- توضیح رویدادهای DOM
- رویدادهای معمولی DOM
- شنوندگان رویداد
- تمرین - آزمایش با شنوندگان رویداد
- شنوندگان رویداد پیشرفته و this
- ارسال آرگومانها از طریق شنوندگان رویداد
- معرفی چالش - ایجاد یک شنونده رویداد
- راهحل - ایجاد یک شنونده رویداد
عیبیابی و اعتبارسنجی JS
- عیبیابی جاوااسکریپت در مرورگر
- درک یک کامپوننت React
نتیجهگیری
- مراحل بعدی در سفر یادگیری شما