From the course: Angular: Cloud-Powered Apps with Firebase
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Profile image upload form
From the course: Angular: Cloud-Powered Apps with Firebase
Profile image upload form
- [Teacher] Now that we have set up our storage along with the security rules let's implement the follow upload. We will be working with the profile component. Let's place the profile photo to the left of the details form. Below the form container, we can add a new div with class of ui grid and stackable. This div will house both the profile image and the form. So let me move the form. Let me fix the indentation here. The profile image will be four columns wide so we will add another div here with class of four wide and column. And the form itself will be 12 columns wide so we can add classes 12 column wide. Inside of this container, we will first add the placeholder image. The source will be, assets/profile-placeholder.png This will be the profile image and we will add a class here of ui image. In the resources folder, you will find this placeholder image. Let's head over to the assets folder, open up the…
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.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.