67 lines
1.5 KiB
Markdown
67 lines
1.5 KiB
Markdown
Day 1 - Web Development Orientation
|
|
|
|
Introduction
|
|
|
|
Web development refers to the process of building and maintaining websites and web applications that run on the internet. It includes everything from designing user interfaces to handling server-side logic and database management.
|
|
|
|
What I Learned
|
|
|
|
What is Web Development?
|
|
|
|
Web development involves creating applications that can be accessed via web browsers. It includes frontend, backend, and full-stack development.
|
|
|
|
Frontend Development (Client-side)
|
|
|
|
Frontend is the part of a website that users interact with directly.
|
|
|
|
Technologies:
|
|
|
|
* HTML (Structure)
|
|
* CSS (Styling)
|
|
* JavaScript (Interactivity)
|
|
|
|
Examples:
|
|
|
|
* Buttons
|
|
* Forms
|
|
* Navigation bars
|
|
|
|
Backend Development (Server-side)
|
|
|
|
Backend handles the logic, database, and server communication.
|
|
|
|
Technologies:
|
|
|
|
* Node.js
|
|
* Express.js
|
|
* MongoDB
|
|
|
|
Responsibilities:
|
|
|
|
* Authentication
|
|
* Data processing
|
|
* API creation
|
|
|
|
Full Stack Development
|
|
|
|
Full stack development combines both frontend and backend development.
|
|
|
|
A full stack developer can build:
|
|
|
|
* UI (Frontend)
|
|
* Server logic (Backend)
|
|
* Database systems
|
|
|
|
How the Web Works
|
|
|
|
1. User enters a URL in the browser
|
|
2. Browser sends a request to the server
|
|
3. Server processes the request
|
|
4. Server sends response back
|
|
5. Browser displays the webpage
|
|
|
|
Outcome
|
|
|
|
Today, I gained a clear understanding of how web applications work, including the roles of frontend, backend, and full-stack development. I also understood the flow of communication between client and server.
|
|
|