05-UI-HTML-CSS-JS

UI — HTML, CSS & JavaScript

Section weight: Typically 5–10 marks. Focus on HTML semantics, CSS selectors, and JavaScript DOM manipulation.

This folder covers web fundamentals for the UI section of TCS IPA.

What's Inside

File	Content
ui_notes_prep.md	Full guide — HTML5 tags, CSS selectors/properties, JavaScript DOM, events, ES6 features

High-Priority Topics

HTML

• Semantic tags: <header>, <footer>, <section>, <article>, <nav>, <aside>
• Form elements: <input> types, <select>, <textarea>, <button>
• <a href>, <img src alt>, <table> structure

CSS

• Selectors: element, .class, #id, *, a > b, a + b
• Box model: margin, padding, border, content
• display: block, inline, inline-block, flex, grid
• position: static, relative, absolute, fixed

JavaScript

• DOM: getElementById, querySelector, innerHTML, textContent
• Events: addEventListener, onclick, onsubmit
• ES6: let vs const vs var, arrow functions, template literals
• typeof, == vs ===, truthy/falsy values

---

← Back to root