آموزش پکیج شغلی جاوا اسکریپت: ۱۰ پروژه واقعی از صفر - آخرین آپدیت

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

مقدمه و منابع Introduction & Resources

• مقدمه دوره Course Introduction

• خوش آمدید - بیایید شروع کنیم! Welcome - Lets Get Started!

• منابع [مهم] Resources [Important]

• منابع [مهم] Resources [Important]

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

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

• راه‌اندازی محیط Environment Setup / 003

• چگونه فایل‌های جاوااسکریپت را اجرا کنیم؟ How To Run JavaScript Files? / 005

• کنسول مرورگر Browser Console / 006

• متغیرها، ثابت‌ها و توضیحات Variables, Constants & Comments / 007

• قرارداد نام‌گذاری Naming Convention / 007-1

• انواع داده Data Types / 008

• رشته‌ها Strings / 009

• متدهای رشته String Methods / 010

• اعداد Numbers / 011

• لیترال‌های الگو Template Literals / 012

• آرایه‌ها Arrays / 013

• نال و آندفایند Null & Undefined / 014

• بولین‌ها و مقایسه‌ها Booleans & Comparisons / 015

• مقایسه سست در مقابل سخت‌گیرانه Loose vs Strict Comparison / 016

• تبدیل نوع Type Conversion / 017

جریان کنترل Control Flow

• جریان کنترل Control Flow / 018

• حلقه For For Loop / 019

• حلقه For (in و of) For Loop (in & of) / 019-1

• حلقه While While Loop / 020

• حلقه Do While Do While Loop / 021

• دستورات شرطی If If Statements / 022

• Else و Else If Else & Else If / 023

• عملگرهای منطقی Logical Operators / 024

• عملگر NOT منطقی Logical NOT / 025

• Break و Continue Break & Continue / 026

• دستورات Switch Switch Statements / 027

• حوزه (سراسری و محلی) Scope (Global & Local) / 028

• عملگر سه‌تایی Ternary Operator / 028-1

توابع Functions

• توابع - بخش اول Functions - I / 029

• توابع - بخش دوم Functions - II / 030

• آرگومان‌ها و پارامترها Arguments & Parameters / 031

• بازگرداندن مقادیر Returning Values / 032

• توابع فلش Arrow Functions / 033

• توابع و متدها Functions & Methods / 034

• متد forEach و Callbacks forEach Method & Callbacks / 035

• متد forEach forEach Method / 036

لیترال‌های شیء Object Literals

• لیترال‌های شیء - بخش اول Object Literals - I

• لیترال‌های شیء - بخش دوم Object Literals - II / 038

• متدها Methods / 039

• کلمه کلیدی 'this' 'this' Keyword / 040

• اشیاء در آرایه‌ها Objects in Arrays / 041

• شیء Math Math Object / 042

• انواع اولیه در مقابل ارجاعی - بخش اول Primitive vs Reference Types - I / 043

• انواع اولیه در مقابل ارجاعی - بخش دوم Primitive vs Reference Types - II / 043-2

مدل شیء سند (DOM) Document Object Model

• مقدمه DOM DOM Introduction / 044

• DOM عمیق DOM In-depth / 045

• انتخاب‌گر پرس و جو Query Selector / 046

• انتخاب‌گرها Selectors / 047

• کنترل محتوا (افزودن/حذف) Controlling Content (Add/Delete) / 048

• ویژگی‌ها (دریافت/تنظیم) Attributes (Get/Set) / 049

• تغییر استایل‌های CSS Changing CSS Styles / 050

• کلاس‌ها (افزودن/حذف) Classes (Add/Remove) / 051

• روابط (والد/فرزند/خواهر و برادر) Relationships (Parent/Child/Siblings) / 052

• رویدادها - بخش اول Events - I / 053-1

• رویدادها - بخش دوم Events - II / 053-2

• ایجاد و حذف عناصر Creating & Removing Elements / 054

• حباب‌سازی و تفویض رویداد Event Bubbling & Delegation / 055

• رویدادهای بیشتر DOM More DOM Events / 056

فرم و رویدادهای فرم Form & Form Events

• رویدادها در فرم‌ها Events Inside Forms / 057

• رویدادهای ارسال فرم Submit Events / 059

• عبارات منظم Regular Expressions / 060

• تست الگوهای RegEx Testing RegEx Patterns / 061

• اعتبارسنجی اولیه فرم Basic Form Validation / 062

• رویدادهای صفحه کلید Keyboard Events / 063

• رویدادها در صفحه HTML Events on HTML Page / 065

پروژه: برنامه آزمون Project: Quiz Application

• کد منبع پروژه - گیت‌هاب Project Source Code - Github

• دموی پروژه Project Demo / 210

• ساختار قالب [اختیاری] Template Structure [Optional] / 211

• ساختار قالب [اختیاری] Template Structure [Optional] / 212

• کار با پاسخ Working With Answer / 213

• به‌روزرسانی امتیاز Score Update / 214

• بارگذاری مجدد Reload / 215

• دموی نهایی Final Demo / 216

• استقرار پروژه با استفاده از گیت‌هاب و نتلیفای Project Deployment Using Github & Netlify / 321

متدهای آرایه Array Methods

• متد فیلتر Filter Method / 071

• متد Map Map Method / 072

• متد Reduce Reduce Method / 073

• متد Find Find Method / 074

• متد مرتب‌سازی Sort Method / 075

• متد معکوس کردن Reverse Method / 075-3

• متدهای زنجیره‌ای Chaining Methods / 076

پروژه: مدیریت لیست کارهای روزانه Project: Todo List Manager

• کد منبع پروژه - گیت‌هاب Project Source Code - Github

• دموی پروژه Project Demo / 221

• ساختار قالب [اختیاری] Template Structure [Optional] / 222

• ساختار قالب [اختیاری] Template Structure [Optional] / 223

• افزودن وظیفه Add Task / 224

• حذف وظیفه Delete Task / 225

• به‌روزرسانی تعداد وظایف Update Task Count / 226

• جستجوی وظیفه - بخش اول Search Task I / 227

• جستجوی وظیفه - بخش دوم: حساس به حروف کوچک و بزرگ Search Task II: Case Sensitive / 228

• استقرار پروژه با استفاده از گیت‌هاب و نتلیفای Project Deployment Using Github & Netlify / 322

تاریخ‌ها و زمان‌ها Dates & Times

• تاریخ‌ها Dates / 205

• زمان‌ها Times / 206

حافظه محلی Local Storage

• حافظه محلی Local Storage / 207

• JSON JSON / 208

پروژه: ردیاب بودجه Project: Budget Tracker

• کد منبع پروژه - گیت‌هاب Project Source Code - Github

• دموی پروژه Project Demo / 229

• ساختار قالب [اختیاری] Template Structure [Optional] / 231

• ساختار قالب [اختیاری] Template Structure [Optional] / 232

• افزودن تراکنش Add Transaction / 234

• تراکنش‌ها در حافظه محلی Transactions on localStorage / 235

• لیست درآمد و هزینه Income & Expense List / 236

• دریافت تراکنش‌ها Get Transactions / 237

• حذف تراکنش Delete Transaction / 238

• به‌روزرسانی آمار Update Statistics / 239

• خالی کردن تراکنش‌ها Empty Transactions / 240

• استقرار پروژه با استفاده از گیت‌هاب و نتلیفای Project Deployment Using Github & Netlify / 316

برنامه‌نویسی شیءگرا Object Oriented Programming

• برنامه‌نویسی شیءگرا - بخش اول Object Oriented Programming - I

• برنامه‌نویسی شیءگرا - بخش دوم Object Oriented Programming - II

• لیترال‌های شیء دوباره! Object Literals Again! / 117

• کلاس‌ها Classes / 118

• متدها Methods / 119

• وراثت - بخش اول Inheritance - I / 120

• وراثت - بخش دوم Inheritance - II / 121

• مدل پروتوتایپ Prototype Model / 122

• وراثت پروتوتایپ Prototype Inheritance / 123

• متدهای توکار Built-in Methods

• کلمه کلیدی Static Static Keyword / 125

• Getter و Setter Getter & Setter / 127

مدیریت خطا و استثناها Error Handling & Exceptions

• مدیریت خطا Error Handling / 201

• استثناها Exceptions / 202

ماژول‌ها Modules

• ماژول - بخش اول Module - I / 203

• ماژول - بخش دوم Module - II / 204

پروژه: برنامه کانبان Project: Kanban Application

• کد منبع پروژه - گیت‌هاب Project Source Code - Github

• دموی پروژه Project Demo / 281

• ساختار قالب [اختیاری] Template Structure [Optional] / 282

• ساختار قالب [اختیاری] Template Structure [Optional] / 283

• جریان کانبان Kanban Flow / 284

• کلاس و تابع Class & Function / 285

• دریافت وظیفه Get Task / 286

• درج وظیفه Insert Task / 287

• حذف وظیفه Delete Task / 288

• به‌روزرسانی وظیفه Update Task / 289

• کارت وظیفه Task Card / 290

• تعداد وظایف Task Count / 291

• فرم: افزودن وظیفه Form: Add Task / 292

• فرم: ویرایش وظیفه Form: Edit Task / 293

• فرم: حذف وظیفه Form: Delete Task / 294

• کارت وظیفه کشیدن و رها کردن Drag-Drop Task Card / 295

• استقرار پروژه با استفاده از گیت‌هاب و نتلیفای Project Deployment Using Github & Netlify / 317

جاوااسکریپت ناهمگام Asynchronous JavaScript

• جاوااسکریپت ناهمگام Asynchronous JavaScript / 181

• setTimeout setTimeout / 182

• setInterval setInterval / 183

• Callbacks و Callback Hell Callbacks & Callback Hell / 184

• پرامیس‌ها Promises / 185

• همه پرامیس‌ها Promises All / 186

• Async و Await Async & Await / 187

• API / داده JSON API / JSON Data

• Fetch API Fetch API / 189

• Fetch API - متدها Fetch API - Methods / 190

پروژه: پرتال خبری Project: News Portal

• کد منبع پروژه - گیت‌هاب Project Source Code - Github

• دموی پروژه Project Demo / 241

• ساختار قالب [اختیاری] Template Structure [Optional] / 242

• ساختار قالب [اختیاری] Template Structure [Optional] / 243

• کار با News API Working With News API / 244

• واکشی داده‌های خبری Fetch News Data / 245

• دسته‌بندی‌های خبری News Categories / 246

• داده پشتیبان Backup Data / 247

• درخواست دسته‌بندی Category Request / 248

• استقرار پروژه با استفاده از گیت‌هاب و نتلیفای Project Deployment Using Github & Netlify / 319

Babel Babel

• نصب Node.js Installing Node.js

• مقدمه Babel Babel Introduction

• Babel CLI Babel CLI / 153

• Babel Babel / 154

• ساختار پوشه Folder Structure / 155

Webpack Webpack

• Webpack Webpack / 156

• لودرها Loaders

• حالت Mode / 158

• سرور توسعه Webpack Webpack Dev Server / 162

• کد boilerplate وب‌پک Webpack Boilerplate Code / 163

Firebase Firebase

• مقدمه Firebase Firebase Introduction

• راه‌اندازی Webpack Webpack Setup / 252

• راه‌اندازی Firebase Firebase Setup / 253

• اتصال Firebase Firebase Connection / 254

• واکشی اسناد - بخش اول Fetching Documents - I / 255

• واکشی اسناد - بخش دوم Fetching Documents- II / 256

• افزودن و حذف اسناد Adding & Deleting Documents / 257

• اسنپ‌شات‌ها Snapshots / 258

• پرس و جوهای Firestore Firestore Queries / 259

• مرتب‌سازی داده‌ها Ordering Data / 260

• به‌روزرسانی اسناد Updating Documents / 261

• واکشی سند تکی Fetching Individual Document / 262

• احراز هویت - بخش اول Authentication - I / 263

• احراز هویت - بخش دوم Authentication - II / 264

پروژه: مدیریت نشانک‌ها Project: Bookmark Manager

• کد منبع پروژه - گیت‌هاب Project Source Code - Github

• دموی پروژه Project Demo / 269

• ساختار قالب [اختیاری] Template Structure [Optional] / 271

• ساختار قالب [اختیاری] Template Structure [Optional] / 272

• راه‌اندازی Firebase Firebase Setup / 273

• دسترسی به سند Access Document / 274

• حذف سند Delete Document / 275

• فیلتر کردن اسناد Filter Documents / 276

• استقرار پروژه با استفاده از گیت‌هاب و نتلیفای Project Deployment Using Github & Netlify / 318

پروژه: notNotion Project: notNotion

• کد منبع پروژه - گیت‌هاب Project Source Code - Github

• دموی پروژه Project Demo / 301

• ساختار قالب [اختیاری] Template Structure [Optional] / 302

• ساختار قالب [اختیاری] Template Structure [Optional] / 303

• ساختار قالب [اختیاری] Template Structure [Optional] / 304

• ساختار قالب [اختیاری] Template Structure [Optional] / 305

• ساختار قالب [اختیاری] Template Structure [Optional] / 306

• نوار ناوبری، مودال‌ها و آکاردئون‌ها Navbar, Modals & Accordions / 307

• کتابخانه Swipe - بخش اول Swipe Library - I / 308

• کتابخانه Swipe - بخش دوم Swipe Library - II / 309

• ادغام همه پروژه‌ها Merge All Projects / 310

• استقرار پروژه با استفاده از گیت‌هاب و نتلیفای Project Deployment Using Github & Netlify / 320

اتمام دوره Course Completion

• اتمام دوره Course Completion

[اختیاری] مرور HTML و CSS [Optional] HTML & CSS Refresher

• وب چگونه کار می‌کند؟ [اختیاری] How Web Works? [Optional]

• راه‌اندازی محیط Environment Setup

• مقدمه HTML HTML Introduction

• بخش Head Head Section

• تگ‌های رایج HTML Common HTML Tags

• تگ‌های رسانه Media Tags

• لینک دادن صفحات Linking Page

• فرم‌ها - بخش اول Forms I

• فرم‌ها - بخش دوم Forms II

• توضیحات (کامنت‌ها) Comments

• لیست List

• جداول Tables

• درون خطی و بلوکی Inline and Block

• Id و کلاس‌ها Id & Classes

• معانی HTML - بخش اول HTML Semantics I

• معانی HTML - بخش دوم HTML Semantics II

• موجودیت HTML HTML Entity

• مقدمه‌ای بر CSS Introduction To CSS

• انواع و ترتیب CSS CSS Types and Order

• انتخاب‌گرها Selectors

• بازی انتخاب‌گر - بخش اول Selector Game I

• بازی انتخاب‌گر - بخش دوم Selector Game II

• ویژگی‌نمایی Specificity / R029

• ویژگی‌های رایج Common Properties