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