We’ll give the images a defined height and give the container a max width. Next, we’ll go about styling the home page, the banner area to be exact. We’ll go about creating the product list component later in the tutorial. The banner area houses four banner images. In the snippet above, we’ve defined an area for the banners and products list. Open the `` file and replace it with the content below. Run the command below in the project folder to create the `home` component: ng generate component home Using the CLI, we’ll create a component named `home` within the `src/app` folder. The home page houses the products grid and the header. To get started, we’ll define the views for the application, starting from the home page. Npm install the Angular development server by running `ng serve` in a terminal in the root folder of your project. Next, run the following command in the root folder of the project to install dependencies. This command is used to initialise a new Angular project the project will use SCSS as the pre-processor. To create a new Angular project using the CLI, open a terminal and run: It is available on your PC if you have Node installed, if not, download Node here. To get started, we use the CLI (command line interface) provided by the Angular team to initialise our project.įirst, install the CLI by running npm install -g NPM is a package manager used for installing packages. Here’s a screenshot of the final product: Infinite Scrolling Initializing application and installing dependencies
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |