webdev-task-001/index.html at main · codeL0gic/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
98
99
100
<!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>This is another paragraph.</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>
        </main>

    </section>


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

</body>
</html>