Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Integracja Spring Framework i ReactJS
Highest Rated
Rating: 4.6 out of 5(19 ratings)
96 students

Integracja Spring Framework i ReactJS

Za pomocą REST API
Created byPaweł Ćwik
Last updated 2/2021
Polish

What you'll learn

  • Tworzyć aplikację serwerową z użyciem Spring Framework
  • Pracować w architekturze trójwarstwowej
  • Nasłuchiwać na żądania wysłane protokołem HTTP
  • Implementować obsługę metod GET, POST, PUT, DELETE
  • Konfigurować CORS, by umożliwić komunikację z front-endem
  • Tworzymy aplikację internetową w ReactJS i komunikować się z serwerem
  • BONUS: poprawiamy wygląd naszej strony za pomocą react-bootstrap

Course content

1 section6 lectures1h 57m total length
  • Wprowadzenie, wymagania i narzędzia5:30
  • Utworzenie obiektu domenowego i repozytorium bazodanowego17:17
  • Utworzenie REST API37:42
  • Stworzenie aplikacji w ReactJS i komunikacja z serwerem45:53
  • Bonus: react-bootstrap11:20
  • Materiały dodatkowe0:05

Requirements

  • Podstawy Javy
  • Podstawy React

Description

Pierwsze warsztaty programistyczne, dotyczą one integracji Springa z ReactJS. Czym są warsztaty programistyczne? Są to krótkie kursy (ten trwa dwie godziny) koncentrujące się na jednym, konkretnym zagadnieniu. W tym wypadku jest to zestawienie komunikacji pomiędzy częścią serwerową w Javie, a front-endem w JavaScript i oprogramowanie operacji z rodziny CRUD - Create, Read, Update, Delete.


Tworzymy więc aplikację serwerową opartą na frameworku Spring oraz aplikację internetową z użyciem biblioteki ReactJS. Za pomocą API typu REST integrujemy je ze sobą, tak by stanowiły całość i stanowiły odbicie realnej aplikacji, z jakimi przyjdzie Ci pracować.


  • Tworzymy aplikację serwerową z użyciem Spring Framework

  • Tworzymy obiekt domenowy i repozytorium

  • Za pomocą RestControllera nasłuchujemy na żądania HTTP

  • Implementujemy obsługę metod GET, POST, PUT, DELETE

  • Wyciągamy dane z adresu URL na jaki przyszedł request, jak i wyciągamy dane z jego samego.

  • Konfigurujemy CORS, by umożliwić komunikację z front-endem

  • Tworzymy aplikację internetową w ReactJS

  • Z poziomu JavaScript łączymy się z częścią serwerową

  • W bonusie poprawiamy wygląd naszej strony za pomocą react-bootstrap


Dodatkowo za pomocą biblioteki react-bootstrap poprawiamy wygląd naszej strony, tak by wyglądała w miarę przyzwoicie. Jak na stworzoną przez back-endowca.

W trakcie tych warsztatów zajmujemy się tylko zestawieniem komunikacji oraz tworzymy same aplikacje, wraz z persystencją informacji do bazy danych.

Zapraszam do udziału w kursie oraz do śmiałego dzieleniem się spostrzeżeniami.

Who this course is for:

  • Początkujący i juniorzy, którzy chcą dowiedzieć się jak efektywnie stworzyć aplikację full stack