آموزش ایجاد برنامه بلاگ با استفاده از React و JSON Server

Create Blog Application using React and JSON Server

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

در این دوره آموزشی، نحوه ایجاد وب سایت وبلاگ نویسی کامل با کمک React JS و JSON Server را یاد خواهید گرفت. این دوره برای افرادی که فناوری Backend را نمی دانند بسیار مفید است. من شما را گام به گام برای ایجاد این وب سایت وبلاگ نویسی زیبا راهنمایی می کنم.

می‌آموزید:-

  • نحوه ایجاد پروژه react
  • نحوه ارتقاء سرور JSON
  • نحوه طراحی یک طرح اولیه
  • نحوه پیاده سازی و استفاده از Material Design Bootstrap
  • نحوه پیاده سازی ویژگی مسیریابی با react-rouet-dom v6
  • نحوه ایجاد api مختلف با استفاده از سرور JSON
  • نحوه پیاده سازی ویژگی وبلاگ CRUD با استفاده از JSON Sever.
  • نحوه پیاده سازی جستجو، فیلتر و صفحه بندی در برنامه وبلاگ.

نیاز اساسی

  • به نوعی دانش HTML، CSS و جاوا اسکریپت نیاز است.
  • درک اولیه ماژول ES6
  • دانش اولیه React یک مزیت را اضافه خواهد کرد.
  • هیچ تجربه کاری قبلی با سرور JSON لازم نیست.

نرم افزار مورد نیاز

  • .
  • .

در این دوره آموزشی، ایجاد برنامه بلاگ با کمک سرور Api جعلی React و JSON را یاد خواهید گرفت. شما می توانید تمام ویژگی های CRUD مانند ایجاد، خواندن، به روز رسانی و حذف وبلاگ را انجام دهید. در این برنامه بلاگ، شما همچنین خواهید آموخت که چگونه قابلیت جستجو، فیلتر و صفحه بندی را پیاده سازی کنید.

برای برنامه‌نویس React مبتدی، استفاده از سرور جعلی توصیه می‌شود.

همچنین در این دوره آموزشی چارچوب طراحی مانند Material Design Bootstrap را یاد خواهید گرفت تا روی React Component Form، Button، Card و غیره کار کنید.

اگر با مشکلی مواجه شدید، همیشه می‌توانید پروژه خود را با ارائه پیوند git-hub پروژه خود به اشتراک بگذارید 


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

درس ها Lessons

  • جزء فرم Form Component

  • تنظیم محیط Environment Set-Up

  • کار بر روی نشان Working on Badge

  • ساختار پوشه Folder Structure

  • متشکرم Thank You

  • صفحه بندی - قسمت 2 Pagination - Part 2

  • به روز رسانی وبلاگ Update Blog

  • صفحه بندی - قسمت 1 Pagination - Part 1

  • Cloudinary را در React پیکربندی کنید Configure Cloudinary in React

  • اضافه کردن وبلاگ Add Blog

  • کار روی هدر Working on Header

  • سرور JSON را راه اندازی کنید Set up JSON Server

  • مسیریابی را فعال کنید Enable Routing

  • جستجو در وبلاگ Search Blog

  • نمایش آخرین وبلاگ Show Latest Blog

  • معرفی Introduction

  • راه اندازی پروژه React Set-up React Project

  • 404 و درباره صفحه 404 and About Page

  • نمایش وبلاگ مرتبط Show Related Blog

  • حذف وبلاگ Delete Blog

  • نمایش وبلاگ دسته Show Category Blog

  • رفع اشکال Fix Bug

  • MDB را در برنامه ما پیکربندی کنید Configure MDB in our App

  • صفحه جزئیات وبلاگ Blog Detail Page

  • آپلود تصویر Upload Image

نمایش نظرات

نظری ارسال نشده است.

آموزش ایجاد برنامه بلاگ با استفاده از React و JSON Server
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
2h 44m
25
Skillshare (اسکیل شیر) skillshare-small
05 فروردین 1401 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
170
4 از 5
ندارد
دارد
دارد

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Saumitra Vishal Saumitra Vishal

توسعه دهنده Front End

من توسعه دهنده وب جلویی هستم و در زمینه React JS تخصص دارم

من مدرک لیسانس علوم کامپیوتر از دانشگاه KIIT دارم.

خوشحال می شوم دانش خود را به اشتراک بگذارم و محتوای عالی برای همه کسانی که می خواهند به کلاس های من بپیوندند ایجاد کنم.

شما همچنین می توانید در پلتفرم یوتیوب من به من بپیوندید، من بیش از 8 هزار مشترک در کانال یوتیوب خود دارم.

بیایید با هم چیزهای عالی بسازیم :)

Skillshare (اسکیل شیر)

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

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