Web Developer Bootcamp Flashcards

1
Q

What is the internet?

A

A global network of interconnected computers that communicate via TCP/IP. A network of networks.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

What is the web?

A

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.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

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?

A

HTML, CSS, and JavaScript

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

What are the 3 responsibilities of the front end languages?

A

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)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

What are HTML elements?

A

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 well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

How to bold text in HTML?

A

<b>text</b>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

How can you easily find a list of HTML elements?

A

Mozilla Developer Network (MDN) - HTML elements reference

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

How many main headings <h1></h1> should you have on a page?

A

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 well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

How do you inspect the HTML of a page in your browser such as Chrome?

A

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.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

What is HTML skeleton or boiler plate?

A

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,

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

What is the header element?

A

Only metadata. Nothing that shows up in the document itself.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

What is the title tag?

A

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

What does the tag include in HTML?

A

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.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

What is the shortcut in VS code to quickly display the HTML skeleton or boilerplate?

A

! and then tab

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

What is an easy way to format your HTML, meaning fix the indentations and make it look pretty?

A

In VS code, launch the command pallet (command + shift + P on mac) then click on format document.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

In HTML, what tag is used for numbered lists and what tag is used for bulleted lists? What tag is nested inside of these?

A

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>

17
Q

How do you add a hyperlink, or a link to go somewhere else in HTML?

A

The anchor tag which is <a>The text of the link goes here</a><a> (a + tab shortcut)</a>

18
Q

How do you imbed an image into HTML?

A

<img></img>

19
Q

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?

A

<div></div>

20
Q

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>

A

<span></span>

21
Q

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.

A

<hr></hr>

22
Q

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.

A

<br></br>

23
Q

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?

A

and

24
Q

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.

A

HTML Entities - they can allow your to write unique characters, or reserved characters like < or >. < would be <

25
Q

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?

A

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>

26
Q

What are the 3 popular Javascript frameworks?

A

React, Angular, and Vue

27
Q

Microsoft’s slight variant of JavaScript?

A

JScript

28
Q

What language is used for dynamically manipulating Cascading Style Sheets (CSS) and HTML?

A

JavaScript

29
Q

JavaScript library designed to simplify HTML DOM tree traversal and manipulation, as well as event handling, CSS animation, and Ajax.

A

jQuery

30
Q

A popular open-source, cross-platform web server that is, by the numbers, the most popular web server in existence.

A

Apache

31
Q

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).?

A

Web Server

32
Q

What are CRUD behaviors?

A

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)