Skip to content
  1. Online
  2. IT

Web Development 1 with HTML, CSS and JavaScript
StayAhead Training

Summary

Price
£2,274 inc VAT
Study method
Distance + live classes
Duration
5 days · Part-time or full-time
Qualification
No formal qualification
Additional info
  • Tutor is available to students

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.

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

Who will the Course Benefit?

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

Course Objectives

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.

Requirements

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

Follow-On Courses

  • HTML5 & CSS3 with JavaScript
  • JavaScript 2
  • jQuery Web Development
  • Bootstrap
  • React
  • Angular Development
  • Aurelia Framework

Notes:

  • 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.

Description

Course Contents - DAY 1Course 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 CourseCourse Contents - DAY 2Session 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 CourseCourse Contents - DAY 3Session 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 CourseCourse Contents - DAY 4Session 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 CourseCourse Contents - DAY 5Session 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

Questions and answers

Reviews

Currently there are no reviews for this course. Be the first to leave a review.

Leave a review

Legal information

This course is advertised on Reed.co.uk by the Course Provider, whose terms and conditions apply. Purchases are made directly from the Course Provider, and as such, content and materials are supplied by the Course Provider directly. Reed is acting as agent and not reseller in relation to this course. Reed's only responsibility is to facilitate your payment for the course. It is your responsibility to review and agree to the Course Provider's terms and conditions and satisfy yourself as to the suitability of the course you intend to purchase. Reed will not have any responsibility for the content of the course and/or associated materials.

FAQs

Study method describes the format in which the course will be delivered. At Reed Courses, courses are delivered in a number of ways, including online courses, where the course content can be accessed online remotely, and classroom courses, where courses are delivered in person at a classroom venue.

CPD stands for Continuing Professional Development. If you work in certain professions or for certain companies, your employer may require you to complete a number of CPD hours or points, per year. You can find a range of CPD courses on Reed Courses, many of which can be completed online.

A regulated qualification is delivered by a learning institution which is regulated by a government body. In England, the government body which regulates courses is Ofqual. Ofqual regulated qualifications sit on the Regulated Qualifications Framework (RQF), which can help students understand how different qualifications in different fields compare to each other. The framework also helps students to understand what qualifications they need to progress towards a higher learning goal, such as a university degree or equivalent higher education award.

An endorsed course is a skills based course which has been checked over and approved by an independent awarding body. Endorsed courses are not regulated so do not result in a qualification - however, the student can usually purchase a certificate showing the awarding body's logo if they wish. Certain awarding bodies - such as Quality Licence Scheme and TQUK - have developed endorsement schemes as a way to help students select the best skills based courses for them.
View all
Similar subjects: IT, Web development, Web design
Related searches: Online courses