Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Leertraject Frontend Development with Svelte - Online-Opleiding met certificaat
Frontend Development with Svelte
Frontend Development with Svelte
Beginner
0.0
0 reviews
0 Learners
Explore how modern frontend development works using HTML, CSS, JavaScript, Svelte, and Tailwind CSS. Build structured webpages, create interactive UI …
188
Chapters
20
Learning hours
218
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

Structure webpages using semantic HTML
Create reusable Svelte components and reactive UI elements
Fetch and display external API data
Style interfaces with CSS and Tailwind CSS
Handle forms, events, and dynamic rendering
Build responsive layouts for different screen sizes
Build interactive frontend logic with JavaScript
Work with shared state using Svelte stores
Organize modern frontend projects and reusable UI patterns.
Learning track content
Welkom bij HTML en Webontwikkeling
Understanding HTML-tags
Werken met HTML-attributen
Begrip van gekoppelde en enkele tags in HTML
Tekstmarkering
Lijsten Organiseren
Uitdaging: Maak Je Eerste Webpagina Paragraaf
Uitdaging: Bouw een Persoonlijke Introductie Webpagina
Uitdaging: Ontwerp een Webpagina voor een Filmoverzicht
Links Gebruiken
Knoppen Toevoegen
Uitdaging: Maak links naar populaire websites
Je HTML-code Valideren voor Best Practices
Inzicht in de Structuur van HTML-Documenten
De Rol van de Documentkop
Uitdaging: Structureer een HTML-document Correct
Afbeeldingen Toevoegen in HTML
Uitdaging: Werken met Afbeeldingen
Werken met klikbare afbeeldingen, bijschriften en optimalisatie
Tabellen Maken en Structureren in HTML
Uitdaging: Ontwerp een Functionele HTML-tabel
Introductie tot HTML-formulieren
Basisprincipes van formulieraanmaak in HTML
Labels Gebruiken voor Betere Formuliertoegankelijkheid
Formulieren Verbeteren met Invoerattributen
Verschillende Invoertypen in HTML Verkennen
Uitdaging: Maak een formulier met invoervelden en labels
Werken met het textarea-element voor invoer over meerdere regels
Het Gebruik van het Select-element voor Dropdownmenu's
Het Gebruik van het Datalist-Element voor Vooraf Gedefinieerde Invoersuggesties
Formulierelementen Groeperen voor een Betere Structuur
Eerste JavaScript-consoletoepassing
Uitdaging: Het Tonen van Output
Uitdaging: Meerdere Regels Weergeven
Werken met Getallen
Challenge: Werken met Getallen
Uitdaging: Het Berekenen van de Snelheid van een Auto
Uitdaging: Het Berekenen van de Oppervlakte van een Trapezium
Meerdere Waarden Weergeven
Uitdaging: Betekenisvolle Uitvoer naar de Console
Hoe Opmerkingen te Gebruiken in JavaScript?
Challenge: Een Opmerking Toevoegen
Meerdere-Regel Opmerkingen
Uitdaging: Code Uitcommentariëren
Wat Is JavaScript Eigenlijk?
Gegevens Opslaan
Uitdaging: Een Variabele Declareren
Uitdaging: Toegang Krijgen tot Gegevens uit een Variabele
Uitdaging: Variabelenamen Corrigeren
Uitdaging: Een Variabele Opnieuw Toewijzen
Constanten
Challenge: Declareren en Gebruiken van Constanten
Rekenen met Variabelen
Uitdaging: Het Maken van een Salariscalculator
Uitdaging: Salaris Aanpassen Met Een Bonus
Verkenning van Primitieve Gegevenstypen
Uitdaging: Een Booleaanse Waarde Declareren
Hoe Verschillende Gegevenstypen Met Elkaar Omgaan
Uitdaging: Strings Samenvoegen
Uitdaging: Gebruikersprofiel en Activiteitsdetails Aanmaken
Vergelijkingsoperatoren
Uitdaging: Controleren van Leeftijdsgeschiktheid
De `If`-Instructie
Uitdaging: Weergebaseerde Kledingaanbeveler
Uitdaging: Even of Oneven
Geneste Voorwaardelijke Uitspraken
De `else`-Clausule
Uitdaging: Temperatuuradviseur
De `else if` Clausule
Uitdaging: Cijfercategorisator
`En` Logische Operator
Uitdaging: Controleren of een Getal Even en Positief Is
Of-logische operator
Uitdaging: Toegang tot Controlesysteem
Wat Zijn Functies?
Uitdaging: Eenvoudige Functie
Uitdaging: Het Berekenen van de Snelheid van een Auto
Scopes
Gegevens Doorgeven aan Functies
Uitdaging: Het Herstellen van de Snelheidsfunctie
Uitdaging: Het Verbeteren van de Cijfercategorisator
Uitdaging: Het Definiëren van een Samengestelde Functie
Gegevens Retourneren Vanuit Functies
Standaardwaarden
Uitdaging: E-mailauto-responder met Standaardparameters
Wat Zijn Arrays?
Uitdaging: Een Array Definiëren
Uitdaging: Indexering
Waarden Toevoegen aan een Array
Uitdaging: Elementen aan een Array Toevoegen
Elementen Uit een Array Verwijderen
Uitdaging: Oefenen met `pop` en `shift`
De `length`-Eigenschap
Uitdaging: Elementen Tellen
De `includes`-Methode
Uitdaging: Zoeken naar Dieren in de Dierentuin
De `for`-lus
Uitdaging: Een Reeks Afdrukken
De `while`-lus
Uitdaging: Het Afdrukken van de Fibonacci-reeks
De `do-while`-lus
Uitdaging: Willekeurig Veelvoud van 7
Lussen Gebruiken met Arrays
Uitdaging: Het Gemiddelde van de Prijzen van Artikelen Berekenen
Samenvatting
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

Ultimate HTML

Ultimate HTML

Leer de basisprincipes van HTML (HyperText Markup Language), de basis van webontwikkeling. Deze cursus voor beginners behandelt tags, attributen, elementen en het structureren van webpagina's. Verwerf praktische vaardigheden in het maken van koppen, alinea's, lijsten, afbeeldingen, links, formulieren en tabellen. Ontdek best practices, optimalisatie en webtoegankelijkheid. Begin je webontwikkelingsreis met HTML.

cursus

Introductie tot JavaScript

Introductie tot JavaScript

Duik in de wereld van de meest populaire taal voor front-end ontwikkeling – JavaScript. JavaScript is een taal die in vrijwel elke browser is ingebouwd en kan voor uiteenlopende taken worden gebruikt. Leer de basisfunctionaliteit en bereid je voor op de uitdagingen en meer geavanceerde programmeertechnieken.

cursus

CSS-Grondbeginselen

CSS-Grondbeginselen

Beheers de basisprincipes van CSS, de opmaakt taal die het uiterlijk en de uitstraling van webpagina's transformeert. Verken kernconcepten zoals tekststijlen, kleuren, afstand, het boxmodel, Flexbox en decoratieve effecten. Ontwikkel vaardigheden om visueel aantrekkelijke en goed gestructureerde webpagina's te creëren.

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

Javascript Datastructuren

Javascript Datastructuren

Leer vol vertrouwen werken met data in JavaScript door het beheersen van objecten en arrays. Begrijp hoe je objecteigenschappen en methoden effectief kunt aanmaken, benaderen en beheren. Verdiep je in geavanceerde technieken voor objectmanipulatie, waaronder iteratie, klonen en destructurering voor schonere code. Bouw een sterke basis in het werken met arrays en leer array-elementen efficiënt beheren, itereren en aanpassen. Beheers geavanceerde array-methoden zoals map, filter, find en sort om data effectief te transformeren en te verwerken in je applicaties.

cursus

CSS-Layout, Effecten en Sass

CSS-Layout, Effecten en Sass

Verhoog uw stylingvaardigheden door geavanceerde CSS-technieken voor modern webdesign te beheersen. Positioneer en beheer elementen nauwkeurig met geavanceerde positioneringsstrategieën. Creëer vloeiende overgangen en boeiende animaties om de gebruikerservaring te verbeteren. Transformeer en manipuleer elementen voor dynamische visuele effecten. Bouw responsieve ontwerpen die zich aanpassen aan verschillende apparaten en optimaliseer uw workflow met CSS-preprocessors zoals Sass.

cursus

Introduction to Digital Marketing

Introduction to Digital Marketing

This comprehensive marketing course offers an in-depth journey through the fundamentals and advanced strategies of digital marketing. Explore key areas like SEO, PPC, social media, and AI while learning how to craft strategies that deliver results. Each section includes practical examples and tools to solidify your understanding. The course concludes with a hands-on project, empowering you to create and present your own comprehensive marketing plan.

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!

cursus

Javascript Logica en Interactie

Javascript Logica en Interactie

Beheers essentiële JavaScript-concepten, waaronder klassen, DOM-manipulatie, eventafhandeling en asynchrone programmering. Leer dynamische en interactieve webapplicaties te creëren door gebruikersinteracties te beheren, gegevens op te halen en weer te geven, en asynchrone operaties efficiënt af te handelen. Deze cursus biedt een combinatie van theorie, praktische uitdagingen en realistische voorbeelden, en voorziet je van de praktische vaardigheden die nodig zijn voor moderne webontwikkeling.

cursus

Introductie tot Blockchain

Introductie tot Blockchain

Ontdek de revolutionaire wereld van blockchaintechnologie en de eerste en meest prominente toepassing ervan, Bitcoin. Verken de complexiteit van de werking van blockchain, de technische basisprincipes van Bitcoin en de bredere implicaties en toekomstige trends binnen dit dynamische vakgebied. Krijg een goed onderbouwd inzicht in de technologie die industrieën transformeert en traditionele opvattingen over valuta en gegevensbeveiliging uitdaagt.

cursus

Netwerkfundamentals

Netwerkfundamentals

Netwerkfundamentals is een uitgebreide cursus ontworpen voor beginners en gevorderde leerlingen die praktische vaardigheden in netwerken willen ontwikkelen. De cursus behandelt alles van fundamentele concepten tot geavanceerde toepassingen en neemt je mee door kernonderwerpen zoals netwerktypen, IP-adressering, protocollen en netwerkbeveiliging. Aan het einde van deze cursus beschik je over essentiële vaardigheden om netwerken effectief te troubleshooten, beveiligen en beheren, waarmee je een solide basis legt voor verdere specialisatie in netwerken.

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.

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.
some-alt