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

The Creative JavaScript Course

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: از جاوا اسکریپت مبتدی تا ساخت برنامه های وب و وب سایت های عالی! تا 30 ساعت محتوای جاوا اسکریپت 5 پروژه عالی برای نمونه کارها کد منبع شامل همه پروژه ها گواهی پایان کار دسترسی مادام العمر پیش نیازها: سطح مبتدی با درک کمی از HTML و CSS

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

جاوا اسکریپت محبوب ترین زبان برنامه نویسی در جهان است!

این دوره برای هرکسی که می‌خواهد در توسعه مقدماتی شروع کند ایده‌آل است.

جاوا اسکریپت را از ابتدا و بدون تجربه قبلی بیاموزید.

ما پروژه های کوچک، برنامه های وب بزرگتر، وب سایت ها و موارد دیگر می سازیم!

محتوا برای همه سطوح مهارت.

  • حداکثر 30 ساعت محتوای جاوا اسکریپت

  • 5 پروژه عالی برای نمونه کار شما

  • کد منبع برای همه پروژه ها

  • دسترسی مادام العمر

  • گواهی تکمیل

  • بیشتر!

پروژه ها

  • فهرست کارها
    یک قطعه کلیدی برای هر نمونه کار. روشی عالی برای یادگیری اصول اولیه جاوا اسکریپت.

  • Beatmaker

    برنامه وب سرگرم کننده و موسیقی. همه چیز را در مورد شنوندگان رویداد و غواصی در APIها به شما آموزش می دهد.

  • رنگ ها

    خالق پالت رنگ. این پروژه همه چیزهایی را که تاکنون آموخته‌ایم در عمل به کار می‌برد.

  • وب سایت سفر

    همه آنچه باید در مورد استفاده از انیمیشن در جاوا اسکریپت بدانید.

  • عکس

    یک موتور جستجوی تصویری چشمگیر. شما به جاوا اسکریپت ناهمزمان و واکشی APIها مسلط خواهید شد.

توسعه دهنده

اسم من Edwin Simo است، مالک Dev Ed که یک کانال YouTube با بیش از 700 هزار مشترک است که در همه چیز از HTML5 گرفته تا فریم ورک های فرانت اند مانند آموزش های React to UI/UX تخصص دارد. من یک معلم شناخته شده بین المللی در زمینه فناوری هستم که به دلیل رویکرد دوستانه و قابل درک من در توضیح مفاهیم دشوار برنامه نویسی شناخته شده است. اگر مبتدی هستید، این دوره برای شما مناسب است.



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

اصول اولیه 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

نمایش نظرات

آموزش دوره خلاقانه جاوا اسکریپت
جزییات دوره
17.5 hours
130
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
2,150
4.6 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Dev Ed Dev Ed

معلم خلاق

Maxine Tillman Maxine Tillman

مهندس نرم افزار