midterm-reviewer.docx

**Core Web Technologies** - **HTML**: Structure of web pages. - **CSS**: Styling and layout. - **JavaScript**: Interactivity. - **Python**: Not typically used for frontend development. **HTML Essentials** - **Tags**: \, \, \, \, \, \, \, \, \, \, \. - **Attributes**: alt, href...

**Core Web Technologies** - **HTML**: Structure of web pages. - **CSS**: Styling and layout. - **JavaScript**: Interactivity. - **Python**: Not typically used for frontend development. **HTML Essentials** - **Tags**: \, \, \, \, \, \, \, \, \, \, \. - **Attributes**: alt, href, src. - **DOCTYPE Declaration**: \ to indicate HTML5. **CSS Basics** - **Selectors**: Class (.), ID (\#). - **Properties**: color, background-color, font-size, margin, padding, display. - **Flexbox**: flex-direction, justify-content, align-items. - **Grid**: grid-template-columns, grid-template-rows, gap. **Web Tools and Environments** - **Text Editor**: Used to write and edit code (e.g., Visual Studio Code). - **Developer Tools**: Available in browsers like Chrome for debugging. **Internet Fundamentals** - **URL**: Uniform Resource Locator. - **HTTP/HTTPS**: Protocols for communication. - **DNS**: Translates domain names to IP addresses. - **IP Address**: Unique identifier for devices on a network. **Security** - **SSL**: Secure Sockets Layer for encrypted communication. - **Firewall**: Controls network traffic for security. **Web Design** - **Responsive Design**: Adapting web pages for different screen sizes. - **Media Queries**: Apply styles based on device conditions. **Roles in Web Development** - **Frontend Developer**: Focuses on the look and feel of websites. - **Backend Developer**: Works on server-side logic. - **Full-Stack Developer**: Manages both frontend and backend development. **Core Technologies of Web Development** - **Core Technologies**: HTML, CSS, JavaScript **Primary Purpose of a Text Editor in Web Development** - **Answer**: To write and edit code\ Examples of text editors: Visual Studio Code, Sublime Text, Atom. **Tool Commonly Used to Set Up a Web Development Environment** - **Answer**: Visual Studio Code\ It's a popular code editor with built-in tools for web development. **HTML Tag to Create a Hyperlink** - **Answer**: \\ Example: \Click here\ **\ Tag in HTML** - **Answer**: Paragraph\ The \ tag is used to define a paragraph. **CSS Stands For** - **Answer**: Cascading Style Sheets\ CSS is used to control the style and layout of web pages. **CSS Property to Change the Background Color of an Element** - **Answer**: background-color\ Example: background-color: blue; **CSS Property to Control the Layout of Elements** - **Answer**: display\ Example: display: flex; for flexible layouts. **Attribute for Alternative Text in an Image** - **Answer**: alt\ Example: \ **CSS Property to Change Text Color** - **Answer**: color\ Example: color: red; **Make Text Bold in CSS** - **Answer**: font-weight: bold;\ This property is used to bold the text. **Browser Known for Developer Tools** - **Answer**: Google Chrome\ Chrome provides a robust set of tools for web developers. **Protocol for Secure Communication Over a Network** - **Answer**: HTTPS (Hypertext Transfer Protocol Secure)\ It ensures secure communication by encrypting the data. **URL Stands For** - **Answer**: Uniform Resource Locator\ A URL is the address used to access a resource on the web. **HTML Element for Line Break** - **Answer**: \\ This tag is used to insert a line break. **Character Used to Indicate an End Tag** - **Answer**: /\ Example: \ indicates the end of a paragraph. **HTML Tag to Make a Bulleted List** - **Answer**: \\ The \ tag defines an unordered (bulleted) list. **HTML Element for a Document or Section Header** - **Answer**: \\ The \ tag is used to define a header section in a document. **CSS Selector for Selecting All Elements with a Specific Class** - **Answer**:. (dot notation)\ Example:.classname { color: red; } **URL Stands For** - **Answer**: Uniform Resource Locator\ A URL is the web address used to access resources like websites. **Technology to Retrieve, Present, and Traverse Information on the Web** - **Answer**: World Wide Web (WWW)\ The WWW allows users to view and navigate web pages through browsers. **Server That Stores and Delivers Web Pages** - **Answer**: Web Server\ A web server hosts and serves websites to clients over the internet. **Translates Domain Names to IP Addresses** - **Answer**: Domain Name System (DNS)\ DNS resolves domain names into machine-readable IP addresses. **Unique String of Numbers Identifying a Device on a Network** - **Answer**: IP Address\ An IP address is a unique identifier for each device connected to the internet. **Service for Posting Websites on the Internet** - **Answer**: Web Hosting\ Web hosting services allow individuals or companies to make their websites accessible on the web. **Standard Security Technology for Encrypted Communication** - **Answer**: SSL (Secure Sockets Layer)\ SSL encrypts the link between a web server and a browser, ensuring secure communication. **Protects Networks by Controlling Traffic Based on Security Rules** - **Answer**: Firewall\ Firewalls safeguard networks by regulating incoming and outgoing traffic. **Protocol for Transferring Files Between Client and Server** - **Answer**: FTP (File Transfer Protocol)\ FTP is used to transfer files between computers on a network. **Tool for Searching Information on the Web** - **Answer**: Search Engine\ Search engines like Google help users find information on the web. **Blueprint of a Website's Structure for Search Engines** - **Answer**: Sitemap\ A sitemap is used by search engines to index a website's content. **HTML Stands For** - **Answer**: HyperText Markup Language\ HTML is the standard language for creating web pages. **HTML Element Consists of a Start Tag, Content, and End Tag** - **Answer**: HTML Element\ Example: \ This is a paragraph. \ is an HTML element. **Element That Contains Meta-Information About an HTML Document** - **Answer**: \\ The \ tag contains information such as the page's title and metadata. **HTML Modifier That Provides Additional Information** - **Answer**: Attribute\ Example: alt, href, src are common attributes in HTML. **Purpose of the \ Tag** - **Answer**: Create Hyperlinks\ The \ tag is used to create links to other pages or resources. **HTML Tag for Embedding Images** - **Answer**: \\ Example: \ embeds an image. **\ Tag Represents** - **Answer**: Unordered List\ The \ tag is used to create a bulleted list. **Define the \ Tag** - **Answer**: Ordered List\ The \ tag is used to create a numbered list. **Purpose of the \ Tag** - **Answer**: List Item\ The \ tag is used to define an item in a list (both ordered and unordered). **HTML Tag to Define a Section in a Document** - **Answer**: \\ The \ tag is used to create divisions or sections in a webpage. **Define the \ Tag** - **Answer**: Used to Define a Table\ The \ tag is used to create tables in HTML. **Tag Used to Define a Row in a Table** - **Answer**: \\ The \ tag defines a row in an HTML table. **Purpose of the \ Tag** - **Answer**: Table Header Cell\ The \ tag defines the header cells in a table. **Represents the Largest Heading in HTML** - **Answer**: \\ The \ tag is used for the main heading of a page, typically the largest in size. **Root Element of an HTML Document** - **Answer**: \\ The \ tag represents the root of an HTML document. **Declaration that Defines an HTML5 Document** - **Answer**: \\ This declaration is used to specify that the document is written in HTML5. **CSS Stands For** - **Answer**: Cascading Style Sheets\ CSS is used to style and layout web pages. **Pattern Used to Select Elements in CSS** - **Answer**: CSS Selector\ Example: p { color: red; } selects all \ elements. **CSS Technique for Applying Styles to a Single Unique Element** - **Answer**: ID Selector (\#)\ Example: \#header { background-color: blue; } styles an element with the ID \"header.\" **Purpose of the color Property in CSS** - **Answer**: Sets the Text Color\ Example: color: red; changes text color to red. **Property to Set the Background Color of an Element** - **Answer**: background-color\ Example: background-color: yellow; sets the background color to yellow. **Property to Set the Text Size** - **Answer**: font-size\ Example: font-size: 16px; sets the font size to 16 pixels. **CSS Property to Set the Space Around Elements** - **Answer**: margin\ Example: margin: 10px; sets a 10px space around the element. **CSS Property to Set the Space Between Content and Border** - **Answer**: padding\ Example: padding: 5px; adds space between content and the element's border. **Responsible for the Look and Feel of a Website** - **Answer**: Frontend Developer\ Frontend developers work on the design and interactivity of websites. **Responsible for the Code Running a Website** - **Answer**: Backend Developer\ Backend developers handle server-side code and databases. **Responsible for Both Frontend and Backend Development** - **Answer**: Full-Stack Developer\ A full-stack developer works on both the server-side and client-side of web applications. Align-self - It aligns a flexible containers item individually Flex-wrap - It specifies whether the flexible items should wrap or not. Order - It specifies the order of the flexible items. Grid-gap - It sets the gap (gutter) between rows and columns. Grid-template-rows - The rows of the grid with a space-separated list of values. Grid-template-columns - Columns of the grid with a space-separated lit of values. Align-items - Align the flexible containers item vertically. Justify-content - Aligns the flexible containers item when the items do not use all available space. Flex-direction - Direction of the flexible items Max-width - Sets the maximum width of an element CSS grid - Create complex and responsive grid-based layouts. Flex box - It is used to design a flexible and efficient layout structure. Web - A system of interlinked hypertext documents that can be accessed via internet. **HTML Page Structure** **- The standard Starting structure of an HTML**