Orientation, Overview of Web Development
This commit is contained in:
52
Day_01/README.md
Normal file
52
Day_01/README.md
Normal file
@@ -0,0 +1,52 @@
|
||||
# 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 |
|
||||
Reference in New Issue
Block a user