•Create a new Angular project called yourLoginNameA3

Zaprto Objavljeno pred 3 letoma/leti Plačilo ob prevzemu
Zaprto Plačilo ob prevzemu

• Create a header component and a footer component

• Create a file in the app folder called [login to view URL] in the app folder

• Create another .ts (example: [login to view URL]) file in your app folder to hold another class for books that will include the following definition (your choice of file name and class name):

 book name / author / genre / year published / picture

• Create a data file (hard-coded) called myBooks.ts. Create data for 4 of your favourite books with the data from the class created (use [login to view URL] in our in-class exercise for reference)

 Note: Pictures will need to be included in the images folder created for the default setup. The picture itself can be anything you want.

• Create a component called detail. Create a structure using a grid-area that include a navigation section that goes across the screen with 2 areas (one on the left and one on the right) under the navigation section. One side will hold a picture and the other will hold book details. For Portrait mode, display all sections vertically (Navigation on top of picture on top of book details)

• Be sure to import your book data into the [login to view URL] and setup a variable to hold the data (see [login to view URL] in our in-class project for reference)

• In the [login to view URL], setup a directive (*ngFor) to create 4 buttons for the 4 books in the nav section; be sure to include an index so you can capture which is selected so you can display detail data and the picture from the data file based on the button clicked; also be sure to include a (click) event to call a function to find correct book data.

• Note: Use *ngFor not only with list items (as we did in our in-class exercise) but also with buttons or any other HTML tag (NO hard-coding).

AngularJS Mobile App Development AJAX Web Development HTML5

ID projekta: #26772369

Več o projektu

6 predlogov Oddaljen projekt Aktiven pred 3 letoma/leti

6 freelancerjev ponuja v povprečju za $44 na tem delu

PATechnology

Hi, I am interested in the task. Please ping me to discuss more. Thanks

$80 CAD v 2 dneh
(97 ocen)
6.3
zunairali5

Hi there, Your website designer and developer here. Graduated recently from California, USA; I have been doing numerous Website and app design projects. I feel I will be comfortable to work with you and perform tasks Več

$18 CAD v 3 dneh
(0 ocen)
0.0
Orkhan1997

Hello. I am Orkhan. I am new at freelancer. However, I have enough experience to solve your problem. I have done similar tasks like that in my university projects and at my work. If you want, we can discuss it in chat.

$20 CAD v 2 dneh
(0 ocen)
0.0
IvelinaDev

Hi, I will do the work explained. Relevant Skills and Experience I am familiar with the required technologies

$45 CAD v 7 dneh
(0 ocen)
0.0