آموزش سرگرمی جاوا اسکریپت: یک برنامه پخش کننده موسیقی بسازید!
Javascript Fun: Build a Music Player App!
به مجموعه سرگرم کننده جاوا اسکریپت خوش آمدید!
همه مراحل کد و پروژه را می‌توانید در اینجا پیدا کنید:
https://github.com/chrisdixon161/fun-javascript-projects.com
برای طراحی یا توسعه وب، 3 فناوری ضروری وجود دارد، HTML، CSS، و جاوا اسکریپت.
هدف اصلی مجموعه سرگرم کننده جاوا اسکریپت این است که دانش شما را در مورد این 3 مورد استفاده کند (فقط کمی لازم است!)، و با ساختن مجموعه ای از پروژه های آموزشی و در عین حال سرگرم کننده که به شما نشان می دهد دقیقاً چگونه کار می کنند آنها را عملی کند. کاملا با هم کار بر روی پروژه ها و حل مشکلات یک راه عالی برای یادگیری است.
پروژه ای که در این دوره خواهیم ساخت، یک پخش کننده موسیقی جاوا اسکریپت خواهد بود.
همه ابزارهای مورد نیاز برای دانلود رایگان هستند، من از موارد زیر استفاده خواهم کرد:
ویرایشگر متن کد ویژوال استودیو:
مرورگر وب کروم:
ما با ایجاد رابط کاربری با HTML شروع می کنیم. سپس با استفاده از CSS یک استایل را اعمال می کنیم.
سپس جاوا اسکریپت را اضافه می کنیم، اینجاست که جادوی واقعی اتفاق می افتد!
شما چیزهایی مانند:
یاد خواهید گرفت- ایجاد رابط های HTML
- یک ظاهر طراحی شده با CSS
- ترکیب جاوا اسکریپت و پیوند دادن فایل های خارجی
- Const and let
- عملکردهای پیکان ES6
- کنترل کننده رویداد
- برای/از حلقه ها
- دستکاری DOM
- انجام محاسبات و ذخیره در متغیرها
- آرایه های جاوا اسکریپت
- حلقه زدن در میان آرایه ها
- استفاده از جاوا اسکریپت برای ایجاد عناصر HTML (createElement، createTextNode appendChild)
- تنظیمات پیش فرض و سفارشی پخش کننده صوتی HTML5
- نحوه ایجاد عناصر سفارشی برای کنترل عنصر صوتی
- تنظیم منبع صوتی به صورت پویا
- بررسی وضعیت آماده پخش کننده صوتی
- دریافت مقدار ورودی های لغزنده
- محاسبه مقدار عنصر پیشرفت HTML
- و خیلی بیشتر!
بنابراین اگر به دنبال ادامه دادن و به کارگیری مهارت های خود با استفاده از پروژه های واقعی هستید، من شما را در کلاس خواهم دید!
کلاس کاملاً مبتنی بر پروژه است.
پروژه ای که در این دوره خواهیم ساخت، یک پخش کننده موسیقی جاوا اسکریپت است.
ما با ایجاد رابط کاربری با HTML شروع می کنیم و با استفاده از CSS یک ظاهر طراحی می کنیم.
سپس جاوا اسکریپت را اضافه می کنیم، اینجاست که جادوی واقعی اتفاق می افتد!
ادامه دهید و هر طور که دوست دارید خلاق باشید و من مشتاقانه منتظرم تا آنچه را که ایجاد می کنید ببینم!
درس ها Lessons
-
ساختار HTML و پخش صدا HTML Structure & Playing Audio
-
من را در Skillshare دنبال کنید! Follow me on Skillshare!
-
لغزنده حجم The Volume Slider
-
پخش آهنگ ها به صورت پویا Playing Songs Dynamically
-
آهنگ پخش فعلی را تنظیم کنید Set The Current Playing Song
-
کجا می توان صدا را برای برنامه خود پیدا کرد Where To Find Audio For Your App
-
به کلاس خوش آمدید! Welcome To The Class!
-
یک ظاهر طراحی CSS CSS Styling
-
پایان لمس Finishing Touches
-
کنترل‌های پخش و مکث Play & Pause Controls
-
فهرست کردن آهنگ های ما با جاوا اسکریپت Listing Our Songs With Javascript
-
به روز رسانی نوار پیشرفت Updating The Progress Bar
-
کنترل های صوتی سفارشی Custom Audio Controls
https://donyad.com/d/399f
Chris Dixon
توسعه دهنده وب و معلم آنلاین
سلام، نام من کریس است و من یک توسعه دهنده وب از بریتانیا هستم. من یک مربی با تجربه هستم که بوت کمپ های توسعه وب را هدایت می کنم و همچنین دوره های آنلاین را تدریس می کنم.
زمینه های اصلی مورد علاقه من Vue.js، وردپرس، Shopify، جاوا اسکریپت، تجارت الکترونیک و تجارت هستند. من نسبت به کاری که انجام می‌دهم و به آموزش دیگران علاقه دارم.
دلیل شما برای یادگیری ساخت وب‌سایت هر چه باشد، انتخاب شغلی بسیار خوبی داشته‌اید.
انگیزه شخصی من این بود که رئیس خودم شوم و آزادی و انعطاف بیشتری در زندگی ام داشته باشم. من همچنین از چالش فنی آن و روشی که دائماً در حال تکامل است لذت می برم. من اولین وب‌سایت خود را در سال 1999 ساختم و مشاهده کردم که وب به آنچه امروز است تبدیل شده است.
من سعی می‌کنم دوره‌هایم را لذت‌بخش کنم و سعی می‌کنم به یاد بیاورم که در زمان یادگیری چگونه بود. من همچنین معتقدم بهترین راه برای یادگیری انجام دادن است و سعی می کنم تا حد امکان مثال های عملی را در دوره های خود بگنجانم.
از علاقه شما متشکریم و مشتاقانه منتظرم که به من بپیوندید.
کریس
نمایش نظرات