Full Stack: Angular and Spring Boot

Full Stack: Angular and Spring Boot

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 18.5 Hours | 16.1 GB

Build a Full Stack application with Angular and Spring Boot

Learn how to build a Full Stack application with Angular and Spring Boot.

Angular and Spring Boot are two of the hottest technologies for developing Full Stack applications.

Knowing how to build Full Stack applications with Angular and Spring Boot can get you a job or improve the one you have. These are hot skills and companies are desperately looking for developers. Some of the highest paying job posting are for Full Stack developers with Angular and Spring Boot experience.

This course will help you quickly get up to speed with Angular and Spring Boot. I will demystify the technology and help you understand the essential concepts to build a Full Stack application with Angular and Spring Boot from scratch.

You will also use modern development tools such as IntelliJ, Visual Studio Code, Maven and npm. All of the projects are based on Maven and npm, so you are free to use any tool that you want.

Table of Contents

Introduction
1 Introduction
2 How To Take This Course and How To Get Help
3 Download the Source Code and PDF Files

Angular Overview
4 Angular Overview

Set Up Development Tools
5 Set Up Development Tools

TypeScript Crash Course – Fundamentals
6 TypeScript Overview
7 Creating our first TypeScript application
8 Defining Variables – Overview
9 Defining Variables – Write Some Code
10 Creating Loops and Arrays – Overview
11 Creating Loops and Arrays – Write Some Code – Part 1
12 Creating Loops and Arrays – Write Some Code – Part 2

TypeScript Crash Course – Creating Classes
13 Creating Classes – Overview
14 Creating Classes – Write Some Code
15 Defining Accessors – Overview
16 Defining Accessors – Write Some Code
17 Configuring Compiler Options with tsconfig.json
18 Parameter Properties
19 TypeScript Modules Import and Export

TypeScript Crash Course – Inheritance and Interfaces
20 Inheritance – Overview
21 Inheritance – Creating the Superclass and Subclass
22 Inheritance – Pulling it all together in a Main App
23 Inheritance – Developing a second Subclass
24 Inheritance – Adding Shapes to an Array
25 Abstract Classes – Overview
26 Abstract Classes – Write Some Code
27 Interfaces – Overview
28 Interfaces – Write Some Code

Angular Crash Course – Fundamentals
29 Getting Started with Angular
30 Exploring the Angular Project
31 Creating a New Angular Project
32 Behind The Scenes of An Angular Project – Overview
33 Behind The Scenes of An Angular Project – Demo
34 Creating a New Angular Component – Overview – Part 1
35 Creating a New Angular Component – Overview – Part 2
36 Creating a New Angular Component – Write Some Code – Part 1
37 Creating a New Angular Component – Write Some Code – Part 2
38 Creating a New Angular Component – Write Some Code – Part 3

Angular Crash Course – Bootstrap CSS, Conditionals and Formatting
39 Integrating Angular and Bootstrap CSS – Overview
40 Integrating Angular and Bootstrap CSS – Write Some Code
41 Angular Conditionals and Formatting – Overview
42 Angular Conditionals and Formatting – Write Some Code
43 Bonus Angular Conditionals How to highlight table row

eCommerce Project – Spring Boot Backend
44 Project Overview
45 Spring Boot Project Set Up
46 HEADS UP Eclipse and Lombok
47 Set Up Database Tables
48 Create Spring Boot Starter Project
49 Develop JPA Entities – Part 1
50 Develop JPA Entities – Part 2
51 Create REST APIs with Spring Data JPA Repositories and Spring Data REST
52 REST APIs – Configure for Read Only – Overview
53 REST APIs – Configure for Read Only – Write Some Code

eCommerce Project – Angular Front End – Product List
54 Angular Project Overview – Part 1
55 Angular Project Overview – Part 2
56 Angular Project – Setup
57 Angular Project – Create Product class and Product Service – Part 1
58 Angular Project – Create Product class and Product Service – Part 2
59 Angular Project – Update Angular Component
60 Angular Project – Integrating Angular and Spring Boot for Full Stack App!
61 Angular Project – Building an HTML Table
62 Angular Project – Adding Product Images

eCommerce Project – Integrating Online Shop Template
63 Angular Project – Template Integration Overview
64 Angular Project – Download Starter Files
65 Angular Project – Tour of HTML Template Files
66 Angular Project – Install Bootstrap CSS Styles with npm
67 Angular Project – Add local custom CSS styles
68 Angular Project – Integrate Template Files and Logos
69 Angular Project – Run the App
70 Angular Project – Add support for Product Grid
71 Angular Project – Enhance Application with Product Images
72 FAQ Should I Store Images as BLOBs in Database or Files on file system

eCommerce Project – Search for Products by Category
73 Angular Project – Search for Products by Category – Overview – Part 1
74 Angular Project – Search for Products by Category – Overview – Part 2
75 Angular Project – Search for Products by Category – Overview – Part 3
76 Angular Project – Search for Products by Category – Code – Define routes
77 Angular Project – Search for Products by Category – Code – Define Router Outlet
78 Angular Project – Search for Products by Category – Code – Enhance ProductList
79 Angular Project – Search for Products by Category – Code – Update Spring Boot
80 Angular Project – Search for Products by Category – Code – Update ProductService

eCommerce Project – Search for Products by Category (Dynamic Search Component)
81 Angular Project – Search for Products by Category (Dynamic Search Component 1)
82 Angular Project – Search for Products by Category (Dynamic Search Component 2)
83 Angular Project – Dynamic Search Component – Modify Spring Boot App
84 Angular Project – Dynamic Search Component – Create Component
85 Angular Project – Dynamic Search Component – Call Product Service
86 Angular Project – Dynamic Search Component – Add Dynamic Code to HTML
87 Angular Project – Dynamic Search Component – View Console Logs
88 Bonus Display Category Name in Product List Grid

eCommerce Project – Search for Products by Keyword
89 Angular Project – Search for Products by Keyword – Overview – Part 1
90 Angular Project – Search for Products by Keyword – Overview – Part 2
91 Angular Project – Search for Products by Keyword – Overview – Part 3
92 Angular Project – Search for Products by Keyword – Modify Spring Boot App
93 Angular Project – Search for Products by Keyword – Angular Search Component
94 Angular Project – Search for Products by Keyword – Send Data to search route
95 Angular Project – Search for Products by Keyword – Enhance ProductList Component
96 Angular Project – Search for Products by Keyword – Update ProductService API
97 Angular Project – Search for Products by Keyword – Handle for No Products Found

eCommerce Project – Product Master-Detail View
98 Angular Project – Product Master-Detail View – Overview
99 Angular Project – Product Master-Detail View – Create new component and route
100 Angular Project – Product Master-Detail View – Add router links on Master page
101 Angular Project – Product Master-Detail View – Enhance the Details Component
102 Angular Project – Product Master-Detail View – Update Product Service and HTML
103 Angular Project – Product Master-Detail View – Add more Product Details
104 Angular Project – Race Conditions
105 IDE Extension – Angular Language Service

eCommerce Project – Pagination
106 Angular Project- Pagination Overview
107 Angular Project – Pagination Development Process – Part 1
108 Angular Project – Pagination Development Process – Part 2
109 Angular Project – Pagination – Install ng-bootstrap
110 Angular Project – Pagination – Add Pagination support to Product Service
111 Angular Project – Pagination – Update Product List Component for Pagination
112 Angular Project – Pagination – Enhance HTML template to use Pagination Component
113 Angular Project – Pagination Demo
114 Angular Project – Pagination – Selecting Page Size – Part 1
115 Angular Project – Pagination – Selecting Page Size – Part 2
116 Angular Project – Pagination – Setting Max Size and Adding Boundary Links
117 Angular Project – Pagination – Keyword Search Overview
118 Angular Project – Pagination – Keyword Search – Update ProductService
119 Angular Project – Pagination – Keyword Search – Update ProductListComponent

eCommerce Project – Shopping Cart Status Component
120 Angular Project – Shopping Cart Status Overview – Basics
121 Angular Project – Shopping Cart Status – Create new component
122 Angular Project – Shopping Cart Status – Add Click Handler
123 Angular Project – Shopping Cart Status Overview – Advanced
124 Angular Project – Shopping Cart Status Overview – Advanced – Cart Service
125 Angular Project – Shopping Cart Status Overview – Create model class CartItem
126 Angular Project – Shopping Cart Status – Develop CartService – Add to Cart
127 Angular Project – Shopping Cart Status – Develop CartService – Compute Totals
128 Angular Project – Shopping Cart Status – Call CartService
129 Angular Project – Shopping Cart Status – Subscribe to CartService Display Totals
130 Angular Project – Shopping Cart Status – Refactor Cart Service Overview
131 Angular Project – Shopping Cart Status – Refactor Cart Service – Write the Code
132 Angular Project – Shopping Cart Status – Add To Cart From Details View
133 Angular Project – Shopping Cart Status – Add To Cart From Details View – Coding

eCommerce Project – Shopping Cart Items CRUD
134 Angular Project – List Shopping Cart Items – Overview
135 Angular Project – List Shopping Cart Items – Create CartDetailsComponent
136 Angular Project – List Shopping Cart Items – Create HTML Table
137 Angular Project – List Shopping Cart Items – Retrieve data from Cart Service
138 Angular Project – List Shopping Cart Items – Loop over Cart Items in HTML
139 Angular Project – List Shopping Cart Items – Display Cart Totals
140 Angular Project – List Shopping Cart Items – Handle an Empty Cart
141 Angular Project – Increment Item Quantity – Overview
142 Angular Project – Increment Item Quantity – Layout the Buttons
143 Angular Project – Increment Item Quantity – Add Event Handlers
144 Angular Project – Decrement Remove Item Quantity – Overview
145 Angular Project – Decrement Item Quantity – Write Some Code
146 Angular Project – Remove Item – Write Some Code

eCommerce Project – Checkout Form Layout
147 Angular Project – Checkout Form Layout – Overview – Part 1
148 Angular Project – Checkout Form Layout – Overview – Part 2
149 Angular Project – Checkout Form Layout – Generate Checkout Component
150 Angular Project – Checkout Form Layout – Add support for Reactive Forms
151 Angular Project – Checkout Form Layout – Layout Form Controls in HTML
152 Angular Project – Checkout Form Layout – Add Event Handling for Submit
153 Angular Project – Checkout Form Layout – Shipping Address
154 Angular Project – Checkout Form Layout – Billing Address
155 Angular Project – Checkout Form Layout – Credit Card
156 Angular Project – Checkout Form Layout – Review Your Order

eCommerce Project – Checkout Form – Drop-Down Lists
157 Angular Project – Checkout Form – Populate Credit Card Dates – Overview
158 Angular Project – Checkout Form – Create Form Service
159 Angular Project -Checkout Form – Retrieve Months and Years from Service
160 Angular Project – Checkout Form – Populate Drop-Down Lists for Months and Years
161 Angular Project – Checkout Form – Dependent Fields – Overview
162 Angular Project – Checkout Form – Dependent Fields – Write Some Code
163 Angular Project – Checkout Form – Populate Countries and States – Overview
164 Angular Project – Checkout Form – Populate Countries and States – Create DB
165 Angular Project – Checkout Form – Populate Countries and States – JPA Entities
166 Angular Project – Checkout Form – Populate Countries and States – Repositories
167 Angular Project – Checkout Form – Populate Countries and States – Repositories 2
168 Angular Project – Checkout Form – Populate Countries and States – REST Config
169 Angular Project – Checkout Form – Populate Countries and States – Frontend
170 Angular Project – Checkout Form – Populate Countries and States – Create Classes
171 Angular Project – Checkout Form – Populate Countries and States – Component
172 Angular Project – Checkout Form – Populate Countries and States – Event Handler
173 Angular Project – Checkout Form – Populate Countries and States – States
174 Angular Project – Checkout Form – Populate Countries and States – Billing
175 Angular Project – Checkout Form – Populate Countries and States – Console logs
176 Angular Project – Checkout Form – Populate Countries and States – Bug Fix

eCommerce Project – Checkout Form – Validation
177 Angular Project – Checkout Form – Validation Overview – Part 1
178 Angular Project – Checkout Form – Validation Overview – Part 2
179 Angular Project – Checkout Form – Add Validation Rules
180 Angular Project – Checkout Form – Display Validation Error Messages
181 Angular Project – Checkout Form – Display Validation Error Messages continued
182 Angular Project – Checkout Form – Custom Validator Rule – Overview
183 Angular Project – Checkout Form – Custom Validator Rule – Define the Rule
184 Angular Project – Checkout Form – Custom Validator Rule – Apply the Rule
185 Angular Project – Checkout Form – Shipping Validation – Part 1
186 Angular Project – Checkout Form – Shipping Validation – Part 2
187 Angular Project – Checkout Form – Shipping Validation – Part 3
188 Angular Project – Checkout Form – Billing Validation – Part 1
189 Angular Project – Checkout Form – Billing Validation – Part 2
190 Angular Project – Checkout Form – Billing Validation – Part 3
191 Angular Project – Checkout Form – Credit Card Validation – Part 1
192 Angular Project – Checkout Form – Credit Card Validation – Part 2
193 Angular Project – Checkout Form – Credit Card Validation – Part 3

eCommerce Project – Checkout Form – Review Cart Totals
194 Angular Project – Checkout Form – Review Cart Totals – Overview Part 1
195 Angular Project – Checkout Form – Review Cart Totals – Overview Part 2
196 Angular Project – Checkout Form – Review Cart Totals – Coding Part 1
197 Angular Project – Checkout Form – Review Cart Totals – Coding Part 2

eCommerce Project – Checkout Form – Save the Order to Database – Backend
198 eCommerce Project – Checkout Form – Save the Order to Database – Overview
199 eCommerce Project – Checkout Form – Save the Order to Database – Run DB Script
200 eCommerce Project – Checkout Form – Save the Order to Database – Entities – 1
201 eCommerce Project – Checkout Form – Save the Order to Database – Entities – 2
202 eCommerce Project – Checkout Form – Save the Order to Database – Entities – 3
203 eCommerce Project – Checkout Form – Save the Order to Database – Entities – 4
204 eCommerce Project – Checkout Form – Save the Order to Database – Create DTOs
205 eCommerce Project – Checkout Form – Save the Order to Database – Repo+Service 1
206 eCommerce Project – Checkout Form – Save the Order to Database – Repo+Service 2
207 eCommerce Project – Checkout Form – Save the Order to Database – Repo+Service 3
208 eCommerce Project – Checkout Form – Save the Order to Database – REST Controller
209 eCommerce Project – Checkout Form – Save the Order to Database – Postman Test

eCommerce Project – Checkout Form – Save the Order to Database – Frontend
210 eCommerce Project – Checkout Form – Save the Order – Frontend Overview
211 eCommerce Project – Checkout Form – Save the Order – Frontend – Common Classes
212 eCommerce Project – Checkout Form – Save the Order – Frontend – Checkout Service
213 eCommerce Project – Checkout Form – Save the Order – Frontend – Injection
214 eCommerce Project – Checkout Form – Save the Order – Frontend – Order Items
215 eCommerce Project – Checkout Form – Save the Order – Frontend – Purchase
216 eCommerce Project – Checkout Form – Save the Order – Frontend – Call Service
217 eCommerce Project – Checkout Form – Save the Order – Frontend – Test App

Release 3.0 – Security – Login Logout
218 Security – Login Logout – Release 3 Tasks
219 Security – Login Logout – Security Concepts – Part 1
220 Security – Login Logout – Security Concepts – Part 2
221 Security – Login Logout – Okta Integration – Authorization Server
222 Security – Login Logout – Okta Integration – App Configuration
223 Security – Login Logout – Okta Integration – Sign-In Widget
224 Security – Login Logout – Okta Integration – Login Status Component
225 Security – Login Logout – Coding – Create OIDC Client App
226 Security – Login Logout – Coding – Develop App Configuration
227 Security – Login Logout – Coding – Install Okta Dependencies
228 Security – Login Logout – Coding – Create the Login Component
229 Security – Login Logout – Coding – Render the Sign-In Widget
230 Security – Login Logout – Coding – Develop Login Status Component
231 Security – Login Logout – Coding – Add CSS for Login Status Component
232 Security – Login Logout – Coding – More CSS for Login Status Component
233 Security – Login Logout – Coding – Connecting Routes
234 Security – Login Logout – Coding – App Module Configuration

Course Summary
235 Thank You