Help
Options
Didn't know it?
click below
click below
Knew it?
click below
click below
Don't Know
Remaining cards (0)
Know
retry
shuffle
restart
0:00
Embed Code - If you would like this activity on your web page, copy the script below and paste it into your web page.
Normal Size Small Size show me how
Normal Size Small Size show me how
SYSINTEG - L2
MVC and Frameworks
| Question | Answer |
|---|---|
| Software Architectural Design Pattern •One of the most frequently used pattern | MVC Model View Controller. |
| •Separates functionality, logic, and interface | MVC Model View Controller. |
| 3 Main Logical Components | 1. Model 2. View 3. Controller |
| • The backend is responsible for data logic and manages the behavior of the data. • Interactions with database (SELECT, INSERT, UPDATE, DELETE) | Model |
| Stores the data Processes the data Independent of the user interface | Model |
| • The frontend or graphical user interface (GUI) that manages data displaying. • What the end user sees (UI) • Communicates with the Controller • Can passed dynamic values from the controller • Usually consists of HTML/CSS | View |
| Displays the data Generates the user interface | View |
| • Receives input (from view, URL) • Processes requests (GET, POST, PUT, DELETE) • Gets data from Model | Controller |
| Handles user Input Updates the model and view Sends Updated data to View for display | Controller |
| SELECT * FROM cats; | Model |
| <body> <h1> CATS </h1> ....... </body> | View |
| if (success) View.cats | Controller |
| pre-built structure that provides a foundation for building applications. | Framework |
| Help developers in the development process by handling common tasks and promoting code reuse. | Framework |
| 2 Types of Web Development Framework | 1. Front-End Frameworks 2. Back-End Frameworks |
| used to create the website user interface that is seen and used by the users. They develop the client side of the application. Ex: React, Angular, Vue.js | Front-End Frameworks |
| • used on the server side of the application. •Help manage to develop functionalities of an application like database interaction, user authentications, and server configuration. Ex: Express.js, Django, SpringBoot, etc | Back-End Frameworks |
| Visual representation of what users see and interact when they land on a website, web page, or mobile app. | Wireframe |
| 2 Types of Wireframe | •Low-fidelity Wireframe •High-fidelity Wireframe |
| Basic wireframe focused on layout, navigation and information architecture | Low-Fidelity Wireframe |
| Resemble early product mockups, including visual design elements without full functionality. | High-Fidelity Wireframe |
Created by:
user-1782765