آموزش ساخت صفحات وب تعاملی با استفاده از جاوااسکریپت مدرن - آخرین آپدیت

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

شروع کار با روتین‌های جاوااسکریپت Get Started with JavaScript Routines

• مقدمه و زمینه‌سازی Context Setting

• شناسایی انواع داده‌های موجود در جاوااسکریپت Identify the different datatypes available in JavaScript​

• تماشا و تمرین: نمایش Hello World Watch and Repeat : Hello World Alert

• ایجاد متغیرهای با تایپ پویا (Dynamic Typed) Create dynamically typed variables

• تماشا و تمرین: انواع داده‌های جاوااسکریپت Watch and Repeat : JavaScript Datatypes

• استفاده از دستورات شرطی در جاوااسکریپت Use conditionals in JavaScript

• استفاده از حلقه‌ها برای انجام کارهای تکراری Use the loop constructs to perform repetitive tasks​

• تماشا و تمرین: دستورات شرطی Watch and Repeat : Conditional Statements

• ماژولار کردن کدها از طریق ایجاد توابع Modularize the code by creating functions​

• تماشا و تمرین: توابع Watch and Repeat : Functions

• شرح تمرین Practice Brief

• بررسی نهایی تمرین Practice Debrief

• تثبیت یادگیری Learning Consolidation

مدیریت داده‌ها با استفاده از آبجکت‌ها و آرایه‌ها Wrangle Data using Objects and Arrays

• مقدمه و زمینه‌سازی Context Setting

• فیلتر، تبدیل و تجمیع داده‌ها با توابع Array Filter, transform and aggregate data using Array functions ​

• تماشا و تمرین: ایجاد و دسترسی به عناصر آرایه Watch and Repeat : Create and Access Array Elements

• تماشا و تمرین: انجام عملیات روی آرایه‌ها Watch and Repeat : Perform Array Operations

• تماشا و تمرین: استفاده از توابع آرایه Watch and Repeat : Using Array Functions

• تماشا و تمرین: زنجیره‌سازی (Chaining) توابع آرایه Watch and Repeat : Chaining Array Functions

• تماشا و تمرین: ایجاد آبجکت با استفاده از Initializer و Constructor Watch and Repeat : Create Object Using Initializer and Constructor

• مدل‌سازی داده‌ها با استفاده از آرایه‌ها و آبجکت‌ها Model data using Arrays and Objects​

• تماشا و تمرین: عملیات روی ساختارهای داده‌های پیچیده Watch and Repeat : Operations on Complex Data Structures

• شرح تمرین Practice Brief

• بررسی نهایی تمرین Practice Debrief

• تثبیت یادگیری Learning Consolidation

توسعه صفحات وب تعاملی با استفاده از DOM و رویدادهای DOM Develop Interactive Web Pages using DOM and DOM Events

• مقدمه و زمینه‌سازی Context Setting

• انتخاب عناصر DOM Select DOM elements

• تماشا و تمرین: درک مدل شیء سند (DOM) Watch and Repeat : Understanding Document Object Model

• دست‌کاری DOM برای افزودن افکت‌های پویا Manipulate DOM to add dynamic effects

• تماشا و تمرین: دست‌کاری DOM برای بازیابی و حذف عناصر Watch and Repeat : Perform DOM Manipulation to Retrieve and Remove DOM Elements

• تماشا و تمرین: دست‌کاری DOM برای تغییر استایل‌ها و افزودن عناصر جدید Watch and Repeat : Perform DOM Manipulation to Modify Styles and Add New Elements

• ایجاد هندلرهای رویداد (EventHandlers) Create EventHandlers

• تماشا و تمرین: مدیریت رویدادها ۱ Watch and Repeat : Handling Events 1

• ثبت و لغو ثبت شنوندگان رویداد (EventListeners) Register and Unregister EventListeners

• تماشا و تمرین: مدیریت رویدادها ۲ Watch and Repeat : Handling Events 2

• شرح تمرین Practice Brief

• بررسی نهایی تمرین Practice Debrief

• شرح چالش Challenge Brief

• بررسی نهایی چالش Challenge Debrief

• تثبیت یادگیری Learning Consolidation

اعتبارسنجی داده‌های کاربر با جاوااسکریپت سمت کلاینت Validate User Data using Client Side JavaScript

• مقدمه و زمینه‌سازی Context Setting

• انجام اعتبارسنجی‌های سمت کلاینت Perform client-side validations​

• نمایش خطاها برای ورودی‌های نامعتبر Communicate errors for invalid inputs​

• تماشا و تمرین: فرم بازخورد محصول Watch and Repeat : Product Feedback Form

• تماشا و تمرین: تغییر وضعیت نمایش فرم بازخورد محصول Watch and Repeat : Product Feedback Form Toggle Display

• شرح تمرین Practice Brief

• بررسی نهایی تمرین Practice Debrief

• تثبیت یادگیری Learning Consolidation

تعامل با سرورهای اپلیکیشن با استفاده از پروتکل HTTP Interact with Application Servers using HTTP Protocol

• مقدمه و زمینه‌سازی Context Setting

• برقرار کردن فراخوانی‌های HTTP Make HTTP calls​

• تماشا و تمرین: درک HTTP و متدهای آن Watch and Repeat : Understanding HTTP and HTTP Methods

• مدیریت پاسخ‌های HTTP Handle HTTP responses

• تماشا و تمرین: انجام فراخوانی‌های HTTP با XHR Watch and Repeat : Making HTTP Calls with XHR

• شرح تمرین Practice Brief

• بررسی نهایی تمرین Practice Debrief

• تثبیت یادگیری Learning Consolidation

ساخت اپلیکیشن‌های داده‌محور غیرهمزمان با Promise و Callback Build Asynchronous Data Driven Applications Using Promises and Callbacks

• مقدمه و زمینه‌سازی Context Setting

• استفاده از Callbackها برای برنامه‌نویسی غیرهمزمان Use callbacks for asynchronous programming​

• تماشا و تمرین: تغییر رنگ پس‌زمینه هر ۳ ثانیه با Callback Watch and Repeat : Change Background Color Using Callbacks Every 3 Seconds

• استفاده از Promiseها برای برنامه‌نویسی غیرهمزمان Use promises for asynchronous programming

• تماشا و تمرین: دریافت نرخ ارز با استفاده از Promise Watch and Repeat : Fetch Currency Exchange Rates Using Promise

• تماشا و تمرین: دریافت داده‌های برد وظایف با استفاده از Callback Watch and Repeat : Fetch Task Board Data Using Callback

• شرح تمرین Practice Brief

• بررسی نهایی تمرین Practice Debrief

• شرح چالش Challenge Brief

• بررسی نهایی چالش Challenge Debrief

• تثبیت یادگیری Learning Consolidation

بهینه‌سازی تحویل دارایی‌های استاتیک با جاوااسکریپت Optimize Delivery of Static Assets using JavaScript

• مقدمه و زمینه‌سازی Context Setting

• ایجاد اسکریپت‌های سمت سرور برای Node.js Create server-side scripts for Node.js

• تماشا و تمرین: ایجاد اپلیکیشن Node.js Watch and Repeat : Create Node.js application

• نوشتن منطق باندلینگ برای کوچک‌سازی (Minification) Write bundling logic for minification

• تماشا و تمرین: کوچک‌سازی کدها Watch and Repeat : Minification

• تماشا و تمرین: باندلینگ با استفاده از Webpack Watch and Repeat : Bundling using Webpack

• شرح تمرین Practice Brief

• بررسی نهایی تمرین Practice Debrief

• تثبیت یادگیری Learning Consolidation

تست اپلیکیشن‌های وب با فریم‌ورک‌ها و کتابخانه‌های تست جاوااسکریپت Test web applications using JavaScript testing frameworks and libraries

• مقدمه و زمینه‌سازی Context Setting

• به‌کارگیری رویکرد توسعه رفتار-محور (BDD) Apply Behavior Driven Development (BDD) approach

• توسعه موارد تست با استفاده از فریم‌ورک Jasmine Develop test cases using Jasmine framework for testing

• تماشا و تمرین: شروع کار با Jasmine Watch and Repeat : Get started with Jasmine

• تماشا و تمرین: تست عملیات‌های ماشین‌حساب ساده Watch and Repeat : Test Basic Calculator Operations

• تماشا و تمرین: تست ارسال بازخورد Watch and Repeat : Test Feedback Submission

• شرح تمرین Practice Brief

• بررسی نهایی تمرین Practice Debrief

• تثبیت یادگیری Learning Consolidation