Web Development 1 with HTML, CSS and JavaScript

5 Day Course
Hands On
Code WEBDEV1

Book Now - 2 Delivery Methods Available:

Scheduled Online Onsite

Overview

The Web Development 1 with HTML, CSS and JavaScript course comprises sessions dealing with HTML, CSS and JavaScript - the three core languages of web development. HTML tags give a web page its structure, Cascading Style Sheets provide the style, and JavaScript code is used to make the page dynamic and interactive. All three are essential for a modern, responsive web site.

The delegate will learn how to construct and style a simple web site, and add dynamic and interactive behaviour to their web pages.

Exercises and examples are used throughout the course to give practical hands-on experience with the techniques covered.

Objectives

The delegate will learn and acquire skills as follows:

  • Building simple web pages
  • Marking up document content
  • Adding links and images
  • Creating tables and forms
  • Laying out page content
  • Styling HTML elements
  • Separating style from content
  • Building responsive web pages
  • Embedding or linking to JavaScript code in a web page
  • Declaring and initialising variables
  • Constructing expressions
  • Constructing conditional and iterative statements
  • Declaring and invoking functions
  • Creating and manipulating objects
  • Creating and manipulating arrays
  • Handling errors and debugging
  • Navigating and manipulating the DOM
  • Writing and assigning event handlers
  • Using the DOM to obtain and store useful information
  • Obtaining data from the server asynchronously

Target Audience

The Web Development 1 with HTML, CSS and JavaScript course is designed for those new to web development.

Additional Information

  • Course technical content is subject to change without notice.
  • Course content is structured as sessions, this does not strictly map to course timings. Concepts, content and practicals often span sessions.

Training Partners

We work with the following best of breed training partners using our bulk buying power to bring you a wider range of dates, locations and prices.

Modules

Hide all

Introduction to HTML & CSS (4 topics)

  • What is HTML
  • What is CSS
  • Structure and Style
  • Versions and Browser Support

Event Handling (5 topics)

  • Event
  • Event Object
  • Event Handler
  • Event Handler Assignment
  • Form Validation

HTML Structure (4 topics)

  • Tags, Elements, and Attributes
  • Typical Document Structure
  • Document Type
  • Entities

Simple Elements (4 topics)

  • Headings
  • Paragraphs
  • Links
  • Images

Compound Elements (6 topics)

  • Nesting
  • Lists
  • Media Queries
  • Tables
  • Forms
  • Divisions

CSS Structure (5 topics)

  • Selectors, Properties, and Values
  • Class and ID Attributes
  • Inline, Internal, and External styles
  • Block and Inline Elements
  • The Box Model

Styles (4 topics)

  • Generic Styles
  • List-specific Styles
  • Table-specific Styles
  • Positional Styles

Complex Selectors (4 topics)

  • Combinators
  • Pseudo Classes
  • Pseudo Elements
  • Attribute Selectors

HTML5 & Responsive Web Design (5 topics)

  • What is HTML5?
  • Responsive Web Design
  • Responsive Grid Layout
  • Introduction to Media Queries
  • Responsive Web Design Frameworks

Introduction to JavaScript (4 topics)

  • What is JavaScript
  • Dynamism and Interactivity
  • JavaScript and ECMAScript
  • Versions and Browser Support

JavaScript Structure (5 topics)

  • Inline, Internal, and External Scripts
  • The script and noscript Tags
  • Case Sensitivity
  • Whitespace
  • Comments

Variables & Expressions (5 topics)

  • Variable Declaration and Assignment
  • Data Types
  • Type Conversion
  • Operators: Arithmetic, Assignment, Comparison, and Logical
  • Simple and Compound Expressions

Conditions & Loops (8 topics)

  • If Else
  • Switch
  • Ternary Operator
  • For
  • While
  • Do
  • Break
  • Continue

Functions (5 topics)

  • Function Declaration
  • Function Invocation
  • Variable Scope and Hoisting
  • Functions as Data
  • Anonymous Functions

Objects (6 topics)

  • Object Literal
  • Object Properties
  • Constructor Function
  • Prototype Manipulation
  • String, Number, Date, and Math
  • Regular Expressions

Arrays (5 topics)

  • Array Literal
  • Array Elements
  • Array Traversal
  • Array Functions
  • Multi-dimensional Arrays

Errors & Debugging (4 topics)

  • In-browser Developer Tools
  • Console Object
  • Debugging
  • Throw, Try, and Catch

DOM (5 topics)

  • Relationship between HTML and JavaScript
  • Element Referencing
  • Common Element Properties
  • DOM Navigation
  • DOM Manipulation

BOM (5 topics)

  • Window Object
  • Screen, History, and Navigator Objects
  • Alerts and Prompts
  • Timeouts and Intervals
  • Cookies

AJAX (5 topics)

  • The Request and Response Model
  • XMLHttpRequest Object
  • Asynchronous Request
  • Callbacks
  • Introduction to XML and JSON

Prerequisites

Delegates should be able to navigate the filesystem, edit a file and browse the web. No programming experience is necessary.

Scheduled Dates

Please select from the dates below to make an enquiry or booking.

Pricing

Different pricing structures are available including special offers. These include early bird, late availability, multi-place, corporate volume and self-funding rates. Please arrange a discussion with a training advisor to discover your most cost effective option.

Code Location Duration Price Oct Nov Dec Jan Feb Mar
WEBDEV1 5 Days $1,895

or call:408-759-5074

Alternatively you can request a callback or schedule a call with a Training Advisor

Course PDF

Print

Share this Course

+1
Share

Recommend this Course

Sections