دوره آموزشی Spring Boot and React: ساخت برنامه های وب مقیاس پذیر و پویا
1 ساعت 16 دقیقهپیشرفته2023-04-18
مدرسین

Frank P Moley III
Senior Principal Engineer at Catch&Release
جزئیات دوره
خیلی وقتا منطقیه که برای ساختن فرانتاند از ریاکت همراه با اسپرینگ بوت استفاده کنیم. فرانک پی مولی سوم، توسعهدهنده و معمار نرمافزار، قدم به قدم بهت نشون میده که چطور و چرا باید این کار رو انجام بدی. یاد میگیری که چطور اسپرینگ بوت رو راهاندازی کنی، ریاکت رو بهش اضافه کنی و بیلد رو تنظیم کنی.
بعدش معماری پشت ساختن اپلیکیشنهای وب رو بررسی میکنی و یاد میگیری که چطور اولین مخزن داده (data repository) رو بسازی، یه سرویس واسط برای دسترسی به دادهها راه بندازی، و یه لایهی انتزاعی برای سرویسهای تجاری بسازی. همچنین، با REST APIهای قوی که فرانتاند میتونه ازشون استفاده کنه، آشنا میشی و یاد میگیری که چطور رابط کاربری رو راه بندازی، یه کامپوننت بسازی، دادههای زنده رو لود کنی و در نهایت کل پروژه رو بستهبندی کنی.
هر بخش از این دوره، همراه با چالشهای عملی طراحی شده که مهارتهایی که یاد گرفتی رو تست کنه و بهت کمک کنه مفاهیم رو بهتر درک کنی.
اهداف یادگیری:
راهاندازی اسپرینگ بوت و ترکیبش با ریاکت
درک معماری وب اپلیکیشنهای مدرن
ساخت مخزن داده و سرویسهای مرتبط
طراحی APIهای REST برای تعامل با فرانتاند
ایجاد و مدیریت کامپوننتهای ریاکت
بارگذاری و نمایش دادههای زنده در رابط کاربری
تست و بستهبندی نهایی پروژه
حل چالشهای عملی برای درک بهتر مفاهیم
بعدش معماری پشت ساختن اپلیکیشنهای وب رو بررسی میکنی و یاد میگیری که چطور اولین مخزن داده (data repository) رو بسازی، یه سرویس واسط برای دسترسی به دادهها راه بندازی، و یه لایهی انتزاعی برای سرویسهای تجاری بسازی. همچنین، با REST APIهای قوی که فرانتاند میتونه ازشون استفاده کنه، آشنا میشی و یاد میگیری که چطور رابط کاربری رو راه بندازی، یه کامپوننت بسازی، دادههای زنده رو لود کنی و در نهایت کل پروژه رو بستهبندی کنی.
هر بخش از این دوره، همراه با چالشهای عملی طراحی شده که مهارتهایی که یاد گرفتی رو تست کنه و بهت کمک کنه مفاهیم رو بهتر درک کنی.
اهداف یادگیری:
راهاندازی اسپرینگ بوت و ترکیبش با ریاکت
درک معماری وب اپلیکیشنهای مدرن
ساخت مخزن داده و سرویسهای مرتبط
طراحی APIهای REST برای تعامل با فرانتاند
ایجاد و مدیریت کامپوننتهای ریاکت
بارگذاری و نمایش دادههای زنده در رابط کاربری
تست و بستهبندی نهایی پروژه
حل چالشهای عملی برای درک بهتر مفاهیم
مهارت ها
React NativeSpringCross-Platform DevelopmentMetaMobile DevelopmentWeb Development ToolsWeb DevelopmentOpen SourceDeep Dive (X:Y)
سرفصل ها
مقدمه
- برنامههای وب مدرن با Spring
- آنچه باید بدانید
مبانی
- چرا واکنش نشان دهید
- راهاندازی Spring Boot
- افزودن React
- راهاندازی ساخت
API
- شناخت معماری
- دسترسی به داده ها
- راهاندازی برای وب
- یک سرویس بسازید
- چالش - دسترسی به داده ها
- راه حل - دسترسی به داده ها
- REST API
- چالش - استراحت
- راه حل - استراحت
واکنش نشان دهید
- راهاندازی UI
- ساختن یک جزء
- بارگذاری دادههای زنده
- بسته بندی آن
- چالش - جزء
- راه حل - جزء
نتیجه
- مراحل بعدی