دسته بندی

در حال حاضر محصولی در سبد خرید شما وجود ندارد.

پنل کاربری

رمز خود را فراموش کرده اید؟ اگر اولین بار است از سایت جدید استفاده میکنید باید پسورد خود را ریست نمایید.

آموزش ساخت یک App آب و هوا بوسیله React and React Hooks

دانلود Udemy Build a Weather Application with React and React Hooks

10,900 تومان
بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
افزودن به سبد خرید
خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

ویدئو معرفی این محصول

با مشاهده این کورس آموزشی از طریق انجام پروژه های واقعی و به زبانی بسیار ساده مطالب فراوانی را در رابطه با React یاد می گیرید.

عنوان اصلی : Build a Weather Application with React and React Hooks

این مجموعه آموزش ویدیویی محصول موسسه آموزشی Udemy است که بر روی 1 حلقه دیسک ارائه شده و به مدت زمان 50 دقیقه در اختیار علاقه مندان قرار می گیرد.

در ادامه با برخی از سرفصل های درسی این مجموعه آموزش آشنا می شویم :


راه اندازی پروژه:
معرفی
ایجاد برنامه React
شروع برنامه React
با استفاده از کتابخانه UI معنایی
ایجاد رابط کاربر:
دادن عنوان برای برنامه
Enfoting Fonts Google
ایجاد کارت آب و هوا
حذف محتوای اضافی از کارت آب و هوا
راه اندازی خواص آب و هوا
اضافه کردن هدر برای تاریخ فعلی
راه اندازی API Open Weather:
راه اندازی API Open Weather
فراخوانی API Open Weather
دریافت عرض جغرافیایی و طول جغرافیایی
تغییر داده های استاتیک به داده های پویا:
تغییر Temprature
تغییر بقیه خواص آب و هوا
تاریخ فعلی را از moment.js دریافت کنید
تغییر خواص آب و هوایی به فرمت قابل خواندن
اضافه کردن واحد برای temprature و رطوبت
اضافه کردن آیکون های آب و هوا:
تنظیم آیکون کانتینر
گرفتن توضیحات آیکون
اضافه کردن فونت بسیار جذاب برای آیکون ها
بررسی آیکون ها
تغییر اندازه و رنگ آیکون ها
تنظیم آیکون بر اساس توضیحات آیکون
نمایش آیکون ها در برنامه
ایجاد جزء پیش بینی:
ایجاد جزء پیش بینی
اضافه کردن کارت پیش بینی
دریافت اطلاعات پیش بینی شده و نقشه برداری کارت پیش بینی
ایجاد گروه پیش بینی کارت
تغییر داده های استاتیک کارت پیش بینی شده به داده های پویا
یک ظاهر طراحی شده و ساخت UI بیشتر قابل خواندن:
اضافه کردن برخی از یک ظاهر طراحی شده و اضافه کردن برچسب ها در کارت آب و هوا
اضافه کردن برخی از یک ظاهر طراحی شده و اضافه کردن برچسب ها در کارت های پیش بینی
اضافه کردن یک مرز زیبا در اجزای کارت
یک ظاهر طراحی شده هدر اصلی
اضافه کردن تاریخ در کارت های پیش بینی
اضافه کردن یک لودر


Setting up the Project :
Introduction
Creating the React app
Starting the React app
Using Semantic UI Library

Creating the User Interface :
Giving the title for the application
Impoting Google Fonts
Creating the Weather Card
Removing extra content from the Weather Card
Setting up the weather properties
Adding the header for the current date

Setting up the Open Weather API :
Setting up the Open Weather API
Calling the Open Weather API
Getting our Latitude and Longitude

Changing Static Data into Dynamic Data :
Changing the Temprature
Changing the rest of Weather Properties
Get the current date from Moment.js
Changing the Weather Properties into Readable Format
Adding units for Temprature and Humidity

Adding the Weather Icons :
Setting up the Icon Container
Getting the Icon Description
Adding React Font Awesome for Icons
Exploring the Icons
Changing the Size and Colors of the Icons
Setting the Icons based on Icon Description
DIsplaying the Icons in the Application

Creating the Forecast Component :
Creating the Forecast Component
Adding the Forecast Card
Getting the Forecast Data and Mapping the Forecast Card
Creating the Forecast Card Group
Changing Forecast Card Static Data into Dynamic Data

Styling and Making the UI more Readable :
Adding Some more Styling and Adding Labels in Weather Card
Adding Some more Styling and Adding Labels in Forecast Cards
Adding a Beautiful Border in Card Components
Styling the Main Header
Adding the Dates in Forecast Cards
Adding a Loader