Web Development 1 with HTML, CSS and JavaScript
 
 

Web Development 1 with HTML, CSS and JavaScript

Course Code: WEBDEV1

Duration: 5 days

S5

Web Development 1 with HTML, CSS and JavaScript Course 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

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.


 

Course Contents

Web Development 1 with HTML, CSS and JavaScript Training Course

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

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

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

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

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
 

Web Development 1 with HTML, CSS and JavaScript

Duration: 5 days

RRP: £1,895.00 exc. VAT 


Upcoming Scheduled Events
Next 6 months

London
Start Date   Spaces Book
20 May 2019
StayAhead Virtual Courses available 
Limited StayAhead - Course Running Book
 
08 Jul 2019   Spaces StayAhead - Course Running Book
 
09 Sep 2019   Spaces StayAhead - Course Running Book
 
Virtual Events StayAhead Virtual Courses available You can attend your training virtually using the London dates shown above. Those events highlighted with StayAhead Virtual Courses available already have virtual delegates booked. Please contact us for more details on our Virtual training options or to discuss specific Virtual course dates to meet your requirements.
 
 
Quick Search....
        Home             Let Us Call You
 

 

Course Deliveries

Public Scheduled and Closed
Virtual
UK and Overseas

OUG

Oracle User Group - Membership Benefits

OUG

Certification

Our independent Oracle, Solaris & Red Hat Linux curriculums helps prepare delegates for official certification.

StayAhead
Flexibility

Cannot see a sutiable date?
Please call us and we will try an accommodateyour needs!




Our Course Curriculum

 
 
 
 
 



Our Ratings

Instructor
Quality
 

97.47%

Course
Practical
 

92.59%

Overall
Courseware
 

94.25%

Overall
Course
 

96.42%

+44 (0)20 7600 6116
sales@stayahead.com
Copyright © 2019 StayAhead Training Ltd
Cookies   /   Privacy Policy