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