INTRODUCTION TO HTML, CSS AND JAVASCRIPT– GTIT9

Course Description

In this class, students get a rapid hands-on introduction to client-side programming with HTML, CSS, and JavaScript. The course is meant for students who want to need to get a jump start on all three technologies. Students should be prepared to cover a lot in three days and to be ready to spend some time afterward reviewing the content on their own to solidify and build upon the skills taught in class.

^^

Duration

3 days

^^

Target Audience

Experience in the following areas is required:

  • Working with computers regularly

Experience in the following areas would be beneficial:

  • Programming Experience
  • A basic understanding of how the web works

^^

Course Prerequisites

Programming experience and an understanding of how the web works is beneficial to attend this course.

If you have any questions or doubts as to whether you meet the pre-requisites for this course, or indeed are wondering which course best suits you, please consult with us to discuss your suitability for course attendance.

Objectives:

  • Learn the basics of Web development
  • Learn the difference between HTML and XHTML
  • Learn to create links in HTML documents
  • Learn to add images to HTML documents
  • Learn to create HTML tables
  • See how forms are built in HTML (this will be covered very quickly)
  • Learn the benefits of CSS.
  • Learn to avoid using deprecated tags and attributes.
  • Learn CSS syntax.
  • Learn to use <div> and <span> tags appropriately.
  • Learn most of the common properties and their values.
  • Learn how JavaScript is used
  • Learn JavaScript syntax
  • Learn to work with JavaScript variables
  • Learn to create your own functions in JavaScript
  • Learn to write flow control logic in JavaScript

^^

Suggested Follow on Courses

Please contact us for further details.

^^

Course Content

1. A QUICK OVERVIEW OF WEB DEVELOPMENT

  1. Client-side Programming
  2. Server-side Programming

 

2. INTRODUCTION TO HTML

  1. Getting Started
  2. A Simple HTML Document
  3. The HTML Skeleton
  4. HTML Elements
  5. XHTML vs. HTML
  6. Special Characters
  7. lang and xml:lang

 

3. PARAGRAPHS, HEADINGS AND TEXT

  1. Paragraphs
  2. Breaks and Horizontal Rules
  3. Creating an HTML Page
  4. Quoted Text
  5. Preformatted Text
  6. Phrase Elements
  7. Formatting Elements
  8. Documenting Changes

 

4. HTML LINKS

  1. Text Links
  2. Absolute vs. Relative Paths
  3. Targeting New Windows
  4. Email Links
  5. Adding Links
  6. Anchors
  7. The title Attribute

 

5. HTMLIMAGES

  1. Inserting Images
  2. Image Links
  3. Adding Images to the Page

 

6. HTML LISTS

  1. Unordered Lists
  2. Ordered Lists
  3. Definition Lists
  4. Creating Lists

 

7. HTML TABLES

  1. Creating Tables
  2. Attributes
  3. Merging Cells
  4. Creating Tables

 

8. HTML FORMS

  1. How HTML Forms Work
  2. The <form> Tag
  3. Form Elements
  4. Creating a Registration Form
  5. Adding Checkboxes and Radio Buttons
  6. Adding a Select Menu and a Textarea

 

9. CRASH COURSE IN CSS

  1. Benefits of Cascading Style Sheets
  2. CSS Rules
  3. Selectors
  4. Precedence of Selectors
  5. The Cascade
  6. Creating an Embedded Style Sheet
  7. Creating an External Style Sheet
  8. Adding Inline Styles
  9. Media Types
  10. <div> and <span>
  11. Divs and Spans
  12. Units of Measurement
  13. The Inherit Value
  14. @import

 

10. CSS FONTS

  1. Font – the old way
  2. Font-family
  3. Font-size
  4. Font Family and Font Size
  5. Font-style
  6. Font-variant
  7. Font-weight
  8. Font Style, Font Variant and Font Weight

 

11. CSS TEXT

  1. Letter-spacing
  2. Word-spacing
  3. Line-height
  4. Text-align
  5. Text-decoration
  6. Text-indent
  7. Text-transform
  8. Vertical-align
  9. White-space
  10. Text Properties

 

12. COLORS AND BACKGROUNDS

  1. About Color Values
  2. Color
  3. Background-color
  4. Background-image
  5. Colors and Backgrounds

13. JAVA SCRIPT BASICS

  1. The Name “JavaScript”
  2. The HTML DOM
  3. JavaScript Syntax
  4. Basic Rules
  5. Dot Notation
  6. Square Bracket Notation
  7. Where Is JavaScript Code Written?
  8. JavaScript Objects, Methods and Properties
  9. Methods
  10. Properties
  11. The Implicit window Object
  12. The getElementById() Method
  13. Event Handlers

 

14. VARIABLES, ARRAYS AND OPERATORS

  1. JavaScript Variables
  2. A Loosely-typed Language
  3. Storing User-Entered Data
  4. Arrays
  5. Associative Arrays
  6. Array Properties and Methods
  7. JavaScript Operators

 

15. JAVA SCRIPT FUNCTIONS

  1. Built-in Functions
  2. Number(object)
  3. String(object)
  4. isNaN(object)
  5. parseFloat() and parseInt()
  6. Built-in Functions vs. Methods
  7. User-defined Functions
  8. Function Syntax
  9. Passing Values to Functions
  10. A Note on Variable Scope
  11. Returning Values from Functions

 

16. CONDITIONALS AND LOOPS

  1. Conditionals
  2. if – else if – else Conditions
  3. Switch / Case
  4. Loops
  5. while Loop Syntax
  6. do…while Loop Syntax
  7. for Loop Syntax
  8. for…in Loop Syntax

^^

See more Internet Technologies courses