Have an idea for a web app but not sure how to bring it to life? Have you heard of vibecoding, or coding in English? In this hands-on, project-based course, you’ll learn how to build a working web application using the most up to date AI tools. It’s never been easier to turn your concept into reality—no prior experience needed. Part 1 focusses on fundamentals concepts and building purely front end web apps. Part 2
focusses on...
Learning modes and locations may be different depending on the course start date. Please check the location of your chosen course and read our guide to learning modes and locations to help you choose the right course for you.
Please note: We offer a wide variety of financial support to make courses affordable. Just visit our online Help Centre for more information on a range of topics including fees, online learning and FAQs.
Define your own project from the start—no cookie-cutter tutorials. This will be more like an art class than a traditional programming course.
You’ll work in a modern developer “studio” environment, so no setup or installation required—just code, anywhere, anytime.
Learn how to use AI as your collaborator.
Come with an idea, leave with an app - This is your chance to combine human creativity and artificial intelligence—and see what you’re capable of achieving.
Part 1 will focus on simple front end only web apps.
Part 2 will have you build a more complex, more complete (FE/BE) web app.
What will we cover?
Week 1 - Front ends and back ends
Week 2 - Plan your end-to-end web app
Week 3 - Generate your front end
Week 4 - Generate your back end
Week 5 - Integration Testing and Best Practices
Week 6 - Show off your app!
What will I achieve? By the end of this course you should be able to...
By the end of this course you should be able to...
Extend your knowledge of Web Development: Extend your familiarity with HTML, CSS, and JavaScript
Front end + Back end Skills: Understand the FE/BE architectural pattern and how it can be used to design a complete web app
AI-Assisted Coding: Use two different AI agents to build your FE and BE logic and tie those modules together
Economics: what you have to pay for, how to charge your customers
Testing and Deployment: Learn how to manage and test a complete end-to-end web app
What level is the course and do I need any particular skills?
Part 1 of Build an App with AI is a prerequisite for this course.
How will I be taught, and will there be any work outside the class?
Instruction will be done through lectures, in-class exercises, and a few homework assignments.
Are there any other costs? Is there anything I need to bring?
City Lit tuition is the only cost and there’s nothing you need to bring. You may choose to subscribe to an AI development service, such as Replit or AI Studio, however, those paid services are optional and at your discretion.
When I've finished, what course can I do next?
City Lit offers a variety of progression courses in this subject area. Please click here to view our courses.
Disclaimer: Use of Third-Party Software This course might require you to either use your own personal account or create an account for the purposes of this course. City Lit cannot accept any responsibility for any failings of the third party or provide technical support. Whilst using the software you will be responsible for abiding by the providers terms and conditions and maintaining your own work.
We’re sorry. We don’t have a bio ready for the tutor of this class at the moment, but we’re working on it! Watch this space.
Please note: We reserve the right to change our tutors from those advertised. This happens rarely, but if it does, we are unable to refund fees due to this. Our tutors may have different teaching styles; however we guarantee a consistent quality of teaching in all our courses.
product
https://www.citylit.ac.uk/build-an-app-with-ai-stage-23031660Build an App with AI: stage 2https://www.citylit.ac.uk/media/catalog/category/webdesign-programming2.jpg299299GBPInStock/Courses/Courses/Business, marketing & technology/Courses/Business, marketing & technology/Web design and programming/Programming/Courses/Business, marketing & technology/Web design and programming/Courses/New courses228512111408168717431228512111687<p>Have an idea for a web app but not sure how to bring it to life? Have you heard of vibecoding, or coding in English? In this hands-on, project-based course, you’ll learn how to build a working web application using the most up to date AI tools. It’s never been easier to turn your concept into reality—no prior experience needed. Part 1 focusses on fundamentals concepts and building purely front end web apps. Part 2 focusses on more advanced concepts and building complete front end (FE) and back end (BE) web applications.</p>003031612Build an App with AI: stage 2299299https://www.citylit.ac.uk/media/catalog/category/webdesign-programming2.jpgInStockEveningWedKeeley StreetAvailable courses5-10 weeksWeekday2026-11-04T00:00:00+00:00Some experienceNov 2026Business, marketing & technologyCPPY53299299Build an App with AI: stage 2239194299Craig Kirkwoodbuild-an-app-with-ai-stage-2/cppy53-2627<p>Have an idea for a web app but not sure how to bring it to life? Have you heard of vibecoding, or coding in English? In this hands-on, project-based course, you’ll learn how to build a working web application using the most up to date AI tools. It’s never been easier to turn your concept into reality—no prior experience needed. Part 1 focusses on fundamentals concepts and building purely front end web apps. Part 2 focusses on more advanced concepts and building complete front end (FE) and back end (BE) web applications.</p>0000-Available|2026-11-04 00:00:00<p>In this short course you will:</p><ul><li><p>Define your own project from the start—no cookie-cutter tutorials. This will be more like an art class than a traditional programming course.</p></li><li><p>You’ll work in a modern developer “studio” environment, so no setup or installation required—just code, anywhere, anytime.</p></li><li><p>Learn how to use AI as your collaborator.</p></li><li><p>Come with an idea, leave with an app - This is your chance to combine human creativity and artificial intelligence—and see what you’re capable of achieving.</p></li><li><p>Part 1 will focus on simple front end only web apps.</p></li><li><p>Part 2 will have you build a more complex, more complete (FE/BE) web app.</p></li></ul><p>Have an idea for a web app but not sure how to bring it to life? Have you heard of vibecoding, or coding in English? In this hands-on, project-based course, you’ll learn how to build a working web application using the most up to date AI tools. It’s never been easier to turn your concept into reality—no prior experience needed. Part 1 focusses on fundamentals concepts and building purely front end web apps. Part 2 focusses on more advanced concepts and building complete front end (FE) and back end (BE) web applications.</p><ul><li><p>Week 1 - Front ends and back ends</p></li><li><p>Week 2 - Plan your end-to-end web app</p></li><li><p>Week 3 - Generate your front end</p></li><li><p>Week 4 - Generate your back end</p></li><li><p>Week 5 - Integration Testing and Best Practices</p></li><li><p>Week 6 - Show off your app!</p></li></ul><p>By the end of this course you should be able to...</p><ul><li><p>Extend your knowledge of Web Development: Extend your familiarity with HTML, CSS, and JavaScript</p></li><li><p>Front end + Back end Skills: Understand the FE/BE architectural pattern and how it can be used to design a complete web app</p></li><li><p>AI-Assisted Coding: Use two different AI agents to build your FE and BE logic and tie those modules together</p></li><li><p>Economics: what you have to pay for, how to charge your customers</p></li></ul><ul><li><p>Testing and Deployment: Learn how to manage and test a complete end-to-end web app</p></li></ul><p>Part 1 of Build an App with AI is a prerequisite for this course.</p><p>Instruction will be done through lectures, in-class exercises, and a few homework assignments.</p><p>City Lit tuition is the only cost and there’s nothing you need to bring. You may choose to subscribe to an AI development service, such as Replit or AI Studio, however, those paid services are optional and at your discretion.</p><p>City Lit offers a variety of progression courses in this subject area. Please click <a href="https://www.citylit.ac.uk/media/wysiwyg/pdf/Web_Programming_Courses.pdf" target="_blank" rel="noopener noreferrer">here </a>to view our courses.</p><p>Disclaimer: Use of Third-Party Software<br>This course might require you to either use your own personal account or create an account for the purposes of this course. City Lit cannot accept any responsibility for any failings of the third party or provide technical support. Whilst using the software you will be responsible for abiding by the providers terms and conditions and maintaining your own work.</p>Web design and programmingProgrammingvirtual3043858Build an App with AI: stage 2299299https://www.citylit.ac.uk/media/catalog/category/webdesign-programming2.jpgInStockEveningWedKeeley StreetAvailable courses5-10 weeksWeekday2027-03-10T00:00:00+00:00Some experienceMar 2027Business, marketing & technologyCPPY52299299Build an App with AI: stage 2239194299Craig Kirkwoodbuild-an-app-with-ai-stage-2/cppy52-2627<p>Have an idea for a web app but not sure how to bring it to life? Have you heard of vibecoding, or coding in English? In this hands-on, project-based course, you’ll learn how to build a working web application using the most up to date AI tools. It’s never been easier to turn your concept into reality—no prior experience needed. Part 1 focusses on fundamentals concepts and building purely front end web apps. Part 2 focusses on more advanced concepts and building complete front end (FE) and back end (BE) web applications.</p>0000-Available|2027-03-10 00:00:00<p>In this short course you will:</p><ul><li><p>Define your own project from the start—no cookie-cutter tutorials. This will be more like an art class than a traditional programming course.</p></li><li><p>You’ll work in a modern developer “studio” environment, so no setup or installation required—just code, anywhere, anytime.</p></li><li><p>Learn how to use AI as your collaborator.</p></li><li><p>Come with an idea, leave with an app - This is your chance to combine human creativity and artificial intelligence—and see what you’re capable of achieving.</p></li><li><p>Part 1 will focus on simple front end only web apps.</p></li><li><p>Part 2 will have you build a more complex, more complete (FE/BE) web app.</p></li></ul><p>Have an idea for a web app but not sure how to bring it to life? Have you heard of vibecoding, or coding in English? In this hands-on, project-based course, you’ll learn how to build a working web application using the most up to date AI tools. It’s never been easier to turn your concept into reality—no prior experience needed. Part 1 focusses on fundamentals concepts and building purely front end web apps. Part 2 focusses on more advanced concepts and building complete front end (FE) and back end (BE) web applications.</p><ul><li><p>Week 1 - Front ends and back ends</p></li><li><p>Week 2 - Plan your end-to-end web app</p></li><li><p>Week 3 - Generate your front end</p></li><li><p>Week 4 - Generate your back end</p></li><li><p>Week 5 - Integration Testing and Best Practices</p></li><li><p>Week 6 - Show off your app!</p></li></ul><p>By the end of this course you should be able to...</p><ul><li><p>Extend your knowledge of Web Development: Extend your familiarity with HTML, CSS, and JavaScript</p></li><li><p>Front end + Back end Skills: Understand the FE/BE architectural pattern and how it can be used to design a complete web app</p></li><li><p>AI-Assisted Coding: Use two different AI agents to build your FE and BE logic and tie those modules together</p></li><li><p>Economics: what you have to pay for, how to charge your customers</p></li></ul><ul><li><p>Testing and Deployment: Learn how to manage and test a complete end-to-end web app</p></li></ul><p>Part 1 of Build an App with AI is a prerequisite for this course.</p><p>Instruction will be done through lectures, in-class exercises, and a few homework assignments.</p><p>City Lit tuition is the only cost and there’s nothing you need to bring. You may choose to subscribe to an AI development service, such as Replit or AI Studio, however, those paid services are optional and at your discretion.</p><p>City Lit offers a variety of progression courses in this subject area. Please click <a href="https://www.citylit.ac.uk/media/wysiwyg/pdf/Web_Programming_Courses.pdf" target="_blank" rel="noopener noreferrer">here </a>to view our courses.</p><p>Disclaimer: Use of Third-Party Software<br>This course might require you to either use your own personal account or create an account for the purposes of this course. City Lit cannot accept any responsibility for any failings of the third party or provide technical support. Whilst using the software you will be responsible for abiding by the providers terms and conditions and maintaining your own work.</p>Web design and programmingProgrammingvirtual239299194CPPY53,CPPY52NONEWed04/11/26 - 02/12/2618:30 - 21:3018:3021:305 sessions (over 5 weeks)55-10 weeksEveningWeekdayKSKeeley StreetCraig KirkwoodSome experienceAvailable courses2026-11-04T00:00:00+00:00,2027-03-10T00:00:00+00:00Nov 2026,Mar 2027Business, marketing & technology299299Build an App with AI: stage 2build-an-app-with-ai-stage-2/cppy53-2627,build-an-app-with-ai-stage-2/cppy52-2627<p>Have an idea for a web app but not sure how to bring it to life? Have you heard of vibecoding, or coding in English? In this hands-on, project-based course, you’ll learn how to build a working web application using the most up to date AI tools. It’s never been easier to turn your concept into reality—no prior experience needed. Part 1 focusses on fundamentals concepts and building purely front end web apps. Part 2 focusses on more advanced concepts and building complete front end (FE) and back end (BE) web applications.</p>0000-Available|2026-11-04 00:00:00<p>In this short course you will:</p><ul><li><p>Define your own project from the start—no cookie-cutter tutorials. This will be more like an art class than a traditional programming course.</p></li><li><p>You’ll work in a modern developer “studio” environment, so no setup or installation required—just code, anywhere, anytime.</p></li><li><p>Learn how to use AI as your collaborator.</p></li><li><p>Come with an idea, leave with an app - This is your chance to combine human creativity and artificial intelligence—and see what you’re capable of achieving.</p></li><li><p>Part 1 will focus on simple front end only web apps.</p></li><li><p>Part 2 will have you build a more complex, more complete (FE/BE) web app.</p></li></ul><p>Have an idea for a web app but not sure how to bring it to life? Have you heard of vibecoding, or coding in English? In this hands-on, project-based course, you’ll learn how to build a working web application using the most up to date AI tools. It’s never been easier to turn your concept into reality—no prior experience needed. Part 1 focusses on fundamentals concepts and building purely front end web apps. Part 2 focusses on more advanced concepts and building complete front end (FE) and back end (BE) web applications.</p><ul><li><p>Week 1 - Front ends and back ends</p></li><li><p>Week 2 - Plan your end-to-end web app</p></li><li><p>Week 3 - Generate your front end</p></li><li><p>Week 4 - Generate your back end</p></li><li><p>Week 5 - Integration Testing and Best Practices</p></li><li><p>Week 6 - Show off your app!</p></li></ul><p>By the end of this course you should be able to...</p><ul><li><p>Extend your knowledge of Web Development: Extend your familiarity with HTML, CSS, and JavaScript</p></li><li><p>Front end + Back end Skills: Understand the FE/BE architectural pattern and how it can be used to design a complete web app</p></li><li><p>AI-Assisted Coding: Use two different AI agents to build your FE and BE logic and tie those modules together</p></li><li><p>Economics: what you have to pay for, how to charge your customers</p></li></ul><ul><li><p>Testing and Deployment: Learn how to manage and test a complete end-to-end web app</p></li></ul><p>Part 1 of Build an App with AI is a prerequisite for this course.</p><p>Instruction will be done through lectures, in-class exercises, and a few homework assignments.</p><p>City Lit tuition is the only cost and there’s nothing you need to bring. You may choose to subscribe to an AI development service, such as Replit or AI Studio, however, those paid services are optional and at your discretion.</p><p>City Lit offers a variety of progression courses in this subject area. Please click <a href="https://www.citylit.ac.uk/media/wysiwyg/pdf/Web_Programming_Courses.pdf" target="_blank" rel="noopener noreferrer">here </a>to view our courses.</p><p>Disclaimer: Use of Third-Party Software<br>This course might require you to either use your own personal account or create an account for the purposes of this course. City Lit cannot accept any responsibility for any failings of the third party or provide technical support. Whilst using the software you will be responsible for abiding by the providers terms and conditions and maintaining your own work.</p>Web design and programmingProgrammingconfigurable
14081687Programminghttps://www.citylit.ac.uk/courses/technology-science-and-business/web-design-and-programming/programming1/2/285/1211/1687/14081/Courses/Business, marketing & technology/Web design and programming/Programming
