Neem contact met ons op
 Duur 14 uren

Cursusaanbod

Inleiding tot generatieve AI voor front-end

  • Wat is generatieve AI in de softwareontwikkeling?
  • Overzicht van tools: ChatGPT, GitHub Copilot, Codeium, enz.
  • Voordelen en beperkingen van AI in de UI-ontwikkeling

Promptgebaseerde UI-generatie

  • Prompts maken voor HTML-structuur en componenten
  • CSS-stijlen genereren en aanpassen met AI
  • Gebruik van AI om interactieve elementen in JavaScript te schetsen

Prototypen maken van layouts met generatieve tools

  • Landing pages en layouts met meerdere secties bouwen
  • Prompts voor responsief ontwerp (Flexbox, Grid)
  • Voorschouwen en testen in CodePen of vergelijkbare tools

Componentisatie en herbruikbaarheid

  • Herbruikbare UI-componenten genereren (knoppen, kaarten, formulieren)
  • Componentenbibliotheken en design systemen maken met AI-hulp
  • AI gebruiken in populaire frameworks (React, Vue, Tailwind)

AI-gestuurde codebeoordeling en foutopsporing

  • Layoutbugs en toegankelijkheidsproblemen oplossen met LLMs
  • HTML/CSS/JS-codeprestaties optimaliseren
  • Fouten uitleggen en oplossingen voorstellen via AI-prompts

Samenwerking bij ontwerp en inhoudsgeneratie

  • AI gebruiken om dummy-inhoud, tekst en place-holders te genereren
  • Samenwerken met ontwerpers om wireframes en stijlen samen te maken
  • AI-gegenereerde ideeën exporteren naar bruikbare HTML-sjablonen

Project: Een AI-gescaffoldde webapp bouwen

  • UI ontwerpen op basis van een businessprompt
  • Componenten en interacties bouwen met AI
  • Prototype verzorgen, testen en presenteren

Samenvatting en volgende stappen

Vereisten

  • Basiskennis van HTML, CSS en JavaScript
  • Vamiliariteit met front-endframeworks of design systemen
  • Interesse in het toepassen van AI om UI/UX-workflows te versnellen

Publiek

  • Front-endontwikkelaars
  • UX-ingenieurs
  • Webontwerpers en creatieve technologen

Aantal deelnemers


Prijs per deelnemer

Getuigenissen (1)

Voorlopige Aankomende Cursussen

Gerelateerde categorieën