- [Instructor] In this video, we're going to spend some time…on the front end by displaying all of the articles…and styling them with CSS.…So next, let's go ahead and visit…our home component template file.…Inside of here, we'll get rid of this interpolation.…I'll hit control + b to get rid of the sidebar,…and first we're going to put in a div class…of article-container.…Inside of here, we're going to use…a foundation-specific class of row and expanded,…and this expands it to the 100% width of the browser.…
Inside of here, we'll use more foundation classes,…so small-12.…This simply means on small devices it will span all the way.…On medium and up, it will be five columns,…and then medium-offset-1.…This will push it over to the right by one column,…and then we add the columns class.…Inside of here, we're going to create a link a…and routerLink.…We'll push this to articles/article._id,…and we'll use interpolation on the anchor text…of article.title.…
So when the user clicks on the article title,…they will be brought to a page…
- Angular Firebase CRUD
- Firebase setup
- Starting a project
- Defining the template
- CRUD apps with MongoDB
- MongoDB setup
- Creating a data service
- Home component
- Creating, updating, and deleting articles
Skill Level Intermediate
1. Required Understanding
2. Angular Firebase CRUD
3. CRUD Apps with MongoDB (Back End)
4. CRUD Apps with MongoDB (Front End)
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.