آموزش جاوا اسکریپت سرگرم کننده! یک بازی حافظه بسازید
JavaScript Fun! Build a Memory Game
به مجموعه سرگرم کننده جاوا اسکریپت خوش آمدید!
تمام مراحل کد و پروژه را می‌توانید در اینجا بیابید:
https://github.com/chrisdixon161/fun-javascript-projects.com
برای طراحی یا توسعه وب، 3 فناوری ضروری وجود دارد، HTML، CSS، و جاوا اسکریپت.
هدف اصلی مجموعه سرگرم کننده جاوا اسکریپت این است که دانش خود را در مورد این 3 مورد استفاده کند (فقط کمی لازم است!)، و با ساخت یک سری پروژه های آموزشی و در عین حال سرگرم کننده که دقیقاً به شما نشان می دهد که چگونه کار می کنند، آنها را عملی کنید. کاملا با هم کار بر روی پروژه ها و حل مشکلات یک راه عالی برای یادگیری است.
پروژه ای که در این کلاس خواهیم ساخت، یک بازی حافظه جاوا اسکریپت خواهد بود. شبکه‌ای از مربع‌ها را به بازیکن نشان می‌دهیم، سپس با کلیک روی آن، رنگ پس‌زمینه نمایان می‌شود. ایده این است که جفت های منطبق را برای تکمیل بازی پیدا کنید. حدس‌های اشتباه یک بار دیگر رنگ پس‌زمینه را پنهان می‌کنند تا بازیکن باید هر یک را به خاطر بسپارد.
همه ابزارهای مورد نیاز برای دانلود رایگان هستند، من از موارد زیر استفاده خواهم کرد:
ویرایشگر متن کد ویژوال استودیو:
مرورگر وب کروم:
ما با ایجاد رابط کاربری با HTML شروع می کنیم. سپس با استفاده از CSS یک استایل را اعمال می کنیم.
سپس جاوا اسکریپت را اضافه می کنیم، اینجاست که جادوی واقعی اتفاق می افتد!
شما چیزهایی مانند:
یاد خواهید گرفت- ایجاد رابط های HTML
- یک ظاهر طراحی شده با CSS
- ترکیب جاوا اسکریپت و پیوند دادن فایل های خارجی
- متغیرها/ثابت ها
- توابع
- کنترل کننده رویداد
- دستکاری DOM
- حلقه ها
- آرایه ها روش ها/ویژگی های آرایه
- انیمیشن ها
- شرایط
- اعداد تصادفی ریاضی جاوا اسکریپت
- و خیلی بیشتر!
بنابراین، اگر به دنبال ادامه دادن و به کارگیری مهارت‌های خود با ساخت پروژه‌های واقعی هستید، امیدوارم شما را در کلاس ببینم!
کلاس کاملاً مبتنی بر پروژه است.
پروژه‌ای که در این دوره خواهیم ساخت، یک بازی حافظه جاوا اسکریپت است.
ما با ایجاد رابط کاربری با HTML شروع می کنیم. سپس با استفاده از CSS یک استایل را اعمال می کنیم.
سپس جاوا اسکریپت را اضافه می کنیم تا بازی کاملاً تعاملی باشد! برای نشان دادن و الهام بخشیدن به دیگران، می توانید پروژه خود را اینجا در Skillshare به اشتراک بگذارید.
من مشتاقانه منتظرم ببینم چه چیزی ایجاد می کنید!
درس ها Lessons
-
انتخاب رنگ های تصادفی Selecting Random Colors
-
من را در Skillshare دنبال کنید! Follow Me On Skillshare!
-
راه اندازی پروژه و HTML Project Setup & HTML
-
ایجاد شبکه مربع ها Creating The Grid Of Squares
-
گوش دادن برای کلیک ها Listening For Clicks
-
رسیدگی به یک مسابقه Handling a Match
-
یک ظاهر طراحی CSS CSS Styling
-
بررسی برای یک مسابقه Checking For a Match
-
به کلاس خوش آمدید! Welcome To The Class!
-
آنچه شما برای این کلاس نیاز دارید What You Will Need For This Class
-
پیگیری امتیاز و پایان بازی Tracking The Score & End Of Game
-
تصاوير متحرك Animations
https://donyad.com/d/6459
Chris Dixon
توسعه دهنده وب و معلم آنلاین
سلام، نام من کریس است و من یک توسعه دهنده وب از بریتانیا هستم. من یک مربی با تجربه هستم که بوت کمپ های توسعه وب را هدایت می کنم و همچنین دوره های آنلاین را تدریس می کنم.
زمینه های اصلی مورد علاقه من Vue.js، وردپرس، Shopify، جاوا اسکریپت، تجارت الکترونیک و تجارت هستند. من نسبت به کاری که انجام می‌دهم و به آموزش دیگران علاقه دارم.
دلیل شما برای یادگیری ساخت وب‌سایت هر چه باشد، انتخاب شغلی بسیار خوبی داشته‌اید.
انگیزه شخصی من این بود که رئیس خودم شوم و آزادی و انعطاف بیشتری در زندگی ام داشته باشم. من همچنین از چالش فنی آن و روشی که دائماً در حال تکامل است لذت می برم. من اولین وب‌سایت خود را در سال 1999 ساختم و مشاهده کردم که وب به آنچه امروز است تبدیل شده است.
من سعی می‌کنم دوره‌هایم را لذت‌بخش کنم و سعی می‌کنم به یاد بیاورم که در زمان یادگیری چگونه بود. من همچنین معتقدم بهترین راه برای یادگیری انجام دادن است و سعی می کنم تا حد امکان مثال های عملی را در دوره های خود بگنجانم.
از علاقه شما متشکریم و مشتاقانه منتظرم که به من بپیوندید.
کریس
نمایش نظرات