Creating a Simple Angular App (Angular for Java Developers - Part 1)

Creating a Simple Angular App (Angular for Java Developers - Part 1)

by Matt Greencroft
Released December 2019
Publisher(s): Manning Publications
ISBN: None

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

Fullstack developers often earn higher salaries and have more career opportunities than developers who only specialize in front- or backends. Creating a Simple Angular App expands your Java skills by teaching you to build reactive, responsive, functional frontends using the Angular framework. You don’t need any existing knowledge of Angular or JavaScript—everything required to start building stunning frontends is covered in the course. By referencing Java and Java web technology examples, this course makes it quick and easy for Java developers to upgrade their skills to Angular. In the first in a running series of five videos, you’ll learn what Angular is, how to install Angular and set up a development environment, and how to build your first simple application.


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-part course that teaches Java programmers how to use Angular and JavaScript to build applications that are maintainable, testable, and secure. In Part One, you’ll get to grips with how Angular works, what an Angular application looks like, and get started by creating your first simple Angular app. The video lays the groundwork for the case study example app you’ll build throughout all five videos, the architecture of Angular applications, as well as creating your own custom components.

Inside:

  • Part 1 of 5 videos covering Angular frontends for Java applications
  • Building responsive and reactive front-ends with Angular
  • Installing Angular and setting up a development environment
  • Building your first simple application
For viewers with basic Java experience.

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.

Table of contents

  1. 1. INTRODUCTION
    1. Introduction 00:06:35
  2. 2. WHAT IS ANGULAR?
    1. How Angular sites differ from traditional web technologies 00:05:12
    2. How angular can create a fast, responsive user experience 00:02:52
    3. What an angular application looks like 00:04:15
  3. 3. SETTING UP THE ENVIRONMENT
    1. The software needed to build with Angular 00:01:41
    2. Installing Node.js 00:00:54
    3. Installing the Angular CLI 00:02:07
    4. Testing Angular with a hello world application 00:05:31
    5. Running the hello world application 00:02:21
    6. Configuring the Intellij Idea IDE 00:02:45
    7. Installing and configuring Visual Studio Code 00:04:02
  4. 4. INTRODUCING ANGULAR ARCHITECTURE
    1. An overview of our first example site 00:02:45
    2. What is a component? 00:01:50
    3. index.html and styles.css 00:02:21
    4. Component selectors 00:02:43
    5. The 4 component files 00:03:41
    6. How angular can construct a page 00:04:36
    7. Angular doesn't assemble the HTML 00:07:15
    8. How to open a project from the sample files 00:04:55
  5. 5. CREATING A COMPONENT
    1. Creating a new project 00:02:20
    2. Running the project 00:02:34
    3. Creating the component with the CLI tool 00:04:34
    4. Editing the Component's HTML and making it appear 00:01:54
    5. Exercise 1 - creating components 00:01:57
    6. Exercise 1 - solution walkthrough 00:02:22
  6. 6. TEMPLATE EXPRESSIONS
    1. An overview of the Component Class structure 00:07:56
    2. Template expressions 00:03:12
    3. Template expressions are dynamic 00:04:17
  7. 7. SIMPLE EVENT BINDING
    1. Event binding 00:06:25
    2. Exercise 2 - event binding 00:03:00
    3. Exercise 2 - solution walkthrough 00:02:12
  8. 8. COMPONENT INTERACTION - READING PROPERTIES
    1. Using the hidden HTML attribute 00:04:45
    2. Accessing properties of a child component 00:06:44
    3. The *ngIf structural directive 00:04:33
  9. 9. COMPONENT INTERACTION - PROPERTY BINDING
    1. Setting up the scenario 00:04:36
    2. Accessing properties from code 00:07:13
    3. The @Input decorator 00:06:24
  10. 10. COMPONENT INTERACTION - EVENT BINDING
    1. Why we need custom events 00:05:26
    2. Creating an event emitter 00:07:28
    3. Triggering an event 00:02:28
    4. Sending data with events 00:02:38
    5. Revisiting *ngIf and hidden 00:05:06

Product information

  • Title: Creating a Simple Angular App (Angular for Java Developers - Part 1)
  • Author(s): Matt Greencroft
  • Release date: December 2019
  • Publisher(s): Manning Publications
  • ISBN: None