آموزش کمپ کدنویسی جاوا اسکریپت و React JS | ساخت بازی های جذاب و برنامه های کاربردی وب - آخرین آپدیت

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

آشنایی با جاوا اسکریپت Introduction to JavaScript

• مرور کلی دوره General Course Overview

• کتاب رایگان آموزش جاوا اسکریپت - هدیه ثبت نام خود را دریافت کنید Free JavaScript Mastery Book - Grab Your Enrollment Gift

• راه اندازی محیط توسعه | ویژوال کد استودیو Setup of Development Environment | Visual Code Studio

• راه اندازی پروژه و نصب لایو سرور Project Setup and Live Server Installation

• راه اندازی محیط توسعه | ادیتور کد اتم Setup of Development Environment | Atom Code Editor

• اولین کد جاوا اسکریپت شما Your first JavaScript Code

• ساختار کد جاوا اسکریپت JavaScript Code Structure

• معرفی کنسول و getElementById Introduction to Console and getElementById

مبانی و دستور زبان جاوا اسکریپت JavaScript Fundamentals and Syntax

• نظرات در جاوا اسکریپت Comments in JavaScript

• متغیرها در جاوا اسکریپت Variables in JavaScript

• عملگرهای محاسباتی Arithmetic Operators

• نحوه دریافت ورودی کاربر در جاوا اسکریپت How to Accept User Input in JavaScript

• تبدیل نوع در جاوا اسکریپت Type Conversion in JavaScript

• ثابت‌ها در جاوا اسکریپت Constants in JavaScript

• پیاده سازی ثابت های جاوا اسکریپت در اسناد HTML Implement JavaScript Constants in HTML Documents

• ساخت مبدل دما در جاوا اسکریپت - توضیحات Building a Temperature Converter in JavaScript - Description

• ساخت مبدل دما در جاوا اسکریپت - عملی Build a Temperature Converter in JavaScript - Practical

• ساخت شمارنده رقم در جاوا اسکریپت - توضیحات Building a Digit Counter in JavaScript - Description

• ساخت شمارنده رقم در جاوا اسکریپت - عملی Build a Digit Counter in JavaScript - Practical

• اشیاء ریاضی در جاوا اسکریپت Math Objects in JavaScript

• ساخت رولر اعداد تصادفی در جاوا اسکریپت - توضیحات Building a Random Number Roller in JavaScript - Description

• نحوه ایجاد یک ژنراتور اعداد تصادفی در جاوا اسکریپت - عملی How to create a Random Number Generator in JavaScript - Practical

عبارات تصمیم گیری در جاوا اسکریپت Decision Making Statements in JavaScript

• عبارت If در جاوا اسکریپت If Statement in JavaScript

• عبارت Else If در جاوا اسکریپت Else is Statement in JavaScript

• پیاده سازی عبارات تصمیم گیری در سند HTML Implement Decision Making Statements on HTML Document

• Checkbox و Radio Buttons در جاوا اسکریپت - توضیحات Checkbox and Radio Buttons in JavaScript - Description

• Checkbox و Radio Buttons در جاوا اسکریپت - عملی Checkbox and Radio Buttons in JavaScript - Practical

• عملگر شرطی در جاوا اسکریپت Ternary Operator in JavaScript

• عبارت Switch Switch Statement

متدها و عملگرهای رشته ای در جاوا اسکریپت String Methods and Operators in JavaScript

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

• برش رشته در جاوا اسکریپت String Slicing in JavaScript

• زنجیره متدها در جاوا اسکریپت Method Chaining in JavaScript

• عملگرهای منطقی در جاوا اسکریپت Logical Operators in JavaScript

سیستم های حلقه در جاوا اسکریپت Loop Systems in JavaScript

• حلقه While در جاوا اسکریپت While Loop in JavaScript

• حلقه do-while در جاوا اسکریپت do-while Loop in JavaScript

• حلقه For در جاوا اسکریپت For Loop in JavaScript

• حدس زدن اعداد تصادفی در جاوا اسکریپت Random Number Guessing in JavaScript

توابع و متدها در جاوا اسکریپت Functions and Methods in JavaScript

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

• بررسی اعداد زوج و اعتبارسنجی آدرس ایمیل در جاوا اسکریپت Check even numbers and validate email address in JavaScript

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

• عملگر Spread در جاوا اسکریپت Spread Operator in JavaScript

• پارامتر Rest در جاوا اسکریپت Rest Parameter in JavaScript

• ساخت رولر تاس در جاوا اسکریپت - توضیحات Building a Dice Roller in JavaScript - Description

• نحوه ساخت رولر تاس در جاوا اسکریپت - عملی How to Build a Dice Roller in JavaScript - Practical

• ژنراتور رمز عبور تصادفی در جاوا اسکریپت Random Password Generator in JavaScript

• تابع Callback در جاوا اسکریپت Callback Function in JavaScript

• متد forEach در جاوا اسکریپت forEach Method in JavaScript

• متد Map در جاوا اسکریپت Map Method in JavaScript

• متد Filter در جاوا اسکریپت Filter Method in JavaScript

• متد Reduce در جاوا اسکریپت Reduce Method in JavaScript

• عبارت تابع در جاوا اسکریپت Function Expression in JavaScript

• تابع Arrow در جاوا اسکریپت Arrow function in JavaScript

اشیاء و کلاس ها در جاوا اسکریپت Objects and Classes in JavaScript

• اشیاء در جاوا اسکریپت Objects in JavaScript

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

• سازنده ها در جاوا اسکریپت Constructors in JavaScript

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

• کلمه کلیدی Static در جاوا اسکریپت Static Keyword in JavaScript

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

• کلمه کلیدی Super در جاوا اسکریپت Super Keyword in JavaScript

Getters و Setters در جاوا اسکریپت Getters and Setters in JavaScript

• Getters و Setters در جاوا اسکریپت Getters and Setters In JavaScript

• مثالی از Getters و Setters Example of Getters and Setters

آرایه ها و Destructing در جاوا اسکریپت Arrays and Destructing in JavaScript

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

• اشیاء تودرتو در جاوا اسکریپت Nested Objects in JavaScript

• آرایه ای از اشیاء در جاوا اسکریپت Arrays of Objects in JavaScript

• مرتب سازی آرایه در جاوا اسکریپت Array Sorting in JavaScript

کار پیشرفته با توابع Advanced working with functions

• اشیاء Date در جاوا اسکریپت Date Objects in JavaScript

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

• تابع setTimeout در جاوا اسکریپت setTimeout Function in JavaScript

• تابع Console.time در جاوا اسکریپت Console.time function in JavaScript

• قالب بندی ارز در جاوا اسکریپت Format Currency in JavaScript

• ساخت ماشین حساب سود مرکب در جاوا اسکریپت - توضیحات Building a Compound Interest Calculator in JavaScript - Description

• ساخت ماشین حساب سود مرکب - عملی Build a Compound Interest Calculator - Practical

• ساخت ساعت دیجیتال در جاوا اسکریپت - توضیحات Building a Digital Clock in JavaScript - Description

• ساخت ساعت دیجیتال در جاوا اسکریپت - عملی Build a Digital Clock in JavaScript - Practical

• ساخت کرنومتر در جاوا اسکریپت - توضیحات Building a Stopwatch in JavaScript - Description

• ساخت کرنومتر در جاوا اسکریپت - عملی Build a Stopwatch in JavaScript - Practical

ماژول های جاوا اسکریپت و مدیریت خطا JavaScript Modules and Error Handling

• ماژول های ES6 جاوا اسکریپت JavaScript ES6 Modules

• جاوا اسکریپت Synchronous و Asynchronous Synchronous and Asynchronous JavaScript

• مدیریت خطا در جاوا اسکریپت Error Handling in JavaScript

• ساخت ماشین حساب الکترونیکی در جاوا اسکریپت - توضیحات Building an Electronic Calculator in JavaScript - Description

• ساخت ماشین حساب در جاوا اسکریپت - عملی Build a Calculator in JavaScript - Practical

مدل شیء سند - DOM در جاوا اسکریپت Document Object Model - DOM in JavaScript

• DOM - مدل شیء سند در جاوا اسکریپت DOM - Document Object Model in JavaScript

• انتخابگرهای عنصر در جاوا اسکریپت Element Selectors in JavaScript

• پیمایش DOM - انتخابگرهای firstElementChild و lastElementChild DOM Navigation - firstElementChild and lastElementChild Selector

• پیمایش DOM - فرزندان، والد، خواهر و برادرهای عنصر بعدی و قبلی DOM Navigation - Children, Parent, Next and Previous Element Siblings

• اضافه کردن-تغییر عناصر HTML در جاوا اسکریپت Add-Change HTML Elements in JavaScript

گوش دادن به رویداد در جاوا اسکریپت Event Listening in JavaScript

• رویدادهای ماوس در جاوا اسکریپت Mouse Events in JavaScript

• رویدادهای کلید در جاوا اسکریپت Key Events in JavaScript

• مخفی کردن و نمایش عناصر HTML در جاوا اسکریپت Hide and Show HTML Elements in JavaScript

NodeList و ClassList در جاوا اسکریپت NodeList and ClassList in JavaScript

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

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

• ساخت بازی سنگ کاغذ قیچی در جاوا اسکریپت - توضیحات Building a Rock Paper Scissors Game in JavaScript - Description

• ساخت بازی سنگ کاغذ قیچی در جاوا اسکریپت - عملی Build a Rock Paper Scissor game in JavaScript - Practical

• ساخت اسلایدر تصویر در جاوا اسکریپت - توضیحات Building an Image Slider in JavaScript - Description

• ساخت اسلاید تصویر در جاوا اسکریپت - عملی Build Image Slide in JavaScript - Practical

Callback Hell، Promises، Async و Await Functions در جاوا اسکریپت Callback Hell, Promises, Async and Await Functions in JavaScript

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

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

• توابع Async و Awaits در جاوا اسکریپت Async and Awaits Functions in JavaScript

JSON - نشانه گذاری شیء جاوا اسکریپت JSON - JavaScript Object Notation

• نحوه ایجاد و دریافت فایل json در جاوا اسکریپت How to create and fetch json file in JavaScript

کوکی ها در جاوا اسکریپت Cookies in JavaScript

• کوکی ها - تنظیم و پاک کردن کوکی ها در جاوا اسکریپت Cookies - Set and Clear Cookies in JavaScript

• نحوه دریافت و برگرداندن مقادیر کوکی در جاوا اسکریپت How to get and return cookie values in JavaScript

API - رابط برنامه نویسی کاربردی API - Application Programming Interface

• واکشی داده ها از API در جاوا اسکریپت Fetch Data from an API in JavaScript

• ساخت برنامه آب و هوا در جاوا اسکریپت - توضیحات Building a Weather App in JavaScript - Description

• طراحی برنامه آب و هوا در جاوا اسکریپت - عملی 1 Weather App Design in JavaScript - Practical 1

• طراحی برنامه آب و هوا در جاوا اسکریپت - عملی 2 Weather App Design in JavaScript - Practical 2

ویژگی های ویندوز جاوا اسکریپت JavaScript Windows Properties

• معرفی ویژگی های ویندوز جاوا اسکریپت Introduction to JavaScript Windows Properties

• ساخت بازی Tic Tac Toe در جاوا اسکریپت - توضیحات Building a Tic Tac Toe Game in JavaScript - Description

• ساخت بازی Tic Tac Toe در جاوا اسکریپت - عملی Build Tic Tac Toe Game in JavaScript - Practical

• ساخت بازی مار در جاوا اسکریپت - توضیحات Building a Snake Game in JavaScript - Description

• ساخت بازی مار در جاوا اسکریپت - عملی Build a game of Snake in JavaScript - Practical

• ساخت بازی Pong در جاوا اسکریپت - توضیحات Building a Pong Game in JavaScript - Description

• ساخت بازی Pong در جاوا اسکریپت - عملی Build a game of Pong in JavaScript - Practical

معرفی React JS Introduction to React JS

• دانلود و نصب Node JS Download and Installation of Node JS

اولین برنامه React JS شما Your First React JS App

• نحوه ایجاد برنامه React How to create React App

• نوشتن اولین کد JSX خود در React Writing our first JSX code in React

• درک React JS Fragment Understanding React JS Fragment

کامپوننت Functional در React JS Functional Component in React JS

• تسلط بر کامپوننت Functional در React JS Mastering Functional Component in React JS

• نحوه اضافه کردن استایل CSS در React How to add CSS Styling in React

• نحوه ایجاد کامپوننت Card در React How to create a Card Component in React

Props در React JS Props in React JS

• معرفی Props در React JS Introduction to Props in React JS

• تسلط بر Props، PropTypes و defaultProps در React JS Mastering Props, PropTypes and defaultProps in React JS

رندرینگ شرطی در React JS Conditional Rendering in React JS

• رندرینگ شرطی با استفاده از عبارت If-Else Conditional Rendering using If-Else Statment

• رندرینگ شرطی با استفاده از عملگر Tenary Conditional Rendering using Tenary operator

• رندرینگ شرطی با استفاده از عملگر Logical Conditional Rendering using Logical Operator

• رندرینگ شرطی چندگانه در React JS Multiple Conditional Rendering in React JS

• اضافه کردن استایل CSS به رندرینگ شرطی در React JS Add CSS Styling to Conditional Rendering in React JS

رندرینگ لیست در React JS List Rendering in React JS

• معرفی رندرینگ لیست در React JS Introduction to List Rendering in React JS

• نحوه رندر کردن لیست چند آرایه در React JS با استفاده از Key How to Render Multi-Array List in React JS using Key

• مرتب سازی و فیلتر کردن لیست در React JS Sorting and Filtering List in React JS

مدیریت رویداد در React JS Event Handling in React JS

• ایجاد AlertBox با استفاده از Event Handler در React JS Create AlertBox using Event Handler in React JS

• پارامترهای رویداد در React JS Event Parameters in React JS

React Hooks - useState، useEffect React Hooks - useState, useEffect

• معرفی useState Hook در React Hooks Introduction to useState Hook in React Hooks

• ایجاد شمارنده رقم با استفاده از useState Hook در React JS Create Digit Counter using useState Hook in React JS

• ورودی فرم با استفاده از Event Handler onChange در React JS Form Input using onChange Event Handler in React JS

• ساخت فرم Ecommerce با استفاده از Event Handler onChange در React JS Build Ecommerce Form using onChange Event Handler in React JS

• ساخت برنامه انتخاب رنگ در React JS - توضیحات Building a Color Pick App in React JS - Description

• ساخت برنامه انتخاب رنگ در React JS - عملی Build a Color Picker App in React JS - Practical

تابع Updater در React JS Updater Function in React JS

• معرفی تابع Updater در React JS Introduction to Updater Function in React JS

• نحوه به روز رسانی اشیاء در State How to Update Objects in State

• نحوه به روز رسانی آرایه در State How to Update Array in State

• نحوه به روز رسانی اشیاء آرایه در React JS How to Update Array Objects in React JS

• ایجاد برنامه To Do List در React JS Create a To Do List App in React JS

• استایل دهی به برنامه To Do List با CSS Styling To Do List App with CSS

• اضافه کردن قابلیت به برنامه To Do List Add functionality on To Do List App

useEffect React Hook useEffect React Hook

• معرفی useEffect React Hook Introduction to useEffect React Hook

• تغییر رنگ با استفاده از useEffect React Hook Color Change using useEffect React Hook

• دریافت عرض و ارتفاع ویندوز با استفاده از useEffect React Hook Get windows width and height using useEffect React Hook

• ایجاد ساعت دیجیتال در React JS (قسمت 1) Create Digital Clock in React JS (Part 1)

• ایجاد ساعت دیجیتال در React JS (قسمت 2) Create Digital Clock in React JS (Part 2)

useContext React Hook useContext React Hook

• معرفی useContext React Hook Introduction to useContext React Hook

useRef React Hook useRef React Hook

• معرفی useRef در React JS Introduction to useRef in React JS

• بررسی تغییر رنگ با useRef در React JS Inspect Color Change with useRef in React JS

• ساخت کرنومتر در React JS Build a Stopwatch in React JS

• تبریک می گویم! هرگز از یادگیری دست نکشید... Congratulations! Never Stop Learning...