Introduction to Web Technologies PDF

Introduction to Web Technologies Section 1 Made with 🖤 by Eng. Habiba What is a web technology? Web technology refers to the tools, programming languages, and systems used to create, manage, and interact with websites and web applications. What is a website? A website is compo...

Introduction to Web Technologies Section 1 Made with 🖤 by Eng. Habiba What is a web technology? Web technology refers to the tools, programming languages, and systems used to create, manage, and interact with websites and web applications. What is a website? A website is composed of several pages. Web pages are often linked to each other through hyperlinks. These web pages are a combination of text, images, videos and links. Components of Web Technology: Web Browsers: Software used to access and view websites (e.g., Google Chrome, Mozilla Firefox, Safari). Web Servers: Computers that host websites and serve content to users when requested through browsers. Components of Web Technology: HTML (Hypertext Markup Language): The standard language for creating web pages and structuring content on the web. CSS (Cascading Style Sheets): A styling language used to design and format the visual appearance of web pages. JavaScript: A programming language that adds interactivity, functionality, and dynamic behavior to websites. Components of Web Technology: Web Frameworks: Pre-written code libraries and tools to simplify web development (e.g., React, Angular, Django, LA ravel). Web APIs (Application Programming Interfaces): Interfaces that allow different software systems to communicate and share data over the web. Components of Web Technology: HTTP/HTTPS (Hypertext Transfer Protocol): Protocols that define how data is transmitted over the web. HTTPS is a secure version with encryption. Databases: Systems used to store, manage, and retrieve data for web applications (e.g., MySQL, MongoDB). Types of Web Technologies: Frontend Technologies: Focus on what users see (UI/UX). Examples: HTML, CSS, JavaScript, React, Vue. Backend Technologies: Handle server-side processes, databases, and logic. Examples: PHP, Python, Node.js, Java. Types of Web Technologies: Full Stack Development: Combines frontend and backend technologies. Frontend Languages: HTML, CSS, JavaScript. Backend Languages: PHP, Node.js, Python. what is the difference between static website and dynamic website? Static Website → Simple, fixed content, no database. Dynamic Website → Interactive, content changes based on user input or database.  Assignment 1 what is the difference between static website and dynamic website ? Thanks