Introduction To Cloud Development With HTML, CSS and Javascript
Introduction To Cloud Development With HTML, CSS and Javascript
PRESENTATION
Prepared By:
Utsav Barvaliya (201803100910104)
B. Tech. 7th Semester -CE
CGPIT.
Outline
Introduction to Programming for the Cloud
HTML5 and CSS Overview
HTML5 Elements
JavaScript Programming for Web Applications
Introduction to Programming for the Cloud
• Cloud Apps are built to work seamlessly with a Cloud-
based back-end infrastructure.
• Cloud-based data storage and data processing.
• other Cloud services, making them very scalable and
very resilient.
• The environment for building websites and Cloud
Applications is divided into two primary areas:
front-end and back-end.
HTML
• HTML stands for Hyper Text Markup Language.
• “the language of the Internet”.
• It is a markup language that was originally designed for sharing
scientific documents.
• HTML Elements
building blocks of an HTML page.
The pieces of content such as “paragraph,” “list,” and “table”.
represented by tags.
Browsers use tags to render the content.
Html 5
• Define a single language which can be written in HTML syntax or in
XML syntax.
• Interoperability with earlier HTML implementations.
• Improves markup for documents.
• Include markup and API for idioms, such as web application.
HTMl5 Elements
• HTML uses APIs to enhance the user experience, providing features
for advanced animation, audio, and video.
• Scripting provides a more interactive user experience when browsing
websites.
• To structure a document, HTML5 uses elements like:
• <div>
• <header>
• <footer>
• <section>
• <body>
• <heading>
CSS
• CSS is the design that is layered over the top of an HTML web page
• CSS describes how HTML elements are displayed.
• Developers apply CSS to create a uniform look throughout each element
of each page of the website.
• Child and descendant elements often inherit styles that are defined for
parent elements.
What elements can css control?
You can use CSS to control a document’s appearance and specify style
rules for the following web page elements:
Fonts Spacing
Text Positioning
Colors Visual effects
Backgrounds Tables
Sizes, Lists
Borders
Javascript
• Javascript is a client-side scripting language.
• In a javascript we can add dynamic behavior to otherwise static web
content.
• Write javascript in html :
• <script> // JavaScript code </script>