# Web Development Internship - Week 1 ## Day 1: Orientation and Web Development Overview ### Overview The first day focused on understanding the professional environment, the roadmap for the internship, and a high-level overview of how the modern web functions. --- ### Web Development Fundamentals #### 1. What is Web Development? Web development is the process of building and maintaining websites. It ranges from creating a simple plain-text webpage to complex web applications and social networks. #### 2. The Three Pillars - **Frontend (Client-Side):** What the user sees and interacts with. - *Technologies:* HTML (Structure), CSS (Styling), JavaScript (Interactivity). - **Backend (Server-Side):** The "behind-the-scenes" logic, databases, and servers. - *Technologies:* Node.js, Python, PHP, Databases (SQL/NoSQL). - **Full Stack:** A developer who can handle both frontend and backend development. --- ### Environment Setup On Day 1, the following tools were installed and configured: - **Code Editor:** [Visual Studio Code](https://code.visualstudio.com/) (installed with essential extensions like Prettier and Live Server). - **Version Control:** [Git](https://git-scm.com/) and a [GitHub](https://github.com/) account for hosting code. - **Browser:** Google Chrome / Firefox for testing and Developer Tools. --- ### Key Concepts Learned - **Client-Server Architecture:** How a browser (client) sends a request to a server, and the server sends back files (HTML/CSS/JS). - **The Role of the Browser:** How browsers parse code to render visual elements. - **HTTP/HTTPS:** The protocols used for transferring data across the web. --- ### Goals for this Internship - [ ] Master Semantic HTML and Responsive CSS. - [ ] Build a strong foundation in JavaScript logic. - [ ] Learn to collaborate using Git/GitHub. - [ ] Deploy a functional personal portfolio website. --- ### Daily Progress Log | Day | Topic | Status | | :--- | :--- | :--- | | **Day 1** | **Orientation & Overview** | Completed | | Day 2 | HTML Basics | ⏳ Next | | Day 3 | HTML Multimedia & Forms | ⏳ Upcoming |