Web Design Essentials - Responsive pakket

Na inschrijving van de Award Winning E-learning training Web Design Essentials, ontvangt u per e-mail een link om in te loggen in uw leeromgeving waar u een persoonlijk wachtwoord aanmaakt. Eenmaal ingelogd in uw persoonlijke leeromgeving ziet u een overzicht van de cursusonderdelen. Via de inhoudsopgave schakelt u automatisch over naar elk gewenst onderdeel van de training.

Er zit tevens een Voortgangsbewaking bij om eenvoudig te zien hoe ver u bent binnen uw training. U kunt daarbij 1 jaar lang (365 dagen), 24/7 (elke dag en nacht) inloggen om verder te gaan met de training.

Deze Engelstalige training met ondertiteling heeft interactieve, eenvoudig te volgen video's in HD beeldkwaliteit met heldere audio kwaliteit. Daarnaast biedt de training Support en/of een Online Mentor aan als u problemen ondervindt. De training is beschikbaar in elke browser voor zowel PC, Mac, Tablet én Smartphone. Dus zelfs via uw mobiel kunt u handig de training volgen.

De training is inclusief lees- en/of praktijkopdrachten met trainingstest, mits noodzakelijk voor de training. Na afronding van de training krijgt u een Certificaat van Deelname en sluit u zich aan bij de reeds duizenden tevreden cursisten.

Web Design Essentials

You will learn in particular the basic functionalities and become acquainted with commonly used terminologies. The focus in this course is mainly on responsive web design and how to properly use CSS and JavaScript.

Topics covered include platforms, project life cycle, HTML5, different tags, responsive web design, iframes, CSS3, PHP commands, CDN and much more.

Responsive Web Design

You will learn, among other things, how to apply resonsive design strategies and how to flexibly configure data and user interfaces.

Topics covered include CSS3 Flexbox, CS overflow property, SVG, HTML5, stacking cells and much more.

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

Specificaties

Taal: Engels
Kwalificaties van de Instructeur: Gecertificeerd
Cursusformaat en Lengte: Lesvideo's met ondertiteling, interactieve elementen en opdrachten en testen
Lesduur: 8:16 uur
Voortgangsbewaking: Ja
Toegang tot Materiaal: 365 dagen
Technische Vereisten: Computer of mobiel apparaat, Stabiele internetverbindingen Webbrowserzoals Chrome, Firefox, Safari of Edge.
Support of Ondersteuning: Helpdesk en online kennisbank 24/7
Certificering: Certificaat van deelname in PDF formaat
Prijs en Kosten: Cursusprijs zonder extra kosten
Annuleringsbeleid en Geld-Terug-Garantie: Wij beoordelen dit per situatie
Award Winning E-learning: Ja

Tip! Zorg voor een rustige leeromgeving, tijd en motivatie, audioapparatuur zoals een koptelefoon of luidsprekers voor audio, accountinformatie zoals inloggegevens voor toegang tot het e-learning platform.