AI Web App Builder Workshop is a hands-on workshop in building a web app with AI even if you have never coded, from prompting pages and using VS Code and Git to working with an AI agent in React and testing. It suits beginners, business owners and staff who want to make their own tools, and you leave with your first web app live on Vercel.
Plenty of people have an idea for a web tool they want in their own work but stall because they cannot code, and hiring it out costs both time and budget. AI coding assistants have changed that. Someone with no background can describe what they want in plain language, have AI produce the code, review the result and refine it until they have a website that genuinely works. This full-day workshop takes learners from zero to their own first web application,
published on the internet. It covers the AI and LLM fundamentals you need before you start, choosing tools and controlling cost, how AI-assisted coding differs from the traditional workflow, installing VS Code and Git, the parts of a web application (frontend, backend and database), building a web app with React and an AI agent, planning work with a context file, debugging and testing with AI, and finally deploying to Vercel through GitHub. (1 day, 6 hours, Beginner level, no programming background required.)
Course Details
A 1-day course, 6 hours (10:00-17:00), run as a hands-on workshop throughout. Beginner level with no programming background required. Learners bring their own laptop (Windows or macOS) and should have permission to install software; the instructor walks everyone through the full setup in class. Learners take home a prompt template set, sample code, and their own web application already deployed to the internet.
Session 1: AI and LLM Fundamentals and Setup (10:00-12:00)
How AI and LLMs work, and why they sometimes answer wrongly with full confidence
Context and tokens, and their effect on answer quality and cost
The layers of an LLM system, from the model itself up to the app you actually use
What AI does well and what still always needs a human check
The categories of AI coding tools and the differences that matter
Choosing the tool that fits your work and your budget
Keeping spending under control with continuous use
What an AI agent is and how it differs from asking one question at a time
How the traditional coding workflow differs from working with AI
Describing what you want so the AI gets it right the first time
Reading the output, checking it and directing changes until the page is right
Workshop: build your first web page from a prompt and refine its look
Session 2: Web App Fundamentals and React (13:00-14:30)
Installing Visual Studio Code and the extensions needed to work with AI
Installing and using enough Git to save your work and roll back
Structuring the project folder so the AI edits the right files
Lab: install the complete toolchain on your own machine
How the interface, the processing layer and the database work together
The difference between a plain website and an app that stores and processes data
The vocabulary you need to communicate clearly with AI and with developers
Scoping the work so you can actually finish rather than starting too big
Breaking the interface into components and why that makes changes easier
Directing AI to build screens, add buttons, take user input and show results
Making the interface work well on both desktop and mobile
Workshop: build a small working web application with React and AI
Session 3: Workflow, Testing and Deployment (14:45-17:00)
What goes wrong when you direct AI one command at a time with no overall plan
Writing a file that describes the project structure and goals for the AI to read first
Splitting big work into small steps for consistent results
Lab: write the planning file for your own project and have the AI follow it
Reading error messages and passing them to AI in a way that actually finds the cause
Testing your site systematically before putting it in front of users
Having AI review your code and flag what may cause trouble later
Lab: fix the issues in your own web app until everything works
Pushing your code to GitHub and connecting it to a deployment service
Building and deploying to Vercel so the site is reachable from the internet
Updating the site after deployment and what to watch for once people use it
Workshop: deploy your own site for real and plan your next steps
No public rounds are open right now. Join the waiting list and we will contact you first when the next round opens, or ask us on LINE. Or call 02-570-8449 or 088-807-9770
An LLM predicts the most likely next word or token based on patterns learnt from vast amounts of text; it does not look up facts in a database. When it lacks information, it can produce answers that sound convincing but are wrong, known as hallucination. Reduce this by giving clear context, supplying relevant information and checking every result, especially code, which must be tested before you rely on it.
Tokens are the small units of text a model processes; one word may be one or several tokens, and most AI services charge by token. Context is everything the model can see at that moment, including instructions, attached files and the conversation so far, and it has a size limit. Long or cluttered context can lower answer quality and raise costs, so supply only relevant information and start a new conversation when you switch tasks.
Start by tracking your code with Git and pushing it to a GitHub repository. Sign in to Vercel with your GitHub account and import the project from that repository; Vercel detects frameworks such as React and sets up the build for you. Click Deploy to get a public link. After that, every push triggers a new build and updates the site automatically. This course practises deploying your own web app.
It suits beginners who have never coded but want to build their own web app, business owners who want tools for their business, staff who want to build team tools without waiting for IT, and marketers who want to make their own landing pages. No programming experience is needed, only everyday computer skills such as installing software and using a browser.
You will be able to build a web page from a prompt and refine it, install and use VS Code and Git, build a small React web app with AI that works on computers and phones, write a planning file for the AI to follow, track down bugs with AI, and deploy your first web app to Vercel. Participants who complete the training receive a Certificate of Completion with its own number, which can be verified online.
Bring your own Windows or macOS laptop with permission to install software, as you will install Visual Studio Code, the extensions you need and Git during the workshop. It also helps to bring one idea for a website you want to build, so you can use it as your project throughout and leave with something you can actually use.
AI has become a basic workplace tool, yet many employees still do not know how to start, what work it fits, or what to watch out for. This one-day (6-hour) course is designed for people in every function who have no IT background: understand how AI works…
This course walks learners the whole way in two days: from never having written code to building a fullstack web application with a database and user accounts, then deploying it to production, all through systematic work with an AI agent. Day one lays the…
