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

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 طراحی خواهیم کرد و این بار با تم تیره کار خواهیم کرد تا بدانید طراحی یک داشبورد مبتنی بر تم تاریک زیبا چقدر کارآمد و آسان است. شما همچنین با نمودارهای گوگل کار خواهید کرد تا روند حجم سهام معامله شده با گذشت زمان را نشان دهید.

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