Vibe Coding for Agentic AI Automations

Topic 1: Build a Responsive Web UI with Vibe Coding

• Fundamentals of Vibe Coding for UI development
• Designing responsive layouts (Flexbox, Grid, mobile-first approach)
• Integrating UI components (forms, modals, navigation, dashboards)
• Connecting frontend UI to APIs and backend services

Topic 2: Build Agentic AI Workflows with n8n

• Introduction to agentic workflows and automation concepts
• Setting up n8n and creating workflow pipelines
• Integrating LLMs, APIs, and external tools into workflows
• Orchestrating multi-step AI agents and decision logic

Topic 3: Build Agentic RAG Chatbot App with Vibe Coding

• Overview of RAG architecture (retrieval + generation)
• Building a chatbot UI with Vibe Coding
• Integrating vector databases and document ingestion
• Enhancing chatbot with memory, context, and source attribution

Topic 4: Build Responsive Agentic AI Websites with Vibe Coding

• Designing AI-powered web applications with responsive UX
• Embedding AI agents and chat interfaces into websites
• Connecting frontend with agentic backends (APIs, workflows)
• Deployment strategies (hosting, domains, performance optimization)

Prerequisite

This is an advanced course on Vue.js. Participants should have basic knowledge on the following subjects:

• Vue JS
• ES6 or Typescript

Software Requirement

Please download and install the following software prior to the class

• Node.js  https://nodejs.org/en/download/
• Visual Studo Code https://code.visualstudio.com/download

• AI Automation Engineer
• Agentic AI Developer
• Workflow Automation Specialist
• AI Solutions Architect
• Prompt Engineer
• Robotic Process Automation (RPA) Developer
• Business Process Automation Analyst
• AI Integration Specialist
• Digital Transformation Consultant
• Data Automation Engineer
• DevOps Automation Engineer
• AI Product Manager
• Low-Code/No-Code Developer
• API Integration Developer
• Intelligent Automation Consultant
• AI Operations (AIOps) Specialist
• Business Intelligence Automation Analyst
• Cloud Automation Engineer
• IT Process Automation Manager
• AI-Powered Systems Administrator

Peter Goh: Peter Goh is a ACTA certified trainer. Peter Goh is the Technology Evangelist at Disruptive Digital, a full-service digital agency based in Singapore, offering innovative & effective web and native mobile application development. He specializes in bleeding edge software development and have more than 10 years' experience in developing customized applications for desktop, web and mobile platforms. He has extensive domain knowledge in .Net and Java programming, iOS development and has helped many to create e-commerce web sites on Amazon AWS and Microsoft Azure

Mohamed Afiq: Mohamed Afiq is a ACTA certifed trainer. Mohamed Afiq startup CTO for 3 years building proprietary delivery system from scratch and then managing a team of 20 developers. He builted multiple web apps using MEAN or similar stacks. He is also a founder and sole developer for PlayTours: https://playtours.app/ . He leads instructor at CodeNinja, teaching coding to kids 9-16 years old and teach adults front-end and back-end for web development.