Jovian
Sign In
Web Development with HTML and CSS

Web Development with HTML and CSS

 
 6
 4

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
Preview

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

Lesson 2 - Advanced HTML and CSS
Preview

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

Assignment 1 - Design Mockup to Web Page
Preview

→
  • 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

Project - Build Your Personal Website
Preview

→
  • 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.