Building a Real Site with Angular
Angular for Java Developers, Part 3
Matt Greencroft
  • Course duration: 5h 11m
Learning to build beautiful front ends and working as a full stack developer is one of the best ways to move up the career ladder. In Angular for Java Developers Part Three: Building a real site you’ll work hands-on to create a fully responsive, functioning front-end application using Angular. All examples are related to the kind of Java development you’re familiar with, making it easy to expand your skills. In the third of a running series of five courses, you’ll learn how to incorporate resources like Bootstrap, and how to use template and reactive forms.


Distributed by Manning Publications

This course was created independently by Angular expert Matt Greencroft and is distributed by Manning through our exclusive liveVideo platform.

About the subject

The Angular framework is used by millions of developers, powering frontends from simple prototypes to Google’s own web apps. Prized for its scalability, Angular also offers lightning fast speed and response times and the chance to reuse code for both web and mobile. Best of all, it can be integrated with backends built in Java.

About the video

Angular for Java Developers is a five course series that teaches Java programmers how to use Angular and JavaScript to build applications that are maintainable, testable, and secure. In Part Three, you’ll build a fully responsive, fully functioning Angular frontend. You’ll learn about routing, the concepts of Data, Models and Views, and how to programmatically add controls with reactive forms.
Table of Contents detailed table of contents

Using external Resources

Introducing the case study

Using Bootstrap in our project

Installing Bootstrap using NPM

Exercise 1 - Referencing CSS and Javascript files

Routing

Preparing the application

Setting up basic routing

Creating a 404 page

Making links work with routing

Using a separate routing file

Models and Views

The concepts of Data, Models and Views

Creating a model

Creating the data service

Binding data to a view and looping with *ngFor

Creating a sub-component view

Using routing for sub-components

Exercise 2 - Creating models, data and views

Exercise 2 - solution walkthrough

Using Observables for data

Why we should use observables with data

Template Forms

How template driven forms work

Setting up navigation to show a form

Creating a form

Binding a form

Saving the form data

Finishing the form

Template form validation

Dynamic classes applied to form elements

Validation messages and controlling the submit button

Custom validation rules

Exercise 3 - Implementing custom validation

Exercise 3 - Solution walkthrough

Reactive Forms

Setting up navigation to show a form

Creating a reactive form

Setting and reading form control values

Programatically adding controls

Going further with Reactive Forms

Using the FormBuilder

Implementing validators

Validation messages and controlling the submit button

Completing the Case Study

Fixing a lifecycle bug

Implementing the delete functions

Displaying data with pipes

Exercise 4 - Displaying the calendar component

Exercise 4 - Solution walkthrough

Exercise 5 - Create the add, edit and delete functionality

Exercise 5 - Solution walktrough part 1

Exercise 5 - Solution walktrough part 2

Responding to the calendar click event

Prerequisites

For viewers with basic Java experience.

What you will learn

  • The third course in the Angular for Java Developers series
  • Incorporating external resources like Bootstrap
  • Using observables for data
  • Template form validation
  • Using the FormBuilder
  • Fixing a lifecycle bug

About the instructor

Matt Greencroft has over twenty years of experience as a programmer, primarily working in the banking sector. Matt now teaches for Virtual Pair Programmers. His specialties are Microservices, Spring Boot, Apache Spark and Kotlin.

placing your order...

Don't refresh or navigate away from the page.
liveVideo $22.50 $45.00
Building a Real Site with Angular (liveVideo) added to cart
continue shopping
go to cart

Prices displayed in rupees will be charged in USD when you check out.