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.

Uses

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

Optional

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