See also: SyllabusSyllabus
See also: Lectures · Class Schedule · Grading · AI Policy
Course Title: Tech 1 — Web & Mobile Ecosystem Fundamentals
Course Objective: Gain a foundational understanding of the... · Class ScheduleClass Schedule
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.
| Week | Date ... · GradingGrading
See also: Syllabus · Lectures
Tech 1 Grading Plan
Assessment and Grading Breakdown
#
Component
Weightage (%)
1
Attendance and Class...
One 2-hour session per week, Tuesdays 2:15–4:15pm. No class on 8 and 15 September, 6 October, 20 October (Dussehra), or 10 November (Diwali break). Demo Day, the final evaluation, is on Friday 27 November from 2:15pm.
Set up your tools, ship a real page, and get a mental model of how the web fits together.
- HTML — structure
- CSS — styling
- JavaScript — interactivity
- Hosting and deployment
Version control with Git and GitHub, and setting type on the web.
- Version control (Git)
- Hosting and deployment
- CSS — styling
- Web typography
Grouping, naming and arranging things on a page — and a colour system that gets you dark mode for free.
- HTML — structure
- CSS — styling
- CSS — layout
- Design systems
px, rem, em and vw — and one page that reshapes itself for every screen.
- Responsive web design
- CSS — styling
- Accessibility
How one program asks another for data — URLs as orders, JSON as the reply, and fetch as the way you ask.
- Client-server architecture
- Static vs dynamic sites
- APIs and JSON
- JavaScript — interactivity
- Understanding data flow
Giving your site a memory — a theme saved in the browser with localStorage, then one shared JSON tree with Firebase and a live class wall built on it.
- Browser storage
- Databases — SQL
- Databases — NoSQL
- Database security rules
- Understanding data flow
AI as an ingredient inside the products you design: what models are, how they are made, what they cost, and the system prompt as a design spec.
- How LLMs work
- LLM APIs
- AI features in products
- Prompting as design
How you prove who you are online, trust and identity providers, and why Sign in with Google lets your rules finally tell people apart.
- Authentication
- Authorisation
- Identity providers
How a program proves who it is, keeping keys in .env and on Vercel, your own AI server with Gemini and Jev, and the startup brief for your final project.
- API keys and environment variables
- LLM APIs
- Serverless functions
- Hosting and deployment
- Startups and MVPs
Landing pages, how software gets made, Scrum for a team of three, Git as a team, and your final project kickoff.
- Landing pages
- Software development lifecycle
- Agile / Scrum
- Version control (Git)
A project check-in, what people will do to your AI server, designing the feature, and whose computer it all runs on and what it costs.
- AI features in products
- LLM APIs
- IaaS, PaaS, SaaS
- Scaling and cost
Web, cross-platform or native, iOS vs Android and the app stores, then getting your project ready to ship: accessibility, speed, security and a real domain.
- iOS vs Android platforms
- Native vs hybrid vs web apps
- App stores and distribution
- Accessibility
- Performance
- Security and privacy
- DNS
Final project presentations and evaluation.