Web front-end libraries: Difference between revisions

From Computer Science Wiki
 
(20 intermediate revisions by the same user not shown)
Line 3: Line 3:
== Web framework ==
== Web framework ==


A web framework (WF) or web application framework (WAF) is a software framework that is designed to support the development of web applications including web services, web resources, and web APIs. 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.<ref>https://en.wikipedia.org/wiki/Web_framework</ref>
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.<ref>https://en.wikipedia.org/wiki/Web_framework</ref>


== Bootstrap ==  
== Bootstrap ==  
Line 9: Line 12:
Bootstrap is a free and open-source front-end web framework for designing websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. Unlike many web frameworks, it concerns itself with front-end development only.<ref>https://en.wikipedia.org/wiki/Bootstrap_(front-end_framework)</ref>
Bootstrap is a free and open-source front-end web framework for designing websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. Unlike many web frameworks, it concerns itself with front-end development only.<ref>https://en.wikipedia.org/wiki/Bootstrap_(front-end_framework)</ref>


== Foundation ==
Bootstrap is an open-source Javascript framework developed by the team at Twitter.
It is a combination of HTML, CSS, and Javascript code designed to help build user interface components.
Bootstrap was also programmed to support both HTML5 and CSS3.
 
Also it is called Front-end-framework.
 
I found another excellent description of bootstrap<ref>http://tech.queryhome.com/51419/about-bootstrap-framework</ref>.  Bootstrap is a free collection of tools for creating a websites and web applications.
 
It contains HTML and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions.
 
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
* Bundled Javascript plugins
* Pre Styled Components
 
Some of the components pre-styled are:
 
* Dropdowns
* Button Groups
* Navigation Bar
* Breadcrumbs
* Labels & Badges
* Alerts
* Progress Bar


Foundation is a responsive front-end framework. Foundation provides a responsive grid and HTML and CSS UI components, templates, and code snippets, including typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. Foundation is maintained by ZURB and is an open source project.<ref>https://en.wikipedia.org/wiki/Foundation_(framework)</ref>
== Getting started template ==


== Do you understand this? ==
Please [https://gist.github.com/bmackenty/2b2f932a646ef759b775785c12047979 click this link to request our basic bootstrap template].


== Standards ==
== Standards ==

Latest revision as of 12:43, 19 September 2022

Web Science[1]

Web framework[edit]

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.[2]

Bootstrap[edit]

Bootstrap is a free and open-source front-end web framework for designing websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. Unlike many web frameworks, it concerns itself with front-end development only.[3]

Bootstrap is an open-source Javascript framework developed by the team at Twitter. It is a combination of HTML, CSS, and Javascript code designed to help build user interface components. Bootstrap was also programmed to support both HTML5 and CSS3.

Also it is called Front-end-framework.

I found another excellent description of bootstrap[4]. Bootstrap is a free collection of tools for creating a websites and web applications.

It contains HTML and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions.

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
  • Bundled Javascript plugins
  • Pre Styled Components

Some of the components pre-styled are:

  • Dropdowns
  • Button Groups
  • Navigation Bar
  • Breadcrumbs
  • Labels & Badges
  • Alerts
  • Progress Bar

Getting started template[edit]

Please click this link to request our basic bootstrap template.

Standards[edit]

  • This topic doesn't cover a specific standard, but it is something you should you know.

References[edit]