Please accept cookies to help us improve this website Is this OK? Yes No More on cookies »
Item number: 115436155

Web Design Essentials - Responsive Training

Item number: 115436155

Web Design Essentials - Responsive Training

149,00 180,29 Incl. tax

Web Design Essentials - Responsive Training Award-winning E-Learning course Extensive interactive videos with spoken text Certified teachers Practical exercises Certificate.

Read more
Discounts:
  • Buy 2 for €146,02 each and save 2%
  • Buy 3 for €144,53 each and save 3%
  • Buy 5 for €138,57 each and save 7%
  • Buy 10 for €134,10 each and save 10%
  • Buy 25 for €126,65 each and save 15%
  • Buy 50 for €116,22 each and save 22%
  • Buy 100 for €104,30 each and save 30%
  • Buy 200 for €74,50 each and save 50%
Availability:
In stock
Delivery time:
Ordered before 5 p.m.! Start today.
  • Award Winning E-learning
  • Lowest price guarantee
  • Personalized service by our expert team
  • Pay safely online or by invoice
  • Order and start within 24 hours

Web Design Essentials - Responsive E-Learning Training

Order this amazing, award-winning Web Design E-Learning Training course online, 1 year 24/7 access to extensive interactive videos, speeches, hands-on tasks and progress monitoring. After the course you will receive a certificate of attendance.

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.

Course content

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
Language English
Qualifications of the Instructor Certified
Course Format and Length Teaching videos with subtitles, interactive elements and assignments and tests
Lesson duration 8:16 Hours
Progress monitoring Yes
Access to Material 365 days
Technical Requirements Computer or mobile device, Stable internet connections Web browsersuch as Chrome, Firefox, Safari or Edge.
Support or Assistance Helpdesk and online knowledge base 24/7
Certification Certificate of participation in PDF format
Price and costs Course price at no extra cost
Cancellation policy and money-back guarantee We assess this on a case-by-case basis
Award Winning E-learning Yes
Tip! Provide a quiet learning environment, time and motivation, audio equipment such as headphones or speakers for audio, account information such as login details to access the e-learning platform.

There are no reviews written yet about this product.

Loading...

OEM Office Elearning Menu Genomineerd voor 'Beste Opleider van Nederland'

OEM Office Elearning Menu is trots genomineerd te zijn voor de titel 'Beste Opleider van Nederland' door Springest, een onderdeel van Archipel. Deze erkenning bevestigt onze kwaliteit en toewijding. Hartelijk dank aan al onze cursisten.

Reviews

There are no reviews written yet about this product.

25.000+

Deelnemers getrained

Springest: 9.1 - Edubookers 8.9

Gemiddeld cijfer

3500+

Aantal getrainde bedrijven

20+

Jaren ervaring

Even more knowledge

Read our most recent articles

View blog