آموزش React JS: ساخت 6 برنامه React React در دنیای واقعی با ادغام AI - آخرین آپدیت
دانلود React JS: Build 6 Real-World React Apps with AI Integration
به "ساخت 6 برنامه React React در دنیای واقعی یکپارچه شوید" خوش آمدید! این دوره جامع به گونه ای طراحی شده است که شما را از یک تازه کار React به یک توسعه دهنده با اعتماد به نفس با ساختن پروژه های عملی و واقعی در دنیای واقعی با تمرکز بر ادغام chatgpt منتقل کنید.
در این دوره ، شما با یک دوره سقوط در اصول React شروع می کنید ، و اطمینان حاصل می کنید که یک پایه محکم دارید. ما مفاهیم اساسی مانند مؤلفه ها ، حالت ها ، غرفه ها و روش های چرخه عمر را پوشش خواهیم داد و شما را برای پروژه های دستی پیش رو آماده می کنیم.
هنگامی که با اصول اولیه راحت هستید ، ما به ساخت شش برنامه متنوع و کاربردی شیرجه می زنیم:
** AI چت ربات **: یاد بگیرید که چگونه یک ربات چت تعاملی را با استفاده از API React و Chatgpt ایجاد کنید ، مکالمات مانند انسان را با AI شبیه سازی کنید.
** برنامه مترجم **: یک مترجم چند زبانه با پشتیبانی از زبان پویا با استفاده از React.
توسعه دهید** برنامه آب و هوا زنده **: یک برنامه آب و هوایی را با React بسازید که داده های زمان واقعی را از یک API دریافت می کند و آن را در یک رابط کاربر پسند نمایش می دهد.
** ژنراتور نقل قول **: یک ژنراتور نقل قول با React ایجاد کنید که با کلیک یک دکمه نقل قول های الهام بخش را ارائه می دهد.
** تقویم **: یک برنامه تقویم عملکردی را با واکنش برای مدیریت رویدادها و برنامه ها طراحی کنید.
** برنامه خبری **: یک برنامه خبری را با React تهیه کنید که آخرین مقالات خبری از منابع مختلف را بازیابی و نمایش می دهد.
در طول دوره ، تجربه دستی را با:
به دست می آورید- مفاهیم React Core و بهترین شیوه ها
- ادغام و دست زدن به API با React و Chatgpt
- مدیریت حالت و پیشنهادات به طور مؤثر در React
- طراحی UI های پاسخگو با واکنش هایی که یکپارچه در دستگاه ها کار می کنند
- استفاده از ذخیره سازی محلی در واکنش برای تداوم داده ها
این دوره برای توسعه دهندگان جلو ، توسعه دهندگان React Intermediate ، علاقه مندان به توسعه وب ، دانشجویان ، متخصصان و برنامه نویسان خودآموخته مناسب است. این که آیا شما به دنبال ورود به توسعه جلویی هستید یا مهارت های موجود خود را ارتقا می دهید ، این دوره دانش و تجربه عملی مورد نیاز خود را فراهم می کند.
تا پایان این دوره ، شش پروژه چشمگیر برای اضافه کردن به نمونه کارها و اعتماد به نفس برای مقابله با برنامه های React پیچیده تر خواهید داشت. شما همچنین می توانید نحوه ادغام API chatgpt را در برنامه های React خود برای ویژگی های هوشمند ادغام کنید.
در این سفر هیجان انگیز به ما بپیوندید تا Master React و ساخت برنامه های کاربردی و پاسخگو با قدرت Chatgpt. اکنون ثبت نام کنید و شروع به ساختن آینده خود در توسعه وب کنید!
خوشامد Welcome
-
مقدمه Introduction
-
پیش نیازهای دوره Course Prerequisites
دوره سقوط واکنش React Crash Course
-
چه چیزی واکنش نشان می دهد What is React
-
DOM مجازی چیست What is Virtual DOM
-
درک JSX Understanding JSX
-
مؤلفه ها و غرفه ها Components and Props
-
حالت و چرخه عمر در React State and Lifecycle in React
-
ارائه مشروط Conditional Rendering
-
رسیدگی به رویداد Event Handling
پروژه - ربات چت AI Project - AI Chat Bot
-
پیش نمایش پروژه Project Preview
-
تنظیم پروژه Project Setup
-
ایجاد و سفارشی سازی صفحه شروع Creating and Customizing the Start Page
-
ایجاد و سفارشی کردن صفحه چت Creating and Customizing the Chat Page
-
پیمایش بین صفحات شروع و گپ Navigating between the Start and Chat Pages
-
ساخت عملکرد چت Building Chat Functionality
-
ایجاد گپ های جدید ، مدیریت چت های فعال و حذف چت ها Creating New Chats, Managing Active Chats and Deleting Chats
-
رفع ایجاد چت جدید Fixing New Chat Creation
-
ادغام API Chatgpt Integrating ChatGPT API
-
اضافه کردن انتخاب کننده ایموجی به فرم Adding Emoji Picker to the Form
-
صرفه جویی در تاریخ چت در محل ذخیره محلی Saving Chats History in the Local Storage
-
پاسخگو ساختن پروژه Making Project Responsive
پروژه - برنامه آب و هوا زنده Project - Live Weather App
-
پیش نمایش پروژه Project Preview
-
تنظیم پروژه Project Setup
-
ایجاد JSX Creating JSX
-
سفارشی سازی و یک ظاهر طراحی شده برنامه هواشناسی Customizing and Styling the Weather App
-
واکشی داده های زمان واقعی از API Openweathermap Fetching Real-time Data from OpenWeatherMap API
-
نمایش مکان ها و جزئیات آب و هوا Displaying Locations and Weather Details
-
به روزرسانی تصاویر و پس زمینه های آب و هوا Updating Weather Images and Backgrounds
-
تاریخ نمایش Displaying Date
-
برخورد با درخواست بد و اضافه کردن لودر Dealing with Bad Request and Adding a Loader
پروژه - برنامه ژنراتور نقل قول Project - Quote Generator App
-
پیش نمایش پروژه Project Preview
-
تنظیم پروژه Project Setup
-
ایجاد و سفارشی کردن صفحه نقل قول ها Creating and Customizing the Quotes Page
-
واکشی داده ها Fetching Data
-
ایجاد و سفارشی سازی بخش موارد دلخواه Creating and Customizing the Favorites Section
-
کارکرد بخش مورد علاقه ها Making the Favorites Section Functional
-
پاسخگو ساختن پروژه Making Project Responsive
پروژه - تقویم Project - Calendar
-
پیش نمایش پروژه Project Preview
-
تنظیم پروژه Project Setup
-
ایجاد JSX Creating JSX
-
سفارشی سازی و یک ظاهر طراحی شده برنامه Customizing and Styling the Application
-
اجرای پیمایش تقویم و نمایش روز Implementing Calendar Navigation and Days Display
-
افزایش پنجره رویداد و اضافه کردن رویدادهای جدید Enhancing the Event Popup and Adding New Events
-
ویرایش و حذف رویدادهای موجود Editing and Deleting Existing Events
-
پاسخگو ساختن پروژه Making Project Responsive
پروژه - برنامه خبری Project - News App
-
پیش نمایش پروژه Project Preview
-
تنظیم پروژه Project Setup
-
ایجاد JSX برای مؤلفه خبری و سفارشی کردن آن Creating JSX for News Component and Customizing It
-
اخبار از Gnews API Fetching News from GNews API
-
نمایش اخبار در پنجره معین Displaying News in the Modal Popup
-
پاسخگو ساختن پروژه Making Project Responsive
پروژه - برنامه مترجم Project - Translator App
-
پیش نمایش پروژه Project Preview
-
تنظیم پروژه Project Setup
-
ساخت اجزای UI Building UI Components
-
اجرای انتخاب زبان Implementing Language Selection
-
ساخت برنامه مترجم کاربردی Making the Translator App Functional
https://donyad.com/d/aea2e2
Code And Create
توسعه وب / طراحی وب 'کد و ایجاد' یک شرکت توسعه وب است که متشکل از توسعه دهندگان حرفه ای وب ، طراحان وب و مدرسان آنلاین باتجربه است. 'Code And Create' دوره های آموزشی آنلاین ایجاد می کند. بیشتر آنها پرفروش ترین ها در بستر Udemy هستند. ما در چندین فن آوری و زبان برنامه نویسی مانند HTML5 ، CSS3 ، SASS ، Bootstrap ، Material Design ، JavaScript ، ReactJS ، Angular ، VueJS ، NodeJS ، MongoDB ، PHP ، MySQL ، Python و موارد دیگر تخصص داریم ... "Code And Create" همچنین یک کانال YouTube به نام "Code And Create" را اجرا می کند ، جایی که ما محتوای آموزشی رایگان را در توسعه وب / طراحی / برنامه نویسی ایجاد می کنیم. ما از حضور در اینجا هیجان زده ایم و مشتاقیم دانش و تجربه خود را به اشتراک بگذاریم. مشتاقانه منتظر دیدن شما در دوره های ما هستیم.
George Lomidze
توسعه دهنده/طراح/معلم آنلاین
سلام،
من جورج هستم، یک برنامهنویس/طراح وب کامل، یکی از بنیانگذاران 'Code And Create' و نویسنده چندین کلاس در Skillshare.
من هیجان زده هستم که اینجا هستم و فرصتی برای کمک به مردم برای یادگیری یکی از جالب ترین و قدرتمندترین زمینه های امروزی دارم.
من تصمیم گرفتم دانش و تجربه خود را با جهان به اشتراک بگذارم و این دلیل اصلی حضور من در Skillshare است.
من در فناوریهای زیر تخصص دارم: HTML، CSS، SASS، Bootstrap، JavaScript، jQuery، React، React Native، NodeJS، Git و موارد دیگر...
منتظر دیدار شما در کلاسهایم هستم و به شما کمک میکنم تا یک توسعهدهنده وب حرفهای شوید.
Lasha Nozadze
توسعه دهنده وب و نرم افزار بنیانگذار 'CodeAndCreate'. سلام من لاشا هستم! من یک توسعه دهنده / طراح وب کاملاً پشته و کاملاً پشته ، مهندس نرم افزار با چندین سال تجربه و نویسنده چندین دوره پرفروش در Udemy هستم. وقتی وارد برنامه نویسی شدم ، حدس زدم که زندگی جدیدی پیدا کرده ام و از آن احساس هیجان می کنم ، زیرا معتقدم برنامه نویسی یکی از داغ ترین زمینه ها در قرن 21 است. تجربه من در توسعه وب شامل فن آوری های زیر است ، مانند HTML5 ، CSS3 ، SASS ، Bootstrap ، JavaScript ، React ، Node.js ، PHP ، MySQL و موارد دیگر ... خوشحالم که به شما گفتم ، تدریس اشتیاق دیگر من شد. من بسیار سپاسگزار و هیجان زده هستم که فرصتی پیدا کردم تا دانش و تجربه خود را با شما در میان بگذارم. من یک شرکت توسعه وب ایجاد کرده ام ، به نام 'CodeAndCreate' ، با دوستم جورج. 'CodeAndCreate' شرکتی است که برای اهداف زیر عمل می کند: "دانش خود را برای بهتر کردن دنیا کدگذاری ، ایجاد و به اشتراک بگذارید!"
نمایش نظرات