Building a Real Site with Angular

Building a Real Site with Angular

by Matt Thornfield
Released April 2020
Publisher(s): Manning Publications
ISBN: 10000MNHV201928

Read it now on the O’Reilly learning platform with a 10-day free trial.

O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial

Video description

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 Technology
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.

What's Inside
  • 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 Reader
For viewers with basic Java experience.

About the Author
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.

Quotes

Table of contents

  1. 1. USING EXTERNAL RESOURCES
    1. Introducing the case study
    2. Using Bootstrap in our project
    3. Installing Bootstrap using NPM
    4. Exercise 1 - Referencing CSS and JavaScript files
  2. 2. ROUTING
    1. Preparing the application
    2. Setting up basic routing
    3. Creating a 404 page
    4. Making links work with routing
    5. Using a separate routing file
  3. 3. MODELS AND VIEWS
    1. The concepts of Data, Models and Views
    2. Creating a model
    3. Creating the data service
    4. Binding data to a view and looping with *ngFor
    5. Creating a sub-component view
    6. Using routing for sub-components
    7. Exercise 2 - Creating models, data and views
    8. Exercise 2 - solution walkthrough
  4. 4. USING OBSERVABLES FOR DATA
    1. Why we should use observables with data
  5. 5. TEMPLATE FORMS
    1. How template driven forms work
    2. Setting up navigation to show a form
    3. Creating a form
    4. Binding a form
    5. Saving the form data
    6. Finishing the form
  6. 6. TEMPLATE FORM VALIDATION
    1. Dynamic classes applied to form elements
    2. Validation messages and controlling the submit button
    3. Custom validation rules
    4. Exercise 3 - Implementing custom validation
    5. Exercise 3 - Solution walkthrough
  7. 7. REACTIVE FORMS
    1. Setting up navigation to show a form
    2. Creating a reactive form
    3. Setting and reading form control values
    4. Programatically adding controls
  8. 8. GOING FURTHER WITH REACTIVE FORMS
    1. Using the FormBuilder
    2. Implementing validators
    3. Validation messages and controlling the submit button
  9. 9. COMPLETING THE CASE STUDY
    1. Fixing a lifecycle bug
    2. Implementing the delete functions
    3. Displaying data with pipes
    4. Exercise 4 - Displaying the calendar component
    5. Exercise 4 - Solution walkthrough
    6. Exercise 5 - Create the add, edit and delete functionality
    7. Exercise 5 - Solution walktrough part 1
    8. Exercise 5 - Solution walktrough part 2
    9. Responding to the calendar click event

Product information

  • Title: Building a Real Site with Angular
  • Author(s): Matt Thornfield
  • Release date: April 2020
  • Publisher(s): Manning Publications
  • ISBN: 10000MNHV201928