آموزش مدیریت و دستکاری داده‌ها در جاوااسکریپت - آخرین آپدیت

شروع کار و جمع‌آوری و اعتبارسنجی داده‌های کاربران Getting Started & Collecting and Validating Data From Users

• خوش‌آمدگویی به دوره! Welcome to this Course!

• معرفی ماژول Module Introduction

• آشنایی با فرم‌های HTML Introduction to HTML Forms

• افزودن برچسب (Label) Adding a Label

• انواع ورودی Radio Button Radio Button Input Types

• استفاده از انواع ورودی Checkboxes Using the Checkboxes Input Types

• استفاده از المان‌های Textarea Using Textarea Elements

• استایل‌دهی به فرم Styling Your Form

• مبانی اعتبارسنجی فرم‌ها Introduction to Basics of Form Validation

• پردازش فرم Processing the Form

• اعتبارسنجی سمت سرور با PHP Backend Validation with PHP

• اعتبارسنجی با جاوااسکریپت خام در HTML Plain JavaScript Validation - HTML

• اعتبارسنجی فرم با جی‌کوئری jQuery Form Validation

• پلاگین Validator جی‌کوئری - بخش اول jQuery Validator Plugin - Part 1

• پلاگین Validator جی‌کوئری - بخش دوم jQuery Validator Plugin - Part 2

• آشنایی با اعتبارسنجی پیشرفته فرم‌ها Introduction to Advanced Form Validation

• شروع نوشتن اسکریپت Starting the Script

• بررسی شماره تلفن Checking the Phone Number

• افزودن پیام‌ها Adding Messages

• استایل‌دهی به فرم Styling Your Form

بررسی عمیق‌تر جاوااسکریپت A Deeper Dive Into JavaScript

• معرفی ماژول Module Introduction

• آشنایی با پروتوتایپ‌ها و ارث‌بری Introduction to Prototypes & Inheritance

• مثال آیفون iPhone Example

• بازنویسی ارث‌بری (Overriding) Overriding Inheritance

• مثالی دیگر از ارث‌بری Another Inheritance Example

• متد hasOwnProperty() hasOwnProperty()

• آشنایی با توابع پیکانی (Arrow Functions) Introduction to Arrow Functions

• پارامترها و توابع پیکانی Parameters and Arrow Functions

• عبارات تابع سازنده (Constructor) Constructor Function Expression

• معرفی برنامه رزرو صندلی Seat Reservation Program Introduction

برنامه رزرو صندلی Seat Reservation Program

• معرفی ماژول Module Introduction

• آشنایی با ایجاد صندلی‌ها Introduction to Creating the Seats

• بخش چپ The Left Section

• بخش راست The Right Section

• بخش میانی The Middle Section

• تعیین متغیرها Figuring Out Variables

• افزودن دستورات Switch Adding Switch Statements

• افزودن حلقه و HTML Adding the Loop and HTML

• استفاده از تابع پیکانی Using an Arrow Function

• شیء reservedSeats The reservedSeats Object

• تاثیرگذاری بر DOM Affecting the DOM

• استفاده از IIFE Closure With IIFE Closure

• افزودن یک آرایه Adding an Array

• دو بخش مورد نیاز Two Pieces Needed

• دریافت شناسه صندلی (Seat ID) Getting the Seat ID

• دریافت ایندکس Getting the Index

• افزودن دستور If Adding the If Statement

• تابع نهایی شده The Finished Function

• افزودن HTML فرم Adding the Form HTML

• هندلرهای رویداد باز و بسته کردن فرم Open and Close Form Event Handlers

• تابع manageConfirmForm manageConfirmForm Function

• به‌روزرسانی دستور Else Updating the Else Statement

• رفع باگ‌های فرم Fixing Bugs on the Form

• رفع باگ‌های بیشتر Fixing More Bugs

• افزودن دستور شرطی تکمیلی Additional Condition Statement

• تنظیم مراحل نهایی Setting Up the Final Steps

• بازگشت به شیء (Object) Back to the Object

• افزودن هر رکورد Adding Each Record

• پاک‌سازی کد Clean Up

• اصلاحات نهایی Final Fixes

کار با داده‌ها به صورت ناهمگام در جاوااسکریپت Working with Data Asynchronously in JavaScript

• معرفی ماژول Module Introduction

• آشنایی با جاوااسکریپت ناهمگام (Asynchronous) Introduction to Asynchronous JavaScript

• مثال: XMLHttpRequest و تابع getData Example: XMLHttpRequest - getData();

• مثال: XMLHttpRequest و تابع useResponse Example: XMLHttpRequest - useResponse();

• راهکار جی‌کوئری jQuery to the Rescue

• استفاده از Fetch API و Promises - تابع getData The Fetch API and Promises - getData();

• استفاده از Fetch API و Promises - پاسخ متنی The Fetch API and Promises - response.text;

• کلیدواژه‌های Async و Await Async and Await Keywords

• کار با داده‌های JSON Working with JSON Data

• مثال ۵: تابع OutputHTML Example 5: OutputHTML Function

• مثال ۶: استفاده از Async و Await با JSON Example 6: Async and Await with JSON

• آشنایی با حلقه رویداد (Event Loop) جاوااسکریپت Introduction to JavaScript Event Loop

• مثال ۳ Example 3

• مثال‌های ۴ و ۵ Examples 4 & 5

• مثال ۶: تابع setTimeout Example 6: setTimeout

• ایجاد نسخه پایه با جی‌کوئری Creating a Basic jQuery Version

• بارگذاری و اعتبارسنجی داده‌های فرم Loading and Validating Form Data

• ارسال داده‌ها Sending the Data

• نسخه Async / Await Async / Await Version

• دریافت داده‌ها Getting the Data

• ایجاد فرم تماس با من Creating a Contact Me Form

• کار با پیام‌های خطا Working with Error Messages

• تابع sendData() The sendData() Function

• به‌روزرسانی تابع displayMessage() Updated displayMessage() Function

• جمع‌بندی دوره Course Summary

• آشنایی با APIهای شخص ثالث (Third Party) Introduction to Third Party APIs

• شروع پروژه شما Starting Your Project

• ایجاد کارت Creating the Card

• تابع کلی و تابع مرتب‌سازی The Whole Function and Sorting Function

• افزودن یک فرم Adding a Form

• تابع setSort() setSort() Function

• اجرا و تغییر مرتب‌سازی Running and Changing the Sort

• اصلاح جریان فعلی Fixing the Current Flow

• یک نکته تکمیلی One More Thing

• شروع و به‌روزرسانی تابع createCard Getting Started and Updating createCard Function

• تابع کمکی و کارت افراد Helper Function and People Card

• تست کارت افراد Testing the People Card

• هندلرهای کلیک، هشدارها و متغیرها Click Handlers, Alerts, and Variables

• Data Promise و به‌روزرسانی createCard Data Promise and Update Create Card

• بررسی مکان‌ها (Locations) Looking At Locations

• مدیریت خطاها Dealing With Errors

• کارت‌های گونه‌ها و وسایل نقلیه Species and Vehicle Cards

• اصلاح مرتب‌سازی Fixing the Sort