webdev-task-001/index.html at main · Fifenashia/webdev-task-001 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html lang="en">

<head>

    <!-- Meta tags provide information about the HTML document -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Web Development Vocabulary</title>

    <!-- Link to the external CSS file -->
    <link rel="stylesheet" href="css/style.css">

</head>

<body>

    <section>

        <main>

            <h1>Web Development Vocabulary</h1>

            <p>Welcome to Code:You WebDev!</p>

            <p>
                <ul>
                    <li><strong>API</strong>: A set of functions and tools for building software applications, often interacting with external systems.</li>
                    <li><strong>Async/Await</strong>: Syntax for handling asynchronous operations more easily than with callbacks or promises.</li>
                    <li><strong>Attribute</strong>: Provides additional information about an HTML element.</li>
                    <li><strong>Block-Level Element</strong>: An element that starts on a new line and takes up the full width available.</li>
                    <li><strong>Box Model</strong>: The model that represents the content, padding, border, and margin of an element.</li>
                    <li><strong>Browser</strong>: A software application used to access and display web pages.</li>
                    <li><strong>Callback</strong>: A function passed as an argument to another function to be executed later.</li>
                    <li><strong>CDN (Content Delivery Network)</strong>: A network of servers that distribute content closer to users for faster loading times.</li>
                    <li><strong>Class</strong>: A selector in CSS used to apply styles to elements.</li>
                    <li><strong>Client-Side</strong>: Refers to actions or scripts that run in the user's browser.</li>
                    <li><strong>CMS (Content Management System)</strong>: Software that helps users create, manage, and modify content on a website without needing to code.</li>
                    <li><strong>CSS (Cascading Style Sheets)</strong>: The language used to style and layout HTML documents.</li>
                    <li><strong>CSS Grid</strong>: A two-dimensional layout system in CSS that provides more control over how web content is arranged.</li>
                    <li><strong>Cross-Browser Compatibility</strong>: Ensuring a website works correctly on different browsers and devices.</li>
                    <li><strong>CSS Reset/Normalize</strong>: A set of rules that remove browser inconsistencies in default styling.</li>
                    <li><strong>DNS (Domain Name System)</strong>: Translates domain names into IP addresses.</li>
                    <li><strong>DOM (Document Object Model)</strong>: The programming interface for web documents, allowing dynamic changes to HTML and CSS.</li>
                    <li><strong>Domain Name</strong>: The address used to access a website.</li>
                    <li><strong>Element</strong>: The basic building blocks of HTML, made up of tags and content.</li>
                    <li><strong>Em (Unit)</strong>: A relative CSS unit used to define size, based on the font size of the element.</li>
                    <li><strong>Event</strong>: An action that occurs in the browser, such as a click or key press.</li>
                    <li><strong>Event Listener</strong>: A JavaScript method used to handle events like clicks and keypresses.</li>
                    <li><strong>Flexbox</strong>: A layout model that allows elements to be aligned and distributed within a container.</li>
                    <li><strong>FTP (File Transfer Protocol)</strong>: A method of transferring files between computers over a network.</li>
                    <Li><strong>Full Stack Development</strong>: Involves both front-end (client-side) and back-end (server-side) development.</Li>
                    <li><strong>Function</strong>: A block of code designed to perform a task in programming.</li>
                    <li><strong>Git</strong>: A version control system that helps developers track changes to code.</li>
                    <li><strong>HTML (Hypertext Markup Language)</strong>: The standard language used to create web pages.</li>
                    <li><strong>HTTP/HTTPS</strong>: Hypertext Transfer Protocol, the foundation of any data exchange on the Web. HTTPS adds security via encryption.</li>
                    <li><strong>ID</strong>: A unique identifier for an element in HTML and CSS.</li>
                    <li><strong>Inline Element</strong>: An element that does not start on a new line and only takes up as much width as necessary.</li>
                    <li><strong>IP Address</strong>: A unique numerical address identifying a device on a network.</li>
                    <li><strong>JavaScript</strong>: A programming language used to create dynamic and interactive effects within web browsers.</li>
                    <li><strong>Media Query</strong>: A CSS feature used to apply styles based on device characteristics, like screen width.</li>
                    <li><strong>Metadata</strong>: Information about a webpage, such as the title and description, typically stored in the head section of an HTML document.</li>
                    <li><strong>Mobile-First Design</strong>: Designing web content first for mobile devices, then enhancing for larger screens.</li>
                    <li><strong>Padding</strong>: Space between the content and the border of an element in the CSS box model.</li>
                    <li><strong>Property</strong>: Defines the aspect of an element to be styled in CSS.</li>
                    <li><strong>Pseudo-Class</strong>: A keyword added to a selector in CSS that specifies a special state of the selected element.</li>
                    <li><strong>Pseudo-Element</strong>: A keyword added to a selector in CSS that allows you to style parts of an element.</li>
                    <li><strong>Responsive Design</strong>: A design approach where web content adjusts to various screen sizes.</li>
                    <li><strong>Script</strong>A block of code that can be used to add functionality to a webpage, often written in JavaScript.</li>
                    <li><strong>Selector</strong>: A CSS statement used to target HTML elements for styling.</li>
                    <li><strong>Semantic HTML</strong>: HTML that conveys meaning about its content beyond just its presentation.</li>
                    <li><strong>Server-Side</strong>: Refers to actions or scripts that run on a web server.</li>
                    <li><strong>SSL (Secure Sockets Layer)</strong>: A protocol for encrypting information sent between a browser and a web server.</li>
                    <li><strong>Tag</strong>: Defines the start and end of an HTML element.</li>
                    <li><strong>URL (Uniform Resource Locator)</strong>: The address used to access a resource on the internet.</li>
                    <li><strong>User Agent</strong>: Information about the browser, operating system, and device, often sent to web servers.</li>
                    <li><strong>Variable</strong>: A container for storing data values in programming.</li>
                    <li><strong>Version Control</strong>: A system that records changes to a file or set of files over time.</li>
                    <li><strong>Viewport</strong>: The visible area of a web page on a device.</li>
                    <li><strong>Web Hosting</strong>: A service that allows organizations and individuals to post a website on the internet.</li>
                    <li><strong>Web Server</strong>: A computer that hosts websites and serves them to users' browsers.</li>
                    <li><strong>White-Space</strong>: In CSS, controls the display of spaces, line breaks, and tabs.</li>
                    <li><strong>XML (eXtensible Markup Language)</strong>: A language designed to store and transport data.</li>
                </ul>
            </p>

        </main>

    </section>


    <!-- Link to the external JavaScript file -->
    <script src="js/app.js"></script>

</body>
</html>