آموزش جاوا اسکریپت مدرن برای مبتدیان: قسمت 1

Modern JavaScript For Beginners: Part 1

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

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

یادگیری هر مهارت جدید می تواند دشوار باشد و جاوا اسکریپت نیز از این قاعده مستثنی نیست!

جاوا اسکریپت دارای طیف وسیعی از ویژگی‌ها و کارهایی است که می‌تواند انجام دهد، به این معنی که گاهی اوقات به عنوان مبتدی نمی‌دانیم از کجا شروع کنیم.

به همین دلیل است که من این کلاس را ایجاد کرده ام…

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

این کلاس همه چیزهایی را که برای تبدیل شدن به یک توسعه‌دهنده جاوا اسکریپت باید بدانید را پوشش می‌دهد.

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

اگر قبلاً در یکی از کلاس های من شرکت نکرده اید، نام من کریس است و بیش از 20 سال است که وب سایت می سازم.

در کنار من بیش از 7 سال است که به توسعه دهندگان جدید آموزش داده ام، هم در کلاس های ویدیویی و هم در کمپ های راه انداز توسعه وب پیشرو.

این قسمت 1 از 2 است و به شما یک پایه عالی در جاوا اسکریپت می دهد که تمام اصول اولیه از جمله آرایه ها، توابع، اشیاء، رویدادهای DOM، web API و تمام جزئیاتی را که باید در این بین بدانید را پوشش می دهد. .

همه این موضوعات به روشی واضح و ساختاریافته پوشش داده شده اند، و در عین حال پروژه های عملی را در حال ساختن می کنیم.

شامل موارد استفاده در دنیای واقعی و چالش‌های کوچک نیز می‌شود.

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

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

از علاقه شما به این کلاس متشکرم، و من شما را در اولین درس می بینم…

این کلاس با پیشرفت ما چندین پروژه و چالش دارد. در پایان، ما با استفاده از تمام مهارت‌های جدید شما، یک پخش‌کننده ویدیو و یک پروژه شکل‌بندی می‌سازیم.

من دوست دارم نسخه نهایی هر یک از این پروژه ها را ببینم و احساس راحتی کنید که لمس شخصی خود را نیز اضافه کنید. این می‌تواند طرح‌بندی، استایل یا ویژگی‌ها باشد.


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

درس ها Lessons

  • مقدمه ای بر خواص، روش ها و نمونه اولیه Introduction To Properties, Methods & The Prototype

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

  • برگرداندن مقادیر جدید Returning New values

  • چالش کوچک: یک دکمه حالت تاریک ایجاد کنید Mini Challenge: Create a Dark Mode Button

  • یک بار اجرای رویدادها Running Events Once

  • گوش دادن به رویدادهای متعدد و داده های رویداد Listening For Multiple Events & Event Data

  • بازی Shape Drop: Handling The Score & End of Game Shape Drop Game: Handling The Score & End Of Game

  • انواع داده ها: اعداد Data Types: Numbers

  • گوش دادن به رویدادها Listening For Events

  • شیء جهانی و توابع ساخته شده The Global Object & Built In Functions

  • پروژه پخش کننده ویدئو: ایجاد رابط کاربری Video Player Project: Creating The UI

  • DOM چیست؟ What Is The DOM?

  • روشهای تکرار Iteration Methods

  • پروژه پخش کننده ویدئو: رویدادهای ویدئویی، ویژگی ها و روش ها Video player Project: Video Events, Properties & Methods

  • مقدمه ای بر اشیاء Introduction To Objects

  • حلقه زدن با عناصر DOM Looping With DOM Elements

  • کاهنده ها Reducers

  • مجموعه HTML یا NodeList؟ HTML Collection or NodeList?

  • ناشناس یا با نام؟ Anonymous Or Named?

  • بیایید ببینیم جاوا اسکریپت چه کاری می تواند انجام دهد! Let's See What Javascript Can Do!

  • انتشار رویداد Event Propagation

  • به کلاس خوش آمدید! Welcome To The Class!

  • بازی Shape Drop: رویدادها را بکشید و رها کنید Shape Drop Game: Drag & Drop Events

  • بازی Shape Drop: ایجاد رابط کاربری Shape Drop Game: Creating The UI

  • دانلود فایل های Starter Download The Starter Files

  • ذخیره سازی داده ها با متغیرها Storing Data With Variables

  • جاوا اسکریپت را کجا اضافه کنیم Where To Add Javascript

  • نظرات، نیم فاصله و ASI Comments, Semi-colons & ASI

  • مقدمه ای بر آرایه ها و انواع شی Introduction To Arrays & Object Types

  • کار با رشته ها Working With Strings

  • عبارات تابع Function Expressions

  • مخلوط کردن رشته ها با متغیرها Mixing Strings With Variables

  • تغییر CSS عناصر Changing An Elements CSS

  • اپراتورها: تخصیص و مقایسه Operators: Assignment & Comparison

  • انواع داده ها: بولی، پوچ و تعریف نشده Data Types: Boolean, Null & Undefined

  • حذف شنوندگان رویداد Removing Event Listeners

  • مقادیر منحصر به فرد با مجموعه Unique Values With Set

  • ایجاد عناصر جدید Creating New Elements

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

  • شبیه سازی و حذف عناصر Cloning & Removing Elements

  • اپراتورها: منطقی و حسابی Operators: Logical & Arithmetic

  • Async & Defer Async & Defer

  • عبارات تابع فوراً فراخوانی شده Immediately Invoked Function Expressions

  • مقادیر پارامترهای پیش‌فرض و استفاده از حالت استراحت Default Parameter Values & Using Rest

  • سازنده آرایه The Array Constructor

  • آرایه های دو بعدی Two Dimensional Arrays

  • انتخاب عناصر Selecting Elements

  • یک تابع یا یک روش؟ A Function Or a Method?

  • مقدمه ای بر رویدادها Introduction To Events

  • جلوگیری از رفتار پیش‌فرض و گزینه غیرفعال Preventing Default Behaviour & The Passive Option

  • نقشه و برای هر کدام Map & forEach

  • مقدمه ای بر توابع Introduction To Functions

  • افزودن عناصر به صفحه Adding Elements To The Page

  • تغییر ارزش ها و ویژگی ها Changing Values & Attributes

  • چالش کوچک Mini Challenge

  • اصلاح آرایه ها Modifying Arrays

نمایش نظرات

آموزش جاوا اسکریپت مدرن برای مبتدیان: قسمت 1
جزییات دوره
7h 35m
56
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
521
4 از 5
ندارد
دارد
دارد
Chris Dixon
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Chris Dixon Chris Dixon

توسعه دهنده وب و معلم آنلاین

سلام، نام من کریس است و من یک توسعه دهنده وب از بریتانیا هستم. من یک مربی با تجربه هستم که بوت کمپ های توسعه وب را هدایت می کنم و همچنین دوره های آنلاین را تدریس می کنم.

زمینه های اصلی مورد علاقه من Vue.js، وردپرس، Shopify، جاوا اسکریپت، تجارت الکترونیک و تجارت هستند. من نسبت به کاری که انجام می‌دهم و به آموزش دیگران علاقه دارم.

دلیل شما برای یادگیری ساخت وب‌سایت هر چه باشد، انتخاب شغلی بسیار خوبی داشته‌اید.

انگیزه شخصی من این بود که رئیس خودم شوم و آزادی و انعطاف بیشتری در زندگی ام داشته باشم. من همچنین از چالش فنی آن و روشی که دائماً در حال تکامل است لذت می برم. من اولین وب‌سایت خود را در سال 1999 ساختم و مشاهده کردم که وب به آنچه امروز است تبدیل شده است.

من سعی می‌کنم دوره‌هایم را لذت‌بخش کنم و سعی می‌کنم به یاد بیاورم که در زمان یادگیری چگونه بود. من همچنین معتقدم بهترین راه برای یادگیری انجام دادن است و سعی می کنم تا حد امکان مثال های عملی را در دوره های خود بگنجانم.

از علاقه شما متشکریم و مشتاقانه منتظرم که به من بپیوندید.

کریس