Web Development Basics
Backend
The server-side of the application is called the Backend. It is the part of the website that users can't see or interact with directly. The backend is responsible for storing and arranging data, managing permissions, and performing various server-side operations that support the functionality of the website.
1. Models Tab
The Models tab in the backend typically refers to the data models used by the application. These models define the structure of the data, how it is stored in the database, and the relationships between different data entities. For example, in a blog application, you might have models for Users, Posts, and Comments.
2. Permissions Tab
The Permissions tab deals with the access control mechanisms of the application. It defines who can access what parts of the application and what actions they can perform. This could include different user roles (e.g., admin, editor, viewer) and their respective permissions (e.g., read, write, delete).
Frontend
The client side of the application is called the Frontend. It is the part of the application that users can interact with directly. The frontend is responsible for the layout, design, and interactivity of the website, making it user-friendly and visually appealing.
1. Design Tab
The Design tab in the frontend refers to the tools and components used to create the visual layout of the application. This includes the arrangement of elements on the page, styling, and responsiveness to different screen sizes. Frontend developers use HTML, CSS, and JavaScript to implement these designs.
What is a Div?
A div is a container element in web development. It is used to group other elements and apply styles or perform layout tasks. div elements are a fundamental part of HTML and are commonly used to structure a webpage. Hence we use it in Brokenatom too.
Working with Flex
Flexbox is a layout model in CSS that allows for the easy arrangement of elements within a container. It is particularly useful for creating responsive layouts where elements need to adjust their size and position based on the available space.
Last updated
Was this helpful?