Comprehensive Summary: Web Programming 1 (Lectures 1-7)

1. Introduction to Web Development (L1)

• Web development involves creating and maintaining websites using front-end, back-end, and database technologies.
• Front-end: HTML, CSS, JavaScript (Visible to users).
• Back-end: PHP, Node.js, Python (Server-side logic).

2. HTML5 & CSS Basics (L2 & L3)

• HTML5 Features: Semantic elements (<header>, <nav>, <article>, etc.) and multimedia support (<audio>, <video>).
• Forms: Collected via the <form> element using <input>, <label>, <select>, and <textarea>.
• CSS Introduction: Styles are added via Inline, Internal, or External methods.
• Selectors: Element, ID (#), and Class (.) selectors.

3. Advanced CSS (L4)

• Display Property: Controls if/how an element is displayed (block vs. inline).
• Visibility vs. Display: display: none removes the element's space, while visibility: hidden hides it but keeps the space.
• Combinators: Descendant (space), Child (>), Adjacent Sibling (+), and General Sibling (~).
• Opacity: Sets the transparency level from 0.0 to 1.0.

4. UI Frameworks: Bootstrap 5 (L5)

• Bootstrap is a popular toolkit for building responsive, mobile-first sites.
• Grid System: Based on a 12-column layout using rows and containers.
• Utilities: Provides classes for margins (m-), padding (p-), and centering (mx-auto).

5. JavaScript Programming (L6 & L7)

• Variables: let and const provide modern, block-scoped declarations.
• Functions: Reusable code blocks that can handle parameters and return values.
• Logic & Iteration: Handled by if/else, switch, for, and while loops.
• Built-in Methods: Powerful tools for manipulating strings (split, slice), arrays (map), and numbers (Math.pow, Math.sqrt).