Skip to main Content

Web Development 1 with HTML,CSS and JavaScript

  • Course Code WEBDEV1
  • Duration 5 days

Course Delivery

Additional Payment Options

  • GTC 30 inc. VAT

    GTC, Global Knowledge Training Credit, please contact Global Knowledge for more details

Public Classroom Price

£1,895.00

excl. VAT

Request Group Training Add to Cart

Course Delivery

This course is available in the following formats:

  • Company Event

    Event at company

  • Public Classroom

    Traditional Classroom Learning

  • Virtual Learning

    Learning that is virtual

Request this course in a different delivery format.

Course Overview

Top

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.

Course Schedule

Top
    • Delivery Format: Public Classroom
    • Date: 12-16 September, 2022
    • Location: Live Virtual

    £1,895.00

    • Delivery Format: Public Classroom
    • Date: 24-28 October, 2022
    • Location: Live Virtual

    £1,895.00

    • Delivery Format: Public Classroom
    • Date: 12-16 December, 2022
    • Location: Live Virtual

    £1,895.00

Target Audience

Top

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

Course Objectives

Top

This course aims to provide the delegate with the knowledge to be able to construct and style a responsive,dynamic,and interactive web site using all core elements of the HTML,CSS,and JavaScript languages including AJAX.

Course Content

Top
Web Development 1 with HTML,CSS and JavaScript Training Course Course Contents - DAY 1

Course Introduction

  • Administration and Course Materials
  • Course Structure and Agenda
  • Delegate and Trainer Introductions

Session 1: INTRODUCTION TO HTML & CSS

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

Session 2: HTML STRUCTURE

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

Session 3: SIMPLE ELEMENTS

  • Headings
  • Paragraphs
  • Links
  • Images

Session 4: COMPOUND ELEMENTS

  • Nesting
  • Lists
  • Media Queries
  • Tables
  • Forms
  • Divisions
Web Development 1 with HTML,CSS and JavaScript Training Course Course Contents - DAY 2

Session 5: CSS STRUCTURE

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

Session 6: STYLES

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

Session 7: COMPLEX SELECTORS

  • Combinators
  • Pseudo Classes
  • Pseudo Elements
  • Attribute Selectors

Session 8: HTML5 & RESPONSIVE WEB DESIGN

  • What is HTML5
  • Responsive Web Design
  • Responsive Grid Layout
  • Introduction to Media Queries
  • Responsive Web Design Frameworks
Web Development 1 with HTML,CSS and JavaScript Training Course Course Contents - DAY 3

Session 9: INTRODUCTION TO JAVASCRIPT

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

Session 10: JAVASCRIPT STRUCTURE

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

Session 11: VARIABLES & EXPRESSIONS

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

Session 12: CONDITIONS & LOOPS

  • If Else
  • Switch
  • Ternary Operator
  • For
  • While
  • Do
  • Break
  • Continue
Web Development 1 with HTML,CSS and JavaScript Training Course Course Contents - DAY 4

Session 13: FUNCTIONS

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

Session 14: OBJECTS

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

Session 15: ARRAYS

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

Session 16: ERRORS & DEBUGGING

  • In-browser Developer Tools
  • Console Object
  • Debugging
  • Throw,Try,and Catch
Web Development 1 with HTML,CSS and JavaScript Training Course Course Contents - DAY 5

Session 17: DOM

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

Session 18: EVENT HANDLING

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

Session 19: BOM

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

Session 20: AJAX

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

Course Prerequisites

Top

Delegates attending this course should be able to define general programming concepts including compilation and execution,variables,arrays,sequence,selection and iteration,navigate the filesystem (on the command line ideally),edit and save text files and browse the web. This knowledge can be obtained by attendance on the pre-requisite Introduction to Programming course.

Follow on Courses

Top
  • HTML5 & CSS3 with JavaScript (H5CSS3)
  • JavaScript 2 (JS2)
  • jQuery Web Development (JQWD)
  • React (REACT)
  • Angular Development (ANGDEV)
Cookie Control toggle icon