HTML5 and CSS3 Tutorials.

A beginner’s guide to front end web development.

Arun Prasaad Gunasekaran

What is this playlist about?

  • Talks about the building blocks of HTML5 and CSS3.
  • Further backed up by some neat close to real time application oriented examples.
  • Intended for beginners.


  • Making websites and webpages.
  • Making internet applications.
  • Front-end or GUI for software like editors, games.

YouTube Video

Things to keep in mind

  • HTML - Hyper Text Markup Language
    • Technically not a Programming Language.
    • List of tags surrounding the contents of your webpage.
    • Helps you to place contents in an orderly manner.
  • CSS - Cascading Style Sheets.
    • Technically not a Programming Language.
    • List of styles you want the webpage elements to follow.
    • Helps you make the webpages pretty.
  • JavaScript, PHP
    • Programming languages to assist programming functionality in websites.

We will be following HTML5 and CSS3 standards.

What you need to get started …

  • Text-Editor/IDE
  • Web Browser

My Setup

  • Text-Editor/IDE : Microsoft Visual Studio Code (VSCode)
    • Fall back: Geany
  • Web Browser : Google Chrome
    • Fall back: Mozilla Firefox
  • Operating System - Ubuntu Linux
    • Use any OS that supports a web browser and a text editor

Useful Extensions when using VSCode

  • Bracket Pair Colorizer,
  • Emmet - for auto completion, (built-in in recent versions.)
  • Live Server - to update and see your webpage instantly,
  • IntelliSense for CSS class names in HTML - for auto completion,


  • Live Sass Compiler - to autocompile Sass/Scss files,
  • ESlint for JavaScript.
  • vscode-icons - fancy icons for looks and style.