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

سرفصل ها و درس ها

جاوا اسکریپت و DOM JavaScript and the DOM

• نکات سریع جاوا اسکریپت JavaScript Quick Tips

• مقدمه ای بر DOM Introduction to the DOM

• DOM چیست؟ What is the DOM

• رویدادهای DOM DOM Events

• طرح رویداد Event Sketchnote

• طرح رویداد Event Sketchnote

• گره های درخت DOM DOM tree nodes

• اطلاعات بیشتر درباره گره ها More About Nodes

• اطلاعات بیشتر درباره گره ها More About Nodes

جاوا اسکریپت و DOM JavaScript and the DOM

• نکات سریع جاوا اسکریپت JavaScript Quick Tips

• مقدمه ای بر DOM Introduction to the DOM

• DOM چیست؟ What is the DOM

• رویدادهای DOM DOM Events

• گره های درخت DOM DOM tree nodes

پروژه - برنامه TODO با فضای ذخیره‌سازی محلی Project - TODO App w/Local Storage

• قسمت 1 بررسی اجمالی پروژه Part 1 Project Overview

• قسمت 1 بررسی اجمالی پروژه Part 1 Project Overview

• قسمت 2 - متدهای document.querySelector() و document.getElementById(). Part 2 - document.querySelector() and document.getElementById() methods

• قسمت 2 - متدهای document.querySelector() و document.getElementById(). Part 2 - document.querySelector() and document.getElementById() methods

• درس 2 - آزمون Lesson 2 - Quiz

• قسمت 3 - تغییر DOM با ویژگی document.textContent Part 3 - Changing the DOM with document.textContent property

• امتحان درس 3 Lesson 3 Quiz

• قسمت 4 - روش ها و ویژگی های بیشتر DOM Part 4 - More DOM methods and properties

• قسمت 4 - روش ها و ویژگی های بیشتر DOM Part 4 - More DOM methods and properties

• درس 4 - آزمون Lesson 4 - Quiz

• بخش 5 - تعامل کاربر و شنوندگان رویداد Part 5 - User interaction and event listeners

• قسمت 6 - کار با فرم ها Part 6 - Working with Forms

• قسمت 6 - کار با فرم ها Part 6 - Working with Forms

• راه اندازی Dev Environment Setting Up Dev Environment

• قسمت 7: برنامه Todo با حافظه محلی Part 7: Todo App with Local Storage

• قسمت 7: برنامه Todo با حافظه محلی Part 7: Todo App with Local Storage

• قسمت 8 - ذخیره سازی محلی Part 8 - Local Storage

• قسمت 9 - برنامه Todo با حافظه محلی Part 9 - Todo App with Local Storage

• قسمت 10 - CSS Part 10 - CSS

• قسمت 10 - CSS Part 10 - CSS

• قسمت 11: میزبانی Part 11: Hosting

• قسمت 11: میزبانی Part 11: Hosting

• قسمت 12: به اشتراک گذاری کد شما Part 12: Sharing Your Code

پروژه - برنامه TODO با فضای ذخیره‌سازی محلی Project - TODO App w/Local Storage

• درس 2 - آزمون Lesson 2 - Quiz

• قسمت 3 - تغییر DOM با ویژگی document.textContent Part 3 - Changing the DOM with document.textContent property

• امتحان درس 3 Lesson 3 Quiz

• درس 4 - آزمون Lesson 4 - Quiz

• بخش 5 - تعامل کاربر و شنوندگان رویداد Part 5 - User interaction and event listeners

• راه اندازی Dev Environment Setting Up Dev Environment

• قسمت 8 - ذخیره سازی محلی Part 8 - Local Storage

• قسمت 9 - برنامه Todo با حافظه محلی Part 9 - Todo App with Local Storage

• قسمت 12: به اشتراک گذاری کد شما Part 12: Sharing Your Code

پروژه - بازی تطبیق Project - Matching Game

• معرفی پروژه Project Intro

• قسمت 1 - کارت های ما را نمایش دهید Part 1 - Display Our Cards

• قسمت 1 - کارت های ما را نمایش دهید Part 1 - Display Our Cards

• قسمت 2 - کارت های ما را کپی کنید Part 2 - Duplicate Our Cards

• قسمت 3 - نمایش کارت تصادفی Part 3 - Random Card Display

• قسمت 3 - نمایش کارت تصادفی Part 3 - Random Card Display

• قسمت 4 - سبک کارت های انتخاب شده Part 4 - Style Selected Cards

• قسمت 4 - سبک کارت های انتخاب شده Part 4 - Style Selected Cards

• قسمت 5 - انتخاب دو کارت در هر دور را محدود کنید Part 5 - Limit Two Cards Selections Per Round

• قسمت 5 - انتخاب دو کارت در هر دور را محدود کنید Part 5 - Limit Two Cards Selections Per Round

• بخش 6 - اعمال یک ظاهر طراحی به کارت های تطبیق Part 6 - Apply Styling to Matching Cards

• قسمت 7 - بازنشانی حدس ها Part 7 - Reset Guesses

• قسمت 7 - بازنشانی حدس ها Part 7 - Reset Guesses

• قسمت 8 - اضافه کردن تاخیر Part 8 - Add Delay

• قسمت 9 - تلنگر کارت Part 9 - Card Flip

پروژه - بازی تطبیق Project - Matching Game

• معرفی پروژه Project Intro

• قسمت 2 - کارت های ما را کپی کنید Part 2 - Duplicate Our Cards

• بخش 6 - اعمال یک ظاهر طراحی به کارت های تطبیق Part 6 - Apply Styling to Matching Cards

• قسمت 8 - اضافه کردن تاخیر Part 8 - Add Delay

• قسمت 9 - تلنگر کارت Part 9 - Card Flip

مبانی جاوا اسکریپت - بررسی JavaScript Basics - Review

• درس متغیرها Variables Lesson

• آزمایشگاه متغیرها Variables Lab

• رشته های جاوا اسکریپت JavaScript Strings

• رشته های جاوا اسکریپت JavaScript Strings

• آزمایشگاه رشته های جاوا اسکریپت JavaScript Strings Lab

• آزمایشگاه رشته های جاوا اسکریپت JavaScript Strings Lab

• معرفی اشیاء جاوا اسکریپت JavaScript Objects Intro

• آزمایشگاه معرفی اشیاء جاوا اسکریپت JavaScript Objects Intro Lab

• آزمایشگاه معرفی اشیاء جاوا اسکریپت JavaScript Objects Intro Lab

• اشیاء جاوا اسکریپت - درس نشانه گذاری نقطه و براکت JavaScript Objects - Dot and Bracket Notation Lesson

• اشیاء جاوا اسکریپت - درس نشانه گذاری نقطه و براکت JavaScript Objects - Dot and Bracket Notation Lesson

• اشیاء جاوا اسکریپت - آزمایشگاه نشانه گذاری نقطه و براکت JavaScript Objects - Dot and Bracket Notation Lab

• درس آرایه های جاوا اسکریپت JavaScript Arrays Lesson

• درس آرایه های جاوا اسکریپت JavaScript Arrays Lesson

• آزمایشگاه آرایه های جاوا اسکریپت JavaScript Arrays Lab

• آزمایشگاه آرایه های جاوا اسکریپت JavaScript Arrays Lab

• روش های آرایه جاوا اسکریپت قسمت 1 درس JavaScript Array Methods Part 1 Lesson

• روش های آرایه جاوا اسکریپت قسمت 1 درس JavaScript Array Methods Part 1 Lesson

• روش های آرایه جاوا اسکریپت قسمت 1 آزمایشگاه JavaScript Array Methods Part 1 Lab

• روش های آرایه جاوا اسکریپت قسمت 1 آزمایشگاه JavaScript Array Methods Part 1 Lab

• روش های آرایه قسمت 2 درس Array Methods Part 2 Lesson

• روش های آرایه قسمت 2 آزمایشگاه Array Methods Part 2 Lab

• بررسی آرایه ها Arrays Review

• بررسی آرایه ها Arrays Review

• درس توابع Functions Lesson

• درس توابع Functions Lesson

• آزمایشگاه توابع Functions Lab

• توابع درس شیرجه عمیق Functions Deep Dive Lesson

• توابع درس شیرجه عمیق Functions Deep Dive Lesson

• توابع آزمایشگاه شیرجه عمیق Functions Deep Dive Lab

• درس محدوده تابع Function Scope Lesson

• Function Scope Lab Function Scope Lab

• درس حلقه ها Loops Lesson

• درس حلقه ها Loops Lesson

• Loops Lab Loops Lab

• Loops Lab Loops Lab

• Switch Statement Lab Switch Statement Lab

• Switch Statement Lab Switch Statement Lab

• Switch Statement Lab Switch Statement Lab

• Switch Statement Lab Switch Statement Lab

• حلقه ها قسمت 2 درس Loops Part 2 Lesson

• حلقه ها قسمت 2 درس Loops Part 2 Lesson

• Loops Part 2 Lab Loops part 2 Lab

• Loops Part 2 Lab Loops part 2 Lab

• درس این و پیوند This & Bind Lesson

• درس این و پیوند This & Bind Lesson

• This & Bind Lab This & Bind Lab

• This & Bind Lab This & Bind Lab

• این و فراخوانی درس This & Call Lesson

• این و فراخوانی درس This & Call Lesson

• این و با آزمایشگاه تماس بگیرید This & Call Lab

• درس روش فیلتر Filter Method Lesson

• درس روش فیلتر Filter Method Lesson

• آزمایشگاه روش فیلتر Filter Method Lab

• درس روش نقشه Map Method Lesson

• آزمایشگاه روش نقشه Map Method Lab

• درس روش کاهش Reduce Method Lesson

• درس روش کاهش Reduce Method Lesson

• آزمایشگاه روش کاهش Reduce Method Lab

• اجازه دهید درس بیانیه Let Statement Lesson

• اجازه دهید درس بیانیه Let Statement Lesson

• اجازه دهید بیانیه آزمایشگاه Let Statement Lab

• Const Statement Lesson & Lab Const Statement Lesson & Lab

• Const Statement Lesson & Lab Const Statement Lesson & Lab

• درس الفاظ الگو Template Literals Lesson

• آزمایشگاه Literals الگو Template Literals Lab

• درس توابع پیکان Arrow Functions Lesson

• درس توابع پیکان Arrow Functions Lesson

• آزمایشگاه توابع پیکان Arrow Functions lab

• آزمایشگاه توابع پیکان Arrow Functions lab

• درس اپراتور گسترش Spread Operator Lesson

• درس اپراتور گسترش Spread Operator Lesson

• آزمایشگاه اپراتور گسترش Spread Operator Lab

مبانی جاوا اسکریپت - بررسی JavaScript Basics - Review

• درس متغیرها Variables Lesson

• آزمایشگاه متغیرها Variables Lab

• معرفی اشیاء جاوا اسکریپت JavaScript Objects Intro

• اشیاء جاوا اسکریپت - آزمایشگاه نشانه گذاری نقطه و براکت JavaScript Objects - Dot and Bracket Notation Lab

• روش های آرایه قسمت 2 درس Array Methods Part 2 Lesson

• روش های آرایه قسمت 2 آزمایشگاه Array Methods Part 2 Lab

• آزمایشگاه توابع Functions Lab

• توابع آزمایشگاه شیرجه عمیق Functions Deep Dive Lab

• درس محدوده تابع Function Scope Lesson

• Function Scope Lab Function Scope Lab

• Switch Statement Lab Switch Statement Lab

• Switch Statement Lab Switch Statement Lab

• این و با آزمایشگاه تماس بگیرید This & Call Lab

• آزمایشگاه روش فیلتر Filter Method Lab

• درس روش نقشه Map Method Lesson

• آزمایشگاه روش نقشه Map Method Lab

• آزمایشگاه روش کاهش Reduce Method Lab

• اجازه دهید بیانیه آزمایشگاه Let Statement Lab

• درس الفاظ الگو Template Literals Lesson

• آزمایشگاه Literals الگو Template Literals Lab

• آزمایشگاه اپراتور گسترش Spread Operator Lab