Web Developer Bootcamp Flashcards
What is the internet?
A global network of interconnected computers that communicate via TCP/IP. A network of networks.
What is the web?
The World Wide Web is an information system where documents and other resources are available over the Internet. Documents are transferred via HTTP. Client sends a request to the server, server then responds with code that is rendered by the internet browser.
What code (3 tools) does a website server send back that is rendered by a browser and then presented in a webpage that the user can understand?
HTML, CSS, and JavaScript
What are the 3 responsibilities of the front end languages?
HTML is responsible for the NOUNS (Content)
CSS is responsible for the ADJECTIVES (Colors, fonts, themes, etc)
JavaScript is responsible for the VERBS (Movement, buttons, scrolling, popup, search, autocomplete, etc)
What are HTML elements?
Standard elements that all browsers recognize to organize text through things such as paragraphs, headers, images, forms, etc.
Examples of elements:
<p> element = paragraph
</p>
<h1> element = main header of page
<img></img> element = embeds an image
</h1>
element = represents a form
Most elements consist of an opening and closing tag; <p>I am a paragraph</p>
Elements can be nested together.
How to bold text in HTML?
<b>text</b>
How can you easily find a list of HTML elements?
Mozilla Developer Network (MDN) - HTML elements reference
How many main headings <h1></h1> should you have on a page?
Just one.
Subheadings (include h2-h6) such as <h2></h2> would then be used for other headings on the page and can be used more than once.
How do you inspect the HTML of a page in your browser such as Chrome?
Right click anywhere on the page and select “Inspect”. The arrow in the top left corner allows you to go and click something on the page, and then view the element in the HTML code.
What is HTML skeleton or boiler plate?
Standardized markup that must go into every HTML document that you create:
Includes: , the root element: one head element and one body element, title element,
What is the header element?
Only metadata. Nothing that shows up in the document itself.
What is the title tag?
The title tag defines the title of the document. The title must be text-only, and it is shown in the browser’s title bar or in the page’s tab
What does the tag include in HTML?
The tag defines the document’s body.
The element contains all the contents of an HTML document, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
What is the shortcut in VS code to quickly display the HTML skeleton or boilerplate?
! and then tab
What is an easy way to format your HTML, meaning fix the indentations and make it look pretty?
In VS code, launch the command pallet (command + shift + P on mac) then click on format document.
In HTML, what tag is used for numbered lists and what tag is used for bulleted lists? What tag is nested inside of these?
numbered lists is an ordered list which is <ol></ol> and bulleted lists are unordered lists which is <ul></ul>
they both consists of nested elements which are <li> which stands for list item. Can also lists another list inside of a list to stagger bullet points.</li>
How do you add a hyperlink, or a link to go somewhere else in HTML?
The anchor tag which is <a>The text of the link goes here</a><a> (a + tab shortcut)</a>
How do you imbed an image into HTML?
<img></img>
What is a generic element or container that holds things together so that you can do something with the group and has no effect on content or layout until CSS is used?
<div></div>
What is a generic inline container for phrasing and grouping content inline? Similar to <div> but <div> is used for block level elements whereas this is for inline elements. Also not useful until CSS is added. </div></div>
<span></span>
What element does not have a closing tag and represents a thematic break between paragraph level elements? Makes a line that acts as a divider. You can style it and change how it appears.
<hr></hr>
What creates a line break? You add where you want the line to break, doing this makes your line break exactly where you want it to.
<br></br>
What elements are used to designate text as superscript, such as an exponent, or citation. Text that is elevated off the baseline.
What element would be used to drop text below the baseline, such as writing H2O with the 2 dropped below?
and
What are used to display reserved characters in HTML? Starts with an ampersand and ends with a semicolon. Used to display reserved characters that would normally be invalid.
HTML Entities - they can allow your to write unique characters, or reserved characters like < or >. < would be <
In HTML. what can be used to define different parts of a web page and clearly defines the content? And what does not define the content?
Non-semantic elements examples: <div> and <span> - Tell nothing about its content. You can’t tell what the section of content is.</span>
Semantic elements examples: , , and . Clearly defines its content. They add meaning to the markup.</span></div>
What are the 3 popular Javascript frameworks?
React, Angular, and Vue
Microsoft’s slight variant of JavaScript?
JScript
What language is used for dynamically manipulating Cascading Style Sheets (CSS) and HTML?
JavaScript
JavaScript library designed to simplify HTML DOM tree traversal and manipulation, as well as event handling, CSS animation, and Ajax.
jQuery
A popular open-source, cross-platform web server that is, by the numbers, the most popular web server in existence.
Apache
Who’s job is it to accept requests from clients (e.g. a visitor’s web browser) and then send the response to that request (e.g. the components of the page that a visitor wants to see).?
Web Server
What are CRUD behaviors?
Create, Read, Update, Delete
Add new items to the list (Create)
View the existing list (Read)
Change the completion status of each item (Update)
Remove items from the list (Delete)
