آموزش جاوا اسکریپت سرگرم کننده: ساخت یک بازی تطبیق اعداد!
Javascript Fun: Build a Number Match Game!
به مجموعه سرگرم کننده جاوا اسکریپت خوش آمدید!
همه کدها، منابع و مراحل پروژه را می‌توانید در اینجا پیدا کنید:
https://github.com/chrisdixon161/fun-javascript-projects.com
برای طراحی یا توسعه وب، 3 فناوری ضروری وجود دارد، HTML، CSS، و جاوا اسکریپت.
هدف اصلی مجموعه سرگرم کننده جاوا اسکریپت این است که دانش شما را در مورد این 3 مورد استفاده کند (فقط کمی لازم است!)، و با ساختن مجموعه ای از پروژه های آموزشی و در عین حال سرگرم کننده که به شما نشان می دهد دقیقاً چگونه کار می کنند آنها را عملی کند. کاملا با هم کار بر روی پروژه ها و حل مشکلات یک راه عالی برای یادگیری است.
پروژه ای که در این دوره خواهیم ساخت، یک بازی مقایسه اعداد جاوا اسکریپت خواهد بود.
*** منابع برای دانلود این دوره در منطقه پروژه ***
موجود استهمه ابزارهای مورد نیاز برای دانلود رایگان هستند، من از موارد زیر استفاده خواهم کرد:
ویرایشگر متن کد ویژوال استودیو:
مرورگر وب کروم:
ما با ایجاد رابط کاربری با HTML شروع می کنیم. سپس استایل و انیمیشن ها را با استفاده از CSS اعمال می کنیم.
سپس جاوا اسکریپت را اضافه می کنیم، اینجاست که جادوی واقعی اتفاق می افتد!
شما چیزهایی مانند:
یاد خواهید گرفت- ایجاد رابط های HTML
- یک ظاهر طراحی شده با CSS
- انیمیشن‌های CSS و فریم‌های کلیدی
- گرادیان های CSS
- Const and let
- عملکردهای پیکان ES6
- کنترل کننده رویداد
- نمایش تصاویر
- دستکاری DOM
- کار با آرایه های اشیا و حلقه زدن در میان آنها
- تنظیم CSS با جاوا اسکریپت
- رشته های الگو
- استفاده از روش‌های splice و slice
- توابع ریاضی جاوا اسکریپت
- عملگر سه تایی
- عبارات If و کلیدواژه بازگشت
- setInterval، clearInterval و setTimeout
- و خیلی بیشتر!
بنابراین اگر به دنبال ادامه دادن و به کارگیری مهارت های خود با استفاده از پروژه های واقعی هستید، من شما را در کلاس خواهم دید!
کلاس کاملاً مبتنی بر پروژه است.
پروژه‌ای که در این دوره خواهیم ساخت، یک بازی مقایسه اعداد جاوا اسکریپت است.
ادامه دهید و هر طور که دوست دارید خلاق باشید و من مشتاقانه منتظرم تا آنچه را که ایجاد می کنید ببینم!
درس ها Lessons
-
تولید تصاویر تصادفی Generating Random Images
-
ایجاد رابط کاربری Creating The User Interface
-
تولید یک عدد برای مقایسه Generating A Number To Compare
-
مدیریت پایان بازی Handling The End Of Game
-
بررسی برای یک مسابقه Checking For A Match
-
تنظیم نام تصویر Setting The Image Name
-
به کلاس خوش آمدید! Welcome To The Class!
-
کار با تایمر Working With Timers
-
یک ظاهر طراحی با CSS Styling With CSS
-
من را در Skillshare دنبال کنید! Follow me on Skillshare!
-
اجتناب از انتخاب های متعدد و به روز رسانی UI Avoiding Multiple Selections And UI Updates
-
انیمیشن های محو شدن Fade Animations
https://donyad.com/d/2d17
Chris Dixon
توسعه دهنده وب و معلم آنلاین
سلام، نام من کریس است و من یک توسعه دهنده وب از بریتانیا هستم. من یک مربی با تجربه هستم که بوت کمپ های توسعه وب را هدایت می کنم و همچنین دوره های آنلاین را تدریس می کنم.
زمینه های اصلی مورد علاقه من Vue.js، وردپرس، Shopify، جاوا اسکریپت، تجارت الکترونیک و تجارت هستند. من نسبت به کاری که انجام می‌دهم و به آموزش دیگران علاقه دارم.
دلیل شما برای یادگیری ساخت وب‌سایت هر چه باشد، انتخاب شغلی بسیار خوبی داشته‌اید.
انگیزه شخصی من این بود که رئیس خودم شوم و آزادی و انعطاف بیشتری در زندگی ام داشته باشم. من همچنین از چالش فنی آن و روشی که دائماً در حال تکامل است لذت می برم. من اولین وب‌سایت خود را در سال 1999 ساختم و مشاهده کردم که وب به آنچه امروز است تبدیل شده است.
من سعی می‌کنم دوره‌هایم را لذت‌بخش کنم و سعی می‌کنم به یاد بیاورم که در زمان یادگیری چگونه بود. من همچنین معتقدم بهترین راه برای یادگیری انجام دادن است و سعی می کنم تا حد امکان مثال های عملی را در دوره های خود بگنجانم.
از علاقه شما متشکریم و مشتاقانه منتظرم که به من بپیوندید.
کریس
نمایش نظرات