Java Web Services and REST API with Angular Frontend

Create a basic Java web service with a GET method, map requests, and return Hello world to the browser on localhost; lay groundwork for dynamic content from a database.

Add parameters to a get videos method, bind parameter names, convert inputs to string, test with sample input, and display results on a web page.

Learn to implement case-specific output with a switch on a topic input to validate user input and return mapped responses, with a default error.

install MySQL Workbench and set up a local environment to connect the database, enabling data storage and retrieval for display in our future application.

Install xampp and use its control panel to set up a localhost connection, using the local hostname, port, and resource, then start the Tomcat service so the status shows running.

Establish a local database connection in workbench, create the Nemec content database, and build a videos table with id, title, description, and link to store video metadata.

Learn how to insert video records into a videos table using insert into statements, specifying title, description, and link, with auto generated ids and verification via select.

Create a new Java entity class 'Video' mapped to the database, with id, title, description, and link; set id as generated; add getters and setters for inserting and retrieving videos.

Learn how to create a video entity and a JpaRepository, inject dependencies with Spring, and expose an endpoint to get all videos that uses findAll to fetch data.

Configure mysql credentials in the application properties to establish a data source and connect to the local database, then expose a get all videos REST endpoint for the Angular frontend.

Install Angular CLI and npm, create a new Angular project, enable routing for a single-page app, and run the local server to display dynamic data.

Define a new Angular service to access the Java web service, implement a get videos method with an http get request, and call localhost to fetch the list of videos.

Fetch data from the video service and display the results in the Angular frontend view via a subscribe, populating the public videos array.

Install bootstrap, import it into the main stylesheet, and apply bootstrap components to style database data in the Angular frontend, ensuring responsive layouts across mobile, tablet, and desktop.

Add sanitiser by importing it and declaring a public sanitiser in the constructor so the next video content works for you.

Display videos in an Angular app by embedding YouTube iframes in Bootstrap cards, render dynamic video data with a loop, and address security for cross-site scripting.

Learn to build a dynamic video gallery by fetching video records from a database and rendering them as responsive cards in an Angular frontend, using titles, descriptions, and embedded links.

Create a photos table with photo id, link, and description, insert two photos, store image files in a separate folder, and fetch all photo objects via the web API.

Update the Java web service by adding a photo repository interface, photo and video entities, and a controller to fetch all photos, exposing the new request method for listing photos.

Display dynamic photos in a java web services and rest api with angular frontend by fetching from the database and rendering images in the front end.

Explore the OWASP top ten security risks and learn how to prevent SQL injection, XSS, and other threats with input and back-end validation, secure authentication, and proper logging.

Explore how sql injections let attackers inject statements into web forms to access data, with key types like error-based, union-based, boolean-based, and time-based.