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.