دوره آموزشی 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)
سرفصل ها
0. مقدمه
- 01 - برنامههای وب مدرن با Spring
- 02 - آنچه باید بدانید
1. مبانی
- 03 - چرا واکنش نشان دهید
- 04 - راهاندازی Spring Boot
- 05 - افزودن React
- 06 - راهاندازی ساخت
2. API
- 07 - شناخت معماری
- 08 - دسترسی به داده ها
- 09 - راهاندازی برای وب
- 10 - یک سرویس بسازید
- 11 - چالش - دسترسی به داده ها
- 12 - راه حل - دسترسی به داده ها
- 13 - REST API
- 14 - چالش - استراحت
- 15 - راه حل - استراحت
3. واکنش نشان دهید
- 16 - راهاندازی UI
- 17 - ساختن یک جزء
- 18 - بارگذاری دادههای زنده
- 19 - بسته بندی آن
- 20 - چالش - جزء
- 21 - راه حل - جزء
نتیجه
- 22 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی ایجاد یک برنامه CRM Mobile با React Native
- دوره آموزشی اکوسیستم و گردش کار React Native
- دوره آموزشی از React به React Native
- دوره آموزشی یادگیری جامع React Native
- دوره آموزشی انتخاب یک ابزار توسعه Cross-Platform
- دوره آموزشی یادگیری React Native
- دوره آموزشی ایجاد یک برنامه CRM Mobile با React Native آپدیت (2019)
- دوره آموزشی انتخاب ابزار توسعه بین پلتفرمی: Cordova، Ionic، React Native، Titanium و Xamarin