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