Frontend Development

Frontend Development Cursussen

Kies een cursus die aansluit bij jouw doelen - van basisprincipes tot geavanceerde vaardigheden in Frontend Development.

4.6

Beoordeeld op basis van 1095 recensies.

30,846 Lerenden

Reeds ingeschreven

Verworven vaardigheden:

3D Animation in React3D Object Manipulation3D Scene CompositionAOS BasicsAPI Organization in ReactAbstract ClassesAccess ModifiersAccessibility EvaluationAccessibility and ARIA rolesAccessibility in UI SystemsAdding MarkersAdvanced Canvas TechniquesAdvanced Component PatternsAdvanced Drag-and-Drop FeaturesAdvanced Flexbox Item ControlAdvanced Toastify FeaturesAdvanced TypeScript FeaturesAlert Styling and ThemingAlgorithmic ArtAlpine.js BasicsAnimating ComponentsAnimation CustomizationAnimation timing and playback controlAnimation with CodeAnimation with FramesAnime.js BasicsAnime.js HelpersArray ManipulationArray Searching and FilteringArraybewerkingen en iteratietechniekenArrow Function TypingArrow functions and modern syntax Assistive Technology AwarenessAsync Error HandlingAsync State HandlingAsync/Await SyntaxAsynchrone JavaScriptAsynchronous Error ManagementAsynchronous Programming in JavaScriptAudio Effects ProcessingAuth0 IntegrationAuthenticatie en CRUD-functionaliteit in webappsAxios Basics in ReactAxios InterceptorsBasis van webtechnologieBeheer van applicatiestateBest Practices for Non-blocking CodeBootstrap-kennis voor webontwikkelingBouwen van single-page applicatiesBuilding Kanban BoardsBuilding Map-Based ProjectsBuilding Simple ChartsBuilding UI ComponentsBuilding Whiteboard FeaturesCSS Box ModelCSS Cascade and SpecificityCSS Flexbox FundamentalsCSS Form StylingCSS GridCSS SelectorsCSS SyntaxCSS Units and ColorsCSS transformsCSS transitionsCSS-basisprincipesCallback TypingCanvas API BasicsCanvas AnimationsCanvas InteractivityCanvas Object ManipulationChart AnimationsChart CustomizationChart Styling and CustomizationChart Theming and ColorsChart.js FundamentalsChart.js VisualizationClass InheritanceClean Code PracticesClean DOM PracticesClerk IntegrationClient-side routing met React RouterClipboard APICode OrganizationComparison and Logical OperatorsComplex TypesComponent CompositionComponent Styling and ThemingComponent TransitionsComponentgebaseerde architectuurComponentgebaseerde architectuur en JSXConditional RenderingContainer OrganizationContent and Attribute ManipulationControl FlowCreative CodingCustom Alert DialogsCustom Authentication FlowsCustom Cell RenderingCustom Chart ConfigurationCustom Chart LabelsCustom Element CreationCustom Error CreationCustom Map IconsCustom ThemingCustom Validation RulesCustomizing Leaflet MapsCustomizing SortableJSCustomizing SwiperCustomizing Tailwind ThemesD3.js Element SelectionD3.js TransitionsDOM AnimationDOM FundamentalsDOM ManipulationDOM-manipulatie en eventafhandelingDashboard DesignData Binding in D3.jsData Fetching in ReactData TransformationData Visualization in ReactData ophalen, routing en UI-optimalisatieDate ArithmeticDate CalculationsDate ComparisonDate Component ManipulationDate FormattingDay.js BasicsDebugging E2E TestsDebugging JavaScriptDebugging Test FailuresDebugging with DevtoolsDiagram CustomizationDiagram SyntaxDiscriminated UnionsDrag-and-Drop UI DesignDrawing Shapes and TextDynamic Content HandlingDynamic Data Handling in ReactDynamic Data PresentationDynamic Data VisualizationDynamic Data Visualization on MapsDynamic Forms with React Hook FormDynamic StylingDynamische navigatie en URL-gebaseerde renderingECharts Advanced UsageES6 SyntaxEasing FunctionsElement Creation and RemovalElement SelectionEmbedding DiagramsEncapsulation in JavaScriptEnd-to-End TestingError Handling in Async CodeError Handling with AxiosError Management in UIEvent DelegationEvent HandlingEvent Handling in Alpine.jsEvent Handling in CanvasEvent Handling in ReactExhaustive Checking with neverFabric.js BasicsFile Upload FundamentalsFile Upload HandlingFile ValidationFilePond CustomizationFilePond IntegrationFilePond PluginsFirebase Authentication IntegrationFirebase Security RulesFlexbox Alignment and SpacingFlexbox vs CSS GridForm AccessibilityForm InteractivityForm ValidationForm Validation in ReactForm Validation with TypesForm building with MUI inputsFramer Motion BasicsFull Stack Webontwikkeling met Next.js 14Fullscreen APIFunction OverloadingGSAP EasingGSAP TimelinesGSAP TweeningGeavanceerde CSSGeavanceerde JavaScript-programmeringGeavanceerde positionering en lay-out met CSSGenerative Art TechniquesGenerics in ClassesGeolocation APIGeolocation in ReactGesture and Drag InteractionsGlobal Axios ConfigurationGrid.js Table BasicsHTML Drag & DropHTML EssentialsHTML FormsHTML Media EmbeddingHTML OntwikkelingHTML Text ElementsHTML-essentialsHTML-ontwikkelingHTML5 ValidationHTML5 layout tagsHTTP Requests with AxiosImage ManipulationInheritanceInline Error MessagingIntegrating UI Libraries with FormsIntegration TestingInteractive Audio DesignInteractive ChartsInteractive Data VisualizationInteractive GraphicsInteractive Map ElementsInteractive Map FeaturesInteractive UI ElementsInteractive VisualsInteractive Web FormsInterfaces and ImplementsJSON Parsing and StringifyingJSON StructureJavaScript AnimationJavaScript Array MethodsJavaScript Charting BasicsJavaScript ClassesJavaScript ConditionalsJavaScript Data TypesJavaScript Date BasicsJavaScript Date HandlingJavaScript Design PatternsJavaScript Error HandlingJavaScript Event HandlingJavaScript Form ValidationJavaScript LoopsJavaScript ObjectsJavaScript Testing FundamentalsJavaScript functions JavaScript-objectmanipulatie en structureringJest BasicsKPI Dashboard DevelopmentKeyboard and Mouse EventsKeyframe animationsKeyframes and TimelinesKonva.js BasicsLayer and Group ManagementLeaflet.js BasicsLighting and Camera ControlList RenderingLitElement Reactive TemplatingLocalization and Time ZonesMUI component developmentMap InitializationMap Rendering in ReactMapbox Data HandlingMapbox IntegrationMasonry.js InitializationMermaid.js BasicsMeta Information in HTMLMetadata and SEO basicsMiddleware IntegrationMini-Project DevelopmentMocking and Spying FunctionsMocking in TestsModern Date LibrariesModern Web IntegrationModerne UI-ontwikkeling met ReactModerne webstyling zonder CSS te schrijvenMusic SequencingMutation HandlingNavigation and LinkingNested Flexbox StructuresNotification CustomizationNull Safety in DOM ManipulationObject CompositionObject Creation and ManipulationObject HandlingObject-Oriented ProgrammingOntwerp van responsieve lay-outsOntwikkeling van lay-out en UI-componentenOptimistic UpdatesOptimizing Form PerformanceOptional and Default ParametersOrganiseren van schaalbare React-projectenOvergangen, animaties en transformaties makenP5.js FundamentalsPagination ImplementationPagination and Infinite QueriesParameters and return values Password Reset HandlingPerformance OptimizationPerformance and accessibility in motion designPersistent Data Storage in BrowserPixiJS BasicsPlaatsing van grid-itemsPlaywright BasicsPopover ConfigurationPopups and InteractivityPrimitive TypesPrimitive vs Reference TypesPrincipes van frontend-ontwikkelingProblem Solving with PatternsPromise Chaining and CombinatorsProperty DescriptorsProtected RoutingPrototypal InheritancePrototype ChainQuery CachingQuery Caching and InvalidationReact Animation FundamentalsReact AuthenticationReact Authentication FlowsReact Chart IntegrationReact Component CustomizationReact Component Story CreationReact Component StylingReact FormsReact Hook Form BasicsReact Integration with LeafletReact Integration with Three.jsReact Map RenderingReact Query BasicsReact Query MutationsReact Real-Time CommunicationReact State ManagementReact TestingReact Testing FundamentalsReact Testing Library UsageReact Toastify BasicsReact interface layout designReactive Data BindingReal-Time Data UpdatesReal-Time UI UpdatesReal-World Slider ImplementationRecharts IntegrationRegex in ValidationResponsive Carousel DesignResponsive Chart IntegrationResponsive Design with TailwindResponsive Grid LayoutsResponsive Layouts with FlexboxResponsive SlidersResponsive design using MUI utilitiesRest ParametersReusable Code StructuresReusable Schema DesignReusable Type PatternsReusable and modular code patternsRoute Protection in ReactSEO BasicsSVG AnimationSafe Union NarrowingScalable Type DesignScales and Axes in D3.jsScroll-triggered EffectsScrollTrigger AnimationsSection 508 ComplianceSecuring React AppsSemantic HTMLSerialization and ExportingServer State ManagementServer State SynchronizationSession ManagementShape ManipulationSimple Game PhysicsSimple Physics in JSSocial Login ImplementationSocket.IO IntegrationSortableJS BasicsSorting and Flattening ArraysSpecial TypesSprite ManipulationStaggered AnimationsStatebeheer in React met Redux ToolkitStorybook Addons UsageStorybook BasicsSweetAlert2 IntegrationSwiper.js BasicsSwiper.js ConfigurationSwiperJS Advanced FeaturesSwiperJS IntegrationTable Sorting and SearchingTailwind CSS IntegrationTailwind CSS voor webontwikkelingTanStack Query BasicsTest AutomationTest-Driven Development MindsetTesting Asynchronous CodeText AnimationText and content semanticsTexture HandlingTheming and component customizationThree.js BasicsTile Layer ManagementTime Zones and UTC HandlingTone.js SynthesisTooltip ImplementationType AssertionsType ConversionType Guards in TypeScriptType InferenceType NarrowingType SafetyType Safety in JavaScript ProjectsType-Safe Event HandlingType-Safe Form HandlingTypeScript Best PracticesTypeScript ClassesTypeScript DOM TypingTypeScript Function TypingTypeScript FundamentalsTypeScript GenericsTypeScript Generics for DOMTypeScript InterfacesTypeScript Migration StrategiesTypeScript SyntaxTypeScript ToolingTypeScript Type SystemTypeScript TypesTypeScript-basisprincipesUI AccessibilityUI Animation Mini-ProjectsUI DocumentationUI InteractivityUI prototyping with MUI mini-projectsUnderstanding the Event LoopUnderstanding this in FunctionsUnion and Intersection TypesUser Feedback IntegrationUser Interaction HandlingUser Interaction in 3DUser Profile ManagementUser Session ManagementUsing CallbacksUtility-first styling met Tailwind CSSVariable scope and local context Variants and KeyframesVector Map CustomizationVisual Testing with StorybookWAI-ARIA FrameworkWCAG GuidelinesWeb AccessibilityWeb Accessibility PrinciplesWeb Animation FundamentalsWeb Audio FundamentalsWeb Components BasicsWeb IntegrationWeb Storage APIsWebSocket FundamentalsWebsite-ontwikkelingWebsiteontwikkelingWebtechnologie FundamentWebtechnologie-fundamentWorking with PromisesWriting Unit TestsZod ValidationZustand SelectorsZustand Store CreationlocalStorage UsagesessionStorage Usage

Toon meer

Maak een korte quiz en kom dichter bij je doelen!

80,000

Studenten hebben de cursussen reeds succesvol afgerond en passen hun vaardigheden toe op de werkvloer

92%

Gebruikers vinden onze cursussen nuttig

Cursussen

Bladeren Frontend Development cursussen en projecten

Niveau

Lesvorm

Technologieën

HTML-Essentials

3 uren

35 hoofdstukken

Beginner

20 NU AAN HET STUDEREN

Verworven vaardigheden: Webtechnologie Fundament, Websiteontwikkeling, HTML-essentials, HTML-ontwikkeling

Ultimate HTML

4 uren

42 hoofdstukken

Beginner

40 NU AAN HET STUDEREN

Verworven vaardigheden: Basis van webtechnologie, Websiteontwikkeling, HTML Essentials, HTML Ontwikkeling

CSS-Grondbeginselen

4 uren

39 hoofdstukken

Beginner

17 NU AAN HET STUDEREN

Verworven vaardigheden: Webtechnologie Fundament, Websiteontwikkeling, CSS-basisprincipes

Next.js 14-Beheersing voor het Bouwen van Moderne Webapps

8 uren

48 hoofdstukken

Gevorderd

Verworven vaardigheden: Full Stack Webontwikkeling met Next.js 14, Data ophalen, routing en UI-optimalisatie, Authenticatie en CRUD-functionaliteit in webapps

CSS-Layout, Effecten en Sass

6 uren

48 hoofdstukken

Halfgevorderd

7 NU AAN HET STUDEREN

Verworven vaardigheden: Geavanceerde positionering en lay-out met CSS, Overgangen, animaties en transformaties maken, Geavanceerde CSS

React Router Essentials

4 uren

24 hoofdstukken

Gevorderd

Verworven vaardigheden: Client-side routing met React Router, Dynamische navigatie en URL-gebaseerde rendering

Bootstrap Basisprincipes

4 uren

31 hoofdstukken

Halfgevorderd

3 NU AAN HET STUDEREN

Verworven vaardigheden: Bootstrap-kennis voor webontwikkeling, Ontwikkeling van lay-out en UI-componenten

Tailwind CSS voor Webontwikkeling

4 uren

28 hoofdstukken

Halfgevorderd

4 NU AAN HET STUDEREN

Verworven vaardigheden: Tailwind CSS voor webontwikkeling, Utility-first styling met Tailwind CSS, Moderne webstyling zonder CSS te schrijven

Javascript Datastructuren

6 uren

44 hoofdstukken

Halfgevorderd

15 NU AAN HET STUDEREN

Verworven vaardigheden: JavaScript-objectmanipulatie en structurering, Arraybewerkingen en iteratietechnieken

Introductie tot React

6 uren

46 hoofdstukken

Halfgevorderd

20 NU AAN HET STUDEREN

Verworven vaardigheden: Moderne UI-ontwikkeling met React, Componentgebaseerde architectuur en JSX, Organiseren van schaalbare React-projecten

Statebeheer met Redux Toolkit in React

4 uren

24 hoofdstukken

Gevorderd

1 NU AAN HET STUDEREN

Verworven vaardigheden: Statebeheer in React met Redux Toolkit, Beheer van applicatiestate

Javascript Logica en Interactie

8 uren

45 hoofdstukken

Gevorderd

16 NU AAN HET STUDEREN

Verworven vaardigheden: Geavanceerde JavaScript-programmering, DOM-manipulatie en eventafhandeling, Asynchrone JavaScript

1 2 3 ...8

1 2 ...

Kies een loopbaantrajectUitgebreide programma’s om een loopbaantraject te beheersen

traject

Alleen voor Ultimate

Word Een React Ontwikkelaar

Halfgevorderd

Full Stack Webontwikkeling

Beginner

Fundamenten van Frontend-ontwikkeling

Beginner

Voordelen van Codefinity

KI-ondersteund leren

Omarm de fascinatie voor technologische vaardigheden! Onze KI-assistent biedt realtime feedback, persoonlijke tips en foutuitleg, zodat je met vertrouwen leert.

Werkruimten

Met Werkruimten kun je projecten direct op ons platform creëren en delen. We hebben sjablonen voor je klaargezet.

Leertrajecten

Neem de controle over je carrièreontwikkeling en begin aan je pad naar beheersing van de nieuwste technologieën

Projecten uit de praktijk

Projecten uit de praktijk tillen je portfolio naar een hoger niveau, met praktische vaardigheden om werkgevers te imponeren

Waarom Codefinity opvalt

Videocontent

Downloadbare materialen

Prestigieuze certificaten

Interactieve leeromgeving

Foutcorrectie

AI-assistent

Toegang tot alle content met één abonnement

Codefinity

Videogebaseerde leerplatforms

Codefinity

Videogebaseerde leerplatforms

Videocontent

Downloadbare materialen

Prestigieuze certificaten

Interactieve leeromgeving

Foutcorrectie

AI-assistent

Toegang tot alle content met één abonnement

CarrièremogelijkhedenOntdek de populairste beroepen, gemiddelde salarissen en bedrijven die actief op zoek zijn naar specialisten in dit vakgebied.

Front-End Ontwikkelaar

Webontwikkelaar

React Ontwikkelaar

Software Engineer

Markup Ontwikkelaar

$77k

$109k

$142k

Min

Average

Max

Jaarlijks salaris

(Gemiddeld in de VS)

Aanwervende bedrijven

*Bron: Glassdoor

Gekozen door studenten van de allerbest scholen

Inclusief 30 van de 30 allerbeste universiteiten van VS

Frontend Development Cursussen: Belangrijke info en vragen

Introductie tot Frontend Development

Onze Frontend Development-cursussen leren je responsieve, interactieve websites bouwen met HTML, CSS, JavaScript en frameworks zoals React en Next.js. Of je nu een beginner bent of je vaardigheden wilt uitbreiden, je doet praktijkervaring op om moderne, gebruiksvriendelijke webinterfaces te creëren.

Voordelen van onze Frontend Developer-cursussen

Onze cursussen zijn ontwikkeld door industrie-experts en bieden actuele kennis, praktische programmeeruitdagingen, flexibel leren en certificering. Je ontwikkelt praktische vaardigheden die zeer gewaardeerd worden in de technologiesector, waardoor je opvalt bij werkgevers.

Carrièremogelijkheden na het afronden van Frontend Developer-cursussen

Het afronden van onze Frontend Developer-cursussen opent diverse carrièremogelijkheden, zoals Frontend Developer, React Developer, Markup Developer en Web Developer. Deze functies zijn zeer gewild in veel sectoren.

Frontend Developer cursusopties

Wij bieden cursussen voor alle niveaus, van beginner tot gevorderd. Je leert essentiële technologieën zoals HTML, CSS en JavaScript, en kunt doorgroeien naar geavanceerde onderwerpen zoals TypeScript, React en Next.js. Dit geeft je een sterke basis voor je frontend-carrière.

Informatie over Frontend Development-certificaat

Na het afronden van onze Frontend Development-cursussen ontvang je certificaten die je vaardigheden aantonen. Deze certificering kan je cv versterken en je competenties aantonen aan potentiële werkgevers.

Wat is Frontend Development en waarom is het belangrijk in de technologiesector?

Frontend Development draait om het bouwen van de onderdelen van websites en apps die gebruikers zien en waarmee ze interageren. Het is cruciaal in de technologie, omdat het bepaalt hoe gebruikers digitale producten ervaren en websites toegankelijk, aantrekkelijk en gebruiksvriendelijk maakt.

Wat zijn het gemiddelde salaris en de vooruitzichten voor Frontend Developers?

Frontend Developers verdienen concurrerende salarissen die variëren per locatie en ervaring. De vooruitzichten op werk zijn goed, met veel bedrijven die actief op zoek zijn naar bekwame ontwikkelaars om hun online aanwezigheid te verbeteren.

Welke kernvaardigheden zijn vereist om uit te blinken in Frontend Development?

Belangrijke vaardigheden zijn onder meer beheersing van HTML, CSS, JavaScript en bekendheid met frontend-frameworks zoals React en Next.js. Aanvullende vaardigheden zoals responsief ontwerp, toegankelijkheid en versiebeheer zijn ook belangrijk.

Hoe word je een Frontend Developer?

Om Frontend Developer te worden, begin je met het leren van de basistechnologieën (HTML, CSS, JavaScript). Bouw projecten om je vaardigheden toe te passen, volg relevante cursussen en blijf oefenen. Het ontwikkelen van een sterk portfolio en praktijkervaring opdoen via stages of freelancewerk is ook waardevol.

Welke programmeertalen worden vaak gebruikt in Frontend Development?

De belangrijkste programmeertaal die wordt gebruikt in Frontend Development is JavaScript. Daarnaast wordt TypeScript vaak gebruikt als superset van JavaScript die statische types toevoegt. Hoewel HTML en CSS geen programmeertalen zijn, zijn het essentiële opmaak- en opmaaktalen voor het creëren van de structuur en het ontwerp van webpagina's.

Welke cursus is het beste in de categorie Frontend Developer-cursussen?

Voor beginners is onze "Ultimate HTML"-cursus een uitstekend startpunt. Deze biedt een solide basis in het bouwen en structureren van webpagina's voordat je doorgaat naar geavanceerdere onderwerpen.

Welke stappen moet ik nemen om een carrière in Frontend Development te starten?

Om een carrière in Frontend Development te starten, begin je met het leren van HTML, CSS en JavaScript. Bouw een portfolio van projecten, volg relevante cursussen, doe mee aan programmeeruitdagingen en blijf op de hoogte van de laatste trends in de sector.

Kan ik Frontend Development in 3 maanden leren?

Ja, je kunt veel van onze Frontend-cursussen in drie maanden afronden met consistente inzet, waardoor je een solide basis krijgt in HTML, CSS, JavaScript en frameworks. Om klaar te zijn voor de arbeidsmarkt, blijf oefenen door echte projecten te bouwen en je vaardigheden verder uit te breiden na het afronden van de cursussen.

Wat kost de training voor Frontend Developer-cursussen doorgaans?

Wij bieden flexibele prijzen die passen bij jouw leerbehoeften. Ons Pro Plan begint bij $49 per maand, of je kunt besparen door te kiezen voor $99 voor drie maanden of $144 voor een volledig jaar. Voor een meer uitgebreide leerervaring is ons Ultimate Plan beschikbaar voor $59 per maand, $147 voor drie maanden of $299 per jaar. Beide plannen geven toegang tot door experts samengestelde cursussen, interactieve uitdagingen en certificeringen ter ondersteuning van je groei. Voor alle details, bezoek onze prijspagina.

Wat zijn tips voor het kiezen van de beste Frontend Developer-cursus voor mijn behoeften?

Als je een beginner bent, begin dan met onze cursussen "Ultimate HTML" en "CSS Fundamentals" om de basis van webontwikkeling te begrijpen. Ben je geïnteresseerd in programmeren voor Frontend Development, volg dan onze cursus "Introductie tot JavaScript". Houd rekening met je huidige vaardigheden, doelen en leerstijl om de beste cursus voor jouw behoeften te kiezen.

Hoe kies ik een geschikte Frontend Developer-cursus?

Beoordeel je huidige kennis en doelen. Beginners starten met HTML, CSS en JavaScript, terwijl gevorderde leerlingen zich kunnen richten op frameworks en gespecialiseerde tools om hun expertise te verdiepen.

Hoe kan ik met succes een Frontend Developer-cursus afronden en een sterk portfolio opbouwen?

Blijf georganiseerd, oefen regelmatig en bouw projecten terwijl je leert. Het afronden van diverse projecten die je vaardigheden tonen is essentieel voor het opbouwen van een sterk portfolio voor sollicitaties.

Hoe verschilt Frontend Development van Backend Development of Full Stack Development qua vaardigheden en functies?

Frontend Development richt zich op de gebruikersinterface en -ervaring, met technologieën zoals HTML, CSS en JavaScript. Backend Development omvat server-side logica, databases en API's, met technologieën zoals Node.js, Python of Java. Full Stack Development combineert zowel Frontend- als Backend-vaardigheden, waardoor ontwikkelaars complete webapplicaties kunnen bouwen.

Verwante onderwerpen

QA Data-analyse Social Media Management Webontwikkeling Gameontwikkeling Cloud Computing C#Excel Deep Learning JavaScript

Wat Onze Gebruikers Zeggen

Doe mee 1.5+ miljoen groeien in AI- en data-vaardigheden bij Codefinity

Klaar om te starten?

ProBeste introductieaanbieding$12 /maandJaarlijks gefactureerd

250+ topcursussen

Certificaten van voltooiing

KI-assistent in alle cursussen

40+ hands-on Real-world projects

Persoonlijke leertrajecten

Onbeperkte werkruimten

UltimateAlles wat je nodig hebt om je carrière te boosten$25 /maandJaarlijks gefactureerd

250+ topcursussen

Certificaten van voltooiing

KI-assistent in alle cursussen

40+ hands-on Real-world projects

Persoonlijke leertrajecten

Onbeperkte werkruimten

Topcursussen in de Frontend Development categorie

1.	HTML-Essentials	3 uren	35 hoofdstukken
2.	Ultimate HTML	4 uren	42 hoofdstukken
3.	CSS-Grondbeginselen	4 uren	39 hoofdstukken
4.	Next.js 14-Beheersing voor het Bouwen van Moderne Webapps	8 uren	48 hoofdstukken
5.	CSS-Layout, Effecten en Sass	6 uren	48 hoofdstukken