What is the purpose of the Shadow DOM?

Separates a component's internal features from the main DOM.

What are the 4 fundamental OOP concepts?

Inheritance, polymorphism, abstraction, and encapsulation.

What are component slots?

Template placeholders that can be filled with any markup code.

What is polymorphism?

Objects are treated as instances of their parent class.

What is Object-Orientated Programming?

Organizes code design around data instead of logic.

What are some examples of polymorphism in code?

Inheritance, method overriding, and higher-order functions.

Breaks down complex code into smaller, more manageable parts.

What are some ways to implement SOLID principles?

Separate code into modules, inheritance, dependency injections (decoupling)

What is a "helper module"?

Holds generic reusable methods for common HTML manipulations.

What is encapsulation?

Placing everything operating on specific data into a single unit/class

What is Functional Programming?

Uses immutable data and expressions instead of statements.

What is the difference between prototypal and classical inheritance?

Prototypal is object-based and Classical is class-based.

What are web components?

Custom, reusable, encapsulated HTML tags.

What is Procedural Programming?

Program is structured in a step-by-step approach.

studbud

2025 DJS Abstractions, Encapsulation, and more

15 termsStudBud Administration5 plays

Imported from external platform

Flashcards15 cardsFPractice quizPHost liveL

Questions 15

Answers

1
What is the purpose of the Shadow DOM?
Separates a component's internal features from the main DOM.
Ensures that inline styles always override CSS classes.
Allows multiple scripts to access the same elements.
Stores layout data for the browser’s render engine.
2
What are the 4 fundamental OOP concepts?
Execution, inheritance, optimization, and polymorphism.
Abstraction, emcapsulation, naming, and declarations.
Interfaces, abstraction, methods, and templates.
Inheritance, polymorphism, abstraction, and encapsulation.
3
What are component slots?
Assign unique IDs to elements within a component.
Define preset CSS classes inside reusable components.
Provide alternate shadow DOM templates based on condition.
Template placeholders that can be filled with any markup code.
4
What is polymorphism?
Requires that each method in a class be declared only once.
Forces strict data typing across unrelated classes.
Objects are treated as instances of their parent class.
Prevents dynamic assignment of properties to objects.
5
What is Object-Orientated Programming?
A programming style that avoids using any variables.
Organizes code design around data instead of logic.
A function-based approach that avoids creating any classes.
A way of structuring HTML files.
6
What are some examples of polymorphism in code?
Inheritance, method overriding, and higher-order functions.
Function hoisting, variable shadowing, and property binding.
Object freezing, method chaining, and type inference.
Syntax highlighting, auto-indentation, and debugging tools.
7
It is possible to over-abstract, leading to code that is difficult to understand/modify, as it becomes obscured.
False
True
8
What is abstraction?
Prioritizes UI design before logic implementation.
Breaks down complex code into smaller, more manageable parts.
Hides function names to prevent unauthorized access.
Combines several functions into one general-purpose function.
9
What are some ways to implement SOLID principles?
Separate code into modules, inheritance, dependency injections (decoupling)
Prefer nested functions to reduce repetition.
Group unrelated functionality to speed up development.
Use global constants for faster access.
10
What is a "helper module"?
Contains main app logic for critical features.
Holds generic reusable methods for common HTML manipulations.
Stores configuration settings for deployment.
A module used only for unit testing.
11
What is encapsulation?
Encrypting data at rest for security purposes.
Locking variables in a private folder on the server.
Storing multiple versions of a function for rollback.
Placing everything operating on specific data into a single unit/class
12
What is Functional Programming?
A technique for organizing CSS rules efficiently.
A type of program that works only with external APIs.
A modular design style focused on inheritance chains.
Uses immutable data and expressions instead of statements.
13
What is the difference between prototypal and classical inheritance?
Prototypal is object-based and Classical is class-based.
Prototypal inheritance does not allow property sharing, classical does.
Prototypal works only with functions, classical works only with arrays.
Classical allows overriding built-in methods, prototypal does not.
14
What are web components?
Automatically generated elements from server APIs.
Custom, reusable, encapsulated HTML tags.
Inline templates that only work with static data.
Precompiled widgets that cannot be modified.
15
What is Procedural Programming?
A type of programming for managing hardware drivers.
A style where all code runs in parallel threads.
A method focused on object hierarchies and inheritance.
Program is structured in a step-by-step approach.

2025 DJS Abstractions, Encapsulation, and more Flashcards | StudBud