آموزش جاوا اسکریپت مدرن (ES6+) برای React، Next.js، Vue و Node.js - آخرین آپدیت

دانلود Modern JavaScript (ES6+) for React, Next.js, Vue, Node.js

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره: شکاف مهارت‌های خود را برای ورود به دنیای React، Vue، Angular، Next.js و Svelte پر کنید. معماری بنیادین JS و منطق پیشرفته را به طور کامل فرا بگیرید. تسلط بر سینتکس دقیق جاوا اسکریپت پیشرفته (ES6+) و مکانیسم‌های اصلی مورد نیاز برای نوشتن کد تمیز در React، Next.js، Node.js و Angular. حل ۴۱۰ سوال آزمونی و ۱۹۷ تمرین عملی که برای تثبیت درک شما از JS مدرن برای فریم‌ورک‌هایی مانند Vue و TanStack طراحی شده‌اند. ایجاد یک پایه مستحکم جاوا اسکریپت برای توسعه فول‌استک، موبایل و وب با استفاده از React Native، Next.js و معماری‌های سمت سرور Node.js. پر کردن فاصله بین تئوری خالص جاوا اسکریپت و واقعیت فریم‌ورک‌ها از طریق تسلط بر برنامه‌نویسی Asynchronous، متدهای آرایه و مهندسی منطق State. پیش نیازها: هیچ تجربه قبلی در کدنویسی مورد نیاز نیست؛ نیازی به دانستن HTML، CSS یا هر زبان برنامه‌نویسی دیگری ندارید. ما از نقطه صفر شروع می‌کنیم.

دلیل شماره یک دشواری دانشجویان در یادگیری React، Vue یا Angular این نیست که فریم‌ورک‌ها سخت هستند، بلکه به دلیل ضعف در پایه جاوا اسکریپت آن‌هاست.

کتابخانه‌های مدرن فرانت‌اند، جاوا اسکریپت به شما یاد نمی‌دهند؛ بلکه انتظار دارند شما از قبل بر آن مسلط باشید. اگر سینتکس ES6+، برنامه‌نویسی Asynchronous، Closureها، متدهای آرایه و Object Destructuring را به طور کامل درک نکنید، هنگام ساخت اپلیکیشن‌های مدرن وب مدام با بن‌بست مواجه خواهید شد.

این دوره یک پل نهایی است. این دوره به طور صریح طراحی شده تا تنها موارد ضروری و پرکاربرد جاوا اسکریپت را که برای تسلط بر فریم‌ورک‌هایی مانند React، Next.js، Vue، Nuxt، Angular، Svelte و Node.js لازم است، به شما آموزش دهد.

ما حاشیه را حذف کرده‌ایم و صرفاً بر مکانیسم‌های اصلی که موتور محرک توسعه وب مدرن هستند تمرکز می‌کنیم.

کیت جامع آماده‌سازی برای فریم‌ورک‌ها

به جای ساخت یک پروژه تکراری و کلی که در آن فقط کدهای من را کپی کنید، شما به طور فعال حافظه عضلانی کدنویسی خود را می‌سازید.

برای اطمینان از تثبیت آموخته‌ها، این دوره شامل دسترسی به یک اپلیکیشن تمرینی تعاملی اختصاصی است که شامل موارد زیر می‌باشد:

  • ۴۱۲ سوال آزمونی هدفمند برای تثبیت فوری مفاهیم تئوری، نکات سینتکس و الگوهای خاص فریم‌ورک‌ها.

  • ۱۹۷ تمرین عملی کدنویسی، از مدیریت داده‌های پیچیده API تا مدیریت منطق State، که دقیقاً شبیه‌ساز کارهایی است که در فریم‌ورک‌های مدرن انجام خواهید داد.

زمانی که این دوره را به پایان برسانید، شما فقط جاوا اسکریپت را نخواهید شناخت، بلکه انگشتان شما به طور خودکار نحوه نوشتن آن را بلد خواهند بود.

کلمات کلیدی و مباحثی که بررسی می‌کنیم

هر یک از مباحث این دوره به این دلیل انتخاب شده‌اند که پیش‌نیاز اجباری برای کتابخانه‌های وب مدرن هستند:

  • تسلط پیشرفته بر ES6+: توابع Arrow، عملگرهای Rest/Spread، Template Literals و نام‌های کوتاه ویژگی‌ها (ستون فقرات کامپوننت‌های React).

  • Destructuring و ماژول‌ها: تسلط بر تخریب ساختار اشیاء/آرایه‌ها و ES Modules (import/export) که از روز اول در هر پروژه Vue یا Svelte با آن‌ها سروکار دارید.

  • متدهای حیاتی آرایه: بررسی عمیق .map()، .filter()، .reduce() و .find()؛ متدهایی که دقیقاً برای رندر کردن لیست‌ها و مدیریت State استفاده می‌شوند.

  • جاوا اسکریپت Asynchronous: Promiseها، async/await و دریافت داده‌ها از JSON APIها (بسیار حیاتی برای دریافت داده در Next.js، Angular و Node.js).

  • Scope و Closureها: درک نحوه به خاطر سپردن داده‌ها توسط جاوا اسکریپت، که برای درک React Hooks (useState) و Reactivity در Vue حیاتی است.

  • مقدار در مقابل مرجع (Value vs Reference): نحوه رفتار اشیاء و آرایه‌ها در حافظه برای جلوگیری از باگ‌های تغییر وضعیت (Mutation) در Redux، Pinia یا NgRx.

این دوره برای چه کسانی است؟

  • توسعه‌دهندگان مشتاق فرانت‌اند که می‌خواهند React، Vue، Angular یا Svelte را یاد بگیرند اما می‌خواهند ابتدا از داشتن پایه مناسب مطمئن شوند.

  • برنامه‌نویسان خودآموز که در آموزش‌های فریم‌ورک‌ها احساس سردرگمی می‌کنند و متوجه شده‌اند که باید یک قدم به عقب برگردند تا بر JS اصلی مسلط شوند.

  • دانشجویان یا فارغ‌التحصیلان بوت‌کمپ‌ها که به یک محیط تمرینی گسترده و سخت‌گیرانه برای تقویت مهارت‌های کدنویسی جهت مصاحبه‌های شغلی نیاز دارند.


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

مقدمه Introduction

  • در اینجا چه چیزهایی یاد می‌گیرید؟ What you'll learn here?

  • خوش‌آمدگویی Welcome

  • اپلیکیشن تمرینی JS JS Practice App

  • راه‌اندازی پروژه Project setup

  • کار با المان Script Working with Script Element

  • کنسول (console) console

  • مرورگر و VSC Browser and VSC

متغیرها، انواع داده‌ها و منطق شرطی Variables, Types, and Conditional Logic

  • let let

  • const const

  • قوانین نام‌گذاری Naming Rules

  • کامنت‌ها Comments

  • رشته‌ها (Strings) Strings

  • اعداد (Numbers) Numbers

  • Null Null

  • Booleans Booleans

  • if else if else

  • عملگرهای مقایسه‌ای Comparison Operators

  • تمرینات جامع بخش MILESTONE EXERCISES

ساختارهای داده، توابع و Scope Data Structures, Functions, and Scope

  • شناسایی انواع Primitive Identifying Primitives

  • آرایه‌ها (Arrays) Arrays

  • ویژگی Length The Length Property

  • اشیاء (Objects) Objects

  • توابع (Functions) Functions

  • محدوده تابع (Function Scope) Function Scope

  • Hoisting Hoisting

  • دستور Return The Return Statement

  • تفاوت Primitives و Objects Primitives vs Objects

  • تمرینات جامع بخش MILESTONE EXERCISES

ضروریات JS مدرن: Destructuring، Spread و متدهای رشته Modern JS Essentials: Destructuring, Spread & String Methods

  • متدهای رشته ۱ String Methods 1

  • متدهای رشته ۲ String Methods 2

  • متدهای رشته ۳ String Methods 3

  • متدهای عدد Number Methods

  • تخریب ساختار آرایه و شیء (Destructuring) Array and Object Destructuring

  • Destructuring در آرگومان‌های تابع Function Argument Destructuring

  • عملگر Spread The Spread Operator

  • عملگر Rest The Rest Operator

  • عملیات CRUD روی آرایه‌ها و اشیاء CRUD Operations on Arrays and Objects

  • تمرینات جامع بخش MILESTONE EXERCISES

منطق شرطی برای فریم‌ورک‌ها: عملگرهای Ternary و پیشرفته Conditional Logic for Frameworks: Ternaries & Advanced Operators

  • عملگر Ternary Ternary Operator

  • عملگر منطقی AND (&&) Logical Operator AND (&&)

  • عملگر OR (||) و Nullish Coalescing (??) Logical OR (||) and Nullish Coalescing (??)

  • لطفاً امتیاز دهید Please leave a Rating.

  • عملگر منطقی NOT (!) Logical NOT (!) Operator

  • عملگر Double NOT (!!) Double NOT (!!) Operator

  • زنجیره‌سازی اختیاری (?.) Optional Chaining (?.)

  • ترکیبات منطقی و ضروریات اجرای Short Circuit Logical Combinations & Short-Circuit Execution Essentials

  • تمرینات جامع بخش MILESTONE EXERCISES

قدرت آرایه‌ها: Map، Filter، Reduce Array Powerhouse: Map, Filter, Reduce

  • متد .map() .map()

  • مقایسه .find() و .filter() .find() vs .filter()

  • مقایسه .some() و .every() .some() vs .every

  • متد .includes() .includes()

  • متد .reduce() .reduce()

  • تمرینات جامع بخش MILESTONE EXERCISES

وب APIها: DOM، رویدادها و LocalStorage Web APIs: The DOM, Events, and LocalStorage

  • وارد کردن و صادر کردن (import and export) import and export

  • کلمه کلیدی this this

  • مقدمه‌ای بر کلاس‌ها (Classes) Introduction to Classes

  • متد fetch fetch

  • Promise Promise

  • برنامه‌نویسی Asynchronous در مقابل Synchronous Asynchronous Vs Synchronous

  • try & catch try & catch

  • setTimeout و setInterval setTimeout & setInterval

  • فرمت JSON JSON

  • عبارات منظم (RegExp) RegExp

  • رویدادها (Events) Events

  • کار با DOM Working with DOM

  • حافظه محلی (localStorage) localStorage

  • گام بعدی چیست؟ Where to go next?

  • پایان The End

نمایش نظرات

آموزش جاوا اسکریپت مدرن (ES6+) برای React، Next.js، Vue و Node.js
جزییات دوره
5.5 hours
68
(آخرین آپدیت)
20
4.8 از 5
ندارد
ندارد
ندارد
Edin Causevic
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Edin Causevic Edin Causevic

توسعه‌دهنده نرم‌افزار، عکاس و کارآفرین