перефарматируй это в csv файл, чтобы его мог прочитать Anki и импортировать вопросы и ответы, с разделителем запятая, перепроверь, что вопросы логически относились к нужным ответам, также учти, что "Mnemonic" должен входить в ответ, так что перед Mnemonic не нужен разделитель:
Question,Answer
What does 'HTTP' stand for?, "HTTP stands for HyperText Transfer Protocol. Mnemonic: Think of 'Hyper' as 'Hyperactive' and 'Text' as 'Textbook'. Combine them to recall 'HyperText Transfer Protocol.'"
What is the purpose of a web browser?, "A web browser allows you to access and view websites. Mnemonic: A web browser helps you 'browse' the web like a tourist exploring a city."
What does 'URL' stand for?, "URL stands for Uniform Resource Locator. Mnemonic: Remember 'Uniform' as 'Unchanging', 'Resource' as 'Resourceful', and 'Locator' as 'Locator on a map.'"
What is the main function of a search engine?, "A search engine helps you find information on the internet. Mnemonic: Think of a search engine as a 'digital librarian' helping you find information."
What does 'HTTPS' add to 'HTTP'?, "HTTPS adds a layer of security to HTTP by encrypting the data. Mnemonic: HTTPS is like 'HTTP with a Security Guard' (the 'S' stands for Secure)."
What is a web cookie?, "A web cookie is a small piece of data stored by a browser to remember information about the user. Mnemonic: Cookies are like 'digital snacks' that store information about your web visit."
What is a browser cache?, "A browser cache is a temporary storage for frequently accessed web data to speed up loading times. Mnemonic: A cache is like a 'quick-access drawer' that stores frequently used items for faster access."
What is a web bookmark?, "A web bookmark is a saved link to a web page for easy access. Mnemonic: Bookmarks are like 'pages marked in a book' for quick reference."
What does 'IP' stand for in IP address?, "IP stands for Internet Protocol. Mnemonic: Think of 'Internet Protocol' as 'Internet’s Postal Service.'"
What is the role of a browser extension?, "A browser extension adds extra functionality to your web browser. Mnemonic: Extensions are like 'extra tools' you add to your browser for more functions."
What is a domain name?, "A domain name is the address used to access a website. Mnemonic: A domain name is like a 'web address' you type to visit a specific location on the internet."
What is a web server?, "A web server is a computer that hosts websites and serves web pages to users. Mnemonic: A web server is like a 'digital warehouse' that hosts websites."
What does 'HTML' stand for?, "HTML stands for HyperText Markup Language. Mnemonic: HTML is 'HyperText Made with Language.'"
What is a URL shortener?, "A URL shortener converts long web addresses into shorter, more manageable links. Mnemonic: A URL shortener is like a 'shortening tool' for long web addresses."
What is the difference between a website and a web application?, "A website provides information while a web application performs specific functions or tasks. Mnemonic: A website is like a 'brochure,' while a web application is like a 'tool' that performs tasks."
What is a browser's incognito mode?, "Incognito mode prevents your browser from saving your browsing history. Mnemonic: Incognito mode is like 'stealth mode' that hides your browsing activity."
What is a plugin in the context of a web browser?, "A plugin adds extra features or functionality to a web browser. Mnemonic: A plugin is like an 'add-on' that gives your browser extra features."
What is a tab in a web browser?, "A tab in a web browser is a separate page within the browser window. Mnemonic: Tabs are like 'sheets of paper' in a notebook, each holding different information."
What is a web protocol?, "A web protocol is a set of rules for data exchange on the internet. Mnemonic: A protocol is like a 'set of rules' for communication over the internet."
What is the function of a web cookie?, "A web cookie stores user-specific information and preferences. Mnemonic: Cookies remember your 'preferences' like a friend who recalls your favorite snacks."
What is the difference between HTTP and HTTPS?, "HTTP does not encrypt data, while HTTPS does, making it secure. Mnemonic: HTTPS has a 'Security Shield' added to the 'HTTP.'"
What does a web browser's 'history' feature do?, "The history feature tracks and displays the websites you have visited. Mnemonic: History keeps a 'journal' of the websites you have visited."
What is a domain registrar?, "A domain registrar manages the registration of domain names. Mnemonic: A domain registrar is like a 'broker' who helps you buy a web address."
What is the function of DNS in the internet?, "DNS translates domain names into IP addresses. Mnemonic: DNS translates 'domain names' to 'IP addresses,' like a 'phone book' for the web."
What does a browser's 'Developer Tools' feature provide?, "Developer Tools help inspect, debug, and optimize web pages. Mnemonic: Developer Tools are like 'construction blueprints' for developers to inspect and debug websites."
What is a 404 error?, "A 404 error means the page could not be found. Mnemonic: A 404 error means the 'page was not found,' like a 'missing page' in a book."
What does 'JavaScript' allow you to do on web pages?, "JavaScript allows you to add interactivity and dynamic content to web pages. Mnemonic: JavaScript adds 'interactive features,' like 'animations' and 'forms' to web pages."
What is 'Cookies Policy' on websites?, "A Cookies Policy explains how cookies are used on a website. Mnemonic: A Cookies Policy informs you about how 'cookies' (data) are used on a website."
What is 'web hosting'?, "Web hosting is a service that provides space on a server for websites. Mnemonic: Web hosting is like renting 'space' on the internet to keep your website."
What does 'CSS' stand for?, "CSS stands for Cascading Style Sheets. Mnemonic: CSS is 'Style Sheets that Cascade.'"
What is the purpose of a 'web crawler'?, "A web crawler automatically collects and indexes information from the web. Mnemonic: A web crawler 'crawls' through the web, like a 'robot' gathering information for search engines."
What is a 'landing page'?, "A landing page is the first page a user sees when visiting a website. Mnemonic: A landing page is the 'first page' you see when you visit a site, like the 'entrance' of a building."
What is 'web traffic'?, "Web traffic refers to the number of visitors and data sent to and from a website. Mnemonic: Web traffic refers to the 'flow of visitors' to a website, like 'traffic on a road.'"
What is a 'cookie consent banner'?, "A cookie consent banner requests permission to use cookies on a website. Mnemonic: A cookie consent banner asks for your 'permission' to use cookies, like 'permission slips' at school."
What is a 'favicon'?, "A favicon is a small icon displayed next to a website’s name in the browser tab. Mnemonic: A favicon is a small 'icon' that appears next to the website’s name, like a 'mini-logo.'"
What is the difference between a 'static' and 'dynamic' website?, "A static website has fixed content, while a dynamic website has content that changes based on user interaction. Mnemonic: A static website is like a 'printed book,' while a dynamic website is like an 'interactive e-book.'"
What does 'cache' mean in web development?, "Cache stores frequently used data for quicker access to improve performance. Mnemonic: Cache stores 'frequently used data' for quicker access, like a 'toolbox' with common tools."
What is 'Responsive Design' in web development?, "Responsive Design adjusts the layout of a website to fit different screen sizes. Mnemonic: Responsive design adjusts 'website layout' based on 'device size,' like a 'foldable map.'"
What is a 'web API'?, "A web API is a set of rules and protocols for software applications to communicate with each other. Mnemonic: A web API is a 'set of rules' for software to interact, like 'instructions' for assembling furniture."
What does 'bandwidth' refer to in internet terms?, "Bandwidth refers to the amount of data that can be transmitted over a network in a given time. Mnemonic: Bandwidth is the 'capacity' of an internet connection, like the 'width of a pipe' carrying water."
What does 'HTML' stand for?, "HTML stands for HyperText Markup Language. Mnemonic: HTML is 'HyperText Made with Language.'"
What is the purpose of HTML?, "HTML structures and formats content on the web. Mnemonic: HTML is like the 'skeleton' of a webpage, giving it structure."
What does an HTML 'tag' define?, "An HTML tag defines an element on a webpage. Mnemonic: Tags are like 'labels' that describe pieces of content."
What is the role of the 'DOCTYPE' declaration?, "The 'DOCTYPE' declaration defines the HTML version for proper rendering. Mnemonic: DOCTYPE is like a 'map' for the browser."
What is an HTML 'element' composed of?, "An HTML element consists of an opening tag, content, and a closing tag. Mnemonic: An element is like a 'container' for content."
What does the 'head' section in HTML contain?, "The 'head' section contains metadata, links to stylesheets, and scripts. Mnemonic: The head is like the 'introductory part' of a document."
What is a 'class' attribute used for?, "The 'class' attribute assigns a name to an element for styling or scripting. Mnemonic: Classes are like 'identifiers' for elements."
What is an HTML 'attribute'?, "An HTML attribute provides additional information about an element. Mnemonic: Attributes are like 'details' about an element."
What is PUG?, "PUG is a template engine that simplifies writing HTML. Mnemonic: PUG is like 'shortened code' for HTML."
What is a 'mixin' in PUG?, "A mixin is a reusable block of code in PUG. Mnemonic: Mixins are like 'pre-made templates' for reuse."
What does 'extends' do in PUG?, "'extends' allows a template to inherit the structure of another template. Mnemonic: Extends is like 'borrowing' a layout."
What is the syntax for defining a block in PUG?, "A block in PUG is defined by indentation and a keyword. Mnemonic: Blocks are like 'sections' of a page."
How does PUG handle indentation?, "PUG uses indentation to define elements, while HTML uses tags. Mnemonic: PUG is like 'structured writing' with indentation."
What is the use of a PUG 'mixin'?, "A PUG mixin creates reusable HTML elements. Mnemonic: Mixins are like 'snippets' for reuse."
What is the syntax for including a partial in PUG?, "The 'include' keyword is used to include partial templates in PUG. Mnemonic: Including is like 'inserting a section' of another document."
How do you pass variables to a PUG template?, "Variables are passed by specifying them in the template function. Mnemonic: Passing variables is like 'handing notes' to a template."
What does 'extends' allow in PUG templates?, "'extends' allows a template to inherit the structure of another. Mnemonic: Extends is like 'adopting' a format."
What are the benefits of PUG over HTML?, "PUG reduces code repetition and simplifies syntax. Mnemonic: PUG makes code 'cleaner' and 'shorter' than HTML."
What is the role of the 'HTML <a>' tag?, "The 'HTML <a>' tag creates hyperlinks. Mnemonic: The <a> tag is like a 'link' connecting pages."
What is an HTML 'form' used for?, "HTML forms collect user input through elements. Mnemonic: Forms are like 'questionnaires' on a webpage."
What does the 'alt' attribute in HTML images do?, "The 'alt' attribute provides a description when the image can't be displayed. Mnemonic: Alt text is like a 'caption' for the image."
What is a PUG partial and how is it used?, "A PUG partial is a reusable snippet included in other templates. Mnemonic: Partials are like 'pieces of a puzzle.'"
What is the difference between 'include' and 'extend' in PUG?, "'include' brings in a file, while 'extend' inherits a layout. Mnemonic: Includes are like 'adding pages,' extends are like 'adopting formats.'"
What is conditional rendering in PUG?, "Conditional rendering uses 'if' statements to control content display. Mnemonic: Conditionals are like 'filters' for content."
What is the purpose of the 'meta' tag in HTML?, "The 'meta' tag provides metadata about the document. Mnemonic: Meta tags are 'information labels' for the document."
What is the function of the 'script' and 'link' tags in HTML?, "The 'script' tag links to JavaScript files, while 'link' connects to CSS files. Mnemonic: Scripts are 'instructions,' links are 'designs.'"
What are common HTML semantic tags?, "Common semantic tags include <header>, <footer>, <article>, and <section>. Mnemonic: Semantic tags are like 'labels' for webpage parts."
What is 'CSS' and its relation to HTML?, "CSS stands for Cascading Style Sheets and styles HTML elements. Mnemonic: CSS styles HTML like 'paint' adds color to a canvas."
What is a PUG partial and how does it help with code reuse?, "A PUG partial is a reusable template snippet. Mnemonic: Partials are like 'pieces of a puzzle.'"
What is the significance of the 'HTML <div>' tag?, "The <div> tag groups and styles sections of a webpage. Mnemonic: The <div> tag is like a 'box' for content."
What is the purpose of an HTML 'meta' tag?, "The 'meta' tag provides metadata like charset and viewport settings. Mnemonic: Meta tags are like 'information labels' for the document."
What is a PUG mixin and how does it improve code efficiency?, "A PUG mixin creates reusable code blocks, improving efficiency. Mnemonic: Mixins are like 'reusable templates' for efficient coding."
What does the 'extends' keyword allow you to do in PUG?, "'extends' allows you to inherit layouts from other templates. Mnemonic: Extends is like 'borrowing' a layout."
What is the difference between a static and dynamic HTML element?, "Static elements have fixed content, while dynamic elements change based on interaction. Mnemonic: Static is 'fixed,' dynamic is 'changing.'"
How does PUG simplify HTML structure?, "PUG simplifies HTML with indentation and reduced syntax. Mnemonic: PUG makes HTML 'shorter' and 'cleaner' with indentation."
What are the benefits of using semantic tags in HTML?, "Semantic tags improve readability and SEO by describing content. Mnemonic: Semantic tags are like 'descriptive labels' for content."
What does the 'title' tag do in HTML?, "The 'title' tag specifies the title of a webpage. Mnemonic: The title tag is like a 'nameplate' for the webpage."
What is the function of 'class' and 'id' attributes in HTML?, "'class' groups elements for styling, 'id' uniquely identifies elements. Mnemonic: Classes are 'groups,' ids are 'individuals.'"
What is the purpose of the 'HTML <button>' tag?, "The <button> tag creates clickable buttons. Mnemonic: The <button> tag is like a 'clickable control' on a webpage."
What does 'CSS' stand for?, "CSS stands for Cascading Style Sheets. Mnemonic: Think of CSS as 'Cascading Sheets' that style your pages."
What is the purpose of CSS?, "CSS is used to style and layout HTML elements on a webpage. Mnemonic: CSS is like 'fashion' for the web."
What are the different types of CSS?, "The three types of CSS are inline, internal, and external. Mnemonic: Inline is 'inside,' internal is 'within the head,' external is 'outside in a file.'"
What is the CSS box model?, "The CSS box model describes the rectangular boxes generated for elements in the document tree, including margins, borders, padding, and the content itself. Mnemonic: Think of the box model as layers like a 'gift box.'"
How do you center a block element horizontally with CSS?, "You can center a block element horizontally using margin: auto; with a defined width. Mnemonic: Auto margins are like 'self-adjusting' spacers."
What is the difference between 'padding' and 'margin'?, "Padding is the space inside an element's border, while margin is the space outside the border. Mnemonic: Padding is 'inside' the box, margin is 'outside.'"
How does Flexbox work in CSS?, "Flexbox is a one-dimensional layout model that allows items in a container to be laid out and aligned efficiently. Mnemonic: Flexbox is like 'stretching' items to fit the space."
What is the 'display' property in CSS?, "The 'display' property specifies how elements are displayed on the page, such as block, inline, or flex. Mnemonic: Display controls the 'visibility' and 'layout' of elements."
What is a CSS pseudo-class?, "A pseudo-class targets elements based on their state, such as :hover or :focus. Mnemonic: Pseudo-classes are like 'special conditions' for styling."
What is a CSS pseudo-element?, "A pseudo-element is used to style specific parts of an element, such as ::before or ::after. Mnemonic: Pseudo-elements are like 'extra touches' to elements."
What is SASS and how does it differ from CSS?, "SASS is a CSS preprocessor that adds features like variables, nesting, and mixins. Mnemonic: SASS is like 'enhanced CSS' with extra tools."
What is the purpose of variables in SASS?, "Variables in SASS store values like colors or font sizes for reuse throughout your stylesheet. Mnemonic: Variables are like 'named containers' for your values."
What is nesting in SASS?, "Nesting in SASS allows you to write CSS rules inside other rules to mirror the HTML structure. Mnemonic: Nesting is like 'nesting dolls' within each other."
What are mixins in SASS?, "Mixins are reusable chunks of CSS code that can be included in other selectors. Mnemonic: Mixins are like 'style templates' for repeated use."
What is the 'extend' feature in SASS?, "The 'extend' feature allows one selector to inherit the styles of another, reducing duplication. Mnemonic: Extend is like 'sharing outfits' between selectors."
What is a SASS function?, "A SASS function returns a value based on the arguments passed, useful for calculations and dynamic values. Mnemonic: Functions are like 'calculators' for your CSS values."
What is the syntax for a SASS variable?, "SASS variables start with a dollar sign, like $primary-color: #333;. Mnemonic: Variables start with '$' like 'money' in your code."
What are partials in SASS?, "Partials are SASS files that can be included in other SASS files to modularize your code. Mnemonic: Partials are like 'chapter files' for your styles."
What does the '@import' rule do in SASS?, "The '@import' rule includes other SASS or CSS files into the current file. Mnemonic: Import is like 'adding pages' to your stylesheet."
What is the difference between SASS and SCSS?, "SASS uses indentation, while SCSS uses curly braces and semicolons. Mnemonic: SASS is 'plain' and SCSS is 'structured.'"