HTML

Fundamental Elements, Structure of an HTML document, Basic tags and Attributes Body Attributes, Text attributes, Marquee tag & its attributes, Headings, Font, Paragraph, Line Break, Ordered and Unordered Lists, Blockquote, HyperLinks, Sound, Images, Image formats & attributes, Alignment of images & Mapping, Tables : Creating a Table, Combine cells in a row or column, Cells: Spanning, Padding, Forms: Create List Box, Radio Buttons, Accept input and Submit, Post,

CSS

Syntax - Id & Class - Styling Backgrounds Styling Text, Styling Fonts, Styling Links, Styling Lists, Styling Tables, Box Model, Border, Outline, Margin, Padding, Grouping/Nesting, Dimension, Display, Positioning, Floating, Align, Pseudo-class, Pseudo-element, Navigation Bar, Image Gallery, Image Opacity, Image Sprites, Media Types, Attribute Selectors,

JavaScript

JavaScipt Basics:variables, Data  Types, Operators, Functions, events, loops, conditions, DOM Manipulation:getElementByid, querySlector, innerHTML, Form Validation(email, password,required fields), interactive elements: dropdown menu, popup, image slider.

• UI & UX

• Difference between UI & UX, Principles of good design: alignment, contrast, spacing, color theory, Wireframing tools:Figma/adobe XD, Creating website mockups, Designing banners, buttons, icons(Canva/Photoshop basics), Converting mockups to HTML & CSS

Web Publishing & Hosting

• Domain & hosting basics, Free vs paid  hosting(netlify,GitHub pages, cPanel hosting), File transfer:FTP,Filezilla, SEO basics(meta tags, alt text, site speed), Website performance optimization( minification, image compression)

AI Tools for Web Development

• OpenAI (ChatGPT): AI-assisted coding, HTML/CSS/JavaScript generation, debugging, code explanation, content creation and website ideas.
• Cursor AI: AI-powered code editor, code generation, debugging, code completion, refactoring and working with website projects.
• GitHub Copilot: AI code suggestions, autocomplete, code generation and developer assistance.
• Google Gemini: Website planning, coding assistance, debugging, content generation and learning support.
• AI for Web Design: Generate website layouts, UI ideas, images, icons, banners and design concepts using AI tools.
• AI-Powered Workflow: Using AI for coding, testing, debugging, optimization and improving website performance.