Varargs Training & Software Development Centre Private Limited, Module: HTML5, CSS3 & JavaScript

Size: px

Start display at page:

Download "Varargs Training & Software Development Centre Private Limited, Module: HTML5, CSS3 & JavaScript"

Joan Horn
5 years ago
Views:

PHP Curriculum Module: HTML5, CSS3 & JavaScript Introduction to the Web o Explain the evolution of HTML o Explain the page structure used by HTML o List the drawbacks in HTML 4 and XHTML o List the

o Explain the basic tags in HTML o List the different data types, attributes, and entities of HTML5 o Describe container and standalone tags o Explain the role of HTML5 in Mobile devices Formatting

1 PHP Curriculum Module: HTML5, CSS3 & JavaScript Introduction to the Web o Explain the evolution of HTML o Explain the page structure used by HTML o List the drawbacks in HTML 4 and XHTML o List the new features of HTML5 o Explain CSS o Explain JavaScript o Explain jquery o Explain browser support for HTML5 Introduction to HTML5 o Explain the elements constituting an HTML tag o Describe doctype o Explain the basic tags in HTML o List the different data types, attributes, and entities of HTML5 o Describe container and standalone tags o Explain the role of HTML5 in Mobile devices Formatting Text Using Tags o Explain the Heading tag o Explain the different tags related toformatting o Explain monospaced font, preformatted text, and block quotation o Describe the different types of lists o Explain the procedure to change the background color and image Creating Hyperlinks and Anchors o Describe hyperlinks o Explain absolute and relative paths o Explain how to hyperlink to a Web page and address o Explain how to hyperlink to anchors and other content INTRODUCTION TO CSS3 o Identify the new functions of CSS3 o Explain the different types of selectors o Explain nested tags o Define Classes and IDs for applying styles

2 o Explain the process to apply styles to hyperlink Formatting using Style Sheets o List and explain text and font styles o Describe inline spans o Explain paragraph indentation and application of border o Explain horizontal paragraph alignment o Explain vertical spacing within a paragraph DISPLAYING GRAPHICS AND CSS3 ANIMATION o Explain graphic formatting in Web pages o Explain graphic insertion, sizing, and padding o Explain CSS3 Animation o Describe the use of CSS3 on Mobile devices CREATING NAVIGATIONAL AIDS AND DIVISION-BASED LAYOUT o Explain HTML 5 semantic tags o Explain HTML 5 semantic tag layouts o Explain the usage of navigation bar o Describe a text-based and graphical navigation bar o Explain image mapping o Explain divisions in HTML 5 CREATING TABLES o Describe the creating and formatting tables o Explain the table size and the width of a column o Describe the table formatting and merging of table cells o Explain the page layout for tables HTML FORMS o Describe HTML5 forms o Explain the working of new input types in HTML5 o Explain the new Form attributes o Explain the new Form elements HTML5 AUDIO AND VIDEO o Describe the need for multimedia in HTML5 o List the supported media types in HTML5 o Explain the audio elements in HTML5 o Explain the video elements in HTML5 o Explain the accessibility of audio and video elements o Describe how to deal with Nonsupporting browsers INTRODUCTION TO JAVASCRIPT o Explain scripting o Explain the JavaScript language o Describe the various versions of JavaScript language o Explain the client-side and serverside JavaScript o Describe the <script>tag o List the variables and data types in JavaScript

3 o Describe the JavaScript methods to display information o Explain escape sequences. o List the built in functions in JavaScript o Explain events and event handling o Explain jquery o Describe how to use the jquery Mobile Operators and Statements o Explain operators and their types in JavaScript o Explain regular expressions in JavaScript o Explain decision-making statements in JavaScript Loops and Arrays o Explain while loop o Explain for loop o Explain do..while loop o Explain break and continue statement o Explain single-dimensional arrays o Explain multi-dimensional arrays o Explain for..in loop Functions and Objects o Explain functions o Explain parameterized functions o Explain return statement o Describe objects o Explain different browser objects o Describe Document Object Model (DOM) Building a Mobile Web Application o Describe the features of different mobile devices o List the different type of platforms available for mobile devices o Explain the design aspects of a mobile Web site o Explain the architectural aspects of a mobile Web site o Explain the requirements for developing and testing of a mobile Web site o Explain support of HTML5 in mobile Web site o List the best practices for optimizing a mobile Web site CANVAS AND JAVASCRIPT o Describe Canvas in HTML5 o Explain the procedure to draw lines o Explain the procedure to use color and transparency o Explain the procedure to work with various drawing objects o Describe working with images and text o Describe the procedure to create Web page events with JavaScript and jquery o Describe the process of including external content in Web pages HTML5 Web Storage o Explain Web Storage in HTML5

4 o Explain Session Storage o Explain Local Storage o Explain the Indexed DB API o Describe a native app o Explain the difference between native apps and HTML5 apps o Describe the advantages of native and HTML5 apps o List the steps to convert HTML5 apps to native apps HTML5 Geolocation and APIs o Explain the Geolocation API o Explain the Google Maps API o Describe the Drag and Drop API o Explain the Application Cache API Module: Working with JQUERY Introduction to JQUERY o Introducing jquery o Selecting elements o Operating on a jquery collection JQUERY Properties o Working with properties, attributes, and data o Bringing pages to life with jquery o Events are where it happens! Animations o Demo: DVD discs locator o Energizing pages with animations and effects Working with AJAX o Beyond the DOM with jquery utility functions o Talk to the server with Ajax o Demo: an Ajax-powered contact form o When jquery is not enough plugins to the rescue! Callback hell o Avoiding the callback hell with Deferred o Unit testing with QUnit o How jquery fits into large projects Module: Web Application development using PHP Introduction to PHP o Explain the history of PHP. o Identify the need for PHP. o Explain PHP tools and setup. o Explain a simple PHP script. o Explain User Input/Output (I/O).

5 o Explain the use of PHP to generate HTTP headers. o Describe passing of variables using Universal Resource Locator (URL). Installing and Configuring PHP o Learn the pre-requisites for installing PHP7.0.4 o Install PHP on your system o Configure PHP New features of PHP o Explain the intdiv() function. o Explain spaceship operator. o Explain null coalescing operator. o Describe Scalar Type Declarations. o Explain Uniform Variable Syntax in PHP programs. o Describe use operator. o Explain closure call methods in the PHP programs. o Explain Generator delegation via yield from. o Explain Levels parameter of the dirname() function. Form Handling in PHP o Explain the use of the GET method. o Explain the use of the POST method. o Retrieve data from forms using the Form methods. o Explain the use of hidden fields. Using Variables and Expressions in PHP o Explain the use of identifiers. o Explain the data types in PHP. o Explain the use of variables and constants. o Explain the scope of variables in PHP. o Explain the use of HTTP environment variables. Scalar Type Declarations o Explain scalar type declarations. o Describe usage of scalar type declarations in PHP programs. o Explain scalar type hinting. o Explain anonymous classes. o Describe usage of anonymous classes in PHP programs. PHP Operators o Explain the use of arithmetic operators. o Explain the use of logical operators. o Explain the use of relational operators. o Explain the use of bitwise operators. o Explain the use of assignment operators. o Explain the use of string operators. o Explain the use of increment and decrement operators. o Explain the use of conditional or ternary operators. o Explain the precedence of operators.

6 Conditional Statements in PHP o Explain the use of the if statement. o Explain the use of the switch statement. o Explain the use of the ternary (?) operator. Flow Control in PHP o Explain the use of loops. o Explain the use of jump statements. Functions in PHP o Explain functions in PHP. o Describe the built-in functions in PHP. o Explain the process of creating a user-defined function. o Explain the process of passing arguments to a function. o Explain the process of returning values from a function. Working with Arrays o Define an array. o Explain the use of arrays. o Explain the process of merging arrays. o Explain the use of single and multidimensional arrays. o Explain the use of array-related functions. Handling Databases with PHP o Describe Database APIs. o Explain the process of connecting to a database. o Explain the use of data access functions. o Explain SQL queries using PHP. Explain HTML tables using SQL queries. Working with Cookies o Describe the process of setting a cookie. o Explain the process of retrieving a cookie in PHP. o Explain the process to delete a cookie. o Identify the drawbacks associated with cookies. Session Management in PHP o Define a session. o Explain the procedure to work with a session. o Describe the methods to start a session. o Explain the method to register a session. o Describe the method to end a session. o Explain the use of the php.ini file. Handling with PHP o Describe the process of sending an using PHP. o Explain the process of attaching files with an using PHP. OOP Concepts o Explain the OOP concepts. o Explain inheritance. o Explain the use of classes.

7 o Describe the use of constructors. o Explain the use of objects. Generator Delegation and Throwable Interface o Explain generators and generator return expressions. o Describe Generator Delegation. o Explain exception handling and changes in exceptions in PHP 7 o Explain the use of E_ERROR and E_RECOVERABLE_ERROR o Explain the Throwable Interface

Chapter 1 Getting Started with HTML 5 1. Chapter 2 Introduction to New Elements in HTML 5 21

Table of Contents Chapter 1 Getting Started with HTML 5 1 Introduction to HTML 5... 2 New API... 2 New Structure... 3 New Markup Elements and Attributes... 3 New Form Elements and Attributes... 4 Geolocation...