لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش دوره خلاقانه جاوا اسکریپت
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
نمایش نظرات