Brainscape's Knowledge GenomeTM


Top Flashcards (Certified)
All Flashcards

Coding bootcamp 2023 > Prework Module 3 > Flashcards

Prework Module 3 Flashcards

(85 cards)

Start Studying
1
Q

What is a Web application?

A

An application accessed via a web browser that allows users to perform tasks on the Internet

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

What is a URL?

A

A uniform resource locator. It is a unique address given to a specific resource on the web.

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

Computers don’t speak human languages, so we need to speak computer – we need the following three programming languages. What are they?

A

HTML CSS, JavaScript

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

What creates the structure of a webpage?

A

HTML, CSS in JavaScript 

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

What do we mean by element?

A

It is a type of content on the web page – it can be text image header, or list elements

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

Elements can also be used to divide or describe a page. What are three, common ones.

A

Meta related elements.
Content division elements.
Semantic elements.

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

What is SEO?

A

Search engine optimisation – the process of improving, the ranking of a website and search engine such as Google

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

What are some examples of browsers?

A

Google chrome, safari, Firefox, brave, Microsoft edge

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

What does the <head> element of HTML contain?

A

The metadata/information that helps the browser render the page (not visible to the user).

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

What does the <body> element of HTML contain?

A

The content that is shown to the user.

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

Are declarations such as <!DOCTYPE html> case sensitive or not case sensitive?

A

Not case sensitive!

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

What does the code, lang=”en” mean?

A

Language is in English

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

What does the code, lang=”en” mean?

A

Language is in English

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

Are HTML attributes defined in the beginning element or the closing element?

A

Always in the beginning element.

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

What are some metadata tags that can be used inside a HTML <head> tag?

A

<title>, <style>

, <base>, <link>, <meta>, <script>
</style></title>
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

What does </head> at the end of a <head> html code symbolise? (hint: what is the / doing?)

A

</head> is a closing tag, meaning that section of code is finished.

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

What is the role of the <meta></meta> element in HTML?

A

<meta></meta>

elements contain information about the page that is used by the browser.

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

What do you call elements that are nested inside other elements?

A

Child elements?

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

What do you call the element that holds all the child elements?

A

The parent element

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

What type of HTML element should content be under if we want it to be visible to the user?

A

The <body> element

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

What is the difference between an element and a tag>

A

An element is the entire element (from opening to closing tag) and a tag is what appears inside the <angle>.</angle>

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

What does the child element <ul> represent? (hint: it is a <body> html element)?

A

Unordered lists

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

What does the child element <p> represent? (hint: it is a <body> html element)?

A

Paragraph

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

What does the child element <ol> represent? (hint: it is a <body> html element)?

A

Ordered lists

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
24
What does the child element
  • represent? (hint: it is a html element)?
    • List items
    25
    What does the child element represent? (hint: it is a html element)?
    Image
    26
    What does the child element
    represent? (hint: it is a html element)?
    break, line break or a line of empty space
    28
    What does the child element represent? (hint: it is a html element)?
    It is used to create a hyperlink
    29
    What does the child element represent? (hint: it is used with the html element)?
    Source - which defines the location of the image file (most important child element for an image!)
    30
    Why do we label section elements in VS Code as id=?
    HTML uses the id attribute to identify elements and select them
    31
    What does git status do?
    Checks what branch we are currently on
    32
    What does git checkout -b branch-name do?
    Creates a new branch and switches to it
    33
    How do you save work to GitHub?
    You need to add, commit and push up the HTML code in a feature branch.
    34
    After you push up your work to GitHub, what do you need to do next?
    Merge your feature branch into the base branch so others can update their branches with an updated version.
    35
    What are the three ways to style a webpage using CSS?
    Inline CSS, internal CSS style sheet, and external CSS style sheet
    36
    When do you use an inline CSS?
    To style an element directly in a HTML file
    37
    When do you use an internal style sheet (CSS)?
    To embed an entire stylesheet directly into a HTML file in the element.
    38
    What is the most common way to style a webpage using CSS?
    By using an external CSS style sheet.
    39
    What does separation of concerns mean?
    Separating code into different files based on use - i.e. each section of code should have its own responsibility
    40
    How do you use an external style sheet (CSS)?
    You link the file using a element placed in the HTML's section
    41
    When coding CSS rules, what two components do declarations contain?
    1. The CSS property (e.g. colour) and 2. the value of the property (e.g. blue).
    42
    What does a margin indicate in a CSS style sheet?
    How much space we want around the outside of an element (much like a margin in a word doc)
    43
    How is a padding property different to a margin property in a CSS style sheet?
    The padding property adds space around the content inside an element, instead of outside (a margin).
    44
    When using CSS style sheets, what does the * sign indicate in code?
    That the rule will be applied to all the elements visible on the page
    45
    What is the Do Not Repeat Yourself coding principle?
    It encourages developers to reuse or share pieces of code to reduce the number of lines of code that need to be written or maintained.
    46
    When writing CSS style sheet code, what does a comma indicate between two selectors?
    That the rule afterwards can be applied to both the selectors (e.g. header, footer {code), which means that the rule does not need to be written out twice.
    47
    What is debugging?
    Finding where a bug is in the code and trying to fix it so that the code runs smoothly
    48
    After you create an external CSS file, how do you link it to your HTML file?
    using under the element in the HTML file
    49
    When linking an external file to your HTML file, what does the rel attribute do?
    Specifies the relationship between the current document and the linked document resource
    50
    When linking an external file to your HTML file, what does the href attribute do?
    Specifies the location/URL of the external resource, using a relative path (location is derived from the current location).
    51
    When coding with CSS, what does a class attribute do?
    A class attribute allows us to share a CSS rule to any element we choose by assigning the rule to a class attribute with a class sector (i.e. we can add styles to certain elements, but not all the elements).
    52
    What symbol do you use to symbolise that a "card" is a class selector?
    A period/dot (.)
    53
    What are two ways we can assign colours in CSS?
    1. Semantic references/using the name (e.g. blue, gray) or 2. using a colours hexadecimal code (hex#)
    54
    Once we have created a class in CSS style sheet code, how do we apply it to an element in the HTML code?
    You type class = ("insert class name", e.g. card). For example
    55
    How do you save CSS styling changes in the GitHub repository?
    Add, commit and push up the code in the
    56
    What does JavaScript allow you to do when designing websites?
    Allows users to interact with websites: effects, interactivity, data communication etc
    57
    Where do you place the