Cursusaanbod
Inleiding tot Generative AI voor Front-End
- Wat is generatieve AI in softwareontwikkeling?
- Overzicht van gereedschappen: ChatGPT, GitHub Copilot, Codeium, enz.
- Voordelen en beperkingen van AI in UI-ontwikkeling
Prompt-gebaseerde UI-generatie
- Het ontwerpen van prompts voor HTML structuur en componenten
- Het genereren en aanpassen van CSS stijlen met AI
- Het gebruik van AI om interactieve elementen in JavaScript te structureren
Prototyperen van Layouts met Generatieve Gereedschappen
- Het bouwen van landingspagina's en veelgedeelte lay-outs
- Responsive design prompts (Flexbox, Grid)
- Voorvertonen en testen in CodePen of vergelijkbare gereedschappen
Componentisering en Herbruikbaarheid
- Het genereren van herbruikbare UI-componenten (knoppen, kaarten, formulieren)
- Het creëren van componentbibliotheken en ontwerpsystemen met AI-hulp
- Het gebruik van AI in populaire frameworks (React, Vue, Tailwind)
AI-ondersteunde Code Review en Debugging
- Het oplossen van lay-outfouten en toegankelijkheidsproblemen met LLMs
- Het optimaliseren van HTML/CSS/JS codeprestaties
- Het uitleggen van fouten en het suggereren van oplossingen via AI-prompt
Samenwerkend Ontwerp en Content Generatie
- Het gebruik van AI om dummy-inhoud, kopie en plaatshouders te genereren
- Samenwerken met ontwerpers om wireframes en stijlen mee te creëren
- Het exporteren van AI-gegenereerde ideeën naar bruikbare HTML sjablonen
Project: Bouw een AI-Gestructureerde Webapp
- Het ontwerpen van een UI op basis van een zakelijke prompt
- Het bouwen van componenten en interacties met behulp van AI
- Het verfijnen, testen en presenteren van de prototype
Samenvatting en Volgende Stappen
Vereisten
- Basiskennis van HTML, CSS en JavaScript
- Kennis van front-end frameworks of ontwerpsystemen
- Interesse in het toepassen van AI om UI/UX-workflows te versnellen
Publiek
- Front-end developers
- UX engineers
- Webontwerpers en creatieve technologen
Getuigenissen (2)
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
Trainer die de moeilijkheidsgraad van de cursus tijdens het trainingstijd kan aanpassen om bij ons begrip van het onderwerp te passen, zodat we meer nuttige kennis kunnen opdoen die ons verder kan helpen bij het benutten van de tools in ons dagelijks werk.
Tatt Juen - ViTrox Technologies Sdn Bhd
Cursus - Intermediate GitHub Copilot
Automatisch vertaald