Bedankt voor uw aanvraag! Een van onze medewerkers neemt binnenkort contact met u op
Bedankt voor uw boeking! Een van onze medewerkers neemt binnenkort contact met u 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
Getuigenissen (1)
Ik heb kennis gemaakt met de Streamlit-bibliotheek voor Python en ik zal zeker proberen deze te gebruiken om de toepassingen van mijn team, die zijn gemaakt met R Shiny, te verbeteren.
Michal Maj - XL Catlin Services SE (AXA XL)
Cursus - GitHub Copilot for Developers
Automatisch vertaald