From the course: Angular: Progressive Web Apps
Unlock this course with a free trial
Join today to access over 25,500 courses taught by industry experts.
Enhancing the app experience - Angular Tutorial
From the course: Angular: Progressive Web Apps
Enhancing the app experience
- [Instructor] So our app is installable on desktop and mobile devices, but we have some room for improvement. So now we are going to enhance the app with a couple of tricks. First, let's talk a little bit about selection. Right now on desktop and also on mobile, we can actually select parts of the user interface and it doesn't make too much sense when it's an app. Maybe some parts should be selectable, but some other parts doesn't make any sense. For example, the title of the app, the same happens on iOS. So I can select parts of the app, which typically doesn't make too much sense. So to solve that problem, we can use CSS. It's important to use the CSS not on every HTML element or every Angular component, but only the ones that you feel that shouldn't have that selection. For example, in this case, I'm going to test this feature only in the toolbar. Our toolbar is actually in the app.component. So I can open…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
-
(Locked)
The Web App Manifest9m 37s
-
(Locked)
Defining icons and maskable icons8m 9s
-
(Locked)
Inviting the user to install the app11m 28s
-
(Locked)
Enhancing the app experience3m 24s
-
(Locked)
Creating app shorcuts3m 37s
-
(Locked)
Using minimal-UI display mode5m 59s
-
(Locked)
Making a dynamic title and status bar2m 52s
-
(Locked)
-
-