Explore chapters and articles related to this topic
Client-Side Technologies
Published in Akshi Kumar, Web Technology, 2018
Additionally, Bootstrap requires jQuery to function. jQuery is an extremely popular and widely used JavaScript library, which simplifies and adds cross-browser compatibility to JavaScript. Thus, the Bootstrap package includes: Scaffolding: A basic structure with Grid System, link styles, and backgroundCSS: Global CSS settings, fundamental HTML elements styled and enhanced with extensible classes, and an advanced grid systemComponents: Over a dozen reusable components built to provide iconography, dropdowns, navigation, alerts, pop-overs, and much moreJavaScript plug-ins: More than a dozen custom jQuery plug-ins. One can easily include all of them at once or one at a timeCustomization: The ability to customize Bootstrap’s components, LESS variables, and jQuery plug-ins to get your very own version
Production
Published in Wanda Grimsgaard, Design and Strategy, 2023
Examples of widely used frameworks and libraries: Angular is a development platform built on TypeScript. It is a compo-nent-based framework for building scalable web applications.Bootstrap is a free and open-source tool collection for creating responsive websites and web applications. It is one of the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first websites.React.js is an open-source, component-based JavaScript library maintained by Meta and a community of developers. It can be used as a base in the development of single-page applications and mobile apps.SASS is the most reliable, mature, and robust CSS extension language, with fully CSS-compatible syntax. It allows for the use of variables, nested rules, mixins, imports, and much more. It gives the developer more tools to build and to organise the stylesheets better.Flutter is an open-source UI development SDK-software development toolkit67 managed by Google for building appealing, multi-platform applications for mobile (i0S, Android), web, and desktop from a single codebase.Other libraries and frameworks are Vue, Foundation, jQuery, Svelte, etc.
Real Time Web Based Multilingual Chat Application
Published in Rajesh Singh, Anita Gehlot, P.S. Ranjit, Dolly Sharma, Futuristic Sustainable Energy and Technology, 2022
S.K. Tharanidharan, Pabbisetty Sai Yaswanth, Marthy Sai Venkata Chandra Mouli Sastry, Manoj Sindhwani
React JS is a JavaScript library that is used to build user interface components. It is one of the most recognized front-end JS (Java Script) library in the field of web development. It is used by big, well established companies and by the mini start-ups.
imseStudio: blockchain-enabled secure digital twin platform for service manufacturing
Published in International Journal of Production Research, 2023
Xinlai Liu, Yishuo Jiang, Zicheng Wang, Ray Y. Zhong, H. H. Cheung, George Q. Huang
The blockchain explorers are designed based on the requirement investigation on customers and 3D printing service providers. Four blockchain explorers are developed to meet the customers and the service providers’ requirements, including customer explorer, printer explorer, matcher explorer and executer explorer. Customer explorer is designed for customers to place their 3D printing orders and track the printing status. Printer explorer is designed for printers to servitise the manufacturing resources. Matcher explorer is designed for matchers to schedule and assign customer orders to relevant 3D printers. Executor explorer is designed for operators to conduct the printing tasks. React.js, HTML and CSS are used to provide an efficient and modular web-based express architecture. Notably, React.js is a JavaScript library for building user interfaces with the features of reusable components, stable code, strong community, etc.
Design and development of a web-based EPANET model catalogue and execution environment
Published in Annals of GIS, 2021
Tylor Bayer, Daniel P. Ames, Theodore G. Cleveland
Several open source technologies were used in the creation of the EPANET Model Repository. The key technologies include: Tethys Platform – Rapid web application development and installation on Tethys portals; Python backend and Django front-end; Powerful code scaffolding tools; Built-in social authentication hooks (Figure 5).HydroShare – Backend model instance data and metadata store; REST API plugin for retrieving and storing model instances; Social authentication.jQuery – JavaScript library that simplifies verbose DOM interactions (document object model for HTML) and AJAX requests (client-side asynchronous http request technique).CDN DataTables – jQuery plugin for creating reactive, paginated, filterable and interactive HTML tables (See Figure 4 – showing DataTables UI element).Bootstrap – Industry standard front-end styling toolkit.
An ontology-based framework for extracting spatio-temporal influenza data using Twitter
Published in International Journal of Digital Earth, 2019
Udaya K. Jayawardhana, Pece V. Gorsevski
The graphical user interface (GUI) of the influenza prototype is shown in Figure 6. The GUI consists of general map functions such as legend, zoom in, zoom out, and scale bar; such attributes enable users to explore the geographic information from the influenza maps. The custom panel shows what is being viewed and users can choose to display layers of interest organized by date or by search criteria, a legend associated with the tweet quantity, and graphs that summarize the influenza tweets. The web application is hosted by Apache Tomcat web server and integrates the weekly influenza situation. In addition, jQuery cross-platform JavaScript library was used for the development of the client. Daily influenza map layers stored by GeoServer are programmatically accessed through the WMS using the OpenLayers (‘OpenLayers 3 – Welcome’ 2015) JavaScript mapping library and overlaid on an OpenStreetMap base layer. The time-series animation illustrates the variation of potential influenza spread in space and time. In addition, daily histograms and line graphs of weekly influenza spread are displayed along with the animated maps.