آموزش جاوا اسکریپت سرگرم کننده: ساخت بازی Guess The Number!
Javascript Fun: Build a Guess The Number Game!
به مجموعه سرگرم کننده جاوا اسکریپت خوش آمدید!
همه کدها، منابع و مراحل پروژه را می‌توانید در اینجا بیابید:
https://github.com/chrisdixon161/fun-javascript-projects.com
برای طراحی یا توسعه وب، 3 فناوری ضروری وجود دارد، HTML، CSS و جاوا اسکریپت.
هدف اصلی مجموعه سرگرم کننده جاوا اسکریپت این است که دانش شما را در مورد این 3 مورد استفاده کند (فقط کمی لازم است!)، و با ساختن مجموعه ای از پروژه های آموزشی و در عین حال سرگرم کننده که به شما نشان می دهد دقیقاً چگونه کار می کنند آنها را عملی کند. کاملا با هم کار بر روی پروژه ها و حل مشکلات یک راه عالی برای یادگیری است.
پروژه‌ای که در این دوره آموزشی خواهیم ساخت، یک بازی اعداد را حدس بزنید. این بازی شامل حدس زدن تعداد تصادفی رایانه بین 1 تا 100 توسط بازیکن در تعداد محدودی می شود!
همه ابزارهای مورد نیاز برای دانلود رایگان هستند، من از موارد زیر استفاده خواهم کرد:
ویرایشگر متن کد ویژوال استودیو:
مرورگر وب کروم:
ما با ایجاد رابط کاربری با HTML شروع می کنیم. سپس با استفاده از CSS یک استایل را اعمال می کنیم.
سپس جاوا اسکریپت را اضافه می کنیم، اینجاست که جادوی واقعی اتفاق می افتد!
شما چیزهایی مانند:
یاد خواهید گرفت- ایجاد رابط های HTML
- یک ظاهر طراحی شده با CSS
- ترکیب جاوا اسکریپت و پیوند دادن فایل های خارجی
- ثابت متغیرها
- توابع
- مقایسه (اگر، دیگر اگر، دیگر عبارات)
- آرایه ها مقادیر را به آرایه ها فشار می دهند
- دستکاری DOM
- افزودن ویژگی های سبک با جاوا اسکریپت
- ریاضی جاوا اسکریپت
- الحاق رشته
- در حال افزایش
- به روز رسانی لغزنده محدوده
- افزودن کلاس ها
- انیمیشن‌های CSS
- و خیلی بیشتر!
بنابراین اگر به دنبال ادامه دادن و به کارگیری مهارت‌های خود با استفاده از پروژه‌های واقعی هستید، شما را در کلاس خواهم دید!
کلاس کاملاً مبتنی بر پروژه است.
پروژه‌ای که در این دوره آموزشی خواهیم ساخت، یک بازی اعداد را حدس بزنید. بازی شامل حدس زدن تعداد تصادفی رایانه‌ها بین 1 تا 100، در تعداد محدودی از بازیکن می‌شود!
ما با ایجاد رابط کاربری با HTML شروع می کنیم. یک استایل را با استفاده از CSS اعمال می کنیم.
سپس جاوا اسکریپت را اضافه می کنیم، اینجاست که جادوی واقعی اتفاق می افتد!
من مشتاقانه منتظرم ببینم چه چیزی ایجاد می کنید!
درس ها Lessons
-
ثبت تلاش های قبلی Logging Previous Attempts
-
یک ظاهر طراحی با CSS Styling With CSS
-
ایجاد رابط کاربری Creating The User Interface
-
من را در Skillshare دنبال کنید! Follow Me On Skillshare!
-
کار خود را در Skillshare به اشتراک بگذارید! Share Your Work On Skillshare!
-
شروع بازی ما Starting Our Game
-
افزودن تنظیمات سختی Adding Difficulty Settings
-
به کلاس خوش آمدید! Welcome To The Class!
-
مدیریت پایان بازی Handling The End Of Game
-
ایجاد بخش Range Creating The Range Section
-
ثبت ورودی و مقایسه کاربر Capture User Input & Compare
![آموزش روتر Hands-On React [ویدئو]](https://donyad.com/course/getimg/9767a4f6-dfb3-4ebf-85e6-588f2c273e9e.jpg "آموزش روتر Hands-On React [ویدئو]")
https://donyad.com/d/e25476
Chris Dixon
توسعه دهنده وب و معلم آنلاین
سلام، نام من کریس است و من یک توسعه دهنده وب از بریتانیا هستم. من یک مربی با تجربه هستم که بوت کمپ های توسعه وب را هدایت می کنم و همچنین دوره های آنلاین را تدریس می کنم.
زمینه های اصلی مورد علاقه من Vue.js، وردپرس، Shopify، جاوا اسکریپت، تجارت الکترونیک و تجارت هستند. من نسبت به کاری که انجام می‌دهم و به آموزش دیگران علاقه دارم.
دلیل شما برای یادگیری ساخت وب‌سایت هر چه باشد، انتخاب شغلی بسیار خوبی داشته‌اید.
انگیزه شخصی من این بود که رئیس خودم شوم و آزادی و انعطاف بیشتری در زندگی ام داشته باشم. من همچنین از چالش فنی آن و روشی که دائماً در حال تکامل است لذت می برم. من اولین وب‌سایت خود را در سال 1999 ساختم و مشاهده کردم که وب به آنچه امروز است تبدیل شده است.
من سعی می‌کنم دوره‌هایم را لذت‌بخش کنم و سعی می‌کنم به یاد بیاورم که در زمان یادگیری چگونه بود. من همچنین معتقدم بهترین راه برای یادگیری انجام دادن است و سعی می کنم تا حد امکان مثال های عملی را در دوره های خود بگنجانم.
از علاقه شما متشکریم و مشتاقانه منتظرم که به من بپیوندید.
کریس
نمایش نظرات