World’s #1 Online Bootcamp

Course Overview

Key Features

  • 12 complete HTML courses
  • HTML & CSS
  • HTML5 & CSS3
  • Website design and Website wireframing
  • Build a video player and 2 HTML5 games
  • Course Completion Certificate

Training Options

Self-Paced Learning

$ 199

  • Lifetime access to high-quality self-paced e-learning content curated by industry experts
  • 24x7 learner assistance and support

Corporate Training

Customized to your team's needs

  • Blended learning delivery model (self-paced eLearning and/or instructor-led options)
  • Flexible pricing options
  • Enterprise grade Learning Management System (LMS)
  • Enterprise dashboards for individuals and teams
  • 24x7 learner assistance and support

Course Curriculum

Course Content

  • Building Responsive Websites with HTML5 and CSS3

    Preview
    • Building Responsive Websites with HTML5 CSS3

      03:29:50Preview
      • 1.1 Welcome
        00:48
      • 1.2 A Look At What We'll Build
        01:36
      • 1.3 Key Aspects Of Responsive Design
        02:43
      • 1.4 Determining Device Resolutions To Target
        04:20
      • 1.5 Wireframing Responsive Layouts
        04:59
      • 1.6 The Concept Of Using Multiple CSS Files
        10:50
      • 1.7 Media Queries and Multiple Style Sheets
        08:58
      • 1.8 Building Media Queries Into A Single CSS File
        07:38
      • 1.9 Using Media Query Expressions
        05:05
      • 1.10 Setting Up The HTML and CSS Files
        04:19
      • 1.11 Getting Started With The Header
        07:36
      • 1.12 Inserting The Main Nav Menu
        06:01
      • 1.13 Inserting The Search Field
        06:56
      • 1.14 Problems With Applying Floats
        04:19
      • 1.15 Integrating Google Fonts API
        03:25
      • 1.16 Building The Hero Section Structure
        04:26
      • 1.17 Formatting The Hero Section
        09:04
      • 1.18 Inserting and Formatting A Call To Action Button
        09:51
      • 1.19 Building The Features Section, Part One
        05:46
      • 1.20 Building The Features Section, Part Two
        04:57
      • 1.21 Inserting The Organize Section
        08:19
      • 1.22 Building The Share Section
        05:16
      • 1.23 Building The Call To Action Area
        06:36
      • 1.24 Inserting And Formatting The Footer
        03:48
      • 1.25 Finishing Touches For The High Resolution Layout
        04:07
      • 1.26 Setting Up The Medium Resolution CSS and Testing The Media Query
        07:02
      • 1.27 Formatting The Medium Res Header
        04:08
      • 1.28 Formatting The Medium Res Hero Section
        06:09
      • 1.29 Formatting The Features Section
        02:14
      • 1.30 Formatting The Organize And Share Sections
        05:17
      • 1.31 Building The Get Section and Finishing Up The Medium Res Layout
        02:53
      • 1.32 Setting Up The Low Res CSS and Testing The Media Query
        04:41
      • 1.33 Formatting The Low Res Header
        02:53
      • 1.34 Resolving Problems Caused By Floats
        04:22
      • 1.35 Formatting The Low Res Hero Section
        03:18
      • 1.36 Formatting The Features Section
        01:46
      • 1.37 Formatting The Organize And Share Sections
        02:59
      • 1.38 Building The Get Section and Finishing Up The Low Res Layout
        03:07
      • 1.39 Disabling Device Smart Zoom
        05:59
      • 1.40 Testing Your Responsive Layouts
        04:28
      • 1.41 Setting Up Retina Display Graphics
        06:22
      • 1.42 Where To Go From Here
        00:29
  • Build Your Own HTML5 Video Player

    Preview
    • Module 1 - Introduction to the Course

      02:17Preview
      • 1.1 Introduction To The Course
        02:17
    • Module 2 - How to Build an HTML5 Video Player

      47:30Preview
      • 2.1 How To Build An HTML 5 Video Player
        08:09
      • 2.2 Coding The HTML
        08:09
      • 2.3 Video Player Attributes
        07:17
      • 2.4 JavaScript Modifications
        08:05
      • 2.5 Working with Adobe Flash
        12:32
      • 2.6 Testing Your Video Player
        03:18
  • Applying Designs to WireFrames with HTML5 and CSS3

    Preview
    • Chapter 0 - Introduction

      03:22Preview
      • 0.1 Introduction
        01:56
      • 0.2 Here's What We'll Create In This Course
        01:26
    • Chapter 1 - From Wireframe To Design

      21:59Preview
      • 1.1 From Wireframe To Design
        05:16
      • 1.2 Choosing Your Designs Colour Palette
        06:39
      • 1.3 Tools For Selecting Typefaces
        05:18
      • 1.4 Choosing Imagery And Design Elements
        04:46
    • Chapter 2 - Getting The Design Underway

      50:51Preview
      • 2.1 Getting The Design Underway
        05:15
      • 2.2 Formatting Call To Action Buttons With CSS
        08:41
      • 2.3 Additional Shadow Effects To The Buttons
        03:11
      • 2.4 Finishing Up The Button Formatting
        05:40
      • 2.5 Typographic Treatments With Google Font API
        07:42
      • 2.6 Beginning The Features Section Styling
        05:29
      • 2.7 Finishing The Features Section
        04:08
      • 2.8 Formatting The Organize Section
        04:48
      • 2.9 Wrapping Up The Layouts Design
        05:57
    • Chapter 3 - Inserting and Formatting Graphics

      17:31Preview
      • 3.1 Inserting and Formatting Graphics
        02:49
      • 3.2 Setting Up The Hero Section Graphics
        04:53
      • 3.3 Getting The Feature Section Images Inserted
        03:04
      • 3.4 Placing The Organize and Share Images
        02:52
      • 3.5 Using A Graphic As A Button Label
        03:53
    • Chapter 4 - Cross-Browser Testing

      22:49Preview
      • 4.1 Cross - Browser Testing
        08:07
      • 4.2 Running Virtual Operating Systems For Testing
        09:17
      • 4.3 Making Minor Adjustments For Browser Compatibility
        05:25
    • Chapter 5 - Wrapping Up

      00:29
      • 5.1 Wrapping Up
        00:29
  • Advanced HTML

    Preview
    • Advanced HTML

      25:03Preview
      • 1.1 Course Materials
        00:30
      • 1.2 The Doctype
        01:58
      • 1.3 Head Section (Part 1)
        06:15
      • 1.4 Head Section (Part 2)
        06:49
      • 1.5 Scripts
        01:18
      • 1.6 Hierarchy (DOM)
        04:08
      • 1.7 Entities
        04:05
  • Fundamentals of HTML

    Preview
    • Fundamentals Of HTML

      01:20:54Preview
      • 1.1 Course Materials
        00:25
      • 1.2 What Is HTML
        01:14
      • 1.3 Editors
        02:08
      • 1.4 Elements
        03:26
      • 1.5 Block Elements
        02:36
      • 1.6 Attributes
        05:02
      • 1.7 Line Breaks
        01:42
      • 1.8 Headers And Paragraphs
        04:45
      • 1.9 Links
        04:15
      • 1.10 Images
        04:27
      • 1.11 Formatting (Part 1)
        02:29
      • 1.12 Formatting (Part 2)
        05:16
      • 1.13 The Style Attribute
        07:42
      • 1.14 Comments
        02:44
      • 1.15 The Div Element
        02:02
      • 1.16 Lists
        04:37
      • 1.17 Tables (Part 1)
        05:57
      • 1.18 Tables (Part 2)
        06:14
      • 1.19 Forms
        10:59
      • 2.20 IFrames
        02:54
  • HTML and CSS for Beginning Web Developers

    Preview
    • Module 1 - Introduction To HTML

      08:44Preview
      • 1.1 The Basics Of HTML
        02:55
      • 1.2 What Is HTML
        02:59
      • 1.3 Getting The Browser
        00:42
      • 1.4 Getting The Editor
        00:49
      • 1.5 Setting Up The Editor
        01:19
    • Module 2 - HTML Basics

      18:11Preview
      • 2.1 Structure Hello World
        04:36
      • 2.2 The DOM
        02:10
      • 2.3 Customizing The Editor
        01:32
      • 2.4 Self Closing Tags - Environment
        01:21
      • 2.5 Validation
        06:10
      • 2.6 Comments
        02:22
    • Module 3 - Block Level Elements

      08:42
      • 3.1 Block Level Elements
        08:42
    • Module 4 - Line Breaks And Spacing

      04:50
      • 4.1 Line Breaks And Spacing
        04:50
    • Module 5 - Inline Elements

      22:58
      • 5.1 Span Text Modifiers
        02:37
      • 5.2 Anchors
        10:25
      • 5.3 Exercise - Linking To The Top Of The Page
        04:46
      • 5.4 Images
        05:10
    • Module 6 - Tables And Forms

      01:19:56Preview
      • 6.1 Tables
        04:49
      • 6.2 The Basics Of Forms
        09:54
      • 6.3 HTML5 Input Attributes
        15:44
      • 6.4 New HTML5 Inputs
        08:53
      • 6.5 Action Attribute
        03:40
      • 6.6 GET vs POST
        03:13
      • 6.7 Using An Image For The Submi Button
        04:06
      • 6.8 Exercise - Hote Booking Form
        18:45
      • 6.9 Placeholder Vs. Value
        02:31
      • 6.10 Radio Buttons, Checkboxes, Selsct Elemnets And Text Areas
        08:21
    • Module 7 - Sematic HTML5 Elements

      14:35Preview
      • 7.1 New Elements
        03:39
      • 7.2 What Are Semantic Elements
        03:14
      • 7.3 Semantics Elements In Practice
        04:32
      • 7.4 Meter And Progress Elements
        03:10
    • Module 8 - Multimedia

      07:43Preview
      • 8.1 Audio
        04:15
      • 8.2 Video
        03:28
  • HTML5 and CSS3 Site Design

    Preview
    • Chapter 0 - Introduction

      03:12Preview
      • 0.1 Introduction
        00:57
      • 0.2 A Look At What Well Build
        02:15
    • Chapter 1 - Let Get Started

      25:33Preview
      • 1.1 Lets Get Started
        03:25
      • 1.2 In The Beginning HTML Fundamentals
        11:18
      • 1.3 Understanding What CSS Is All About
        06:34
      • 1.4 Viewing A Page Background Code
        04:16
    • Chapter 2 - Getting Your Files Organized

      16:01
      • 2.1 Getting Your Files Organized
        06:43
      • 2.2 Creating A Page And Understanding Index Files
        05:41
      • 2.3 Setting Up An External Style Sheet
        03:37
    • Chapter 3 - Let Build A Web Layout From Scratch

      01:27:45Preview
      • 3.1 Lets Build A Web Layout From Scratch
        06:54
      • 3.2 Connecting The External Style Sheet And Testing
        08:14
      • 3.3 Inserting And Formatting The Site Header
        07:36
      • 3.4 Finishing Up The Basic Layout
        04:48
      • 3.5 Debugging For Internet Explorer
        03:25
      • 3.6 Understanding How The Layout Works
        05:49
      • 3.7 Using Divs For Page Layout
        07:14
      • 3.8 A More Economical Approach To Layout And CSS
        07:50
      • 3.9 Using Float And Clear
        05:54
      • 3.10 Centering The Layout
        09:01
      • 3.11 Nesting Layout Objects
        07:03
      • 3.12 Spacing Apart The Layout
        09:11
      • 3.13 Final Touches
        04:46
    • Chapter 4 - Inserting And Formatting Text

      01:17:29Preview
      • 4.1 Inserting And Formatting Text
        04:16
      • 4.2 Setting Up Paragraphs And Headings
        04:36
      • 4.3 Adjusting The Layout For Text Part 1
        07:35
      • 4.4 Adjusting The Layout For Text Part 2
        05:19
      • 4.5 Formatting HTML Headings With CSS
        06:48
      • 4.6 Formatting Paragraphs
        04:09
      • 4.7 Using Class Rules To Format Text
        05:22
      • 4.8 More Formatting With Class Rules
        09:07
      • 4.9 Working More Efficiently With CSS
        06:52
      • 4.10 Inserting And Formatting Lists
        06:40
      • 4.11 Using A List To Build The Main Navigation Menu
        10:15
      • 4.12 Setting Up The Footer Navigation
        06:30
    • Chapter 5 - Now It Time For Some Graphics

      42:18Preview
      • 5.1 Now It Time For Some Graphics
        06:28
      • 5.2 Resizing Images With Your Graphics Editor
        04:51
      • 5.3 Controlling Graphics With CSS
        07:06
      • 5.4 Inserting The FeatureBox Images(Free Lesson)
        07:10
      • 5.5 Adjusting The FeatureBox Layout
        02:57
      • 5.6 Setting Up The FeatureBox Titles
        06:18
      • 5.7 Illustrator, Photoshop, HTML, And CSS Workflow
        07:28
    • Chapter 6 - Site Rollout

      26:21Preview
      • 6.1 Site Rollout
        03:37
      • 6.2 How To Not Roll Out A Website
        07:07
      • 6.3 Roll Out 1 - Setting Internal Hyperlinks
        04:36
      • 6.4 Roll Out 2 - Creating The Site Pages
        01:33
      • 6.5 Previewing And Testing The Site
        04:03
      • 6.6 A Final Thought On Site Rollout
        05:25
    • Chapter 7 - Inserting Additional Page Elements

      01:02:46Preview
      • 7.1 Inserting Additional Page Elements
        06:58
      • 7.2 Inserting A Simple Slideshow
        08:29
      • 7.3 Inserting And Formatting Tables
        08:15
      • 7.4 Inserting A Google Map
        07:51
      • 7.5 Formatting A Customer Testimonial Page
        07:07
      • 7.6 Setting Up A Contact Us Page
        06:44
      • 7.7 Finalizing The Site
        11:55
      • 7.8 Organizing The CSS File
        05:27
    • Chapter 8 - Going Live Uploading The Completed Site

      25:26
      • 8.1 Uploading The Completed Site
        03:52
      • 8.2 Uploading The Local Site To The Remote Server
        02:25
      • 8.3 Testing The Live Site
        02:04
      • 8.4 Making Edits And Updating The Live Site
        06:49
      • 8.5 Testing And Debugging For Other Browsers
        09:53
      • 8.6 Conclusion
        00:23
  • HTML5 Mobile Game Development by Example - Educational Game

    Preview
    • Section 1 - Start Your Engines

      16:11Preview
      • 1.1 Intoduction
        04:31
      • 1.2 Html 5 Quintus Basics
        11:40
    • Section 2 - Course Project

      01:47:49Preview
      • 2.1 Structure Loading Assets
        07:37
      • 2.2 Stages Scenes and Layers
        06:49
      • 2.3 Sprites
        06:20
      • 2.4 Collision Detection
        05:14
      • 2.5 Viewport Camera
        06:29
      • 2.6 The Rivals
        07:56
      • 2.7 The Princess
        07:48
      • 2.8 Game Over
        12:23
      • 2.9 Level Options
        07:52
      • 2.10 UI Module
        06:46
      • 2.11 Game States and Question Generation
        07:17
      • 2.12 Number Buttons
        07:23
      • 2.13 Answer Area
        03:14
      • 2.14 Checking the Answer
        09:32
      • 2.15 Adding Sound
        05:09
    • Section 3 - Course Summary

      06:04
      • 3.1 Course Summary
        06:04
  • HTML5 Mobile Game Development by Example -Veggies vs Zombies

    Preview
    • Section 1 - Start Your Engines

      16:26Preview
      • 1.1 Introduction
        04:46
      • 1.2 HTML 5 Quintus Basics
        11:40
    • Section 2 - Course Project

      02:08:31Preview
      • 2.1 Sprites Loading
        10:04
      • 2.2 Zombie Class
        04:12
      • 2.3 Collision And Physics
        06:10
      • 2.4 Accessing The Game Loop
        05:20
      • 2.5 Game UI
        05:43
      • 2.6 Modules
        09:51
      • 2.7 Touching The Sun
        06:52
      • 2.8 Game State Variables
        05:00
      • 2.9 Gameplay Module
        07:26
      • 2.10 Random Sun Generation
        08:32
      • 2.11 Plants
        09:39
      • 2.12 Shooting Plants
        07:18
      • 2.14 Explosive Chillis
        01:46
      • 2.15 Sunflowers
        03:40
      • 2.16 Loading Levels From Json Files
        09:14
      • 2.17 Plant Buttons
        12:18
      • 2.18 Audio
        08:46
      • 2.19 Multilevel Game
        06:40
    • Section 3 - Course Summary

      03:58
      • 3.1 Course Summary
        03:58
  • Make HTML5 Games with No Coding Required

    Preview
    • 01 - Make HTML5 Games From Scratch With No Coding Required

      03:26:14Preview
      • 1.1 Introduction To The Course Welcome
        04:06
      • 1.2 General Interface
        05:39
      • 1.3 Insert A Sprite
        01:54
      • 1.4 Sprite Properties
        03:53
      • 1.5 Adding Movement To A Sprite
        02:29
      • 1.6 Adding Borders
        03:48
      • 1.7 Edge And Origin
        01:02
      • 1.8 Learn How To Scroll To A Sprite
        01:57
      • 1.9 Adding A Background
        02:01
      • 1.10 Adding Layers
        02:08
      • 1.11 Adding Text To Your Game
        03:17
      • 1.12 Snapping To The Grid
        00:25
      • 1.13 Setting The Sprite Size
        06:10
      • 1.14 Learning More About Events
        03:11
      • 1.15 How To Rotate Your Sprite
        00:46
      • 1.16 How To Rotate Your Sprite With An Event
        04:24
      • 1.17 Rotate To An Angle
        04:14
      • 1.18 How To Set An Angle
        00:43
      • 1.19 How To Shake The Camera
        02:47
      • 1.20 Setting Opacity With Events
        01:10
      • 1.21 Setting Is Visible With Events
        00:47
      • 1.22 How To Destroy An Object With An Event
        01:41
      • 1.23 How To Spawn An Object And Basic Bullet Use
        07:03
      • 1.24 Bullets Part 2
        04:34
      • 1.25 Destroying The Projectile
        02:40
      • 1.26 Setting The Projectile s Origin
        03:24
      • 1.27 Rotate Towards Mouseclick
        01:42
      • 1.28 Move Sprite Towards Mouseclick
        01:26
      • 1.29 Introduction To Variables
        02:12
      • 1.30 Implementing Variables Rotate Sprite To Mouse
        05:31
      • 1.31 Speed Run How To Implement Everything
        06:23
      • 1.32 How To Pin Objects To Other Objects
        02:40
      • 1.33 Making Objects Solid
        01:05
      • 1.34 Collision Masks And Solid Objects
        02:03
      • 1.35 How To Use Wordwrap
        02:01
      • 1.36 Adding Car Properties To Your Sprite
        00:48
      • 1.37 How To Make A Heads Up Display (HUD)
        04:13
      • 1.38 Paralax Scrolling
        03:07
      • 1.39 Hiding Layers On Demand
        01:02
      • 1.40 More Layer Properties
        02:10
      • 1.41 How To Move To Co Ordinates And Objects
        04:33
      • 1.42 How To Move Layers
        03:45
      • 1.43 How To Change The Background Color
        02:25
      • 1.44 Changing The Background Color With A Tiled Background
        02:30
      • 1.45 Adding A Spotlight Effect
        06:34
      • 1.46 Adding Text Boxes
        00:51
      • 1.47 Adding Buttons To Your Game
        01:30
      • 1.48 Changing Text With Buttons
        05:02
      • 1.49 Append Text Feature
        02:12
      • 1.50 Adding A Variable To Your Textbox
        01:58
      • 1.51 Constantly Update Your Textbox With Text
        01:54
      • 1.52 Adding Sound To Your Game
        03:13
      • 1.53 Thoughts About Making An Easy Game
        08:47
      • 1.54 Thoughts On Making An Easy Game Part 2
        03:15
      • 1.55 Making An Easy Game Part 3
        05:08
      • 1.56 Finishing The Easy Game Part 4
        03:13
      • 1.57 Recap On What We Have Done So Far
        05:27
      • 1.58 Simple Physics
        02:22
      • 1.59 Add Spawning And Collision
        04:30
      • 1.60 Physics Properties
        05:17
      • 1.61 Applying A Force To A Physical Object
        03:22
      • 1.62 Applying A Force To An Angle
        01:00
      • 1.63 Applying A Force To A Position
        01:13
      • 1.64 Applying A Velocity
        02:02
      • 1.65 Adding Torque To Your Object
        00:58
      • 1.66 Adding Angular Velocity To Your Object
        01:14
      • 1.67 Applying Torque Towards An Angle
        01:14
      • 1.68 Applying Torque Towards A Position
        00:56
      • 1.69 How To Create A Revolute Joint
        01:37
      • 1.70 How To Make A Tiled Background
        03:44
      • 1.71 How To Make A Scrolling Background
        01:52
    • 02 - Make HTML5 Games From Scratch With No Coding Required - Part 2

      06:57:05Preview
      • 2.1 Project goals and planning
        03:13
      • 2.2 Making a simple production spec
        07:54
      • 2.3 Adding the player and controls
        05:21
      • 2.4 Adding wall collisions
        02:52
      • 2.5 Tweaking the player controls
        02:23
      • 2.6 Adding projectiles
        04:26
      • 2.7 Adding a spread projectile
        08:49
      • 2.8 Adding debug features to your game
        03:03
      • 2.9 Adding a beam part 1
        03:05
      • 2.10 Adding a beam part 2
        03:53
      • 2.11 Adding homing projectiles
        05:27
      • 2.12 Fixing the homing projectile bug
        01:28
      • 2.13 How to make the enemies move towards the target
        03:11
      • 2.14 Adding the projectile enemy collision
        03:27
      • 2.15 Adding Spawining Objects
        02:01
      • 2.16 Adding the random function to the timer
        01:15
      • 2.17 Adding a score modifier
        05:36
      • 2.18 Adding in Scores and HUD
        06:46
      • 2.19 Adding the lives to the HUD
        02:43
      • 2.20 Adding the losing lives functionality
        02:30
      • 2.21 Adding the weapons type to HUD
        06:41
      • 2.22 Adding Powerups to your game
        07:45
      • 2.23 Adding points powerups to the game
        06:52
      • 2.24 Adding Weapons Select
        12:50
      • 2.25 Adding Beam powerup
        08:38
      • 2.26 Adding homing Powerup
        05:38
      • 2.27 Making a menu
        05:34
      • 2.28 Adding functionality to the menus
        05:40
      • 2.29 Setting up a game over screen
        04:50
      • 2.30 Adding some game over logic
        01:48
      • 2.31 Final Thoughts of the game before art
        04:05
      • 2.32 Intoduction to adobe illustrator and talking about aesthetic values
        09:38
      • 2.33 Making a simple scene
        13:41
      • 2.34 Adding gradients to you game
        07:34
      • 2.35 Resizing the image to fit the gameplay
        05:18
      • 2.36 Adding Snow to the mountains
        08:59
      • 2.37 Adding Shadding to the mountain
        12:30
      • 2.38 Adding Clouds
        11:56
      • 2.39 Adding some trees
        22:14
      • 2.40 Fixing the trees
        04:22
      • 2.41 Adding the trunks to the foreground trees
        04:44
      • 2.42 Adding the canopy to the trees in the foreground
        04:56
      • 2.43 Starting our bee character
        05:50
      • 2.44 Continuing the bee character part 2
        06:36
      • 2.45 Making a bee part 3
        03:51
      • 2.46 Adding more detail to the bee
        08:50
      • 2.47 Adding legs to the bee - WITH SOUND
        08:38
      • 2.48 Adding Wings to the bee
        04:23
      • 2.49 Completing the bee and talking about design
        03:56
      • 2.50 Creating the wasp
        04:41
      • 2.51 Creating the wasp part 2
        06:42
      • 2.52 Adding more detail to the wasp
        08:34
      • 2.53 Adding Detail to the eye
        06:42
      • 2.54 Adding detail to the mouth
        09:50
      • 2.55 Adding the Arms
        16:48
      • 2.56 Adding the wings to the wasp
        07:52
      • 2.58 Talking about the text and the design
        07:15
      • 2.59 Making Powerups
        11:10
      • 2.60 Making the rest of the powerups part 2
        02:52
      • 2.61 Making the projectile
        05:19
      • 2.62 Making the beam weapon part 1
        01:24
      • 2.63 Making the beam weapon's spark part 2
        05:49
      • 2.64 Making the title Screen
        08:01
      • 2.65 Adding detail to the title screen
        10:34
      • 2.66 Finishing the title screen
        05:52
    • 03 - Make HTML5 Games From Scratch With No Coding Required - Part 3

      04:54:22Preview
      • 3.1 Finishing the cards
        04:32
      • 3.2 Setting up the instruction screen
        04:11
      • 3.3 Making the bee animation
        09:34
      • 3.4 Making the wasp animation
        08:58
      • 3.5 Making the spark animation
        03:19
      • 3.6 Exporting Images
        13:01
      • 3.7 Setting up the instruction screen
        02:34
      • 3.8 Setting Up the menu screen
        04:46
      • 3.9 Setting up the highscore screen
        03:11
      • 3.10 Adding the art to the game screen
        03:19
      • 3.11 Adding the images to the game screen
        03:39
      • 3.12 Setting up the text in the game
        01:59
      • 3.13 Making the scrolling background
        17:16
      • 3.14 Fixing some illustrator and graphic problems
        15:27
      • 3.15 Adding the animation to the bee and the wasp
        02:21
      • 3.16 Adding the animation spark to the beam
        08:37
      • 3.17 Talking about the project and adding sound effects
        05:03
      • 3.18 Making the projectile sound effect
        04:53
      • 3.19 Making the spread projectile
        02:23
      • 3.20 Making the homing projectile
        04:35
      • 3.21 Making the beam sound effect
        05:40
      • 3.22 Making the wasp death sound
        04:12
      • 3.23 Making the bee hit sound
        02:43
      • 3.24 Talking about the music and adding our first beat
        05:13
      • 3.25 Adding the bass line
        03:34
      • 3.26 Adding the melody
        09:20
      • 3.27 Finishing the Song
        09:02
      • 3.28 Making the game over music
        01:19
      • 3.29 Adding the bass line to the game over music
        04:19
      • 3.30 Adding the melody
        04:24
      • 3.31 Adding the melody to the game over music
        08:59
      • 3.32 Making the drums more interesting in the game over music.
        03:39
      • 3.33 Composing the main music
        03:25
      • 3.34 Composing the bassline
        05:51
      • 3.35 Picking the synthsizers
        12:27
      • 3.36 Comosing the pre melody
        03:17
      • 3.37 Composing the A melody
        08:08
      • 3.38 Composing the B melody
        07:23
      • 3.39 Making the song a little more interesting
        05:50
      • 3.40 Adding the form the to song
        05:00
      • 3.41 Adding an intro to the song
        07:32
      • 3.42 Making the drums more interesting
        06:28
      • 3.43 Adding cymbals and finishing the song
        09:32
      • 3.44 Mixing your music
        05:17
      • 3.45 Making a powerup Sound effect
        01:08
      • 3.46 Making the second powerup sound effect
        01:06
      • 3.47 Adding the music to the game
        04:50
      • 3.48 Correcting the music coding errors
        03:55
      • 3.49 Correcting a music logic problem
        02:28
      • 3.50 Adding sound effects part 1
        06:55
      • 3.51 Adding sound effects part 2
        03:51
      • 3.52 Mixing your audio in the engine
        03:57
    • 04 - Make HTML5 Games From Scratch With No Coding Required - Part 4

      01:45:11Preview
      • 4.1 Adding a difficulty curve
        16:01
      • 4.2 Adding a difficulty curve part 2
        02:59
      • 4.3 Making the game more fun
        06:07
      • 4.4 Adding high scores and polishing the game
        06:12
      • 4.5 Making the icons for the chrome store
        14:50
      • 4.6 Making the 16x16 icon
        02:53
      • 4.7 Making the banners 1280 and 440
        10:50
      • 4.8 Packing your game for the chrome store
        05:49
      • 4.9 Final steps of publishing to the chrome store
        09:32
      • 4.10 Final steps of publishing to the chrome store
        01:05
      • 4.11 Setting up the facebook game
        03:28
      • 4.12 Adding a facebook login
        04:02
      • 4.13 Publishing your score to your facebook
        03:30
      • 4.14 Exporting your HTML 5 webpage
        01:46
      • 4.15 Setting canvas URL in facebook
        02:44
      • 4.16 Resizing your icon
        02:56
      • 4.17 Finalizing your facebook game
        02:31
      • 4.18 Final thoughts of Bees versus wasps
        07:56
    • 05 - Make HTML5 Games From Scratch With No Coding Required - Part 5

      44:27Preview
      • 5.1 Families
        08:20
      • 5.2 Famillies part 2
        02:55
      • 5.3 Particles Part 1
        01:08
      • 5.4 Particles and rotation
        01:39
      • 5.5 Adding the particles to the mouse
        01:05
      • 5.6 How to rotate the particles manually
        01:21
      • 5.7 Particle Spawn Rate
        00:56
      • 5.9 Particle spray cones
        02:38
      • 5.10 One Shot versus continuous spray
        01:15
      • 5.11 Setting values in the event sheet
        01:36
      • 5.12 Changing the image
        01:49
      • 5.13 Particle speed and art verus technical
        02:31
      • 5.14 Setting the particle size
        01:22
      • 5.15 Particle Opacity
        01:07
      • 5.16 Particle Growth Rate
        01:20
      • 5.17 X and Y randomizer
        01:56
      • 5.18 Speed Randomizer
        01:13
      • 5.19 Size Randomizer
        01:09
      • 5.20 Growth Rate randomizer
        02:05
      • 5.21 Particle Acceleration
        01:18
      • 5.22 Angle randomizer
        01:46
      • 5.23 Particle Gravity
        02:00
      • 5.24 Speed Randomizer
        01:15
      • 5.25 Opacity Randomizer
        00:43
  • Understanding HTML5 Input Types

    Preview
    • Understanding HTML5 Input Types

      12:06Preview
      • 1.1 Introduction
        01:14
      • 1.2 Search
        01:04
      • 1.3 Email
        01:04
      • 1.4 URLs
        00:42
      • 1.5 Tel
        00:42
      • 1.6 Numbers
        01:44
      • 1.7 Range
        00:47
      • 1.8 Date
        00:43
      • 1.9 Month
        00:39
      • 1.10 Week
        00:12
      • 1.11 Time
        00:50
      • 1.12 Color
        00:32
      • 1.13 Turning Off Automatic Validation
        00:40
      • 1.14 Use Them Today
        01:13
  • Website Wireframing with HTML5 and CSS3

    Preview
    • Chapter 0 - Introduction

      12:51Preview
      • 0.1 Introduction
        04:03
      • 0.2 Why Using Photoshop May Not Be The Best Choice
        03:07
      • 0.3 Using HTML and CSS For Fast Wireframe Compositing
        02:54
      • 0.4 A Look At What We ll Build In This Course
        01:23
      • 0.5 Bonus Lesson How To Turn Any Web Page Into A Wireframe
        01:24
    • Chapter 1 - Getting Started

      46:27Preview
      • 1.1 Getting Started
        04:45
      • 1.2 Building The Structural CSS Rules Part 1
        07:43
      • 1.3 Building The Structural CSS Rules Part 2
        02:53
      • 1.4 Connecting Up The HTML To The CSS
        05:20
      • 1.5 Centering Layout Elements
        05:37
      • 1.6 Setting Up Inner Layout Containers
        07:19
      • 1.7 Inserting Additional Inner Containers
        03:35
      • 1.8 Spacing Apart The Layout
        09:15
    • Chapter 2 - Wireframing The Header In Greater Detail

      20:26Preview
      • 2.1 Wireframing The Header In Greater Detail
        04:37
      • 2.2 Building The Logo Container
        03:55
      • 2.3 Setting Up The Main Navigation Menu
        05:54
      • 2.4 Creating A Call - To - Action Button
        06:00
    • Chapter 3 - Building The Rest Of The Layout

      40:25Preview
      • 3.1 Building The Rest Of The Layout
        04:41
      • 3.2 Getting Started With The Hero Content
        04:02
      • 3.3 Finishing Up The Hero Section
        05:36
      • 3.4 Inserting The Feature Headers
        03:35
      • 3.5 Building The Feature Boxes
        05:59
      • 3.6 Wireframing The Organize Section
        05:42
      • 3.7 Speeding Things Up For The Share Section
        04:27
      • 3.8 Finishing - Up The Wireframing
        06:23
    • Chapter 4 - Finishing Touches

      44:58Preview
      • 4.1 Finishing Touches
        03:49
      • 4.2 Adding A Logo Placeholder With Text
        03:51
      • 4.3 Inserting The Remaining Image Placeholders
        03:23
      • 4.4 Inserting A Background Placeholder
        05:10
      • 4.5 Adding Subtle Interactivity
        06:01
      • 4.6 Adding Button Interactivity
        11:43
      • 4.7 Finishing Touches
        04:57
      • 4.8 Sharing The Wireframe For Review
        06:04
    • Chapter 5 - Wrapping Up

      00:21Preview
      • 5.1 Wrapping Up
        00:21

Reviews

  • Jim Corey

    Jim Corey

    12 online course and one can create web pages with the help of HTML. Yes, this course does just that and much more

  • Theresa Iserman

    Theresa Iserman

    By the end of this training program, I was confident and comfortable to add HTML5 video to any website

  • Charlie Pyne

    Charlie Pyne

    This expert level training course helps participants with foundation as well as advanced level skills of HTML. Great course

prevNext

Why Online Bootcamp

  • Develop skills for real career growthCutting-edge curriculum designed in guidance with industry and academia to develop job-ready skills
  • Learn from experts active in their field, not out-of-touch trainersLeading practitioners who bring current best practices and case studies to sessions that fit into your work schedule.
  • Learn by working on real-world problemsCapstone projects involving real world data sets with virtual labs for hands-on learning
  • Structured guidance ensuring learning never stops24x7 Learning support from mentors and a community of like-minded peers to resolve any conceptual doubts

FAQs

  • I want to know more about the training program. Whom do I contact?

    Please join our Live Chat for instant support, call us, or Request a Call Back to have your query resolved.

  • Disclaimer
  • PMP, PMI, PMBOK, CAPM, PgMP, PfMP, ACP, PBA, RMP, SP, and OPM3 are registered marks of the Project Management Institute, Inc.