WEB 222 Ashford University Implement a Responsive Design DOM Homework

User Generated

AvgrfuN

Computer Science

WEB 222

ashford university

WEB

Description

attached are the details for the same..............

please check this www.web222.ca

like don't use Bootstrap or any beyond my course

just basic HTML, CSS and JavaScript and please ensure to use DOM

Unformatted Attachment Preview

WEB222 Assessment – Winter 2020 Overview The assessment has three parts and builds on your final assignment. Specifically, you will be asked to do the following: 1. Research and Implement a Responsive Design for your final assignment (Assignment 5) that works well on both Mobile and Desktop (worth 10%) 2. Research and Implement a Static Hosting solution for your final assignment, so it can be viewed online (worth 5%) 3. Write a Reflection Paper about the work you did in step 1. (worth 5%) Submission All 3 parts of your final assessment are due by midnight, Wed August 12th. You can include Part 1 with your final assignment: when you hand in your final assignment, include all the code for your Responsive Design as well. You can submit Parts 2 and 3 via Blackboard as a document. Part 1. Responsive Design (10%) You are asked to modify your final assignment in order to provide a Responsive Design that works well on Mobile devices (both landscape and portrait orientations) as well as Desktop browsers. You are responsible for researching and implementing all aspects of this on your own. You will be expected to consider the following: • • • • • • • • Proper Viewport settings for mobile device width and scaling Flexible CSS sizes for widths, heights, and fonts that work relative to the available space Use modern CSS layout tools like Flexbox or Grid vs. fixed sizes Show, hide, or re-arrange your layout elements based on available screen real estate CSS3 Media Queries using min-width, orientation, etc. Design for both Portrait and Landscape modes Optimize UI elements for Mouse/Keyboard AND Touch based events Make sure fonts, images, and icons work at every size and on every device You will be graded on how successfully you are able to make your final assignment work on various device sizes and types. Your users should get have a good experience no matter their device. Part 2. Static Hosting (5%) You are asked to research and implement a static hosting solution for your final assignment. Your final assignment, including your responsive design, should be accessible via a public URL. You do not need to spend any money to achieve this, since many free hosting services exist: 1. 2. 3. 4. Netlify - https://www.netlify.com/ Zeit https://zeit.co/ GitHub Pages - https://pages.github.com/ Firebase - https://firebase.google.com/docs/hosting If you would like to consider registering a Custom Domain Name, that is also something that you could do. See more info at https://www.cira.ca/ca-domains/register-your-ca. This is optional, and not required, but good experience for all web developers. Please submit the public URL for your project. All pages, images, etc. must work and not return 404s or other errors. Part 3. Reflection Paper (5%) You are asked to write a reflection paper that is 300 words in length. In your reflection, please address all of the following: • • • • Explain the concept of Responsive Design. What does the term mean? What did you discover in your research? How does responsive design relate to web technologies? How can web pages take advantage of it? What techniques, technologies, and patterns did you use in your responsive design? What did you learn about building web apps for different devices? Your reflection paper should be free of typos and grammatical/spelling errors, and use full sentences and paragraphs. If you quote or reference any resources online, make sure you include proper citations. Your reflection must also be your own work. You may not collaborate or copy material from other sources or students.
Purchase answer to see full attachment
User generated content is uploaded by users for the purposes of learning and should be used following Studypool's honor code & terms of service.

Explanation & Answer

I am concluding on mobile r...


Anonymous
Super useful! Studypool never disappoints.

Studypool
4.7
Trustpilot
4.5
Sitejabber
4.4

Similar Content

Related Tags