Kapalı

Mobile Jquery Project -- 2

Create a mobile web site (Create a new folder to hold all files/folders) / This mobile assignment will need to be formatted for both landscape and portrait views.

[login to view URL] should be the only file in the main folder; create sub-folders for all other files (ex. css folder for CSS files, images folder that holds all images, etc.)

Be sure to include the [login to view URL] file in your js or scripts folder along with your own .js file

Be sure to include the viewport setting in your [login to view URL]

Enter YOUR NAME in the <title> tags AND your name and student number in a comment at the top of the [login to view URL]

Header area that includes Project #2/ Your Name / Your Student Number; This header must be on both pages

Footer line that includes Your Login Name / Your Campus; this header must be on both pages.

Content area on the main page:

Build a list of planets pulled from this JSON file using AJAX to retrieve the file: A2_planets.json. Download this file and include in your site folder in a separate sub-folder

Download the [login to view URL] file and include all images in your images folder.

On load of site, use a Class statement with a Constructor to save all the planet information from the JSON file into an array.

You can build an unordered list of links or create a display of planet images in anchor tags for user selection or a layout of your choice.

Be sure to give each planet choice a unique id based on it's index in the JSON file.

When the user selects a planet, save all the information in the array built from JSON file along with the user's selection into local storage then display the individual page (see below)

This main page should fit both a portrait and landscape view (make changes to view accordingly)

Content on the individual page (a separate page) will include the following:

When page loads, retrieve the array built from JSON file and the user's selection from local storage.

Use this information to display ALL the information about the planet.

Use the planet image as the background (cover entire background - no repeating) for the individual page based on user's selection

Be sure to use labeling, formatting, mobile layout, etc.

How I will be grading exercise...

I will be using Chrome's Toggle Device Bar for iPhone 6/7/8 in Landscape AND Portrait mode

Remember, this is a mobile site so formatting and layout should reflect this; too much scrolling or whitespace will reduce your mark.

You will be using Media Queries to format both Portrait and Landscape views.

Beceriler: JavaScript, jQuery / Prototype, HTML5, AJAX, Mobile App Development

Daha fazlasını gör: jquery mobile w3schools, jquery mobile, jquery mobile builder, jquery mobile examples, mobile app with jquery, jquery mobile cdn, jquery mobile examples with source code, jquery mobile breadcrumb, net mobile sample project, online mobile shopping project aspnet, gps mobile phone project, mobile java project time, mobile banking project code, mobile banking project visual basic, bluetooth mobile j2me project, flash project dvd format, mobile camera project, mobile bill cash memo format, windows mobile gps project, mobile application project shopping

İşveren Hakkında:
( 7 değerlendirme ) Brampton, Canada

Proje NO: #26538629

Bu iş için 4 freelancer ortalamada $19 teklif veriyor

keyeypee

I am a Senior Frontend Engineer. I would like to do it. Can you please give it to me. I am doing great in my role in my current job.

$20 CAD in 5 gün içinde
(0 Değerlendirme)
0.0
AnkurG15

Hello, I am a senior developer having more than 6 years of experience in frontend development. I had read all the details and ensure you to deliver it on time and a perfect project. Please consider me for this project. Daha Fazla

$15 CAD in 3 gün içinde
(0 Değerlendirme)
0.0
SaqlainGenius

Salam Your requirements: "Complete develop website front end work in 1 day only" I'm a senior javascript developer with 5 years of experience and I'm very familiar with js css3 bootstrap5 and html5 I will make your web Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% CAD
(0 Değerlendirme)
0.0
alsonlopes

hello, I am a fullstack developer have worked with several cross platforms and cross browsing, with best quality maintained and all the requirements moving through clients need i've also developed android and ios apps Daha Fazla

$20 CAD in 7 gün içinde
(0 Değerlendirme)
0.0