آموزش جامع React: ساخت پروژه واقعی React از صفر - آخرین آپدیت
دانلود Master React: Build Real-World React Project from scratch
دوره آموزش React JS: یادگیری React از صفر تا ساخت پروژه واقعی
آیا میخواهید React را از پایه یاد بگیرید و یک پروژه واقعی با آن بسازید؟ این دوره جامع، شما را با مفاهیم کلیدی React مانند کامپوننتها، state، props و hooks آشنا میکند تا بتوانید برنامههای وب تعاملی و پویا را از ابتدا ایجاد کنید.
آنچه در این دوره خواهید آموخت:
- مبانی React: درک عمیق مفاهیم اصلی React برای ساخت برنامههای وب مدرن.
- کامپوننتها: یادگیری نحوه ایجاد و استفاده از کامپوننتهای React.
- State و Props: مدیریت دادهها و ارتباط بین کامپوننتها.
- Hooks: استفاده از hooks برای مدیریت state و side effects در کامپوننتهای تابعی.
- ساخت پروژه عملی: ایجاد یک برنامه خبری و وبلاگی کامل با استفاده از React.
- دریافت اطلاعات از API: نحوه دریافت و نمایش دادهها از API های خارجی.
- جستجو و دستهبندی: پیادهسازی قابلیت جستجو و دستهبندی مطالب.
- ذخیره مطالب مورد علاقه: ایجاد قابلیت ذخیره مطالب مورد علاقه (Bookmarks).
- طراحی واکنشگرا (Responsive Design): اطمینان از نمایش صحیح برنامه در دستگاههای مختلف.
- بهترین شیوههای کدنویسی: نوشتن کد تمیز، کارآمد و قابل نگهداری.
پروژه عملی: ساخت برنامه خبری و وبلاگی
در این دوره، شما یک برنامه خبری و وبلاگی جامع را از صفر تا صد خواهید ساخت. این پروژه شامل ویژگیهای زیر است:
- نمایش اخبار و مقالات: نمایش لیست اخبار و مقالات به صورت دستهبندی شده.
- جزئیات خبر/مقاله: نمایش جزئیات کامل هر خبر یا مقاله.
- جستجوی پیشرفته: امکان جستجو در بین اخبار و مقالات.
- ذخیره مطالب: قابلیت ذخیره مطالب مورد علاقه برای دسترسی آسانتر.
- بخش وبلاگ: ایجاد بخش وبلاگ برای کاربران جهت ارسال مقالات خود.
- طراحی واکنشگرا: نمایش صحیح در تمامی دستگاهها (دسکتاپ، تبلت، موبایل).
پیشنیازها:
- آشنایی اولیه با HTML، CSS و JavaScript.
- درک مفاهیم پایه برنامهنویسی مانند متغیرها، توابع و حلقهها.
- یک ویرایشگر کد مانند Visual Studio Code.
- مرورگر وب مدرن.
چرا React را یاد بگیریم؟ React یک کتابخانه جاوااسکریپت قدرتمند است که توسط شرکتهای بزرگ فناوری مانند فیسبوک، اینستاگرام و Airbnb برای ساخت برنامههای وب سریع، مقیاسپذیر و کاربرپسند استفاده میشود. تسلط بر React فرصتهای شغلی بیشماری را برای شما باز میکند و به شما این امکان را میدهد تا پروژههای وب پیشرفتهای ایجاد کنید.
نحوه ساخت یک برنامه وبلاگی با React: کاربران میتوانند مطالب خود را به اشتراک بگذارند، ویرایش کنند و یا حذف کنند.
CSS: در این دوره به CSS نیز پرداخته می شود اما تمرکز اصلی بر روی React می باشد.
در پایان این دوره، شما درک کاملی از React خواهید داشت و مهارتهای لازم برای ساخت برنامههای وب شخصی خود را کسب خواهید کرد. به ما بپیوندید و سفر خود را برای تبدیل شدن به یک توسعهدهنده React حرفهای آغاز کنید!
خوش آمدید Welcome
-
مقدمه Introduction
-
پیش نیازهای دوره Course Prerequisites
دوره فشرده React React Crash Course
-
React چیست؟ What is React?
-
Virtual DOM چیست؟ What is Virtual DOM?
-
درک JSX Understanding JSX
-
کامپوننت ها و Props Components and Props
-
State و چرخه حیات در React State and Lifecycle in React
-
رندرینگ شرطی Conditional Rendering
-
مدیریت رویدادها Event Handling
پروژه - برنامه اخبار و وبلاگ ها - بخش اخبار Project - News & Blogs App - News Section
-
بررسی اجمالی پروژه Project Overview
-
راه اندازی پروژه Project Setup
-
شروع به کار Getting Started
-
ایجاد طرح بندی برنامه Creating the Layout of the Application
-
استایل دهی و سفارشی سازی هدر Styling and Customizing Header
-
استایل دهی و سفارشی سازی نوار ناوبری Styling and Customizing Navbar
-
استایل دهی و سفارشی سازی محتوای اخبار Styling and Customizing News Content
-
واکشی اخبار از GNews API - قسمت 1 Fetching News from GNews API - Part 1
-
واکشی اخبار از GNews API - قسمت 2 Fetching News from GNews API - Part 2
-
واکشی اخبار بر اساس دسته بندی Fetching News by Category
-
اضافه کردن قابلیت جستجو به برنامه Adding Search Functionality to the Application
-
ایجاد و سفارشی سازی جعبه مودال اخبار Creating and Customizing News Modal Box
-
کاربردی کردن جعبه مودال Making the Modal Box Functional
-
ایجاد و سفارشی سازی مودال نشانک ها Creating and Customizing the Bookmarks Modal
-
پیاده سازی ویژگی نشانک گذاری Implementing Bookmarking Feature
-
ذخیره نشانک ها در حافظه محلی Saving Bookmarks in the Local Storage
پروژه - برنامه اخبار و وبلاگ ها - ویجت آب و هوا Project - News & Blogs App - Weather Widget
-
ایجاد JSX ویجت آب و هوا Creating the JSX of the Weather Widget
-
استایل دهی و سفارشی سازی ویجت آب و هوا Styling and Customizing the Weather Widget
-
کاربردی کردن ویجت آب و هوا Making the Weather Widget Functional
پروژه - برنامه اخبار و وبلاگ ها - تقویم Project - News & Blogs App - Calendar
-
ایجاد و سفارشی سازی کامپوننت تقویم Creating and Customizing the Calendar Component
-
کاربردی کردن کامپوننت تقویم Making the Calendar Component Functional
پروژه - برنامه اخبار و وبلاگ ها - پاورقی Project - News & Blogs App - Footer
-
ایجاد و سفارشی سازی پاورقی Creating and Customizing Footer
پروژه - برنامه اخبار و وبلاگ ها - بخش وبلاگ ها Project - News & Blogs App - Blogs Section
-
ایجاد و سفارشی سازی کامپوننت وبلاگ ها Creating and Customizing the Blogs Component
-
ایجاد و سفارشی سازی فرم Creating and Customizing the Form
-
پیمایش بین بخش ها Navigating between Sections
-
ایجاد و سفارشی سازی بخش وبلاگ های من Creating and Customizing My Blogs Section
-
ارسال و نمایش پست های وبلاگ Submitting and Displaying the Blog Posts
-
نمایش پیام ارسال و اعتبارسنجی فرم Displaying Submission Message and Form Validation
-
ذخیره پست های وبلاگ در حافظه محلی Saving Blog Posts in the Local Storage
-
نمایش پست های وبلاگ در مودال Displaying Blog Posts in the Modal
-
ویرایش و حذف پست های وبلاگ Editing and Deleting the Blog Posts
پروژه - برنامه اخبار و وبلاگ ها - واکنش گرا کردن پروژه Project - News & Blogs App - Making Project Responsive
-
واکنش گرا کردن پروژه Making Project Responsive
به روز رسانی React 19 React 19 Update
-
ویژگی های جدید در React 19 New Features in React 19
https://donyad.com/d/284c64
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' شرکتی است که برای اهداف زیر عمل می کند: "دانش خود را برای بهتر کردن دنیا کدگذاری ، ایجاد و به اشتراک بگذارید!"
نمایش نظرات