Snel navigeren naar:

  • Inhoud
  • Voordelen
  • Specificaties
  • Reviews
  • More information
  • FAQ

Productinformatie

In deze Web Design cursus leert u de basisprincipes van Responsive Webdesign kennen. U leert onder andere hoe u resonsive design strategieën kunt toepassen en hoe u flexibel gegevens en gebruikersinterfaces kunt configureren.

Onderwerpen die onder andere aan bod komen zijn CSS3 Flexbox, CS overflow property, SVG, HTML5, stacking cells en nog veel meer.

Inhoud van de training

Responsive Web Design

6 uur

Responsive Web Design: Flexible Grids, Images, and Media Queries

  • start the course
  • describe the concept of responsive web design, its core components, and contrast adaptive, fluid, and responsive design
  • contrast fixed and fluid layouts and use proportional width settings to achieve fluid grid layouts
  • implement the CSS3 Flexbox as part of a responsive design web layout
  • describe how to implement the CSS3 grid layout with flexible lengths (fraction units)
  • describe how to implement semantic grid systems using a preprocessor such as Sass
  • describe and contrast use of percentages, ems, rems, and viewport units in responsive design
  • describe the issue of rounding
  • configure flexible text with appropriate measurement units for size and line height and features such as text overflow in a responsive web design solution
  • use the maxwidth attribute to configure images to be responsive
  • configure tiled background images to be responsive
  • describe the CSS overflow property and implement it as a part of a responsive web design solution for images
  • use sprites for background images as part of a responsive design solution
  • describe scalable vector images (SVG) and use SVG to implement scaling images
  • describe the HTML5 canvas and use the canvas to implement scaling images
  • describe and use the new HTML5 picture element
  • recall use of maxwidth attribute and use intrinsic ratio to work with embedded video to make it responsive
  • describe media queries, their syntax, breakpoints, using both major and minor breakpoints, and their application in responsive web design
  • use media queries with device or viewport dimensions
  • contrast the viewport meta tag and CSS3 parameter and combine with a media query for device adaptation
  • configure a screen resolution media query
  • work with multiple media queries, combining and negating queries
  • work with available media types apart from screen
  • work with features such as input mechanism and color
  • describe how to resolve compatibility issues relating to media queries in older browsers
  • apply fluid grids, flexible images, and media queries to your web design

Responsive Web Design: Flexible Data and UIs, Devices, Process and Performance

  • start the course
  • configure tables to be responsive using scrolling
  • configure tables to be responsive by stacking cells
  • configure tables to be responsive by hiding portions of the table
  • configure flexible tables by converting a table to a chart
  • describe design considerations for flexible forms and discuss support for HTML5 input types and attributes
  • use HTML5 input types and attributes to configure responsive forms
  • describe navigation options such as footer anchors, top menus that deconstruct, drop-down to select menus, and flyout menus that can form part of a responsive design solution and describe how options such as footer anchors are suitable for touch input
  • create a responsive menu system using a deconstructing top menu as part of a responsive design solution
  • create a responsive menu system using footer anchor navigation as part of a responsive design solution
  • describe the off-canvas pattern and show how to implement it for flyout menus
  • describe the off-canvas pattern and show how to implement it for content
  • describe and provide examples of how screens can be collapsed for bigger devices, floating screens can be used, non-crucial content can be used in larger screen side-bars and components can be adjusted or replaced, or content expanded, to enable display in multiple devices
  • implement CSS3 columns and media queries as part of a responsive layout
  • use stacked galleries in a responsive UI
  • use tabbed workspaces in a responsive UI solution
  • use split views in a responsive UI
  • use media queries to generate styles for different devices
  • manage elements in transition as part of a responsive web design
  • configure responsive keyframe animations
  • describe the concept of interacting with sensors and devices as part of responsive design, describe native APIs and use geolocation API to fill out form addresses
  • use the window.navigator object to check for a network connection, and describe the NetworkInfo API
  • recognize the importance of device and feature detection and describe the use of the Modernizr tool
  • identify the considerations for successful responsive web design
  • describe how using style tiles can help in the responsive design process
  • describe how to optimize performance for responsive applications configured to run on different devices
  • describe conditional loading
  • configure flexible data, user interfaces, device interaction, and process and performance procedures in responsive web design

Kenmerken

Engels (US)
6 uur
Web Developer
90 dagen online toegang
HBO

Meer informatie

Extra product informatie 0
Doelgroep Softwareontwikkelaar, Webontwikkelaar, Webdesigner
Voorkennis

Hiervoor is geen specifieke voorkennis voor vereist.

resultaat

Na het volgen van deze training bent u bekend met de basisfunctionaliteiten van Responsive Webdesign.

Positieve reacties van cursisten

Ontwikkel je tot data analist

Service is echt heel goed. Snel, klantvriendelijk, weten waar ze over praten en denken met je mee met oplossingen. Daarnaast hebben ze ook een goed leerplatform om je studie te volgen en na elke module een korte toets om te zien hoeveel je ervan heb begrepen en je kan de status zien hoeveel tijd je hebt besteed aan je studie. Ik waardeer ze enorm en ik raad elke ICT'er aan om met hen in zee te gaan om je studie te volgen.

- Emilio Jones

Training: Introduction to SQL

Eén training geprobeerd en deze naar tevredenheid gevolgd. Een module werkte in eerste instantie niet, maar na contact opgenomen te hebben met klantenservice kreeg ik snel antwoord met een oplossing.

- Lars van der Spek

Training: Certified Ethical Hacker (CEHv12) - incl. examen

Eerste keer dat ik een online training heb gedaan en zou zo weer een training volgen via icttraningen.nl

- Jerry Jialal

Training: Microsoft Managing Modern Desktops (exam MD-101)

Het resultaat van de groep is absoluut bevredigend. Ik ga in ieder geval geen ander meer bellen.

- Antoine Evertze, Sales Engineer bij Chubb

Training: PRINCE2® 6e editie Foundation- incl. examen

Als er wat is staan ze altijd voor me klaar. Ik word meteen geholpen als ik bel.

- E. Zeijlmans, P&O adviseur bij Parnassia Groep

Training: ITIL® 4 Foundation - incl. examen

Wij zijn gebaat bij mensen die bijblijven in hun vakgebied en continu getriggerd worden.

- W. van Uijthoven, IT manager bij gemeente Arnhem

Training: Excel 2013 Compleet

Ik heb al eens eerder een training gehad via icttrainingen.nl en dat was een erg leerzame, leuke ervaring. Nu heb ik via het werk een online cursus en deze lijkt tot nu toe ook erg leerzaam.

- Michelle Brierley

Hoe gaat het te werk?

1

Training bestellen

Nadat je de training hebt besteld krijg je bevestiging per e-mail.

2

Toegang leerplatform

In de e-mail staat een link waarmee je toegang krijgt tot ons leerplatform.

3

Direct beginnen

Je kunt direct van start. Studeer vanaf nu waar en wanneer jij wilt.

4

Training afronden

Rond de training succesvol af en ontvang van ons een certificaat!

Veelgestelde vragen

Veelgestelde vragen

Op welke manieren kan ik betalen?

Je kunt bij ons betalen met iDEAL, PayPal, Creditcard, Bancontact en op factuur. Betaal je op factuur, dan kun je met de training starten zodra de betaling binnen is.

Hoe lang heb ik toegang tot de training?

Dit verschilt per training, maar meestal 180 dagen. Je kunt dit vinden onder het kopje ‘Kenmerken’.

Waar kan ik terecht als ik vragen heb?

Je kunt onze Learning & Development collega’s tijdens kantoortijden altijd bereiken via support@icttrainingen.nl of telefonisch via 026-8402941.

Background Frame
Background Frame

Onbeperkt leren

Met ons Unlimited concept kun je onbeperkt gebruikmaken van de trainingen op de website voor een vast bedrag per maand.

Bekijk de voordelen

Heb je nog twijfels?

Of gewoon een vraag over de training? Blijf er vooral niet mee zitten. We helpen je graag verder. Daar zijn we voor!

Contactopties