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

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

اصول اولیه The Basics

• مقدمه ای بر شروع جاوا اسکریپت Introduction to Beginning JavaScript

• نصب VSCode Installing VSCode

• در حال بارگیری جاوا اسکریپت Loading JavaScript

• Const & Let Const & Let

• Const & Let Const & Let

• نظرات Comments

• اپراتورها Operators

• انواع داده های اولیه Primitive Data Types

• انواع داده های اولیه Primitive Data Types

• الحاق Concatination

• زیباتر Prettier

• مقایسه ها و شرایط Comparisons and Conditions

• ارزش های واقعی دروغین Truthy Falsy Values

• ارزش های واقعی دروغین Truthy Falsy Values

• کارکرد Functions

• اشیاء Objects

• اشیاء Objects

• آرایه ها Arrays

• تغییر بیانیه ها Switch Statements

• تغییر بیانیه ها Switch Statements

• برای حلقه For Loop

• برای Of، ForEach For Of, ForEach

• برای In، while Loops For In, While Loops

• فینال بازی حدس زدن Guessing Game Final

• محدوده Scope

• محدوده Scope

اصول اولیه The Basics

• مقدمه ای بر شروع جاوا اسکریپت Introduction to Beginning JavaScript

• نصب VSCode Installing VSCode

• در حال بارگیری جاوا اسکریپت Loading JavaScript

• نظرات Comments

• اپراتورها Operators

• الحاق Concatination

• زیباتر Prettier

• مقایسه ها و شرایط Comparisons and Conditions

• کارکرد Functions

• آرایه ها Arrays

• برای حلقه For Loop

• برای Of، ForEach For Of, ForEach

• برای In، while Loops For In, While Loops

• فینال بازی حدس زدن Guessing Game Final

DOM DOM

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

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

• DOM The DOM

• DOM The DOM

• کاوش سند Exploring Document

• کاوش سند Exploring Document

• مجموعه ها و Nodelists Collections and Nodelists

• مناسبت ها Events

• حباب رویداد Event Bubbling

• Session و Local Storage Session and Local Storage

• Session و Local Storage Session and Local Storage

DOM DOM

• مجموعه ها و Nodelists Collections and Nodelists

• مناسبت ها Events

• حباب رویداد Event Bubbling

برای انجام پروژه To Do Project

• معرفی پروژه برای انجام To Do Project Introduction

• برپایی Set Up

• یک ظاهر طراحی پایه Basic Styling

• تولید To Dos Generating To Dos

• افزودن به Dos Adding To Dos

• حذف و علامت گذاری کنید Delete and Mark

• تصاوير متحرك Animations

• تصاوير متحرك Animations

• فیلتر کردن Filtering

• محل ذخیره سازی Local Storage

• کد نهایی Final Code

برای انجام پروژه To Do Project

• معرفی پروژه برای انجام To Do Project Introduction

• برپایی Set Up

• یک ظاهر طراحی پایه Basic Styling

• تولید To Dos Generating To Dos

• افزودن به Dos Adding To Dos

• حذف و علامت گذاری کنید Delete and Mark

• فیلتر کردن Filtering

• محل ذخیره سازی Local Storage

• کد نهایی Final Code

آرایه ها Arrays

• اولیه در مقابل انواع مرجع Primitives vs Reference Types

• پاسخ به تماس، توابع سفارش بالاتر Callbacks, Higher Order Functions

• پاسخ به تماس، توابع سفارش بالاتر Callbacks, Higher Order Functions

• نقشه Map

• نقشه Map

• پیدا کردن Find

• پیدا کردن Find

• فیلتر کنید Filter

• فیلتر کنید Filter

• برخی و هر Some and Every

• اپراتور چرخشی Turnary Operator

• اپراتور چرخشی Turnary Operator

• توابع پیکان Arrow Functions

• توابع پیکان Arrow Functions

• مرتب سازی (...عجیب!) Sort (...weird!)

• ایجاد کپی Creating Copies

• ایجاد کپی Creating Copies

آرایه ها Arrays

• اولیه در مقابل انواع مرجع Primitives vs Reference Types

• برخی و هر Some and Every

• مرتب سازی (...عجیب!) Sort (...weird!)

OOP OOP

• معرفی اشیاء Objects Introduction

• زمینه اجرای جهانی و بالا بردن The Global Execution Context and Hoisting

• زمینه اجرای جهانی و بالا بردن The Global Execution Context and Hoisting

• پشته تماس Callstack

• این کلمه کلیدی This Keyword

• این کلمه کلیدی This Keyword

• اتصال، تماس، درخواست Bind, Call, Apply

• اتصال، تماس، درخواست Bind, Call, Apply

• توابع سازنده Constructor Functions

• نمونه اولیه Prototype

• وراثت نمونه اولیه Prototypal Inheritence

• وراثت نمونه اولیه Prototypal Inheritence

• کلاس ها Classes

• چیزهای سرگرم کننده با OOP Fun Stuff with OOP

• چیزهای سرگرم کننده با OOP Fun Stuff with OOP

OOP OOP

• معرفی اشیاء Objects Introduction

• پشته تماس Callstack

• توابع سازنده Constructor Functions

• نمونه اولیه Prototype

• کلاس ها Classes

پروژه Beatmaker Beatmaker Project

• فایل های شروع Starter Files

• فایل های شروع Starter Files

• پیش نمایش پروژه Project Preview

• راه اندازی HTML HTML Setup

• راه اندازی HTML HTML Setup

• راه اندازی CSS CSS Setup

• ایجاد حلقه صدای ما Creating Our Sound Loop

• ایجاد حلقه صدای ما Creating Our Sound Loop

• بیایید صداها را بشنویم! Let's Hear The Sounds!

• تعمیر سریع Quick Fix

• بازی و توقف Play and Stop

• بازی و توقف Play and Stop

• تغییر صداها Changing Sounds

• تغییر صداها Changing Sounds

• صداهای بی صدا Muting Sounds

• صداهای بی صدا Muting Sounds

• اضافه کردن تمپو Adding Tempo

• کد نهایی Beatmaker Beatmaker Final Code

• کد نهایی Beatmaker Beatmaker Final Code

پروژه Beatmaker Beatmaker Project

• پیش نمایش پروژه Project Preview

• راه اندازی CSS CSS Setup

• بیایید صداها را بشنویم! Let's Hear The Sounds!

• تعمیر سریع Quick Fix

• اضافه کردن تمپو Adding Tempo

پروژه رنگ ها Coloors Project

• معرفی رنگ ها Coloors Introduction

• معرفی رنگ ها Coloors Introduction

• پیش نمایش پروژه Colors Coloors Project Preview

• پیش نمایش پروژه Colors Coloors Project Preview

• ایجاد HTML Creating the HTML

• ایجاد HTML Creating the HTML

• به آن استایل بدهید! Style It Up!

• اولین رنگ را ایجاد کنید Generate First Color

• اولین رنگ را ایجاد کنید Generate First Color

• بررسی کنتراست Checking Contrast

• رنگ آمیزی ورودی های ما Coloring Our Inputs

• به روز رسانی پس زمینه Updating the Background

• به روز رسانی متن و کنتراست Updating Text and Contrast

• تعمیر اسلایدهای شکسته ما Fixing Our Broken Slides

• تعمیر اسلایدهای شکسته ما Fixing Our Broken Slides

• به روز رسانی مقادیر اسلاید Updating Slide Values

• به روز رسانی مقادیر اسلاید Updating Slide Values

• به روز رسانی اسلاید زنده Live Slide Update

• کپی به کلیپ بورد Copy To Clipboard

• کپی به کلیپ بورد Copy To Clipboard

• تنظیمات بستن را باز کنید Open Close Adjustments

• دکمه تولید Generate Button

• ویژگی قفل کردن Lock Feature

• ویژگی قفل کردن Lock Feature

• بستن پالت ذخیره را باز کنید Open Close Save Palette

• بستن پالت ذخیره را باز کنید Open Close Save Palette

• فشار دادن به محل ذخیره سازی Pushing To Local Storage

• فشار دادن به محل ذخیره سازی Pushing To Local Storage

• رابط کاربری کتابخانه پویا Dynamic Library UI

• رابط کاربری کتابخانه پویا Dynamic Library UI

• انتخاب از کتابخانه Picking From Library

• پایان Finish

• پایان Finish

• ..ولی صبر کن! یک اشکال وجود دارد! ..But wait! There's a bug!

• ..ولی صبر کن! یک اشکال وجود دارد! ..But wait! There's a bug!

• کد نهایی رنگ ها Coloors Final Code

• کد نهایی رنگ ها Coloors Final Code

پروژه رنگ ها Coloors Project

• به آن استایل بدهید! Style It Up!

• بررسی کنتراست Checking Contrast

• رنگ آمیزی ورودی های ما Coloring Our Inputs

• به روز رسانی پس زمینه Updating the Background

• به روز رسانی متن و کنتراست Updating Text and Contrast

• به روز رسانی اسلاید زنده Live Slide Update

• تنظیمات بستن را باز کنید Open Close Adjustments

• دکمه تولید Generate Button

• انتخاب از کتابخانه Picking From Library

پروژه وب سایت Website Project

• فایل های تصویری شروع کننده Starter Image Files

• معرفی پروژه وب سایت Website Project Introduction

• پیش نمایش پروژه وب سایت Website Project Preview

• اضافه کردن HTML Adding HTML

• اضافه کردن HTML Adding HTML

• افزودن CSS Adding CSS

• جلوه های مختلف اسکرول Different Scroll Effects

• جلوه های مختلف اسکرول Different Scroll Effects

• افزودن GSAP Adding GSAP

• افزودن GSAP Adding GSAP

• اسکرول انیمیشن اضافه بار Scroll Animation Overload

• اسکرول انیمیشن اضافه بار Scroll Animation Overload

• انیمیشن های مکان نما Cursor Animations

• انیمیشن های مکان نما Cursor Animations

• برگر را تغییر دهید Toggle Burger

• برگر را تغییر دهید Toggle Burger

• یک صفحه دیگر Another Page

• یک صفحه دیگر Another Page

• انتقال صفحه Page Transitions

• افکت اسکرول در صفحات دیگر Scroll Effect On Other Pages

• رفع اشکال و نمایش موبایل Bug Fixes and Mobile View

• کد نهایی پروژه وب سایت Website Project Final Code

پروژه وب سایت Website Project

• فایل های تصویری شروع کننده Starter Image Files

• معرفی پروژه وب سایت Website Project Introduction

• پیش نمایش پروژه وب سایت Website Project Preview

• افزودن CSS Adding CSS

• انتقال صفحه Page Transitions

• افکت اسکرول در صفحات دیگر Scroll Effect On Other Pages

• رفع اشکال و نمایش موبایل Bug Fixes and Mobile View

• کد نهایی پروژه وب سایت Website Project Final Code

جاوا اسکریپت غیر همگام Async JavaScript

• Async مقدمه Async Introduction

• آژاکس Ajax

• آژاکس Ajax

• Async پشت صحنه Async Behind The Scenes

• Async پشت صحنه Async Behind The Scenes

• Callbacks و Callback Hell Callbacks and Callback Hell

• وعده ها Promises

• وعده ها Promises

• Promise Refactor Promise Refactor

• به همه قول بده Promise All

• به همه قول بده Promise All

• Async Await Async Await

• Async Await Async Await

• واکشی از اولین API ما Fetching From Our First API

جاوا اسکریپت غیر همگام Async JavaScript

• Async مقدمه Async Introduction

• Callbacks و Callback Hell Callbacks and Callback Hell

• Promise Refactor Promise Refactor

• واکشی از اولین API ما Fetching From Our First API

پروژه نهایی: فوتون! Final Project: Photon!

• معرفی پروژه فوتون Photon Project Introduction

• معرفی پروژه فوتون Photon Project Introduction

• کلید ای پی ای API Key

• ایجاد HTML و CSS پایه Creating The Basic HTML & CSS

• واکشی تصاویر Fetching The Images

• واکشی تصاویر Fetching The Images

• جستجو کردن Search

• جستجو کردن Search

• Refactoring Refactoring

• جستجو پاک شود Search Clear

• اتمام یک ظاهر طراحی CSS Finishing CSS Styling

• تمام کردن آن! Finishing It Up!

• تمام کردن آن! Finishing It Up!

• یک تشکر بزرگ! A Big Thank You!

• کد نهایی پروژه فوتون Photon Project Final Code

پروژه نهایی: فوتون! Final Project: Photon!

• کلید ای پی ای API Key

• ایجاد HTML و CSS پایه Creating The Basic HTML & CSS

• Refactoring Refactoring

• جستجو پاک شود Search Clear

• اتمام یک ظاهر طراحی CSS Finishing CSS Styling

• یک تشکر بزرگ! A Big Thank You!

• کد نهایی پروژه فوتون Photon Project Final Code

متفرقه Misc

• ساختارشکنی Deconstruct

• IIFE IIFE

• بسته شدن Closures

متفرقه Misc

• ساختارشکنی Deconstruct

• IIFE IIFE

• بسته شدن Closures