WEBDEV - FINALS Flashcards
(131 cards)
1
Q
triggered when the user clicks an HTML element
A
onclick
2
Q
used to embed or reference JavaScript code within an HTML
A
<script> tag </script>
3
Q
Each font within a typeface corresponds to a specific combination of these attributes.
A
Font
4
Q
hoisted at the top of the scope, meaning they can be called before they are define in the code.
A
Function Declaration
5
Q
named container that holds a value. Variables allow you to store and manipulate data throughout your application.
A
Variables
6
Q
allows you to select an HTML element based on its unique ID
A
document.getElementById()
7
Q
allows you to extract values from objects or arrays easily.
A
Destructing
8
Q
used to assign values to variables
A
Assignment Operators
9
Q
you can place the
tag either --- or ---- section of your HTML document
A
<head> and <body> section
</body></head>
10
Q
used to test the width of the viewport.
A
Media Feature:width
11
Q
it focuses on the behavior of the website.
A
JavaScript
12
Q
Collection of related fonts
A
Font-family
13
Q
Represents an ordered list of values
A
Array
14
Q
it returns a reference to the element with the specified ID or null if no matching element exists.
A
document.getElementById()
15
Q
allows you to text multiple conditions sequentially and execute the corresponding block of code for the first true condition
A
if-else if
16
Q
often used to revert styles after a hover effects
A
onmouseout
17
Q
Types of Operators
A
- Arithmetic Operators
- Assignment Operators
- Comparison Operators
- String Operators
- Logical Operators
- Conditional or Ternary Operators
18
Q
Hand-lettered look and are thought to convey an elegant feel. Often used for wedding invitations.
A
Script Typeface
19
Q
provides an efficient way to handle multiple cases based on the value of an expression
A
Swith Statement
20
Q
fired when an HTML element (such as an input field) has been changed
A
onchange
21
Q
it takes three operands: a condition, a result for true, and a result for false.
A
ternary
22
Q
are actions or occurences that happen in the browser. They can be triggered by various user interactions or by the browser itself.
A
Events
23
Q
occurs when an element receives focus
A
onfocus
24
Q
triggered when the user moves the mouse away from an HTML element
A
onmouseout
25
Data Types
1. String
2. Number
3. Boolean
4. Object
5. Array
6. Undefined
7. Null
8. Symbols
26
the script is loaded after the page content, which can improve page load performance.
27
represents logical values: true or false
Boolean
28
is used to declare block-scoped variable
let
29
oftn used for form validation
onblur
30
an event object is passed to this function as the first parameter
function
31
useful for capturing keyboard input
onkeydown
32
Syntax of addEventListener
document.addEventListener(event, function);
33
always declare variables before use.
let, const and var
34
used to define the typeface of an element
font-family
35
It encompasses the style, shape, and visual characteristics of the characters.
Typeface
36
can be used as a fallback or primary font option
System Fonts
37
provide a concise syntax for writing function expressions.
Arrow Functions
38
the value if declared as list of font options, arranged by priority from highest to lowest.
font-family
39
40
allows validation and form handling
onsubmit
41
shows a pop-up dialog box containing a message, an input field for the user to types their input, and two buttons: "OK" and "Cancel"
prompt() method
42
a block of statements to be executed
Body
43
useful for handling user input changes
onchange
44
The design of a set of letters, numbers, and symbols that share common design features.
Typeface
45
Do not have decorative lines and are often thought of as a contemporary and modern. Most recommended for web since it creates a better reading experience.
Sans Serif Typefaces
46
is a standalone entity with properties
Objects
47
you can create a function using either ---- or a ----
function declaration and function expression
48
In Javascript, when a variable is declared but not assigned a value, what is the output?
undefined
49
useful for initializing scripts or fetching data
onload
50
is used to declare immutable variables
const
51
ranges can be specified with min-width and max-width
Media Feature:width
52
can still include fallback fonts in the stack
System Fonts
53
the concatenation operator (+) is used to join strings together.
String Operators
54
these operators are used for logical operations
Logical Operators
55
can be used to create objects but must be defined before they are used.
Function Expression
56
useful for creating hover effects
onmouseover
57
useful for responsive design adjustments
onresize
58
represents both integers and floating-point numbers
Number
59
use --- if the value should not change (especially for arrays and objects.)
const
60
known as plain JavaScript, refers to the original, unmodified JavaScript Language without any additional frameworks or libraries
Vanilla JavaScript
61
executes a block of code as long as a specified condition remains true
while loop
62
It represents the pure version of JavaScript that runs directly in web browsers, relying solely on the language's built-in methods and objects.
Vanilla Javascript
63
JavaScript functions are defined with the ---- keyword
function
64
Often associated with a traditional or formal aesthetic. Used for legal documents like Times New Roman.
Serif Typefaces
65
used --- if you need a mutable variables
let
66
fired when an element loses focus
onblur
67
fonts will vary accross devices and operating systems
Generic font families
68
are like containers that can hold multiple values at once.
Objects
69
use --- only for older browsers that dont support let and const
var
70
Key features of Vanilla Javascript
1. Arrow Functions
2. Template Literals
3. Destructing
71
fired when the user moves the mouse pointer over an HTML element
onmouseover
72
method in JavaScript allows you to attach event handlers to HTML elements
addEventListener
73
these can be attached to HTML elements using event attributes or added dynamically using the addEventListener() method
Event Handler
74
allow you to embed expressions inside strings using backticks (`).
Template Literals
75
created by assigning a function to a variable
Function Expression
76
define by the browser
Generic font families
77
Overall design and practice of organizing text to communicate & engage with the reader.
Typography
78
these operators compare values and return a Boolean result (true or false)
Comparison Operators
79
a unique name given by the developer
Name
80
can be used to create objects
Function Declaration
81
allow you to respond to specific events that occur in the browser.
Event Handler
82
also has a block scope like let
const
83
define using the `funtion` keyword followed by the function name.
Function Declaration
84
Denotes a variable that has been declared but not initialized
Undefined
85
allows you to execute a block of code if a specified condition evaluates to true
if statement
86
possible to selectively apply CSS based on specific conditions, such as different screen sizes of device orientation.
Media Query
87
it evaluates an expression and compares it against various cases. if a match is found, the corresponding block of code is executed
Switch Statement
88
each character occupies the same amount of horizontal space. often used for displaying codes.
Monospace Typefaces
89
Parts of Function
- Name
- Parameters/Arguments
- Body
90
allows you to execute different block of code based on a condition
if-else statement
91
a programming language that plays a crucial role in web development. Together with HTML and CSS, it forms the foundation for creating interactive and dynamic web pages.
JavaScript
92
once you assign a value, you cannot change it later.
const
93
allows you to execute a block of code repeatedly for a specified number of iterations
For loop
94
Categories of Typeface
1. Script Typeface
2. Monospace Typeface
3. Decorative Typeface
4. Serif Typeface
5. Sans Serif Typeface
95
triggered when the browser window is resized.
onresize
96
occurs when the user pushes a keyboard key
onkeydown
97
exit-controlled loop. it executes the code block at least once and then continues as long as the specified condition is true
do-while loop
98
commonly used for button clicks and other interactive elements
onclick
99
Default Font for Windows
Segoe UI
100
the --- name (without the "on" prefix).
event
101
Example of Typeface and font
- Sans-serif
- Serif
- Monospaced
- Slab-serif
- Display
- Handwriting
- Script
102
used to declare variables
var
103
an operator allows you to write concise conditional statements.
Ternary Operators
104
useful for enhancing accessibility
onfocus
105
these operators perform mathematical operations on numbers.
Arithmetic Operator
106
run when the event occurs
function
107
in JavaScript are unordered collections of related data. represented by "key:value" pairs.
Objects
108
It includes variations such as size, weight (bold, regular, light), and style(italic, oblique)
Font
109
fired when the browser has finished loading the page
onload
110
it is a fundamental part of the HTML Document Object Model (DOM)
document.getElementById()
111
used to create designs that integrate with the look and feel of the users operating system.
System Fonts
112
these values are stores as properties of the object, each with its own key.
Objects
113
reusable blocks of code that perform specific tasks. they help organize your code and make it more maintainable.
functions
114
not hoisted, so they can only be called after they are defined.
Function Expression
115
containes key-value pairs (collections of data)
Object
116
represents unique and immutable values
Symbols
117
represents an intentional absence of any value
Null
118
represents textual data (sequences of characters)
String
119
The specific instance of a typeface
Font
120
It can perform calculations, logical checking and modify the existing CSS and HTML codes.
JavaScript
121
to pass on input values to function
Parameters/Arguments
122
Have an appearance with embellishments or ornaments. These fonts are often used for creative and eye-catching designs. Often used for creating logos, posters and flyers.
Decorative Typefaces
123
Default Fonts for Mac
San Francisco
124
triggered when a form is submitted
onsubmit
125
represents a webpage as a tree structure, where each node corresponds to an object representing a part of the document.
Document Object Model
126
allows programs to interact with and manipulate the documents structure, style and content.
Document Object Model
127
Usage of DOM
1. Updating Content
2. Manipulating Styles
3. Handling Events
128
you can declare a variable using --, ---. --- keywords.
var
let
const
129
the script is loaded before the page content, which ensures that its available for use throughout the page.
130
Common Event Handlers
onchange
onclick
onmouseover
onmouseout
onkeydown
onload
onsubmit
onfocus
onblur
onresize
131
when a weight is specified for which no font files exist, the typeface with the closest weight is used.
Missing Weights
