EIEIOTECHNOVATION
← Training programmes

EIEIO / PROGRAMMING & DEVELOPMENT

HTML5, JavaScript and jQuery using Dreamweaver

Course outline

5 days
Discuss this programme →

Duration

5 days

LESSON 1: INTRODUCTION TO HTML5

  • What Is a Markup Language?
  • The Simplest HTML Page Possible
  • An HTML Template
  • Understanding Elements and Attributes
  • Try It
  • Lesson Requirements
  • Step-by-Step

LESSON 2: BASIC HTML

  • Structuring Text
  • Links and Images
  • Try It
  • Lesson Requirements
  • Step-by-Step

LESSON 3: LISTS AND TABLES

  • Lists
  • Tables
  • Try It
  • Lesson Requirements
  • Step-by-Step

LESSON 4: INTRODUCTION TO CSS

  • CSS Selectors
  • CSS Files and Inline Styles
  • Specificity
  • Inheritance
  • Browser Defaults
  • Chrome Scratch Pad
  • Try It
  • Lesson Requirements
  • Step-by-Step

LESSON 5: STRUCTURING PAGES WITH CSS

  • The Box Model
  • Display Type
  • Positioning Elements
  • Controlling Positions
  • Try It
  • Lesson Requirements
  • Step-by-Step

LESSON 6: HTML FORMS

  • What Is a Form?
  • Adding Fields to a Form
  • HTML5 Input Fields
  • Try It
  • Lesson Requirements
  • Step-by-Step

LESSON 7: SEMANTIC TAGS

  • Grouping and Segmenting Content
  • Header
  • Footer
  • Main
  • Section
  • Aside
  • Article
  • Nav
  • Styling Semantic Tags with CSS
  • Microformats
  • Summing Up
  • Try It
  • Lesson Requirements
  • Step-by-Step

LESSON 8: HTML5 VALIDATION

  • Adding Validation Rules
  • Customizing Validation
  • Disabling Validation
  • Try It
  • Lesson Requirements
  • Step-by-Step

LESSON 9: DRAG AND DROP

  • Understanding Events
  • Drag and Drop Example
  • Try It
  • Lesson Requirements
  • Step-by-Step

LESSON 10: DYNAMIC ELEMENTS

  • Summary and Details Tags
  • Progress Bar and Meter
  • Range Element
  • Polyfills
  • Try It
  • Lesson Requirements
  • Step-by-Step

LESSON 11: JAVASCRIPT

  • JavaScript Console
  • Data Types
  • Strings
  • Numbers
  • Booleans
  • Null
  • Undefined
  • Arrays
  • Objects
  • Functions
  • Control Structures
  • Truthy and Falsy Values
  • Dynamic Typing
  • Try It
  • Lesson Requirements
  • Step-by-Step

LESSON 12: DEBUGGING

  • Try It
  • Lesson Requirements
  • Step-by-Step
  • Finding Errors
  • Try It
  • Lesson Requirements
  • Step-by-Step

LESSON 13: FUNCTIONS

  • Closures
  • Hoisting and Block Scope
  • Arguments
  • Bind
  • Try It
  • Lesson Requirements
  • Step-by-Step

LESSON 14: OBJECTS

  • Object Literals
  • Prototypes
  • Constructor Functions
  • Modules
  • Try It
  • Lesson Requirements
  • Step-by-Step

LESSON 15: JSON

  • Replacing and Reviving
  • Try It
  • Lesson Requirements
  • Step-by-Step

LESSON 16: DOCUMENT OBJECT MODEL

  • Nodes and Objects
  • Selecting Elements
  • Traversing the DOM
  • Manipulating the DOM
  • Responding to Events
  • Try It
  • Lesson Requirements
  • Step-by-Step

LESSON 17: JQUERY SELECTION

  • Loading jQuery
  • Selecting Elements
  • Pseudo-selectors
  • Selection within a Context
  • Wrapped Objects
  • Try It
  • Lesson Requirements
  • Step-by-Step

LESSON 18: JQUERY TRAVERSAL AND MANIPULATION

  • Traversal
  • Chaining
  • Manipulation
  • Changing Elements
  • Iteration
  • Try It
  • Lesson Requirements
  • Step-by-Step

LESSON 19: JQUERY EVENTS

  • Registering Event Listeners
  • Delegated Event Listeners
  • Form Events
  • Screen Events
  • Animation
  • Try It
  • Lesson Requirements
  • Step-by-Step

LESSON 20: DATA ATTRIBUTES AND TEMPLATES

  • Template Tag
  • Data Attributes
  • Using the Template
  • Try It
  • Lesson Requirements
  • Step-by-Step

LESSON 21: JQUERY PLUGINS

  • jQuery UI
  • Writing a Plugin
  • Try It
  • Lesson Requirements
  • Step-by-Step

Programme scope, delivery arrangements and suitability are confirmed during enquiry.