Angular and Golang: A Practical Guide

Generate a JWT token by creating HS256-signed claims, setting issuer from the user id, adding expiration, and signing with a secret to return the token for backend use.

Create a HttpOnly cookie to store a JWT token and attach it to requests; enable credentials with CORS middleware for cross-origin frontends to access cookies and fetch the syndicated user.

Implement a logout function by removing the authentication cookie and expiring it in the past, then post a logout request and confirm the user becomes unauthenticated.

Learn to build a Go user controller with create and read operations, including fetching all users, creating users via post, assigning a default password, and wiring routes to JSON responses.

Create and test a permission model and controller, add all permissions to the database, and enable a many-to-many join table between roles and permissions with Gorm.

Create roles and attach permissions to model many-to-many relations in a Go Fiber app, detailing creation, updating, and cleaning up permissions for accurate role management.

define a product model with id, title, description, image, and price, expose json, set up a product controller and CRUD routes to a database, then test with sample data.

Concatenate first and last name into a non-persistent name field via gorm configuration, and compute a total by summing item price times quantity for each order.

Install Angular using a terminal command, name the project Angular, add routing, and run the local server to view the Angular app at the copied URL.

Learn how to structure an Angular app with modules and models, create components without spec files, and organize public and secure sections to support authentication and routing.

Learn to build a simple register form using bootstrap, define first name, last name, email, password, and password confirm, and submit with regular and reactive Angular forms using ngModel binding.

Fetch the authenticated user with credentials, display the first and last name in the navigation, and handle initial undefined state for seamless routing to login or profile.

Create a user interface and a role interface, import and cast observables to return a user, and type properties like first name, last name, and email for strong typing.

Secure an Angular component by handling the observable's success and error to redirect unauthenticated users to login, and pass the user as an input to child components.

Explore using Angular event emitters to pass the authenticated user between secure and profile components, subscribe to updates, and patch a reactive form to reflect changes.

Implement pagination for the users list with next and previous buttons, using a page variable and endpoint ?page=, and a load function with guards for first and last pages.

Delete a user by clicking a delete button, confirm the action, call the user service to remove the user by id, and filter the list to update the front end.

Create a users create form page with a component linked to the add button, using a form group and form builder to capture first name, last name, email, and id.

Learn to implement a user creation flow in an Angular app by building a roles-based form, posting data with the user service, and navigating to the users page on success.

Design an abstract base class to automatically provide five methods for all services, then extend it with a rest service and define a configurable get endpoint for each entity.

Learn to update roles in Angular by editing a role via a role edit component, retrieving the role, preparing a permissions array, and patching and submitting updates with routing.

Create and manage a product feature in the app by building a products component, defining a product interface, wiring routing, listing, and pagination with a product service.

Create a reusable paginator component in Angular with inputs for page and lastPage and an output pageChanged to load pages in products and users components.

Demonstrate how to display order items inline in a single page by clicking a view button, using nested tables, loops, and conditional rendering with animation.

Implement a client-side csv export in the order service by exporting, handling the response as a blob, creating a download URL, and programmatically clicking a link to save orders.csv.

Build a bar chart in an Angular dashboard using c3 library. Install and import c3, fetch sales data via the order service, format as time-series X and sales, and render.