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

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

معرفی Introduction

• مقدمه ای بر جاوا اسکریپت و تاریخچه جاوا اسکریپت Introduction to JavaScript and History of JavaScript

• راه اندازی محیط زیست Setting up the Environment

• نمادها و نحو جاوا اسکریپت JavaScript Symbols & Syntax

• یک متغیر 'name' ایجاد کنید و نام خود را در آن اختصاص دهید و نام خود را در گزارش کنسول چاپ کنید Create a Variable 'name' and assign your name in it and print name in the console log

• مسابقه مقدمه فصل Quiz on Chapter Introduction

توابع در جاوا اسکریپت Functions in JavaScript

• مبانی توابع در جاوا اسکریپت Basics of Functions in JavaScript

• تابع فراخوانی خود، مقادیر پیش‌فرض، پارامتر استراحت و آرگومان‌ها Self Invoking Function, Default Values, Rest Parameter & Arguments

• روش فراخوانی، روش اعمال، پیوند و مفهوم "this" در تابع Call method, Apply method, bind and concept of 'this' in Function

• یک تابع با نام Sum بنویسید تا مجموع دو عدد بدست آید و مقادیر پیش فرض را به پارامترها منتقل کنید Write a function with name Sum to get sum of two numbers and pass default values to parameters

• امتحان در مورد توابع Quiz on Functions

کلاس جاوا اسکریپت JavaScript Class

• آشنایی با کلاس JS Introduction to JS Class

• وراثت طبقاتی Class Inheritance

• کلاس گیرندگان و تنظیم کننده ها Class Getters & Setters

• بالا بردن کلاس و روش استاتیک Class Hoisting & Static Method

• دو کلاس "Parent" و "Child" بنویسید و یک متد را از کلاس والد به ارث ببرید تا نام خانوادگی خانواده را بدست آورید. Write two classes 'Parent' and 'Child' and Inherit a method from parent class to get family lastname

• امتحان در کلاس جاوا اسکریپت Quiz on JavaScript Class

انواع داده ها در جاوا اسکریپت Data Types in JavaScript

• اصول اولیه در مورد انواع داده های JS Basics about JS Data Types

• عملیات حسابی، عملیات رشته و اولویت عملگر Arithmetic Operations ,String Operations & Operator Precedence

• عملگرهای منطقی و بیتی Logical & Bitwise Operators

• اطلاعات بیشتر در مورد اپراتورها More about operators

• آزمون انواع داده ها Quiz on Data Types

مفاهیم رشته در جاوا اسکریپت Concepts of String in JavaScript

• اصول اولیه در مورد JS String & String Templates Basics about JS String & String Templates

• روش‌های ChatAt، CharCodeAt و AT و دسترسی به اموال ChatAt ,CharCodeAt and AT methods & Property Access

• روش‌های Slice، Substring، Trim، Padding و Repeat Slice, Substring, trim, Padding & Repeat methods

• عملیات و تبدیل آرایه رشته را جایگزین کنید Replace operation and array conversion of string

• عملیات جستجوی رشته String Search Operations

• تمرین کدگذاری جستجوی رشته ای String Search Coding Exercise

• تمرین رمزگذاری عملیات رشته String Operation Coding Exercise

چیزهایی که باید در مورد Array در JS بدانید Things to Know about Array in JS

• مقدمه ای بر JS Array Introduction to JS Array

• متدهای Push، Pop، Shift، Unshift، Slice & Splice در آرایه Push, Pop, Shift , Unshift, Slice & Splice methods in Array

• Array Serach & Sorting Methods Array Serach & Sorting Methods

• امتحان در آرایه Quiz on Array

بیانیه های مشروط و موارد تکرار شونده Conditional Statements & Iterables

• اصول اولیه در مورد بیانیه های شرطی Basics about Conditional Statements

• تکرار با استفاده از حلقه FOR Iteration using FOR loop

• عبارات while، Do while، Break & Continue While , Do While, Break & Continue statements

• تنظیم جاوا اسکریپت JavaScript SET

• نقشه جاوا اسکریپت JavaScript MAP

• امتحان در مورد عبارات شرطی Quiz on conditional statements

موارد استفاده از Date Object، Math Object، Random و Regex Usages of Date Object , Math Object , Random & Regex

• شیء ریاضی جاوا اسکریپت JavaScript Math Object

• جاوا اسکریپت DATE شی JavaScript DATE Object

• بیان منظم در جاوا اسکریپت Regular Expression in JavaScript

• تمرین کدگذاری شیء ریاضی و تاریخ Coding Exercise of Math & Date Object

مفاهیم مدل شیء سند HTML (DOM). HTML Document Object Model (DOM) Concepts

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

• جاوا اسکریپت را کجا در HTML بنویسیم Where to write JavaScript in HTML

• یافتن HTML Dom با استفاده از جاوا اسکریپت HTML Dom finding using JavaScript

• عناصر DOM را با استفاده از جاوا اسکریپت تغییر دهید Change DOM elements using JavaScript

• افزودن/حذف عناصر DOM Add/Delete DOM elements

• اطلاعات بیشتر درباره DOM پویا و اعتبارسنجی فرم More about dynamic DOM & form Validation

• انیمیشن ها در جاوا اسکریپت Animations in JavaScript

• امتحان در DOM Quiz on DOM

مبانی مدل شیء مرورگر (BOM) Basics of Browser Object Model (BOM)

• مقدمه ای بر مدل شیء مرورگر Introduction to Browser Object Model

• شیء صفحه نمایش پنجره Window Screen Object

• شی موقعیت مکانی پنجره Window Location Object

• شی تاریخچه پنجره Window History Object

• شیء ناوبر پنجره Window Navigator Object

• جعبه های اعلان پنجره Window Prompt Boxes

• رویدادهای زمان پایان پنجره Window Timeout Events

• کوکی جاوا اسکریپت JavaScript Cookie

• تمرین کدنویسی Coding Exercise

توابع Async جاوا اسکریپت JavaScript Async Functions

• مقدمه ای بر عملکرد CallBack Introduction to CallBack function

• روش ناهمزمان جاوا اسکریپت JavaScript Asynchronous Method

• Promise در جاوا اسکریپت Promise in JavaScript

• JavaScript Async در انتظار JavaScript Async Await

• آزمون عملکرد Async Quiz on Async Function

APIهای وب جاوا اسکریپت JavaScript Web APIs

• مقدمه ای بر WEB API Introduction to WEB API

• JavaScript Validation API JavaScript Validation API

• اطلاعات بیشتر درباره Web API More About Web API

• تمرین کدنویسی Coding Exercise

نحوه استفاده از AJAX و JSON How to use AJAX & JSON

• مقدمه ای بر AJAX Introduction to AJAX

• روش XMLHttpRequest و خواص آن XMLHttpRequest Method & Its Properties

• JSON چیست؟ What is JSON?

• JSON Object Literal و نحوه دریافت json از سرور JSON Object Literal and how to get json from server

• امتحان Quiz

نحوه استفاده از نمودارها و اشتباهات رایج و بهترین شیوه ها How to use Graphs and Common Mistakes & Best Practices

• نحوه استفاده از نمودارها و چت ها در جاوا اسکریپت How to use Graphs and Chats in JavaScript

• چند اشتباه برای اجتناب و بهترین شیوه ها Few mistakes to avoid and best practices

• تمرین: یک برنامه ماشین حساب با صفحه ورود ایجاد کنید Exercise: Create a Calculator application with Login Page

راه حل تمرین و آزمون دوره نهایی Exercise Solution & Final Course Test

• راه حل تمرین قسمت 1 Exercise Solution Part 1

• راه حل تمرین قسمت 2 Exercise Solution Part 2

• راه حل تمرین قسمت 3 Exercise Solution Part 3

• آزمون دوره نهایی Final Course Test