Front-End Web Design & Development

As part of this program, Learners will complete the following hands-on labs and activities:

• Creating a Simple HTML5 Page
• Creating Paragraph Breaks and Line Breaks With HTML5
• Using Headings in HTML5
• Indenting and Centering Text With HTML5
• Using Text-Level Phrasing Elements in HTML5
• Creating Lists With HTML5
• Documenting and Commenting on the HTML5 Code
• Using an External Style Sheet With HTML5
• Assigning Inline CSS Attribute Values to the hr Tag in HTML5
• Incorporating Images in an HTML5 Page
• Changing Page Colors and Backgrounds With HTML5
• Formatting Text With CSS3
• Creating Local Text Hyperlinks in HTML5
• Creating External Hyperlinks
• Using Images as Hyperlinks
• Using Internal Hyperlinks
• Creating HTML5 Tables to Organize Content
• Creating a Simple Web Form in HTML5
• Adding a Radio Button Group to an HTML5 Web Form
• Adding Check boxes to an HTML5 Web Form
• Adding a Single-Option Drop-Down List to an HTML5 Web Form
• Adding a Multiple-Option Select List to an HTML5 Web Form
• Adding a Scrolling Text Area Box to an HTML5 Web Form
• Adding a Video to an HTML5 Webpage
• Adding an iframe to an HTML5 Webpage
• Adding Audio to an HTML5 Webpage
• Defining a Client-Side Image Map
• Using JavaScript to Detect the Browser Type
• Using Simple JavaScript to Create an Interactive Webpage
• Experimenting With the HTML5 Canvas API
• Experimenting With the Geolocation API
• Adding Drag-and-Drop Functionality to a Webpage
• Creating an HTML Table With a GUI Editor
• Creating External Hyperlinks With a GUI Editor
• Creating Bulleted and Numbered Lists With a GUI Editor
• Changing Font and Background Color With a GUI Editor
• Adding an Image to a Webpage With a GUI Editor
• Creating a Webpage With a GUI Editor
• Creating 2D and 3D Transformations with CSS3
• Using CSS3 Transitions
• Creating CSS3 Animations
• Animating a Text Box Using CSS3
• Using the CSS3 resize Property
• Creating a CSS Menu
• Using the JavaScript's alert() Method
• Using the JavaScript's prompt() Method
• Using the JavaScript's document.write() Method
• Using the JavaScript's navigator Object
• Using Operators in JavaScript
• Using the switch Statement in HTML
• Using the if Statement in HTML
• Using the if-else Statement in HTML
• Using the while Loop in HTML
• Using the for Loop in HTML
• Using JavaScript Event Handlers
• Using Functions, Arguments, and Return Values in JavaScript
• Creating a User-Defined Function in JavaScript
• Creating an External JavaScript File
• Calling a Function from within Another Function in JavaScript
• Calling Functions and Using their Arguments
• Using the setInterval Method in Animations in HTML
• Using the setTimeout Method in Animations in HTML
• Using the parseFloat() Conversion Function in JavaScript
• Transmitting and Parsing Complex Objects in HTML
• Animating an Image in HTML
• Manipulating a Canvas in HTML
• Using the HTML5 Canvas API
• Using the Drag-and-Drop Functionality of HTML5
• Using the HTML5 File API to List and Read Files
• Sending and Receiving Data in HTML
• Retrieving and Manipulating Data Using jQuery
• Using New HTML5 Input Types
• Using the search Input Type
• Using the textarea Element with the placeholder Attribute
• Using the HTML5 datalist Element
• Using the fieldset and legend Elements
• Using the HTML5 autofocus Attribute with the input Element
• Using the HTML5 autocomplete Attribute with the form Element
• Loading and Saving Files in HTML
• Using the button Element to Submit Forms
• Using the HTML5 formtarget Attribute
• Using the HTML5 pattern Attribute
• Using the pattern Attribute with HTML Input Types
• Using the HTML5 required Attribute