full stack basics

1. What is MVVM (Model-View-ViewModel)?

MVVM is a design pattern used primarily in UI development to separate the development of the user interface (UI) from the business logic. It stands for Model, View, and ViewModel.

Key Features:
- Model: Represents the data and business logic.
- View: Represents the UI elements, such as buttons, text fields, etc.
- ViewModel: Acts as an intermediary between the View and Model, handling the presentation logic.
Example:
A mobile app where the View displays data, the ViewModel processes the data, and the Model handles data fetching and storage.

2. What is MVP (Model-View-Presenter)?

MVP is another design pattern used to separate UI logic from business logic, similar to MVVM. It stands for Model, View, and Presenter.

Key Features:
- Model: Handles the data and business logic.
- View: Displays the UI and allows user interaction.
- Presenter: Acts as an intermediary between the View and Model, controlling the flow of data and updating the UI.
Example:
A to-do list application where the Presenter manages interactions between the View (UI) and the Model (data storage).

3. What is MVW (Model-View-Whatever)?

MVW is a flexible, sometimes informal design pattern based on the MVC, MVVM, or MVP patterns, but without a strict definition of the "Whatever" component. It is often used when developers don't want to strictly follow a specific pattern.

Key Features:
- Model: Manages the data and business logic.
- View: Represents the user interface.
- Whatever: Can be a variety of elements like ViewModel, Presenter, or something else depending on the developer's choice.
Example:
A web app that uses custom handling to separate UI and business logic but doesn't strictly define a Presenter or ViewModel.

4. What is a Static Web Page?

A static web page is a web page with fixed content. The content remains the same for all users and doesn't change unless manually updated by a developer.

Key Features:
- Fixed content, no interaction with databases.
- Usually written in HTML, CSS, and sometimes JavaScript.
- Faster loading times because the content is pre-built.
Example:
A personal blog or portfolio site with information that doesn't change frequently.

5. What is a Dynamic Web Page?

A dynamic web page is a page whose content can change in response to user actions or data from a server, such as submitting a form or interacting with a database.

Key Features:
- Content is generated on the fly, often using server-side scripting languages like PHP, Python, or JavaScript.
- Interactive elements, like forms, buttons, and content that updates without reloading the page.
Example:
A shopping website where the product listings change based on user selection or filters.

6. What is UI (User Interface)?

UI refers to the User Interface, which is everything that a user interacts with on a device or software application. It includes buttons, menus, text fields, images, and any other interactive elements.

Key Features:
- Focuses on how the user interacts with a product.
- Includes visual elements, layout, and controls.
Example:
The buttons, icons, and navigation menus on a mobile app.

7. What is UX (User Experience)?

UX refers to User Experience, which is how a person feels when using a product or service. UX design focuses on creating a smooth, enjoyable, and efficient experience for users.

Key Features:
- Focuses on user satisfaction and usability.
- Includes aspects such as user interface design, accessibility, and interaction flow.
Example:
The overall experience of using a food delivery app, including ease of use, navigation, and ordering process.

8. What is a Wireframe?

A wireframe is a visual blueprint or skeleton of a webpage or app. It outlines the structure, layout, and functionality of the interface without focusing on design details like colors or images.

Key Features:
- Simple, low-fidelity representations of a product’s structure.
- Used to plan and organize the content and navigation.
Example:
A basic sketch of a website layout, showing where the navigation bar, content, and footer will go.

9. What is a Prototype?

A prototype is an interactive, often high-fidelity model of a product, showing how it will work and how users will interact with it. Prototypes are used to test and validate design concepts before development begins.

Key Features:
- Can be interactive, allowing users to click through and simulate the experience.
- Used for user testing and gathering feedback.
Example:
A clickable mobile app prototype that allows testers to navigate through screens and provide feedback on the design and flow.

10. What is WWF (World Wildlife Fund)?

WWF is an international non-governmental organization focused on wildlife conservation and environmental protection. It works globally to protect nature and reduce the human impact on the environment.

Key Features:
- Focuses on endangered species, forest preservation, and climate change.
- Operates in over 100 countries.
Example:
WWF working to conserve the habitat of the tiger in Asia.

11. What is W3C (World Wide Web Consortium)?

W3C is an international community that develops standards and guidelines to ensure the long-term growth of the web. It is responsible for defining key web technologies such as HTML, CSS, and XML.

Key Features:
- Defines open standards to ensure web accessibility and interoperability.
- Aims to make the web accessible and usable for all people, regardless of hardware, software, or ability.
Example:
The W3C specifications for HTML5, which ensure web pages are accessible on all devices.

12. What is WWW (World Wide Web)?

WWW refers to the World Wide Web, a system of interlinked hypertext documents and multimedia content that can be accessed over the internet using web browsers.

Key Features:
- A collection of websites, web pages, and resources accessible via browsers.
- Uses protocols like HTTP or HTTPS for communication.
Example:
The internet you browse to access websites like Google, Facebook, or Wikipedia.

Summary Table:

Term	Definition	Example
MVVM	A design pattern separating UI from business logic.	A mobile app where ViewModel handles data for the View.
MVP	A pattern separating UI from logic, with a Presenter intermediary.	A to-do list app with Presenter handling UI and data.
MVW	A flexible design pattern combining elements of MVC/MVVM/MVP.	A custom app with flexible structure between View and Model.
Static Web Page	A fixed, unchanging web page.	A personal portfolio website.
Dynamic Web Page	A web page whose content changes based on user or server input.	A shopping website showing personalized product listings.
UI	The user interface, the elements users interact with.	Buttons, menus, and icons in an app.
UX	The user experience, focused on usability and user satisfaction.	The ease and enjoyment of using an app.
Wireframe	A low-fidelity layout representing a webpage's structure.	Sketch of a website layout without detailed designs.
Prototype	A working model of a product showing interactivity and flow.	A clickable app prototype for user testing.
WWF	A global conservation organization focused on environmental issues.	WWF protecting endangered species like the panda.
W3C	An international body that develops web standards.	W3C setting the HTML5 standard for web pages.
WWW	A system of websites and pages accessible over the internet.	Browsing websites on the internet like Google.

Search This Blog

technical words