آموزش جاوا اسکریپت: ES6 Fundamentals

JavaScript: ES6 Fundamentals

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

این دوره اصول ES6 را در زبان برنامه نویسی جاوا اسکریپت به شما آموزش می دهد.

محتوای زیادی برای یادگیری ES6 وجود دارد، اما بسیاری از این مطالب دلیل پشت این مفاهیم را آموزش نمی‌دهند. از طریق مثال‌های کد، این دوره تمام اصول ES6 را به شما آموزش می‌دهد و به شما نشان می‌دهد که قبلاً چگونه کارها انجام می‌شد. با انجام این کار می‌توانید با اطمینان با پروژه‌های قدیمی‌تر کار کنید و آن‌ها را به‌روزرسانی کنید.

درک ES6 مهارتی است که به شما کمک می‌کند تا امروز در این صنعت استخدام شوید. همچنین کار با آن بسیار سرگرم کننده است! اگر به دنبال کار با کتابخانه هایی مانند React هستید، این یک مهارت اساسی و بخشی از سفر یادگیری شما است.

گذراندن این دوره به شما این امکان را می‌دهد که به سرعت در سینتکس غوطه‌ور شوید و به سرعت با ES6 راه‌اندازی کنید. من از مثال‌های بصری استفاده می‌کنم و مفاهیم را در زندگی روزمره به کار می‌برم تا بتوانید دانش را سریع به خاطر بیاورید.

ما اصول اولیه مانند استفاده از let و const و for...of و for... را در حلقه ها پوشش خواهیم داد. سپس به بررسی موضوعاتی مانند تخریب و استفاده از عملگر spread می پردازیم. سپس به روش‌های کمکی آرایه برای توقف نوشتن حلقه‌ها و درک نحوه استفاده از کلاس‌های ES6 نگاه می‌کنیم. ما دوره را با نگاه کردن به وعده ها به پایان خواهیم رساند.

از طریق ویدیوهای سرگرم‌کننده و مختصر و مثال‌های کد که با چالش‌های کد دنبال می‌شوند، دوره را با اطمینان خاطر به پایان می‌رسانید و ES6 را خودتان بنویسید.

چه در برنامه نویسی، جاوا اسکریپت نسبتاً تازه کار هستید یا فقط می خواهید دانش موجود را بسازید، این دوره به شما کمک می کند جعبه ابزاری برای تبدیل شدن به یک توسعه دهنده بهتر ارائه دهید.

فایل question.js را دانلود کنید و چالش ها را تکمیل کنید. شما باید این کار را در یک ویرایشگر متن انتخابی خود انجام دهید و پاسخ های خود را در کنسول مرورگر مانند کروم آزمایش کنید. راه حل های خود را برای به اشتراک گذاشتن با جامعه ارسال کنید. هنگامی که چالش ها را کامل کردید، می توانید answers.js را نیز برای مشاهده راه حل ها دانلود کنید.

برای اجرای کد از ویرایشگر متن، لطفاً مراحل زیر را دنبال کنید:

  • یک ویرایشگر متن رایگان دانلود کنید (مهم نیست کدام را انتخاب کنید، اما در اینجا چند نمونه برای جستجو وجود دارد: Atom، Visual Studio یا Sublime text.

  • مطمئن شوید که یک مرورگر روی دستگاه خود دارید. در این دوره من از کروم استفاده می کنم اما هر مرورگری کار می کند. اگر در Chrome دنبال می‌کنید، ممکن است ساده‌ترین کار باشد!

  • ویرایشگر متن را باز کنید و یک پوشه ایجاد کنید، می‌توانید آن را هر چیزی که دوست دارید، مانند مثال، صدا بزنید.

  • دو فایل جدید app.js و index.html ایجاد کنید

  • کد زیر را کپی و در index.html قرار دهید:

  • app.js می تواند خالی باشد اما مطمئن شوید که هر دو فایل را ذخیره کنید.

  • از این به بعد، وقتی می خواهید در این دوره کدی را در ویرایشگر متن بنویسید، کد را در app.js بنویسید.

  • وقتی می‌خواهید کد را در مرورگر اجرا کنید، مرورگر را باز کنید و سپس فایل index.html را از داخل مرورگر باز کنید. وقتی این باز شد، می‌توانید مانند قبل از کنسول استفاده کنید.

index.html app.js در ویرایشگر متن شما

مرورگر شما هنگام باز کردن فایل index.html

کنسول وقتی آن را در مرورگر باز می‌کنید، زمانی که مرورگر فایل index.html را باز می‌کند


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

درس ها Lessons

  • با استفاده از برخی و هر Using some and every

  • معرفی Introduction

  • بیشتر در مورد کلاس ها More on classes

  • بالا بردن Hoisting

  • با استفاده از Find Using find

  • معرفی نمونه های اولیه Introducing prototypes

  • با استفاده از پارامتر استراحت Using the rest parameter

  • با استفاده از فیلتر Using filter

  • برای...از و برای...در for...of and for...in

  • تخریب پارامترهای تابع Destructuring function parameters

  • با استفاده از کلاس ها Using classes

  • گسترش در توابع Spread in functions

  • نماد سازنده شی Object constructor notation

  • بیشتر در مورد انجماد اشیاء More on freezing objects

  • گسترش بیشتر با اشیاء More spread with objects

  • تخریب اشیاء Object destructuring

  • الگوهای بیشتر تحت اللفظی More template literals

  • کوتاه نویسی دارایی شی Object property shorthand

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

  • با استفاده از forEach Using forEach

  • نمونه های اولیه بیشتر More prototypes

  • معرفی گسترش در اشیا Introducing spread in objects

  • با استفاده از نقشه Using map

  • معرفی پارامتر استراحت Introducing the rest parameter

  • بیشتر تخریب شیء تو در تو More nested object destructuring

  • در آرایه ها پخش شود Spread in arrays

  • تخریب شیء تو در تو Nested object destructuring

  • تخریب بیشتر پارامترهای تابع More function parameter destructuring

  • پارامترهای پیش فرض بیشتر More default parameters

  • معرفی کلاس ها Introducing classes

  • در اشیاء پخش شود Spread in objects

  • کار با وعده ها Working with promises

  • گسترش بیشتر در توابع More spread in functions

  • پارامترهای پیش فرض Default parameters

  • معرفی وعده ها Introducing promises

  • محدوده Scope

  • تخریب آرایه Array destructuring

  • یخ زدن اشیاء Freezing objects

  • اجازه دهید و ثابت کنید let and const

  • تخریب بیشتر شی More object destructuring

  • معرفی حروف الفبای قالب Introducing template literals

  • معرفی forEach Introducing forEach

  • معرفی نقشه Introducing map

درس ها Lessons

  • پارامترهای پیش فرض بیشتر More default parameters

  • پارامترهای پیش فرض Default parameters

  • بالا بردن Hoisting

  • در آرایه ها پخش شود Spread in arrays

  • معرفی گسترش در اشیا Introducing spread in objects

  • یخ زدن اشیاء Freezing objects

  • گسترش بیشتر با اشیاء More spread with objects

  • معرفی حروف الفبای قالب Introducing template literals

  • نماد سازنده شی Object constructor notation

  • محدوده Scope

  • با استفاده از پارامتر استراحت Using the rest parameter

  • با استفاده از نقشه Using map

  • با استفاده از forEach Using forEach

  • برای...از و برای...در for...of and for...in

  • تخریب اشیاء Object destructuring

  • معرفی نقشه Introducing map

  • تخریب بیشتر شی More object destructuring

  • بیشتر در مورد انجماد اشیاء More on freezing objects

  • اجازه دهید و ثابت کنید let and const

  • معرفی Introduction

  • کوتاه نویسی دارایی شی Object property shorthand

  • معرفی نمونه های اولیه Introducing prototypes

  • با استفاده از کلاس ها Using classes

  • تخریب پارامترهای تابع Destructuring function parameters

  • تخریب آرایه Array destructuring

  • تخریب بیشتر پارامترهای تابع More function parameter destructuring

  • کار با وعده ها Working with promises

  • گسترش در توابع Spread in functions

  • معرفی forEach Introducing forEach

  • در اشیاء پخش شود Spread in objects

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

  • بیشتر در مورد کلاس ها More on classes

  • نمونه های اولیه بیشتر More prototypes

  • با استفاده از Find Using find

  • بیشتر تخریب شیء تو در تو More nested object destructuring

  • تخریب شیء تو در تو Nested object destructuring

  • گسترش بیشتر در توابع More spread in functions

  • الگوهای بیشتر تحت اللفظی More template literals

  • معرفی کلاس ها Introducing classes

  • معرفی پارامتر استراحت Introducing the rest parameter

  • معرفی وعده ها Introducing promises

  • با استفاده از فیلتر Using filter

  • با استفاده از برخی و هر Using some and every

نمایش نظرات

آموزش جاوا اسکریپت: ES6 Fundamentals
جزییات دوره
2h 43m
43
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
19
4 از 5
دارد
دارد
دارد
Emma Williams
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar