Web development with HTML5 and CSS3 E-Learning Training

Bestel deze unieke E-Learning cursus Web development with HTML5 and CSS3 online, 1 jaar 24/ 7 toegang tot rijke interactieve video’s, spraak, voortgangsbewaking door rapportages.

Cursusinhoud

HTML5 with JavaScript & CSS3: Introduction

Course: 1 Hour, 36 Minutes

• Introduction to HTML5
• HTML5 Browser Support
• HTML5 New Features
• Basic Page Structure
• New and Deprecated Elements in HTML
• HTML5 Semantic Elements
• HTML5 and Search Engine Optimization
• HTML Design for Screen Reader Compatibility
• HTML5 Layout Containers
• Creating an HTML5 Page
• Working with CSS3 and HTML
• Introduction to CSS
• Styling HTML5 Elements with CSS
• CSS3 Text and Font Properties
• CSS3 font-face Rule
• Styling Defined
• CSS Box Model
• CSS Positioning
• Exercise: Combine HTML5 and CSS

HTML5 with JavaScript & CSS3: Styling HTML5 & JavaScript

Course: 1 Hour, 7 Minutes

• Manipulating Elements
• CSS Inheritance
• Introduction to JavaScript
• Defining JavaScript Syntax
• JavaScript DOM and Operators
• JavaScript and Variables
• Conditional Statements
• Loops
• JavaScript Objects and Methods
• Introduction to JavaScript Implementations
• Inline and External JavaScript
• Exercise: Styling with HTML5 and JavaScript

HTML5 with JavaScript & CSS3: HTML5 & Javascript

Course: 1 Hour, 7 Minutes

• Applying OOP principles in JavaScript
• HTML5 Canvas and SVG
• Inheritance Using Prototypes
• Custom Objects
• Basic Layout Container
• Creating HTML5 Forms
• Validating User Input in JavaScript
• Validate with HTML5 Attributes
• HTML5 New Input Types and Content Attributes
• Implementing Encapsulation
• Exercise: Using JavaScript OOP and HTML5 Forms

HTML5 with JavaScript & CSS3: APIs & Data Storage

Course: 43 Minutes

• Overview of HTML5 APIs
• Selectors
• Drag and Drop API
• Geolocation API
• HTML Audio and Video
• Web Storage API
• Offline Applications
• AppCache API
• Exercise: Implementing HTML5 APIs and Data Storage

Programming in HTML5: More Advanced HTML5 & CSS

Course: 51 Minutes

• Styling HTML5 Text
• Using Custom Fonts
• Border Properties
• Background Images
• Positioning Within a Context
• Gradients and CSS
• CSS3 Selectors
• Pseudo Classes and Elements
• Styling Elements Based on Pseudo Attributes
• Implementing Style Inheritance
• CSS3 Selectors with jQuery
• jQuery Filters on DOM
• DOM Elements and their Attributes
• Find Elements using Pseudo Attributes
• Exercise: Styling with Complex HTML5 and CSS

Programming in HTML5: Adaptive AI, Graphics, & Animation

Course: 1 Hour, 19 Minutes

• Flexible Layouts
• Flexible Layouts with Multiple Columns
• Using the HTML5 Canvas
• Manipulate Complex Graphics
• Defining SVG Graphics
• Using SVG to Create 2-D Geometric Shapes
• Applying Transformations to HTML5 SVG Elements
• Patterns and Gradients on HTML5 SVG Elements
• Working with Text in SVG
• Introducing CSS Keyframe Animations
• Working with Keyframe Animations and Properties
• HTML5 with CSS3 Transforms
• Applying 2-D and 3-D Transforms
• HTML5 with CSS3 Transitions
• Animation UI based on Media Queries
• Exercise: HTML5 Animations and Adaptive AI

HTML5 with JavaScript & CSS3: Data Flow, Consuming, & Transmitting Data

Course: 44 Minutes

• Implementing Program Flow
• Raise Event Handling
• Exception Handling
• Introduction to AJAX
• XMLHTTPRequest
• Consuming XML
• Consuming JSON Data
• Serializing and Deserializing
• Handling Webforms using Form.Submit
• Sending Data
• Tracking Progress of Data
• Processing Data with JSON
• Input Sanitization using Encoding Methods
• Exercise: Provisioning Data in HTML5

HTML5 with JavaScript & CSS3: WebSockets & Asynchronous Processing

Course: 1 Hour, 4 Minutes

• Introducing the HTML5 WebSocket Standard
• Web Communication and Current Limitations
• WebSocket API
• Send WebSocket Processes
• Receive WebSocket Processes
• Introducing HTML5 Web Workers
• Using the Web Worker API
• Message Passing with HTML5
• Asynchronous Programming in JavaScript
• Callback Functions
• Concept of Callback Hell
• Promise in Asynchronous Operation
• Async- await in Asynchronous Operation
• Implementing Shared Web Workers
• Improving Web Page Performance Using Web Workers
• Exercise: Processing and Web Workers in HTML5

HTML5 with JavaScript & CSS3: Advanced Input Validation

Course: 30 Minutes

• Working with the HTML5 Input Attributes
• Using Regular Expressions in the Pattern Attribute
• Using the HTML5 Number Attributes
• Styling Input Fields Based on Input Attributes
• Validating Textual Input Data
• Validating Numeric Input Data
• Detecting and Preventing Empty Fields
• Validating Date Input Data
• Working with Password Validation
• Using the onSubmit Attribute2
• Exercise: Input Validation with HTML5 and JavaScript

HTML5 with JavaScript & CSS3: Advanced CSS

Course: 39 Minutes

• Creating a Multi-column Content Layout
• Creating a Grid Content Layout
• Using CSS Exclusions
• Implementing CSS Regions
• Using Media Queries
• Working with the Media Query Characteristics
• Using Media Queries for Printing
• Exercise: using Content Layouts and Media Queries

HTML5 with JavaScript & CSS3: Advanced Input Validation

Course: 30 Minutes

• Working with the HTML5 Input Attributes
• Using Regular Expressions in the Pattern Attribute
• Using the HTML5 Number Attributes
• Styling Input Fields Based on Input Attributes
• Validating Textual Input Data
• Validating Numeric Input Data
• Validating Date Input Data
• Working with Password Validation
• Using the onSubmit Attribute
• Exercise: Input Validation with HTML5 and JavaScript