HTML & Javascript training course outline by Computer Academy

HTML and Javascript Training Course

The full name of HTML is Hyper-text Markup Language which is the fundation of all web pages. With this language, users can compose the text, graphics, movie and sound to create a webpage. Thus, this is the language which web designers must know. Since HTML is mainly for web page layout and it lacks of interactive features, it explains why most websites will use JavaScript in conjunction with HTML to provide interactive effects. For example, it can be used to trace the version of browser, plug-in the information, scrolling status bars, roll-over the banners, and verify information such as email address. The powerful integration between HTML and JavaScrip enhances greatly the performance and efficiency of web development.

HTML and Javascript Training Course

What you’ll learn

HTML5 Module

HTML Basics

  • Create an HTML Web Page
  • Learning the core HTML Tags
  • Styling Web Pages with Font Tag
  • Working with Images
  • Presenting and Formatting Data using Table Tags
  • Creating Data Input Form

Introducing HTML5

  • Introducing HTML5
  • Understanding HTML5 Web Browsers
  • Backward Compatibility Issues

Learning Page Layout Elements

  • Understanding the Semantic Layout
  • Using Header, Footer Elements
  • Using a Navigation Element
  • Using Section and Article Elements
  • Using Heading and Paragraph Elements
  • Using Figure and Aside Elements

Designing HTML5 Form

  • Using Number, Telephone Input Type
  • Using Email, URL Input Type
  • Using URL, Search Input Type
  • Using Date, Range Input Type
  • Using Color Input Type
  • Require a Value in an Input Field

Adding HTML5 Multimedia

  • Understanding Audio and Video Formats
  • Play Movies with the HTML5 video Element
  • Play Sound with the HTML5 audio Element

  Diploma in Web Design for Mobile and Desktop Devices
  Photoshop in Web Production

Javascript Module

Getting Started with JavaScript

  • JavaScript Programming Overview
  • JavaScript and HTML: Using the SCRIPT Tag
  • Hiding Scripts from Non-JavaScript Browsers

Variables and Operators

  • Variables and Data Types Overview
  • Using Data Types, Variables, and Operators
  • Using Comments in JavaScript
  • Defining Arrays

Functions and Objects

  • Using Built-in Functions
  • Creating Custom Functions
  • Using Methods

Control Statements

  • Controlling the flow - JavaScript Control Statements
  • Using Control Statements and Loops
  • Using Loops
  • Conditional Statements: If...Else
  • Using the For...In Loop
  • Using the Break Statement
  • Using the Continue Statement

The Window Object

  • The Window Object
  • Dialog Boxes
  • Window Manipulations

The Document Object

  • The Document Object
  • Writing to Documents
  • Dynamic Documents

Events Handling

  • Using JavaScript Events
  • OnMouseOver, OnMouseOut
  • OnLoad, OnUnLoad
  • OnSubmit, OnClick

Working with Forms

  • The Form Object
  • Reading Data from Form Elements
  • Validating Data with Event Handlers
  • String Methods Used in Input Validation
  • Form-Level Validation

Validating Form Data

  • A General Approach
  • Testing for Required Fields
  • Validating Numeric Data