Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Leertraject Fundamenten van Frontend-ontwikkeling - Online-Opleiding met certificaat
Fundamenten van Frontend-ontwikkeling
Fundamenten van Frontend-ontwikkeling
Beginner
4.5
42 reviews
63 Learners
Updated 01/2026
Verken de fundamentele pijlers van de vaardigheden van elke webontwikkelaar. Begin met HTML, waar je leert om webinhoud te structureren, intuïtieve na…
293
Chapters
35
Learning hours
387
Assignments
AI Assistant
Shareable Certificate
Resultaten
Resultaten
Track content
Related courses and projects
Getuigenissen
Kenmerken
Prijzen
Resultaten
Resultaten
Track content
Related courses and projects
Getuigenissen
Kenmerken
Prijzen

Wat je zult leren

Structuring web content with HTML tags
Adding interactivity with JavaScript
Creating and validating HTML forms
Styling responsive layouts using CSS
Manipulating data with JavaScript structures
Mastering CSS Flexbox for layouts
Applying advanced CSS for animations
Building user-friendly web interfaces
Implementing JavaScript DOM manipulation
Learning track content
Verken de werking van het web. Leer hoe gegevens over netwerken reizen, ontdek de rol van protocollen en ontrafel de mysteries van IP-adressen en domeinnamen. Krijg een hoogwaardig begrip van hoe webbrowsers en servers communiceren om webinhoud te leveren.
De kern van de HTML-documentstructuur. Leer de componenten van een HTML-document, inclusief de doctype-verklaring, head en body. Begrijp het doel van elk element en hoe ze bijdragen aan de algehele structuur van een webpagina.
Ontdek Flexbox, een krachtig CSS-layoutmechanisme voor het rangschikken van elementen in rijen en kolommen. Leer hoe u de richting, uitlijning en afstand van elementen horizontaal en verticaal beheert, evenals het aanpassen van individuele flex-items voor nauwkeurige lay-outs.
Leer hoe u de visuele aantrekkingskracht van uw webpagina's kunt vergroten met CSS. Ontdek technieken voor het toepassen van achtergrondkleuren en -afbeeldingen, het stylen van afbeeldingen, het gebruik van decoratieve pseudo-elementen en het toevoegen van schaduwen om indrukwekkende ontwerpen te creëren.
Onderzoek wat cursisten kunnen verwachten van deze cursus over geavanceerde HTML- en CSS-styling. Welke voorkennis is vereist voordat je aan de cursus begint? Welke onderwerpen komen aan bod?
Leer over de animatie-eigenschap en hoe deze kan worden gebruikt om dynamische en boeiende ontwerpen te creëren. Ontdek hoe u complexe animaties maakt met behulp van keyframes en hoe u de animatie beheerst.
Ontdek de transform-eigenschap, waarmee het uiterlijk en de positie van elementen op een webpagina kunnen worden aangepast. Leer hoe u elementen kunt schalen, roteren, schuin trekken en verplaatsen in twee en drie dimensies. Combineer meerdere transformaties om complexere effecten te creëren.
De principes en technieken die worden gebruikt in adaptief/responsief ontwerp zijn gericht op het toegankelijk en visueel aantrekkelijk maken van websites en applicaties op verschillende apparaten, schermformaten en oriëntaties.
Lussen zijn een fundamenteel kenmerk in programmeren die worden gebruikt om overbodigheid te verminderen en repetitieve taken efficiënt af te handelen. De inhoud behandelt de drie belangrijkste typen lussen in JavaScript, hun syntaxis, toepassingsgebieden en hoe ze gecombineerd kunnen worden met arrays om bewerkingen te stroomlijnen en de prestaties te verbeteren.
Krijg een duidelijk overzicht van wat komen gaat, begrijp de vereisten en ontvang waardevolle tips om succesvol te starten met objecten, arrays en essentiële programmeerconcepten.
Ontgrendel de interactiviteit van webapplicaties door het beheersen van JavaScript-events. Begrijp event-propagatie, beheer eventgedrag en implementeer efficiënte eventafhandeling voor gebruikersinteracties. Optimaliseer prestaties met geavanceerde technieken zoals eventdelegatie.
Verhoog je Technische Vaardigheden!
met tot 55% korting
Features:
*Tracks not included in Pro plan
500+ Hooggewaardeerde cursussenGeavanceerde AI Copilot
Persoonlijke leertrajecten40+ praktische real-world projecten
Zonder opzegging, voordat het geselecteerde kortingsplan afloopt, ga ik akkoord dat Codefinity automatisch kosten in rekening brengt $104 elke 3 maanden totdat ik opzeg. Lees meer over het annulerings- en restitutiebeleid op Abonnementsvoorwaarden.
Recommended Courses and Projects

cursus

test code

test code

test code

cursus

Test explain sentence

Test explain sentence

hover on sentence and explain it

cursus

HTML-Essentials

HTML-Essentials

Beheers de basisprincipes van HTML om goed gestructureerde en toegankelijke webinhoud te creëren. Leer hoe u documenten structureert met behulp van tags, elementen en attributen. Werk zelfverzekerd met tekst, lijsten, afbeeldingen, audio en video om webpagina's te verrijken. Maak tabellen voor georganiseerde gegevens en formulieren voor gebruikersinvoer en interactie. Ontdek semantische HTML om de toegankelijkheid te verbeteren en volledige, functionele websitestructuren vanaf de basis op te bouwen.

cursus

Test UI Features

Test UI Features

Let's test

cursus

Introduction to CSS Part I

Introduction to CSS Part I

CSS, or Cascading Style Sheets, is a stylesheet language used to describe the presentation of a document written in a markup language like HTML. CSS is a fundamental building block of the modern web and controls the styling and layout of websites and web applications.

cursus

Introduction to CSS Part II

Introduction to CSS Part II

Continue learning CSS. CSS, or Cascading Style Sheets, is a stylesheet language used to describe the presentation of a document written in a markup language like HTML. CSS is a fundamental building block of the modern web and controls the styling and layout of websites and web applications.

cursus

Introduction to HTML

Introduction to HTML

In this course, participants will learn the basics of HTML, what HTML is and how it is used to create web pages, the structure of an HTML document and the various tags used to define the content and layout of a web page, how to use HTML tags to structure and format content, such as headings, paragraphs, lists, tables, and more, how to create links, add images and videos, and create forms for user input.

cursus

React Tutorial

React Tutorial

React is a popular JavaScript library for building user interfaces. It is developed and maintained by Facebook and is used by many large companies to create complex and interactive web and mobile applications. quckReact uses a virtual DOM to update the user interface efficiently and uses a declarative approach to programming, making it easy to reason about and predict the behavior of an application. React is known for its efficiency and flexibility and allows developers to create reusable components that can be quickly composed to build complex user interfaces.

cursus

test course with sections with quiz

test course with sections with quiz

test

cursus

Introduction to QA

Introduction to QA

In this course, the user will get an introduction on how to perform manual testing on primarily web applications. The skills aquired in this course can be used in automation testing as well.

cursus

HTML for Beginners

HTML for Beginners

HTML (HyperText Markup Language) is a standard language for creating web pages. It describes the structure and content of a web page and consists of a series of tags that define the various elements of the page, such as headings, paragraphs, lists, links, and more. HTML is the foundation of the modern web.

cursus

JavaScript Ninja

JavaScript Ninja

Welkom bij de JavaScript Ninja Cursus! Deze boeiende en interactieve cursus is ontworpen om je kennis te laten maken met de basisprincipes van JavaScript-programmering door middel van een leuk en educatief spel. Je zult een ninja begeleiden door verschillende uitdagingen, waarbij je JavaScript gebruikt om bewegingen te controleren en te communiceren met objecten zoals sushi. Beginnend met de basis, leer je hoe je de kaart kunt navigeren, sushi kunt oppakken en plaatsen, en geleidelijk vorder je naar meer complexe programmeerconcepten zoals functies, loops en voorwaardelijke uitspraken. Elk hoofdstuk biedt praktische oefeningen om je leerproces te versterken, culminerend in spannende uitdagingen die je vaardigheden testen. Of je nu een complete beginner bent of je programmeervaardigheden wilt aanscherpen, deze cursus biedt een uitgebreide en plezierige leerervaring. Doe met ons mee en word een codeer-ninja!

Waarom Mensen Codefinity Kiezen

Kwizera Mugisha

Web Developer

Kwizera Mugisha

linkedIn

The teaching methodology at Codefinity is excellent, and I particularly appreciate how it has prepared me to handle real-world coding problems. Currently, I am delving into Node.js and eagerly anticipate building full-stack projects that integrate all the knowledge I have gained.

Sherry Barnes-Fox

Senior Business Analyst

Sherry Barnes-Fox

linkedIn

My first course was 4 hours, I did it in a few days, "nugget-style". The instructions are very clear and easy to understand. There is even a hint to help you get the answer. I love the learning style that is used, it engages me.

Bill Wagner

Accounts Payable Specialist

Bill Wagner

linkedIn

I have really liked the browser-based lessons that allow me to code within the lesson. The RUN button allows me to test the code I write before submitting for a grade.

Daniel Chinea

IT Support Specialist

Daniel Chinea

linkedIn

I have gained a lot of practical and logical thinking skills, along with patience for myself and confidence in myself that I can learn programming. Years ago, I would have never thought that I could learn programming in any way, shape or form, and I was able to obtain these certifications and skills with Codefinity.

Steve Bruening

Technology Project Manager

Steve Bruening

linkedIn

The learning was progressive and made it easy to follow along and make progress. I could feel my skills increasing and building on each other as the course went along.

Stephanie Chan

Project Manager

Stephanie Chan

linkedIn

As I went through the first course of the Python track, I liked the way the course was lay out (in easy and digestible modules) with little exercises at the end of each concept.

Step-by-Step to Stellar Results
Interactieve codeeromgeving

Duik in onze interactieve omgeving: schrijf en voer je code uit met realtime feedback en successtatistieken—leer door te doen bij elke stap.

AI-ondersteunde hulp

Maak gebruik van de ingebouwde AI-assistent om fouten uit te leggen, oplossingen voor te stellen of vragen over je code te beantwoorden—zodat je productief blijft en nooit vastloopt.

Check your progress

Rond elke module af met een snelle quiz die directe feedback geeft, je voortgang bijhoudt en ervoor zorgt dat je de belangrijkste concepten beheerst.

Promote your expertise

Verdien je branche-erkende certificaat na voltooiing en deel het met één klik op LinkedIn—laat je netwerk zien wat je kunt.

Vertrouwd door Werknemers van Toonaangevende Bedrijven
en Studenten van Topuniversiteiten

Google
Intel
Twitter
FedEx
Meta
Nike
Amazon
Microsoft
Tesla
Google
Intel
Twitter
FedEx
Meta
Nike
Amazon
Microsoft
Tesla
florida
illinois
colorado
indiana
new-york
cornell
columbia
notre-dame
florida
illinois
colorado
indiana
florida
illinois
colorado
indiana
new-york
cornell
columbia
notre-dame
florida
illinois
colorado
indiana

Volledige toegang tot de catalogus

Één abonnement geeft je toegang tot deze cursus en onze gehele catalogus van projecten en vaardigheden.
Features:
500+ Hooggewaardeerde cursussenGeavanceerde AI Copilot
Persoonlijke leertrajecten40+ praktische real-world projecten
Zonder opzegging, voordat het geselecteerde kortingsplan afloopt, ga ik akkoord dat Codefinity automatisch kosten in rekening brengt $104 elke 3 maanden totdat ik opzeg. Lees meer over het annulerings- en restitutiebeleid op Abonnementsvoorwaarden.

Probeer Codefinity met vertrouwen – 30-dagen geld-terug-garantie inbegrepen

Om je te verwelkomen bij Codefinity, bieden we tot 64% korting op onze cursussen. Bovendien hebben we een 30-dagen geld-terug-garantie, zodat je ons risicoloos kunt uitproberen.We kijken er echt naar uit om je te verwelkomen op ons platform en we zijn toegewijd om je leerervaring gemakkelijk, interactief en leuk te maken.
Shield Image
Ready to get started?
Pro
Best intro offer
Ultimate
A complete experience
to kickstart your career
500+ Top-Rated courses
yes
yes
Completion certificates
yes
yes
Early access to new courses
yes
yes
40+ hands-on Real-world projects
no
yes
Personalized study tracks
no
yes
Unlimited workspaces
no
yes

Direct toegang tot 500+ cursussen

Onbeperkt Leren, Directe Toegang
Onbeperkt Leren, Directe ToegangKrijg volledige toegang tot alle cursussen en trajecten, inclusief videocontent, quizzen en diepgaande materialen—begin op elk moment met leren.
Branche-Erkende Certificaten
Branche-Erkende CertificatenVerdien certificaten die je expertise valideren en je carrière in technologie, AI, data, marketing en meer een boost geven.
KI-ondersteund leren
KI-ondersteund lerenKrijg gepersonaliseerde hints, realtime feedback en AI-gestuurde uitleg om je voortgang te versnellen.
Voortdurend Uitbreidend: Nieuwe Cursussen & Carrièretrajecten
Voortdurend Uitbreidend: Nieuwe Cursussen & CarrièretrajectenBlijf voorop met voortdurend bijgewerkte cursussen, carrièreplannen, uitdagingen en praktische oefentests.
Bouw Vaardigheden die Ertoe Doen
Bouw Vaardigheden die Ertoe DoenBeheers gevraagde vaardigheden met cursussen in AI, datawetenschap, programmeren, marketing, automatisering, webontwikkeling en meer.
Interactief & Naadloos Leren
Interactief & Naadloos LerenDoe mee met praktische projecten, real-world oefeningen en een intuïtieve leerervaring — geen extra tools nodig.

Volg ons

trustpilot logo

Adres

codefinity
Onze excuses dat er iets mis is gegaan. Wat is er gebeurd?
some-alt