24 July 2026
See also: Syllabus · Class Schedule · Grading One 2hour session per week, Tuesdays 2:15–4:15pm. No class on 8 and 15 September. L1Welcome to Tech 14 August 2026 Set up your tools,...
04 August 2026
11 August 2026
18 August 2026
25 August 2026
01 September 2026
Make your home page your own You have a live website, but it looks like the template. Before we learn CSS next week, decide what you actually want your own home page to look like — in the tool you...
Put your website on the real internet — free, today You already have a repo made from webstarter. Now we tell GitHub to serve it as a live website. This is called GitHub Pages — free hosting for s...
Make the real page match your Figma Last week you designed your home page in Figma. This week you build it. The design already exists, so the exercise is to translate your designs into implementat...
The web is standardised Most blogs look like blogs. Most news sites look like news sites. Most Ecommerce websites look like ecommerce websites. What if we kept the standard interactions aside and...
Make something two people can use at once Everything you built before this week forgets on refresh, and none of it knows anyone else exists. Fix both. Build a small thing backed by Firebase Realti...
Make a small app powered by an API that returns anything you ask for api.gyanl.com is a madeup API. Whatever path you request, it invents a JSON response for it. api.gyanl.com/pokemon/pikachu retu...
Put live weather in the footer of your own site A small strip at the bottom of your page that knows what the sky is doing. Real data, from OpenMeteo, on the site you already shipped in Exercise S...
Watch your website load, piece by piece Use the browser's Network tab to observe everything that happens between typing your URL and seeing your page. Steps Open your own site (from Exerc...
Put a model inside your product Add one genuinely useful AI feature to something you've already built this semester. The bar: it must be better because it's AI, not AI for its own sake. I...
iOS vs Android, from a product team's chair Compare and contrast the iOS and Android ecosystems for app development and distribution, highlighting the differences that would actually change a ...
See also: Syllabus · Lectures · Grading Tuesdays, 2:15–4:15pm. Dates may shift if I'm travelling — I'll give as much notice as possible, and this page stays up to date. Wee...
See also: Lectures · Class Schedule · Grading · AI Policy Course Title: Tech 1 — Web & Mobile Ecosystem Fundamentals Course Objective: Gain a foundational understanding of the core techno...
See also: Syllabus · Lectures Tech 1 Grading Plan Assessment and Grading Breakdown # Component Weightage (%) 1 Attendance and Class Partici...
Similar courses at other universities, and places to go deeper. Vibe Coding (T564A) Harvard Graduate School of Education — Karen Brennan. Creative building with AI code generation. CS50's Un...
About this Website This website documents the material I am sharing with students as part of Tech 1: Web & Mobile Ecosystem Fundamentals, a course for design students. The course takes a ...
See also: Grading · Syllabus In many courses, an AI policy is a list of things you can't do. This course is different: using AI to generate code is the expected way of working here. The skill ...
Keep feedback respectful and focused on the work, not the person. We’re all here to learn. If you liked something, call it out! If you don’t, try and explain why. You can use “I wonder…” or “Ha...
© 2025 • Contents under CC-BY-NC • Credits