Web Development with HTML and CSS

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 1HTML and CSS Basics
  • HTML, head, title, body & div tags
  • Text, links, lists, headings & images
  • CSS selectors, properties & values
Lesson 2Advanced HTML and CSS
  • Forms, inputs, buttons & dropdowns
  • Tables, CSS flexbox & grid layouts
  • Iframes, video, audio & canvas
Assignment 1Design 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 3Version Control and Cloud Deployment
  • Introduction to Git & GitHub
  • Branches, commits, push & pull
  • Cloud deployment to Vercel
Lesson 4Responsive Design and CSS Flexbox
  • Media queries & mobile-friendly design
  • Creating fluid layouts with CSS flexbox
  • Building and testing a responsive website
Assignment 2Mobile-First Responsive Web Design
  • Inspect device-specific mockups
  • Set up breakpoints and base styles
  • Implement mobile-first design
Lesson 5Bootstrap CSS Framework
  • Installing Bootstrap and customizing base styles
  • Creating responsive layouts using the grid system
  • Building a web page using Bootstrap components
Assignment 3Build a Scientific Calculator
  • Build user interface with HTML & CSS
  • Add event handlers to DOM nodes
  • Implement logic with JavaScript functions
Lesson 6Express Web Application Framework
  • Setting up HTTP routes & methods
  • Rendering templates & static files
  • Cloud deployment to Vercel
AssignmentProject - 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.