HTML/JavaScript Web Application Answers

Bookmark Maker

In this assignment, let's build a Bookmark Maker by applying the concepts we learned till now.

Refer to the below image.

https://assets.ccbp.in/frontend/content/dynamic-webapps/bookmark-maker-output.gif

Instructions:

• The page should have HTML form element with id bookmarkForm
• The HTML form element with id bookmarkForm should have HTML input elements with ids siteNameInput and siteUrlInput
• The HTML form element with id bookmarkForm should have HTML button element with id submitBtn
• Add HTML label elements for HTML input elements with ids siteNameInput and siteUrlInput
• The HTML form element with id bookmarkForm should have HTML p elements with ids siteNameErrMsg and siteUrlErrMsg
• The page should have HTML unordered list element with id bookmarksList
• Each bookmark item should contain a HTML anchor element to navigate to the bookmarked site

Warning

• Please provide valid URL's to the siteUrlInput element

Time Converter

Refer to the below image:

https://assets.ccbp.in/frontend/content/dynamic-webapps/time-converter-output.gif

By following the above instructions, achieve the given functionality:

When values are entered in HTML input elements with ids hoursInput and minutesInput, the HTML button with id convertBtn is clicked.The converted time in seconds should be displayed in the HTML p element with id timeInSeconds.The HTML p element with id errorMsg should be empty.The HTML p element with id errorMsg should display an error message in the following cases.When the HTML input element with id hoursInput is empty and convertBtn is clicked.When the HTML input element with id minutesInput is empty and convertBtn is clicked.When both the HTML input elements hoursInput and minutesInput are empty and convertBtn is clicked.

List any three technologies that have changed the usage of Internet. List the features of those technologies and the changes that were caused by them

Using Google meet platform as practical example, discuss how it would be categorized under this course and discuss it deferent components and their purposes

Create a form, using HTML, for admission to a University. The form should ask for the following information:  Your email id as user name (it should be of the type xxxx@abc.in)  A pin chosen by you (should have a minimum size of 4 decimal digits)  Name of the Student  City in which student is residing (You should create a drop-down list of about 4 to 6 cities for selection of City, default value for City should be Mumbai)  Select from the options Yes/No for the question Mathematics at 10+2?  The form should include a SUBMIT button.

Question 1

a) Using the AIT website as a case study, discuss the difference(s) between a Domain Name and an IP Address, indicating their purpose/usage, and how they work together when accessing the AIT website.

b) With a practical example, discuss how a CSS (Cascading Style Sheet) file could be used in Wordpress and for what purpose.

c) With practical examples, discuss the difference(s) between the Internet and the World Wide Web, and also discussing the difference(s) between the main protocols used in each.

Question 2

a) Using the AIT website and Lemass as examples, discuss their difference(s) in terms of how they could be categorized, why they have different Domain Names and on different Name Servers in the Domain Name System and how accessing each is made possible.

b) With a practical example, explain how a Search Engine operates.

c) Explain why, for example, you would go in for Wordpress as compared to Joomla and Drupal for web authoring and content management.

Foundations Page

In this assignment, let's build a Foundations page by applying the concepts we learned till now. You can use the Bootstrap concepts as well.

Refer to the below image.

https://assets.ccbp.in/frontend/content/static-website/foundations-output-v2-img.png

Resources

Use the image given below.

• https://assets.ccbp.in/frontend/static-website/foundations-bg.png
• https://assets.ccbp.in/frontend/static-website/foundations-python-img.png
• https://assets.ccbp.in/frontend/static-website/foundations-javascript-img.png
• https://assets.ccbp.in/frontend/static-website/foundations-html5-img.png
• https://assets.ccbp.in/frontend/static-website/foundations-java-img.png

CSS Colors used:

Background color Hex Code values:

#ffffff

Text color Hex Code values:

#323f4b

#7b8794

Border color Hex Code values:

#cbd2d9

CSS Font families used:

• Roboto

why did eBay turn to IBM`s OPERA application?