آموزش پروژه Fullstack با Java Boot Spring و React Hooks- TDD

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

معرفی Introduction

• معرفی Introduction

راه‌اندازی پروژه راه‌اندازی بهار و افشای اولین نقطه پایانی Spring boot project setup and Exposing first endpoint

• راه اندازی پروژه بوت فنری با بهار اولیه Spring boot project setup with spring initializr

• اولین کنترلر REST API First REST API controller

• کد پروژه را در github repo آپلود کنید Upload project code to github repo

CI/CD - Travis CI و Heroku CI/CD - Travis CI and Heroku

• Travis CI با Github Travis CI with Github

• با Travis CI روی Heroku تست و استقرار کنید Test and deploy on Heroku with Travis CI

• [Imp] مسائل Travis CI و Heroku [Imp] Travis CI and Heroku issues

React Project Setup و CI/CD React Project Setup and CI/CD

• React راه اندازی برنامه و آپلود در github repo React application setup and upload to github repo

• چگونه React کار می کند How React works

• CI/CD - تست و استقرار در Heroku با Travis CI - React App CI/CD - Test and deploy to Heroku with Travis CI - React App

مقدمه ای بر توسعه تست محور An Introduction to Test-Driven Development

• مقدمه ای بر توسعه تست محور (TDD) Introduction to Test Driven Development (TDD)

• TDD - عمو باب TDD - Uncle Bob

• TDD با مثال - جاوا TDD with example - Java

• بیان مشکل و موارد تست ناموفق - 1 مرحله TDD Problem Statement and Failing TestCases - 1 step of TDD

• تست‌های شکست خورده و Refactor را بگذرانید - مرحله 2 و 3 TDD Pass failing testcases and Refactor - 2 and 3 step of TDD

تست واحد بوت فنری، تست یکپارچه سازی و راه اندازی Flyway Spring boot unit testing, integration testing and Flyway setup

• توضیح و پیاده سازی معماری سه لایه [چکمه بهار] Three-tier architecture explanation and Implementation [Spring boot]

• مهاجرت پایگاه داده با Flyway Database Migrations with Flyway

• DataJPATest - تست واحد BookRepo - Spring boot DataJPATest - Unit testing of BookRepo - Spring boot

• پوشش کد JaCoCo را با gradle تنظیم کنید Setup JaCoCo code coverage with gradle

• لایه سرویس و رویکرد تست واحد Service layer and Unit testing approach

• Rest Api Controller و رویکرد تست واحد Rest Api Controller and unit testing approach

• رویکرد تست یکپارچه سازی Integration testing approach

راه اندازی محیط چندگانه مانند PROD و DEV - یکپارچه سازی Swagger UI Multiple Environment setup like PROD and DEV - Swagger UI Integration

• ادغام Swagger UI Swagger UI Integration

• فایل اموال بهار و env چندگانه Spring property file and multiple env

• راه اندازی پایگاه داده Prod - postgres Prod Database setup - postgres

• به prod db از env محلی متصل شوید Connect to prod db from local env

• استقرار به Heroku - بوت بهار با prod Db Deploy to Heroku - Spring boot with prod Db

تنظیم رابط کاربر و ردوکس و تست واحد - React Material UI and redux setup and Unit testing - React

• تنظیم پیکربندی محیط چندگانه در سمت React Multiple Environment config setup at React side

• React App را با پیکربندی چندگانه در هرکو اجرا کنید Deploy React App to herkou with multiple config

• ادغام رابط کاربری مواد Material UI Integration

• React Layout Component React Layout Component

• React Layout Component Unit Testing React Layout Component Unit Testing

• کامپوننت ظرف کتاب - واکنش Book Container Component - React

• تنظیم Redux Redux Setup

• redux چگونه کار می کند؟ - اکشن کتاب Redux How redux works ? - Redux book action

• کاهش دهنده کتاب Redux Redux book reducer

• انتخابگر کتاب - واکنش نشان دهید Book selector - React

• تست واحد اکشن Redux - React Redux Action unit testing - React

• تست واحد کاهنده Redux - React Redux reducer unit testing - React

• تست واحد اجزای Redux - راه‌اندازی ابزار تست Redux Component unit testing - test util setup

• جزء BookList - واکنش نشان دهید BookList Component - React

• مؤلفه BookListItem - React BookListItem Component - React

• تست واحد مؤلفه BookList و BookListItem - React BookList and BookListItem Component Unit testing - React

• ردیابی درخواست Http و افزایش تجربه کاربر با لودر Tracing of Http request and Enhance user experience with loader

• تست لودر و واحد Loader and Unit testing

نقطه پایانی جستجوی فیلتر کتاب و رابط کاربری Book filter search endpoint and UI

• جستجوی کتاب بر اساس عنوان - چکمه بهار Search book by title - Spring boot

• تست ادغام برای نقطه پایانی جستجوی کتاب - بوت بهار Integration testcase for book search endpoint - Spring boot

• افزودن اطلاعات بیشتر کتاب - بوت بهار Adding more book data - Spring boot

• مقداری Refactoring Some Refactoring

• BookFilter Action and Unit testing - React BookFilter Action and Unit testing - React

• آزمایش واحد سناریو خطای اقدام Action Error scenario unit testing

• کاهنده BookFilter و تست واحد BookFilter reducer and unit testing

• تست مؤلفه و واحد BookFilter - React TDD BookFilter component and unit testing - React TDD

• مشکل مورد آزمایشی ناموفق برطرف شد Failing testcase Issue fixed

احراز هویت مبتنی بر JWT - امنیت بوت بهار JWT based authentication - Spring boot Security

• Jwt مقدمه Jwt Introduction

• راه اندازی امنیتی بوت بهار Spring boot security setup

• آداپتور پیکربندی امنیت وب Web security configurer adapter

• نقطه پایانی ورود به سیستم Jwt Jwt login endpoint

• تست با پستچی Testing with postman

• فیلتر Jwt - OncePerRequestFilter Jwt Filter - OncePerRequestFilter

• تست ادغام ثابت شد Integration testcase fixed

React Setup - احراز هویت مبتنی بر Jwt React Setup - Jwt based authentication

• عمل redux و واحد تست وارد شوید Login redux action and unit testing

• کاهش دهنده ورود به سیستم و تست واحد Login redux reducer and unit testing

• راه اندازی روتر React React router setup

• جزء React Login با رابط کاربری متریال React Login component with material UI

• ادغام Formik با مؤلفه ورود Formik integration with login component

• رهگیر درخواست Axios http Axios http request interceptor

• مشکل Cors امنیتی بوت فنری Spring boot security cors issue

• اعلان موفقیت و خطا با اسنکبار Success and error notification with snackbar

• مؤلفه تأیید هویت Auth Component

• تست واحد فرم ورود - REACT Login Form unit testing - REACT

فرم ثبت نام کاربر و کاربر سرویس بوت فنری با TDD User registration formik form and spring boot userService with TDD

• ایجاد جدول کاربر - مهاجرت پرواز Create User table - flyway migration

• خدمات کاربر و تست واحد - بوت فنری User service and unit testing - Spring boot

• کنترل کننده کاربر برای افزودن کاربر - Spring boot User controller for adding user - Spring boot

• اقدام کاربر ثبت Redux با تست واحد - React Redux register user action with unit testing - React

• کاهش دهنده کاربر Redux - React Redux user reducer - React

• فرم واکنش کاربر و جعبه آزمایش واحد با TDD User React Form and unit testcase with TDD

• اعتبارسنجی مورد نیاز با TDD - React Required Validation with TDD - React

• اعتبار سنجی خطا و موارد تست واحد موفقیت با TDD - React Error validation and success unit test cases with TDD - React

• ثبت استایل فرم و نمایش نوار اسنک برای سناریوی خطا و موفقیت -React Register form styling and display snackbar for error and success scenario -React

متشکرم Thank you

• بعدی چیه ؟ What is next ?