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.
In this short course you will: ● 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.
What will we cover?
Week 1 - Build your first web page
Week 2 - From web pages to web apps
Week 3 - Plan and start developing your app
Week 4 - Deploy your app
Week 5 - Show off your app!
What will I achieve? By the end of this course you should be able to...
Become familiar with the basics of Web Development: a short introduction to the Web’s building blocks: HTML, CSS, and JavaScript
Short introduction to Python programming for web apps
AI-Assisted Coding: Learn how to use an intelligent agent to write, debug, and explain code
Project Design & Delivery: Understand what Github is for, and learn how to manage and deploy your source code
What level is the course and do I need any particular skills?
Having some background in programming or web development will help but this course is also suitable for beginners with no previous programming experience.
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 hereto 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.
Craig Kirkwood is an Australian software instructor and design consultant now living and working in London. He has more than 3 decades experience as a professional designer where his recent clients include Apple Computer, the United Nations, Penguin Books, the HMRC, the Ministry of Defence, London Met Police, the National Audit Office and University College London. He is an Adobe Certified Instructor in most Adobe applications including Photoshop, Illustrator, InDesign, Premiere, Captivate and After Effects. He also teaches and consults on user experience (UX) design, web design and development in CSS, HTML and WordPress. Prior to moving to the UK, he was the Managing Director of Fearless Media which was, for a decade or so, Australia’s leading Adobe training provider with training rooms around the country. Craig is also completing a PhD where his research examines the science of colour perception and its practical implementation in interface design and user experience.
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-13031657Build an App with AI: stage 1https://www.citylit.ac.uk/media/catalog/category/introduction-to-javascript-cjv01.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 and back end) web applications.</p>003031606Build an App with AI: stage 1299299https://www.citylit.ac.uk/media/catalog/category/introduction-to-javascript-cjv01.jpgInStockEveningWedKeeley StreetAvailable courses5-10 weeksWeekday2026-09-23T00:00:00+00:00Some experienceSep 2026Business, marketing & technologyCPPY45299299Build an App with AI: stage 1239194299Craig Kirkwoodbuild-an-app-with-ai-stage-1/cppy45-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 and back end) web applications.</p>0000-Available|2026-09-23 00:00:00<p>In this short course you will:<br>● Define your own project from the start—no cookie-cutter tutorials. This will be more like an art class than a traditional programming course.<br>● You’ll work in a modern developer “studio” environment, so no setup or installation required—just code, anywhere, anytime.<br>● Learn how to use AI as your collaborator.<br>● 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.<br> </p><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 and back end) web applications.</p><ul><li>Week 1 - Build your first web page</li><li>Week 2 - From web pages to web apps</li><li>Week 3 - Plan and start developing your app</li><li>Week 4 - Deploy your app</li><li>Week 5 - Show off your app!</li></ul><ul><li>Become familiar with the basics of Web Development: a short introduction to the Web’s building blocks: HTML, CSS, and JavaScript</li><li>Short introduction to Python programming for web apps</li><li>AI-Assisted Coding: Learn how to use an intelligent agent to write, debug, and explain code</li><li>Project Design & Delivery: Understand what Github is for, and learn how to manage and deploy your source code</li></ul><p>Having some background in programming or web development will help but this course is also suitable for beginners with no previous programming experience.</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 <strong>Replit </strong>or <strong>AI Studio</strong>, 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"><u>here</u> </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 programmingProgrammingvirtual3043855Build an App with AI: stage 1299299https://www.citylit.ac.uk/media/catalog/category/introduction-to-javascript-cjv01.jpgInStockEveningMonKeeley StreetAvailable courses5-10 weeksWeekday2027-01-25T00:00:00+00:00Some experienceJan 2027Business, marketing & technologyCPPY51299299Build an App with AI: stage 1239194299Craig Kirkwoodbuild-an-app-with-ai-stage-1/cppy51-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 and back end) web applications.</p>0000-Available|2027-01-25 00:00:00<p>In this short course you will:<br>● Define your own project from the start—no cookie-cutter tutorials. This will be more like an art class than a traditional programming course.<br>● You’ll work in a modern developer “studio” environment, so no setup or installation required—just code, anywhere, anytime.<br>● Learn how to use AI as your collaborator.<br>● 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.<br> </p><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 and back end) web applications.</p><ul><li>Week 1 - Build your first web page</li><li>Week 2 - From web pages to web apps</li><li>Week 3 - Plan and start developing your app</li><li>Week 4 - Deploy your app</li><li>Week 5 - Show off your app!</li></ul><ul><li>Become familiar with the basics of Web Development: a short introduction to the Web’s building blocks: HTML, CSS, and JavaScript</li><li>Short introduction to Python programming for web apps</li><li>AI-Assisted Coding: Learn how to use an intelligent agent to write, debug, and explain code</li><li>Project Design & Delivery: Understand what Github is for, and learn how to manage and deploy your source code</li></ul><p>Having some background in programming or web development will help but this course is also suitable for beginners with no previous programming experience.</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 <strong>Replit </strong>or <strong>AI Studio</strong>, 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"><u>here</u> </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 programmingProgrammingvirtual239299194CPPY45,CPPY51NONEWed,Mon23/09/26 - 21/10/2618:30 - 21:3018:3021:305 sessions (over 5 weeks)55-10 weeksEveningWeekdayKSKeeley StreetCraig KirkwoodSome experienceAvailable courses2026-09-23T00:00:00+00:00,2027-01-25T00:00:00+00:00Sep 2026,Jan 2027Business, marketing & technology299299Build an App with AI: stage 1build-an-app-with-ai-stage-1/cppy45-2627,build-an-app-with-ai-stage-1/cppy51-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 and back end) web applications.</p>0000-Available|2026-09-23 00:00:00<p>In this short course you will:<br>●&nbsp;&nbsp; &nbsp;Define your own project from the start—no cookie-cutter tutorials. This will be more like an art class than a traditional programming course.<br>●&nbsp;&nbsp; &nbsp;You’ll work in a modern developer “studio” environment, so no setup or installation required—just code, anywhere, anytime.<br>●&nbsp;&nbsp; &nbsp;Learn how to use AI as your collaborator.<br>●&nbsp;&nbsp; &nbsp;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.<br>&nbsp;</p><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 and back end) web applications.</p><ul><li>Week 1 - Build your first web page</li><li>Week 2 - From web pages to web apps</li><li>Week 3 - Plan and start developing your app</li><li>Week 4 - Deploy your app</li><li>Week 5 - Show off your app!</li></ul><ul><li>Become familiar with the basics of Web Development: a short introduction to the Web’s building blocks: HTML, CSS, and JavaScript</li><li>Short introduction to Python programming for web apps</li><li>AI-Assisted Coding: Learn how to use an intelligent agent to write, debug, and explain code</li><li>Project Design &amp; Delivery: Understand what Github is for, and learn how to manage and deploy your source code</li></ul><p>Having some background in programming or web development will help but this course is also suitable for beginners with no previous programming experience.</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 <strong>Replit </strong>or <strong>AI Studio</strong>, 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"><u>here</u> </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
