Web Design Essentials - Responsive E-Learning Training

Leer professioneel webdesign met focus op responsive design, CSS en JavaScript – 100% online!

Waarom kiezen voor deze opleiding?

In een wereld waarin websites op elk apparaat perfect moeten functioneren, is kennis van responsive webdesign onmisbaar. Met deze bekroonde Web Design Essentials E-Learning Training ontwikkel je een stevige basis in modern webdesign, HTML5, CSS3 en JavaScript.

Je krijgt:

• 1 jaar 24/7 toegang tot interactieve video’s, gesproken uitleg en praktische oefeningen
• Diepgaande uitleg over webdesignprojecten, van opzet tot uitvoering
• Focus op responsive design technieken, Flexbox, media queries en mobiele optimalisatie
• Toegang tot lesstof over platforms, HTML5-tags, CSS-eigenschappen, iframes, SVG, PHP, CDN en meer
• Voortgangsbewaking én certificaat van deelname

Deze cursus is perfect voor iedereen die wil starten met webdesign of zijn bestaande vaardigheden wil aanscherpen met een sterke focus op moderne front-end development.

Wie zou moeten deelnemen?

Deze e-learning is ideaal voor:

• Beginnende webdesigners die een solide basis willen opbouwen
• Developers die hun kennis van responsive design willen verdiepen
• Grafisch ontwerpers die websites willen leren bouwen
• Marketingprofessionals en ondernemers die zelf hun website willen beheren
• Iedereen met interesse in HTML, CSS, JavaScript en moderne webtechnieken

Demo Web Design Essentials - Responsive Training

Cursusinhoud

Web Site Planning

Course: 15 Minutes

• Course Introduction
• Identifying Purpose and Audience
• Identifying Business Requirements
• Identifying Back-end Considerations
• Designing Storyboards

Designing for Users

Course: 10 Minutes

• Examining Page Layout
• Exploring Color and Font
• Considering Devices

Functionality Testing

Course: 11 Minutes

• Examining the Software Development Life Cycle
• Performing Testing
• Examining Testing Tools

HTML

Course: 6 Minutes

• Examining HTML5 Standards

Web Page Creation

Course: 31 Minutes

• Creating Basic Web Pages
• Formatting with Tags
• Using Styles
• Formatting Text
• Creating Links

Enhancing Web Pages

Course: 25 Minutes

• Adding Images
• Using Tables
• Working with Lists

Responsive Web Design

Course: 11 Minutes

• Examining Web Site Layout
• Exploring Responsive Web Design
• Examining Iframes

Forms

Course: 16 Minutes

• Examining Form Elements
• Examining Input Types
• Examining Input Attributes

Practice: Web Page Basics

Course: 9 Minutes

• Exercise: Design and Build a Basic Web Page

HTML Media

Course: 18 Minutes

• Course Introduction
• Embedding Videos
• Embedding Audio
• Examining Plugins
• Embedding YouTube

Cascading Style Sheets

Course: 47 Minutes

• Examining CSS
• Comparing CSS Locations
• Examining Selectors
• Exploring the Box Model
• Controlling Backgrounds and Borders
• Enhancing with Animations
• Controlling Page Layout
• Using the Resize and Outline Features

JavaScript

Course: 11 Minutes

• Defining JavaScript
• Exploring JavaScript

Databases

Course: 20 Minutes

• Exploring Databases
• Examining Database Management Systems
• Communicating with Databases
• Embedding SQL Statements
• Interoperating with PHP

BootStrap

Course: 25 Minutes

• Exploring Bootstrap
• Downloading Bootstrap
• Creating Web Pages
• Enhancing with Responsive Design
• Adding Grids and Containers

jQuery

Course: 21 Minutes

• Using jQuery
• Examining jQuery
• Using jQuery Events
• Using jQuery Effects

Practice: Web Page Enhancements

Course: 6 Minutes

• Exercise: Enhance a Web Page with Media and JavaScript

Responsive Web Design and Media Queries

Course: 28 Minutes

• Course Introduction
• Overview of Responsive Web Design
• Fluid Layouts
• The CSS3 FlexBox
• Using the CSS3 Grid Layout As a Flexible Container
• Semantic Grid Systems

Measurements and Rounding

Course: 11 Minutes

• Measurements for Responsiveness
• Rounding Issues

Flexible Text and Media

Course: 53 Minutes

• Text and Responsive Web Design
• Flexible Images
• Flexible Background Images
• Using the CSS3 Overflow Property with Images
• Using Sprites in Responsive Design
• SVG
• The HTML5 Canvas
• The HTML5 Picture Element
• Flexible Videos

Media Queries

Course: 45 Minutes

• Introducing Media Queries
• Media Queries and Dimensions
• Using the CSS3 Viewport Parameter with a Media Query
• Media Queries and Screen Resolution
• Working with Multiple Media Queries
• Working with Additional Media Types
• Working with Additional Media Features
• Media Queries - Compatibility with Older Browsers

Practice: Working with Responsive Web Design

Course: 10 Minutes

• Exercise: Responsive Web Design Strategies

Working with Tables and Forms

Course: 26 Minutes

• Course Introduction
• Scrolling Tables
• Stacking Cells in Tables
• Hiding Portions of a Table
• Converting a Table to a Chart
• Designing Flexible Forms
• Using HTML5 Input Types and Attributes

Responsive Navigation Options

Course: 16 Minutes

• Overview of Navigation Options
• Deconstructing Menus
• Footer Anchor Navigation
• Off-Canvas Menus

Responsive UIs

Course: 29 Minutes

• Off-Canvas Content
• Manipulating Screens
• CSS3 Columns and Responsive Design
• Stacked Galleries
• Tabbed Workspaces
• Split Views

Styling and Animation

Course: 19 Minutes

• Responsive Styling
• Resizing Elements in Transition
• Responsive Keyframe Animations

Devices and Sensors

Course: 15 Minutes

• Using Geolocation
• Checking for a Network Connection
• Feature Detection with Modernizr

Process and Performance

Course: 16 Minutes

• Flexible Design Considerations
• Using Style Tiles
• Optimizing Performance
• Conditional Loading

Practice: Creating a Responsive App

Course: 12 Minutes

• Exercise: Configuring Design and Performance

Ga vandaag nog van start!

Ontwerp websites die op elk scherm schitteren!
✔️ Leer HTML5, CSS3, JavaScript en responsive technieken
✔️ Ontvang praktijkgerichte uitleg en pas het direct toe
✔️ Behaal een certificaat van deelname