توسعه وب: آموزش مبتنی بر پروژه

Web Development: Project Based Learning

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.

نمونه ویدیوها: (صرفا برای مشاهده نمونه ویدیو، ممکن هست نیاز به شکن داشته باشید.)

توضیحات دوره: رویکرد عملی درک API ها و مدیریت آن با استفاده از جاوا اسکریپت با استفاده از چارچوب بوت استرپ در طراحی برنامه های کاربردی وب اصول HTML و جاوا اسکریپت با پروژه های عملی کار با نمودارهای گوگل با استفاده از جاوا اسکریپت میزبانی پروژه در GitHub کار با داده های JSON پیش نیازها: درک اولیه وب توسعه مورد نیاز است.

این دوره به شما در درک هنر طراحی برنامه های کاربردی وب با استفاده از فناوری های HTML، Bootstrap و JavaScript کمک می کند. این یک دوره مبتنی بر پروژه است و در این سفر شما پنج پروژه مبتنی بر ابزار را به طور کامل از ابتدا طراحی خواهید کرد. این دوره به شما دانش عمیقی از کار با فناوری‌های مفید مختلف می‌دهد که توسعه‌دهندگان برای ساخت برنامه‌های وب مدرن استفاده می‌کنند. شما می توانید کار با API ها، دستکاری DOM، کار با نمودارهای گوگل، درک چارچوب بوت استرپ و کاربرد عملی آن، میزبانی یک پروژه وب در GitHub و موارد دیگر را کشف کنید. تمامی کدهایی که در دوره طراحی شده اند در اختیار شما قرار می گیرد تا در صورت نیاز بتوانید مجددا از آنها بازدید کنید. این دوره تلاش می کند تا مهارت های توسعه وب را با رویکرد عملی به شما آموزش دهد. پروژه های زیر در این دوره طراحی خواهند شد:

1. ماشین حساب: در اینجا نحوه انجام عملیات جمع، تفریق، ضرب و تقسیم را با استفاده از جاوا اسکریپت و همچنین با دستکاری DOM آشنا خواهید شد. همه اجزا با استفاده از فریم ورک بوت استرپ استایل دهی می شوند تا طراحی واکنشگرا داشته باشید. علاوه بر این، شما این فرصت را خواهید داشت که یاد بگیرید چگونه این پروژه می تواند در GitHub میزبانی شود تا یک URL اختصاصی در GitHub برای پروژه خود دریافت کنید که می توانید آن را با افراد دیگر به اشتراک بگذارید. این به شما مهارت های اساسی و ضروری را برای شروع با GitHub که یکی از پرکاربردترین سرویس ها برای مدیریت مخازن Git است، آموزش می دهد.

2. Stop Watch: در اینجا با استفاده از جاوا اسکریپت هنر طراحی یک استاپ ساعت آماده برای استفاده را خواهید آموخت که در هر مرورگری کار می کند. شما با توابعی مانند setInterval( ) و clearInterval( ) کار خواهید کرد و مورد استفاده آنها را از نظر عملی درک خواهید کرد. همچنین یاد خواهید گرفت که چگونه یک دکمه را غیرفعال کنید و آن را فعال کنید تا هر زمان که نیاز بود بتوانید عملکرد اجزای وب را با استفاده از JS کنترل کنید.

3. Todo List: در اینجا شما فرصتی خواهید داشت تا لیست Todo خود را طراحی کنید که دارای ویژگی های اضافه کردن، ویرایش و حذف یک Todo است. در این مطلب یاد خواهید گرفت که چگونه یک گره فرزند را با استفاده از جاوا اسکریپت به یک عنصر والد اضافه کنید و چگونه اجزا را به صورت پویا بر اساس تعامل کاربر بر اساس مرورگر با برنامه وب ارائه کنید.

4. ایستگاه هواشناسی: در این پروژه شما با OpenWeatherMap API کار خواهید کرد تا اطلاعات آب و هوای زنده هر شهر در جهان را واکشی کنید. شما با داده‌های JSON کار خواهید کرد و در طول سفر، API را عمیقاً درک خواهید کرد و نحوه واکشی داده‌های مورد نظر را برای نماد دما و شرایط آب‌وهوایی درک خواهید کرد، به طوری که هر زمان که کاربر درخواستی برای واکشی درخواست می‌کند، بتوان آن را روی صفحه نمایش داد. داده ها با استفاده از API شما یاد خواهید گرفت که چگونه fetch( ) در JS با استفاده از کلیدهای API کار می کند و مهم ترین بخش مدیریت JSON در JS است.

5. داشبورد بازار سهام تسلا: در این پروژه با API بازار سهام از Alpha Vantage کار خواهید کرد که استفاده از آن رایگان است و می‌تواند روند داده‌های سهم درون روز را ارائه دهد. ما با اشتراک تسلا به عنوان یک مورد آزمایشی کار خواهیم کرد و یک داشبورد با استفاده از بوت استرپ و JS طراحی خواهیم کرد و این بار با تم تیره کار خواهیم کرد تا بدانید طراحی یک داشبورد مبتنی بر تم تاریک زیبا چقدر کارآمد و آسان است. شما همچنین با نمودارهای گوگل کار خواهید کرد تا روند حجم سهام معامله شده با گذشت زمان را نشان دهید.

سرفصل ها و درس ها

معرفی Introduction

معرفی دوره Course Introduction
ماشین حساب با استفاده از جاوا اسکریپت Calculator using JavaScript
در حال آپلود پروژه در GitHub Uploading the project on GitHub

ایستگاه هواشناسی Weather Station

ایستگاه هواشناسی با استفاده از OpenWeatherMap API Weather Station using OpenWeatherMap API

لیست برای انجام کار Todo List

لیست برای انجام کار Todo List

توقف دیده بان Stop Watch

پروژه Stop Watch Stop Watch Project

داشبورد بازار بورس تسلا Tesla Stock Market Dashboard

داشبورد بازار بورس تسلا Tesla Stock Market Dashboard
پایان دوره End of the Course

برای ارسال نظر ثبت نام کنید.

نمایش نظرات

Udemy (یودمی)

یودمی یکی از بزرگ‌ترین پلتفرم‌های آموزشی آنلاین است که به میلیون‌ها کاربر در سراسر جهان امکان دسترسی به دوره‌های متنوع و کاربردی را فراهم می‌کند. این پلتفرم امکان آموزش در زمینه‌های مختلف از فناوری اطلاعات و برنامه‌نویسی گرفته تا زبان‌های خارجی، مدیریت، و هنر را به کاربران ارائه می‌دهد. با استفاده از یودمی، کاربران می‌توانند به صورت انعطاف‌پذیر و بهینه، مهارت‌های جدیدی را یاد بگیرند و خود را برای بازار کار آماده کنند.

یکی از ویژگی‌های برجسته یودمی، کیفیت بالای دوره‌ها و حضور استادان مجرب و با تجربه در هر حوزه است. این امر به کاربران اعتماد می‌دهد که در حال دریافت آموزش از منابع قابل اعتماد و معتبر هستند و می‌توانند به بهترین شکل ممکن از آموزش‌ها بهره ببرند. به طور خلاصه، یودمی به عنوان یکی از معتبرترین و موثرترین پلتفرم‌های آموزشی آنلاین، به افراد امکان می‌دهد تا به راحتی و با کیفیت، مهارت‌های مورد نیاز خود را ارتقا دهند و به دنبال رشد و پیشرفت شغلی خود باشند.