2.0 KiB
2.0 KiB
- #CT216 - Software Engineering I
- Previous Topic: Agile Methods - Extreme Programming
- Next Topic: JavaScript Functions & Events
- Relevant Slides:
-
Bootstrap
- What is Bootstrap? #card
card-last-interval:: 3.32
card-repeats:: 2
card-ease-factor:: 2.6
card-next-schedule:: 2022-11-18T03:14:11.275Z
card-last-reviewed:: 2022-11-14T20:14:11.275Z
card-last-score:: 5
- Bootstrap is a CSS framework.
- It consists of CSS classes for structure, layout, components (buttons, navbar, modal, etc.), forms, written by other developers.
- This enforces a uniform layout, look, & feel on the web application.
- Bootstrap is freely available to develop websites & web applications.
- JavaScript is also used in conjunction with the CSS classes, for things like animations, transitions, popups, etc.
- The CSS within Bootstrap is quite detailed, there are lots of classes with varying levels of hierearchy.
- It's fully customisable & the web is full of themes & templates for apps built using it.
-
Adding Bootstrap to our Web Apps
- Two options:
-
- Download the files, i.e., CSS, JS, and place them in the app folders.
- Use a Content Delivery Network URL.
-
- What is a CDN? #card
card-last-interval:: 3.45
card-repeats:: 2
card-ease-factor:: 2.46
card-next-schedule:: 2022-11-18T06:18:01.678Z
card-last-reviewed:: 2022-11-14T20:18:01.679Z
card-last-score:: 5
- A Content Delivery Network (CDN) is a popular way to include frontend libraries & technologies.
- Instead of having a single server, CDNs involve using a collection of servers to serve content.
- These servers are usually placed geographically close to the user base to ensure that maximum performance is achieved.
- CDNs are largely designed for delivering static content, images, videos, & web content such as text, graphics, & scripts.
- Two options:
- What is Bootstrap? #card
card-last-interval:: 3.32
card-repeats:: 2
card-ease-factor:: 2.6
card-next-schedule:: 2022-11-18T03:14:11.275Z
card-last-reviewed:: 2022-11-14T20:14:11.275Z
card-last-score:: 5
