Learn Fundamentals of Frontend Web Development

Learn fundamentals of frontend web development and essential programming constructs and tools needed for frontend web development.

Course Structure:

• Introduction to Front End Web Development– What is front end web development?

  – Importance of front end web development

  – Skills required for front end web development

• HTML Basics– Introduction to HTML

  – HTML tags and elements

  – Creating a basic HTML webpage

• CSS Basics– Introduction to CSS

  – CSS selectors and properties

  – Styling HTML elements with CSS

• Responsive Web Design– What is responsive web design?

  – Media queries and breakpoints

  – Creating a responsive webpage

• JavaScript Fundamentals– Introduction to JavaScript

  – Variables, data types, and operators

  – Control flow and loops in JavaScript

• DOM Manipulation– Introduction to the Document Object Model (DOM)

  – Accessing and modifying HTML elements with JavaScript

  – Event handling in JavaScript

• Front End Frameworks (e.g., React, Angular, Vue)– Introduction to front end frameworks

  – Overview of popular front end frameworks

• Web Performance Optimization– Importance of web performance optimization

  – Techniques for optimizing website speed

  – Tools for measuring and analyzing web performance

• Web Accessibility– Introduction to web accessibility

  – WCAG guidelines and best practices

  – Implementing accessibility features in web development

What you will learn?

• Learn fundamentals of frontend web application development
• Quick refresher for HTML, CSS, JavaScript basics
• Learn basics DOM manipulation with JavaScript
• Quick refresher to web application performance optimization and related tools

Requirements

• Basics knowledge of Internet, World Wide Web, Web Application
• Windows / Linux / Mac OS X Machine with Internet

Content team

• Expert: Dhayanidhi Chinnaraj
• Production: Vishnu Sakthivel, Visshwa Balasubramanian