37 lines
2.0 KiB
Markdown
37 lines
2.0 KiB
Markdown
- #[[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:
|
|
- 1. Download the files, i.e., CSS, JS, and place them in the app folders.
|
|
2. 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.
|
|
-
|
|
- |