Learn Fullstack Web Development With Spring And Angular

Name: Learn Fullstack Web Development With Spring And Angular
Rating: 3.9 (33 reviews)

A complete course to master the two hottest web frameworks

Created byEduonix Learning Solutions, Eduonix-Tech .

Last updated 12/2018

English

English [Auto],

What you'll learn

Learn to use Angular Framework with Spring
An unique course which teaches you to bring the power of Java to Angular
Learn to create a complete app using Spring and Angular

Course content

4 sections • 37 lectures • 7h 37m total length

Introduction1:50
Master full-stack development with Angular and Spring, from basics to a to-do list app. Learn how Angular handles front-end tasks while Spring manages the back end, then connect them.
What is angular9:40
Learn how angular simplifies front-end development, why Java developers use it with spring boot for full-stack apps, and adapt to angular’s typescript-based modern versions.
Installing Angular10:30
Set up angular development by installing homebrew and npm, install the angular cli, create a new angular project, and run ng serve to view the app at localhost:4200.
Understanding Angular Files24:01
Explore the angular file structure by creating a temp project, removing test files, and understanding how assets, environments, node_modules, tsconfig, tslint, and modules, components, and decorators work.
Typescript15:06
Explore how TypeScript extends JavaScript with static typing and how Angular uses decorators to attach metadata to classes, including variable declarations and the compile step to JavaScript for the browser.
Components16:51
Learn the building blocks of an Angular app: components, templates, and metadata. Create components with a class, bind data in the template, and wire them via selectors and index.html.
Modules12:24
Explore how Angular modules organize code, distinguish root and feature modules, and configure them with the module decorator, including imports, declarations, providers, exports, and bootstrap.
Templates16:50
Learn the basics of Angular templates, including inline and template url usage, data binding, and interpolation. See how to use *ngFor and boolean conditions, with multi-line templates.
Styling18:21
Learn styling in Angular by applying CSS through the styles metadata attribute, using host and pseudo class selectors, and understanding style isolation to control component-level visuals.
Routing20:09
Configure Angular routing with the router module, define routes by path and component, and render them via router outlet; explore wildcards, redirects, and path matching.

Creating the Project8:03
Bootstrap a Spring Boot back end for an Angular project via Spring Initializr, selecting Web, Security, JPA, and DevTools. Configure the data source and security to enable secure controllers.
Why Spring + Angular4:22
Discover why spring and angular pair for scalable, powerful web apps, leveraging spring’s simplicity and angular’s ajax-based api calls to a spring rest backend with a large user base.
Setting up our API13:05
Configure rest api endpoints in Spring Boot using rest controllers and request mappings, disable security for testing, and return json objects like a user with id and name.
Database Setup14:04
Configure the Spring and Angular REST API database, create the Angular Spring course database, and set up the users table with a repository to insert and query users.
Security Setup10:52
Explore security setup in a Spring and Angular project by enabling basic security, configuring an in-memory user store, and enabling authentication to secure API access.
Oauth Overview7:39
Explore the OAuth overview, detailing the authentication server, resource server, and the Angular client, with in-memory credentials and access tokens, plus grant types like authorization code and resource owner credentials.
Implementing Oauth224:41
Learn how to implement OAuth2 with a Spring security authorization server and resource server, using in-memory users, an authentication manager, password grant, and testing tokens with Postman.
CORS27:18
Learn how to connect an Angular frontend with a Spring Boot backend using cross-origin resource sharing, configure preflight handling, and implement a custom CORS filter to enable token-based authorization.

Dependency Injection19:13
Explore dependency injection in Spring and Angular by building an injectable token service, injecting it into components, and understanding module versus component providers and singleton behavior.
The HttpClient26:02
Explore using the Angular HttpClient to perform GET and POST requests, inject the HttpClient into services, manage authentication tokens with headers, and handle responses via observables and subscribe.
Data Binding17:29
Explore data binding in spring plus angular by binding component data to templates, implementing two-way updates via event binders, and handling tokens with a user data object and error checks.
Event Binding12:40
Explore event binding in Angular, transferring data from the template to the component via click and input events, and use ngModel for simple data binding.
Forms - Part 117:17
Explore how Angular forms enable data transfer with a simple name and phone form, and learn the difference between template-driven and reactive forms, including form control and form group objects.
Forms Part 214:21
Explore building and validating Angular forms with ngModel, form controls, and template-driven inputs, using temporary variables, required and minlength validation, and real-time error handling.
Testing16:11
Explore the basics of testing in Angular, including unit and integration tests, with Jasmine and Karma, and learn to mock dependencies and run tests for faster development.
API Reference3:18
Explore the Angular API reference to quickly locate components, decorators, and HttpClient details, with organized, documented guidance that helps you learn and build Angular applications.

Final Project. 14:35
Begin the final project by removing unused Angular components, then create key components like login, home, and task list to build a to-do list app.
Final Project. 24:55
Build and refine the final project in a spring and angular course by creating header and to-do list components, wiring login and home routes, and applying global styles.
Final Project. 35:49
Apply the add task feature in the final project by building a task form with ngModel binding to an item, submitting to the server, and clearing the field.
Final Project. 45:47
Build a scrollable task list in the Spring and Angular final project, adding tasks with an ngFor-driven display and updating the home component to reflect added tasks.
Final Project. 51:55
This final project lesson refines the Angular task list and footer layout, includes simple photo placeholders, and sets up adding tasks.
Final Project. 67:10
Continue building the final project by wiring a to-do service, loading tasks from the server, and adding new items to the task list with a working Angular component.
Final Project. 77:26
Implement the login component for the final project using Angular and Spring, with username and password inputs, validation, and error handling in the login flow.
Final Project. 811:56
Learn to implement login logic in a Spring and Angular project using the token service to manage token data, validate inputs, route to home, and store data in session storage.
Final Project. 99:05
In this final project episode, we configure the Spring backend for a task app, replacing mock user data with a real task entity and implementing create and fetch endpoints.
Final Project. 1015:54
Configure the Angular front end to talk to the Spring backend for the final project, implementing add and load tasks with token-based headers, session storage, and authenticated requests.
Bonus Lecture: More Interesting Stuff, Offers and Discounts0:23

Requirements

Basic knolwedge of Java and JavaScript is required for completing the course.

Description

The world of app development is fast paced, where app trends come and go. What started as simple and functional apps, have now resulted apps that are more integrated at every step. This has pushed for a change in the way we build our apps, including the tools we use. We are no longer capable of pushing out dynamic and fluid apps without using frameworks!

Frameworks are libraries or set of guidelines that simplify the process of building apps by allowing developers to write less code that does more. Front-end frameworks work hand-in-hand with server-side frameworks to ensure a complete functional framework.

The course has been designed for intermediate developers who are at least familiar with Core Java, an idea about the Spring Framework and at least basic web development knowledge as the course will not cover basic Java paradigms.

This Spring + Angular tutorial will go over basic concepts of Angular 5 including the theory behind it, why it’s useful, the standard file structure, TypeScript, the CLI, components, and so on. Following this, you’ll delve into Spring and learn how to integrate it into your Angular project.

When it comes to the Spring Framework, you’ll go over how to create your back-end server and get it up and running with Angular. From there you will work on building an actual project from the ground up – A ToDo List Application. This will include designing an entire front-end layout with Angular and integrating a back-end system with Spring.

The course will cover topics such as Angular Fundamentals (theory behind it, why it’s useful, building a simple Hello World Project, command line interface, standard file structure, TypeScript, components, building blocks, etc.), how to integrate Spring with your Angular project, how to create your back end server and get Spring working with Angular, advanced Angular concepts like dependency injection, HTTP client, form handling, etc. and complete a ToDo List Application.

At the end of this course, you will have the knowledge and the experience to actually start building your own Angular applications from scratch.

Enroll now and start your career as a web developer now!

Who this course is for:

Anyone who wants to learn to use Angular and Spring together should find this course very useful

Learn Fullstack Web Development With Spring And Angular

What you'll learn

Explore related topics

Course content

Angular Basics10 lectures • 2hr 26min

Spring Setup8 lectures • 1hr 50min

Advanced Angular8 lectures • 2hr 7min

Project11 lectures • 1hr 15min

Requirements

Description

Who this course is for: