Beginning of dialog window. Escape will cancel and close the window.
End of dialog window.
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
در حال بارگزاری، لطفا صبر کنید...
توضیحات دوره:
به جاوا اسکریپت مدرن برای مبتدیان خوش آمدید!
یادگیری هر مهارت جدید می تواند دشوار باشد و جاوا اسکریپت نیز از این قاعده مستثنی نیست!
جاوا اسکریپت دارای طیف وسیعی از ویژگیها و کارهایی است که میتواند انجام دهد، به این معنی که گاهی اوقات به عنوان مبتدی نمیدانیم از کجا شروع کنیم.
به همین دلیل است که من این کلاس را ایجاد کرده ام…
با کار از همان ابتدا، به شما نشان خواهم داد که جاوا اسکریپت چیست، چه کاری می تواند انجام دهد، و چرا ما اصلاً از آن استفاده می کنیم.
این کلاس همه چیزهایی را که برای تبدیل شدن به یک توسعهدهنده جاوا اسکریپت باید بدانید را پوشش میدهد.
این کلاس برای افراد تازه کار با جاوا اسکریپت برای مبتدیان متمرکز است، یا اگر تجربه کمی دارید و به دنبال یک کلاس همه جانبه هستید تا شما را به سطح بعدی برساند. شما باید حداقل تجربه کمی با 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
سلام، نام من کریس است و من یک توسعه دهنده وب از بریتانیا هستم. من یک مربی با تجربه هستم که بوت کمپ های توسعه وب را هدایت می کنم و همچنین دوره های آنلاین را تدریس می کنم.
زمینه های اصلی مورد علاقه من Vue.js، وردپرس، Shopify، جاوا اسکریپت، تجارت الکترونیک و تجارت هستند. من نسبت به کاری که انجام میدهم و به آموزش دیگران علاقه دارم.
دلیل شما برای یادگیری ساخت وبسایت هر چه باشد، انتخاب شغلی بسیار خوبی داشتهاید.
انگیزه شخصی من این بود که رئیس خودم شوم و آزادی و انعطاف بیشتری در زندگی ام داشته باشم. من همچنین از چالش فنی آن و روشی که دائماً در حال تکامل است لذت می برم. من اولین وبسایت خود را در سال 1999 ساختم و مشاهده کردم که وب به آنچه امروز است تبدیل شده است.
من سعی میکنم دورههایم را لذتبخش کنم و سعی میکنم به یاد بیاورم که در زمان یادگیری چگونه بود. من همچنین معتقدم بهترین راه برای یادگیری انجام دادن است و سعی می کنم تا حد امکان مثال های عملی را در دوره های خود بگنجانم.
از علاقه شما متشکریم و مشتاقانه منتظرم که به من بپیوندید.
نمایش نظرات