Snel navigeren naar:

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

Productinformatie

In deze CSS3 training / cursus leert u de functionaliteiten van CSS3 kennen alsook de uitbreiding naar Sass and Less. De cursus start met het ontwikkelen van styles en het stylen van diverse pagina elementen. Vervolgens gaat u aan de slag met CSS3 animaties zodat u dynamische en aantrekkelijke websites kunt ontwikkelen. Aan het einde gaat de cursus nog meer de diepte in en worden de geavanceerde functionaliteiten van CSS3 behandelend en komt ook Sass en Less aan bod.

Inhoud van de training

Developing with CSS3, Sass and Less

13 uur

Creating Styles with CSS3 and Styling Text

  • start the course
  • introduce CSS3 and demonstrate how styles can be applied to content
  • describe user agent stylesheets and override them with a CSS Reset
  • demonstrate how to use a rule set to apply a CSS style
  • describe how CSS styles are inherited and cascaded
  • describe how to implement inline CSS styles and discuss their drawbacks
  • implement internal CSS styles
  • reference external CSS style sheets
  • describe basic CSS selectors including the universal, type and id, and class selectors
  • group CSS selectors using child and sibling combinators
  • use CSS attribute selectors to apply styles based one or more of an element's attributes
  • describe CSS pseudo-classes, reasons for their use, benefits and drawbacks, and use pseudo-classes to apply styles
  • describe CSS pseudo-elements, reasons for their use, benefits and drawbacks, and use pseudo-elements to apply styles
  • modify the specificity of a CSS selector
  • use the CSS3 font face rule to apply a web font face
  • use CSS properties to style text
  • use CSS properties such as direction, text-align, text-indent, text-spacing, and word-spacing to position text
  • use CSS text decoration (including level 3 shorthand)
  • use CSS pseudo selectors to style the first letter or line of a paragraph
  • use CSS to style lists
  • use CSS to create custom bulleted lists
  • practice styling text with CSS3

Styling Page Elements using CSS3

  • start the course
  • use CSS to add a border to an element
  • use CSS to add rounded borders to an element
  • use CSS to add blurred edges to an element
  • use CSS to add elliptical corners to an element
  • use CSS to add a drop shadow to an element
  • contrast display and visibility in CSS and use these features
  • use CSS to manipulate color
  • contrast and use CSS opacity or RGBA settings to make an element transparent
  • use CSS to set a background image or color for a page or other element
  • use CSS to apply linear gradients to an element
  • use CSS to apply radial gradients to an element
  • use CSS3 to create gradient text
  • configuring spans with CSS
  • style divs with CSS
  • use basic CSS to draw shapes such as triangles
  • use CSS to change the mouse cursor
  • use CSS to style tables
  • use CSS to apply cell and table borders and to remove white spaces between cells when borders are applied
  • use CSS to specify alternate table row colors
  • use CSS to change a row color when hovered over
  • use CSS properties to format spreadsheet data in tabular format
  • use CSS to display calendars
  • use CSS to style different elements on a html page

Navigation Elements and Animations with CSS3

  • start the course
  • use CSS to style links
  • use CSS to style a list to generate a vertical and horizontal nav bar and display descriptive information
  • use CSS to style nested lists for multilevel navigation
  • configure tabbed navigation using CSS
  • use lists and CSS to create flyout menus
  • use CSS to configure drop-down menus
  • use CSS to style a site map
  • use CSS to apply basic rollover effects to navigation options
  • use CSS to apply rollover images with an image sprite in navigation elements
  • use 2-D transforms of CSS to manipulate elements
  • use 3-D transforms of CSS to manipulate elements
  • use CSS to apply transitions to elements
  • use simple CSS keyframe animations
  • use CSS to apply basic animations to elements
  • apply advanced CSS animation techniques
  • practice creating an animated menu using CSS3

Forms, Positioning, and Layout with CSS3

  • start the course
  • use CSS to style a form
  • use CSS to style Submit buttons
  • insert images in form fields using CSS
  • use CSS to highlight fields when they gain focus
  • use CSS to style form fields according to the validity of their input
  • use CSS to group related fields in a form
  • use CSS to style a range slider on a form
  • use CSS to style a short form as a paragraph with inline fields
  • use CSS to modify form input
  • contrast how block and inline elements display
  • use CSS to implement static and fixed positioning of elements
  • contrast fixed and relative positioning and use CSS to implement relative positioning of elements
  • specify the stacking order with z-index
  • contrast the CSS margin and padding properties
  • use CSS to wrap text around an element
  • use CSS to overlap text on an image
  • use CSS to implement floating elements in your layout
  • use the CSS clear property to improve presentation of other elements after floated elements
  • overlap divs using CSS3
  • use CSS margin auto value to center a layout horizontally and auto value, absolute value and declared height for vertical centering
  • use CSS techniques to create a thumbnails gallery
  • use CSS to create a column layout
  • use CSS box model to create a layout
  • use the CSS box-sizing property
  • practice working with layouts using CSS3

Advanced Options, Responsive Web Design, and Management with CSS3

  • start the course
  • use the CSS3 FlexBox for layout
  • outline the support for CSS3 grid and use it for layout
  • outline the support for CSS3 regions and use them for layout
  • outline the support for CSS3 exclusions and use them for layout
  • outline support for and implement the CSS3 Shapes specification
  • outline support for and implement the CSS3 Filters specification
  • outline support for and implement CSS3 masking
  • outline support for and implement CSS3 clipping and blending
  • use CSS media queries to tailor content for specific devices
  • use CSS to display content correctly on multiple screen sizes
  • use Modernizr to detect CSS3 feature support
  • use CSS to configure responsive images
  • use CSS to resize elements dynamically
  • use CSS3 to generate content
  • access an element's CSS styles with JavaScript
  • change an element's CSS styles with JavaScript
  • access CSS style sheets with JavaScript
  • add a CSS style sheet with JavaScript
  • remove a CSS style with JavaScript
  • enable or disable a CSS style sheet with JavaScript
  • manipulate CSS with jQuery
  • implement advanced experimental CSS3 features and a responsive web design

Extending CSS3 with Sass and Less

  • start the course
  • outline the features of Sass and how to install and use it, outline Sass syntax and create a Sass stylesheet
  • outline the features of SassScript - variables, data types, operations, and use the interactive shell to work with SassScript
  • work with nested CSS rules and reference parent selectors using Sass
  • work with nested CSS properties in Sass
  • use the @import rule in Sass, use partials and nested @imports
  • use nested @media queries
  • use the @extend directive in Sass
  • use the @extend directive for multiple and chained extends
  • use control directives in Sass
  • use the @at-root directive in Sass
  • use the @warn and @debug directives in Sass
  • use @mixin in Sass
  • work with functions in Sass
  • use Sass to extend CSS3
  • describe Less, and how it can be used; install and use Less
  • work with variables in Less
  • work with the Extend pseudo-class in Less
  • work with mixins in Less
  • pass rulesets to mixins in Less
  • use recursive mixins to create loop structures in Less
  • work with mixin guards and CSS guards in Less
  • work with import directives in Less
  • use & to reference parent selectors and to generate selectors in a list
  • use Less to extend CSS3

Kenmerken

Engels (US)
13 uur
CSS3
90 dagen online toegang
HBO

Meer informatie

Extra product informatie 0
Doelgroep Webontwikkelaar
Voorkennis

Er is geen specifieke kennis nodig.

resultaat

Na het volgen van deze training bent u bekend met de vele mogelijkheden die CSS3, Sass & Less te bieden hebben.

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