Difference between revisions of "Web front-end libraries"
|(2 intermediate revisions by the same user not shown)|
|Line 50:||Line 50:|
<meta name="viewport" content="width=device-width, initial-scale=1
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<!-- Bootstrap CSS -->
<link href="https://../bootstrap..1/css/bootstrap.min.css" integrity="sha384-" crossorigin="anonymous">
<> <!-- -->
Latest revision as of 08:00, 16 September 2021
A web framework (WF) or web application framework (WAF) is a software framework that is designed to support the development of web applications.
Web frameworks aim to automate the overhead associated with common activities performed in web development. For example, many web frameworks provide libraries for database access, templating frameworks, and session management, and they often promote code reuse. Although they often target development of dynamic web sites, they are also applicable to static websites.
Also it is called Front-end-framework.
I found another excellent description of bootstrap. Bootstrap is a free collection of tools for creating a websites and web applications.
Some reasons programmers prefer Bootstrap Framework
- Easy to get started
- Great grid system
- Base styling for most HTML elements(Typography,Code,Tables,Forms,Buttons,Images,Icons)
- Extensive list of components
- Pre Styled Components
Some of the components pre-styled are:
- Button Groups
- Navigation Bar
- Labels & Badges
- Progress Bar
Getting started template
If you copy this template, please make sure you copy the ENTIRE template, from the very opening tag (doctype) to the very last tag (the closing html)!
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Bootstrap CSS --> <link href="https://firstname.lastname@example.org/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous"> <title>Hello, world!</title> </head> <body> <div class="container"> <h1>Hello, world!</h1> <!-- Your page content goes here. --> </div> <!-- closing container div --> <!-- please don't touch anything below this line --> <script src="https://email@example.com/dist/js/bootstrap.bundle.min.js" integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ" crossorigin="anonymous"></script> </body> </html>
- This topic doesn't cover a specific standard, but it is something you should you know.