Web Development with HTML and CSS

This course is an in-depth introduction to web development with HTML and CSS for complete beginners. We'll start with HTML and CSS basics, dive into some advanced concepts, and learn about Git, GitHub, and cloud deployment using Vercel. We'll also explore mobile-first responsive design, the Bootstrap CSS framework, and the Express web application framework.

Lesson 1

HTML and CSS Basics

HTML, head, title, body & div tags
Text, links, lists, headings & images
CSS selectors, properties & values

Lesson 2

Advanced HTML and CSS

Forms, inputs, buttons & dropdowns
Tables, CSS flexbox & grid layouts
Iframes, video, audio & canvas

Assignment 1

Design Mockup to Web Page

Study and inspect a design mockup
Add HTML content and style with CSS
Deploy the final web page to the cloud

Lesson 3

Version Control and Cloud Deployment

Introduction to Git & GitHub
Branches, commits, push & pull
Cloud deployment to Vercel

Lesson 4

Responsive Design and CSS Flexbox

Media queries & mobile-friendly design
Creating fluid layouts with CSS flexbox
Building and testing a responsive website

Assignment 2

Mobile-First Responsive Web Design

Inspect device-specific mockups
Set up breakpoints and base styles
Implement mobile-first design

Lesson 5

Bootstrap CSS Framework

Installing Bootstrap and customizing base styles
Creating responsive layouts using the grid system
Building a web page using Bootstrap components

Assignment 3

Build a Scientific Calculator

Build user interface with HTML & CSS
Add event handlers to DOM nodes
Implement logic with JavaScript functions

Lesson 6

Express Web Application Framework

Setting up HTTP routes & methods
Rendering templates & static files
Cloud deployment to Vercel

Assignment

Project - Build Your Personal Website

Pick a template or create wireframes
Create a website with multiple pages
Add content and deploy to the cloud

Certificate of Accomplishment

Earn a verified certificate of accomplishment (sample) by completing all weekly assignments. The certificate can be added to your LinkedIn profile, linked from your Resume, and downloaded as a PDF.

Instructor - Aakash N S

Aakash N S is the co-founder and CEO of Jovian. Previously, Aakash has worked as a software engineer (APIs & Data Platforms) at Twitter in Ireland & San Francisco and graduated from the Indian Institute of Technology, Bombay. He’s also an avid blogger, open-source contributor, and online educator.