Chapter 3: Beginning Frontend Development with Angular CLI
Activity 6: Designing the Frontend and Components for the Blogging Application
Create a new Angular project named blog by pointing your CLI to the Blogging Application directory, and create an Angular CLI application with the name blog using the following code:
ng new blog
Import the bootstrap theme and its resources from http://bit.ly/2DI7UsR by opening the link, and download the bootstrap theme and resources into the blog/src/assets folder.
Update index.html with the necessary resource links using the following code:
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Blog</title> <base href="/"> <meta name="viewport" content="width=device-width, initial-scale=1"> //[…] <script type="text/javascript" src="assets/js/main.js"></script> </body> </html>
File name: index.html
Live link: http://bit.ly/2HDFQuT
File name: header.component.html
Live...
