Academic literature on the topic 'Modern Front end Web Development'
Create a spot-on reference in APA, MLA, Chicago, Harvard, and other styles
Consult the lists of relevant articles, books, theses, conference reports, and other scholarly sources on the topic 'Modern Front end Web Development.'
Next to every source in the list of references, there is an 'Add to bibliography' button. Press on it, and we will generate automatically the bibliographic reference to the chosen work in the citation style you need: APA, MLA, Harvard, Chicago, Vancouver, etc.
You can also download the full text of the academic publication as pdf and read online its abstract whenever available in the metadata.
Journal articles on the topic "Modern Front end Web Development"
1
Kaluža, Marin, and Bernard Vukelić. "Comparison of front-end frameworks for web applications development." Zbornik Veleučilišta u Rijeci 6, no. 1 (2018): 261–82. http://dx.doi.org/10.31784/zvr.6.1.19.
Full textAbstract:
Modern web applications, due to the functionalities they provide in their user interfaces, have a complex program structure. Manually writing a program code, due to the complexity of the entire application, can result in uneven quality and content of individual application parts. Maintaining such developed applications is more difficult. Because of this, web applications are often developed by using different frameworks. A framework allows structuring, simpler and more uniform program script writing, and thus easier web application maintenance. There are various frameworks that can be used in the development of web applications, for different parts of the application. Those analyzed in this paper are used in the development of front end parts of web applications. According to their design, a web application can be developed as the Multi Page (MPA) or the Single Page (SPA). This paper explains the difference between MPA and SPA web applications. The advantages and disadvantages of MPA are demonstrated in relation to SPA web applications. Required characteristics that the framework should have in order to be optimized for creating MPA and SPA web applications are set. The hypothesis has been tested: There is a framework that is optimized for the development of both MPA and SPA applications. Possibilities, architecture and development techniques of a web application using front end frameworks, as well as the suitability of such frameworks for the development of MPA and SPA web applications have been analysed. Choosing a framework for the hypothesis testing has been performed based on the popularity of available frameworks. The required characteristics have been analyzed on the three most popular frameworks: Angular, Vue.js and React-js. It has been shown that the Vue.js framework is the most optimized framework for the development of both MPA and SPA applications.
2
Kotenko, Nataliia, Tetiana Zhyrova, Vitalii Chybaievskyi, and Alona Desiatko. "RESEARCH OF MAIN TRENDS OF MODERN WEB SITES DEVELOPMENT." Cybersecurity: Education, Science, Technique, no. 5 (2019): 6–15. http://dx.doi.org/10.28925/2663-4023.2019.5.615.
Full textAbstract:
The article contains the following sections: introduction, research results, conclusions and prospects for further research. In the introduction, a problem regarding the current trends in the development of web pages is considered, an analysis of recent research and publications is carried out, and the purpose of the article is formulated. The second section of the article reflects the main steps that should be followed in the development of web pages, namely: the collection of materials for the development of a web page (technical task), the division of the technical task into components; designing a web page; ; developing Web page (front-end and back-end) components; testing a web page by component; web page placement. The main components of the front-end development are described. \A detailed review of the text editor Sublime Text , as one of the most popular text editors with a wide range of convenient tools for the selection, marking and text code fragments, , is carried out. Since for modern developers a plugin is an integral part of the tools, the article discusses this concept and also describes the most popular plugins for Sublime Text: Package Control, JavaScript & NodeJS Snippets, Emmet, Advanced New File, Git, GitGutter, Sidebar Enhancements , ColorPicker, Placeholders, DocBlockr, SublimeCodeIntel, Minify, Sublime Linter, Color Highlighter. An example of developing an elementary web page is given to demonstrate the use of the described plug-ins, which consists of the following sections: a header; homepage; about us; contacts; basement. The use of the carousel interactive component has been demonstrated. The nuances of using frameworks and their components, such as CSS-Framework and Bootstrap, are considered. As a result of the research, a clear algorithm for the development of an elementary web page has been formed and and methods and means that can be used for this are described. The conclusions are about the prospects for the development of technologies for creating highquality web pages.
3
Liu, Shanshan, Yueli Feng, Xiaoqiu Wang, and Pengyin Yan. "Cross-Platform Drilling 3D Visualization System Based on WebGL." Mathematical Problems in Engineering 2021 (May 5, 2021): 1–18. http://dx.doi.org/10.1155/2021/5516278.
Full textAbstract:
This study develops a novel drilling 3D visualization solution based on WebGL, termed as WebDrillingViz, and introduces the system architecture design and software programming implementation. The software is part of the Engineering Technology Internet of Things (IoT) System, interfacing with other software, and also capable of direct hardware interfacing for data retrieval and system control. It is fully web-based, used real time, and used in RTOC (Real-Time Operating Center) of IoT system, which is a software system for drilling process remote monitor and decision. WebDrillingViz uses the most frontier HTML5 technology to realize a brand-new drilling 3D visualization system. The front end is designed in single-page application (SPA) mode and adopts technologies such as angular, bootstrap, and WebGL. The front-end uses single page application (SPA) mode, Angular, Bootstrap, WebGL and other technologies are used. The back-end data services provide data interface support for front-end visualization applications based on HTTP protocol which uses NodeJS, a lightweight development platform suitable for cloud platform, and Restify to realize a REST JSON API. Both sides are using the same object-oriented oriented development language—TypeScript. The front-end develops an easy-to-extend 3D visualization class library based on WebGL for drilling. It is encapsulated as Angular modularization to form an Angular component, which can be used standalone or integrated into other Angular applications. At the same time, the back-end microservice architecture combined with container and cloud technology is easy to maintain, deploy, and expand and has the advantages of being lightweight, cross-platform, flexible, and efficient. Using HTML5 standard and Bootstrap's responsive layout achieves cross-platform, which can support different operating systems and screen sizes. The system has better robustness and maintainability, thanks to the object-oriented and strong typing characteristics of TypeScript. Practical application shows that WebDrillingViz is efficient, capable of visualization of large drilling 3D scene, and compatible with mainstream devices, such as Windows, Linux, macOS, iOS, and Android. The use of open standards-based modern web technologies and data format enables a more lightweight and economical solution. WebGL, Angular, NodeJS, and TypeScript formed a powerful technology stack, which can be used as an excellent reference for other browser-based visualization development.
4
Calvaresi, Davide, Jean-Paul Calbimonte, Enrico Siboni, et al. "EREBOTS: Privacy-Compliant Agent-Based Platform for Multi-Scenario Personalized Health-Assistant Chatbots." Electronics 10, no. 6 (2021): 666. http://dx.doi.org/10.3390/electronics10060666.
Full textAbstract:
Context. Asynchronous messaging is increasingly used to support human–machine interactions, generally implemented through chatbots. Such virtual entities assist the users in activities of different kinds (e.g., work, leisure, and health-related) and are becoming ingrained into humans’ habits due to factors including (i) the availability of mobile devices such as smartphones and tablets, (ii) the increasingly engaging nature of chatbot interactions, (iii) the release of dedicated APIs from messaging platforms, and (iv) increasingly complex AI-based mechanisms to power the bots’ behaviors. Nevertheless, most of the modern chatbots rely on state machines (implementing conversational rules) and one-fits-all approaches, neglecting personalization, data-stream privacy management, multi-topic management/interconnection, and multimodal interactions. Objective. This work addresses the challenges above through an agent-based framework for chatbot development named EREBOTS. Methods. The foundations of the framework are based on the implementation of (i) multi-front-end connectors and interfaces (i.e., Telegram, dedicated App, and web interface), (ii) enabling the configuration of multi-scenario behaviors (i.e., preventive physical conditioning, smoking cessation, and support for breast-cancer survivors), (iii) online learning, (iv) personalized conversations and recommendations (i.e., mood boost, anti-craving persuasion, and balance-preserving physical exercises), and (v) responsive multi-device monitoring interface (i.e., doctor and admin). Results. EREBOTS has been tested in the context of physical balance preservation in social confinement times (due to the ongoing pandemic). Thirteen individuals characterized by diverse age, gender, and country distribution have actively participated in the experimentation, reporting advancements in the physical balance and overall satisfaction of the interaction and exercises’ variety they have been proposed.
5
Laaziri, Majida, Khaoula Benmoussa, Samira Khoulji, Kerkeb Mohamed Larbi, and Abir El Yamami. "Analyzing bootsrap and foundation font-end frameworks : a comparative study." International Journal of Electrical and Computer Engineering (IJECE) 9, no. 1 (2019): 713. http://dx.doi.org/10.11591/ijece.v9i1.pp713-722.
Full textAbstract:
<p>Most modern web applications use some kind of front-end frameworks for designing and creating content in a faster and more efficient way, which saves valuable time when creating responsive web sites. There are many front-end frameworks that vary enormously in terms of features and benefits, which could make the choice of front-end framework for the developer tricky. In this context, this paper focuses on an effective analysis of two of today's most popular front-end frameworks, Boostrap and Foundation, The results show that our analysis can be beneficial for developers to select the appropriate front end framework to customize their web applications.</p>
6
Shailesh, K. S., and P. V. Suresh. "Performance Driven Development Framework for Web Applications." Global Journal of Enterprise Information System 9, no. 1 (2017): 75. http://dx.doi.org/10.18311/gjeis/2017/15870.
Full textAbstract:
The performance of web applications is of paramount importance as it can impact end-user experience and the business revenue. Web Performance Optimization (WPO) deals with front-end performance engineering. Web performance would impact customer loyalty, SEO, web search ranking, SEO, site traffic, repeat visitors and overall online revenue. In this paper we have conducted the survey of state of the art tools, techniques, methodologies of various aspects of web performance optimization. We have identified key web performance patterns and proposed novel web performance driven development framework. We have elaborated on various techniques related to different phases of web performance driven development framework.
7
Pšenák, Peter, and Matúš Tibenský. "The usage of Vue JS framework for web application creation." Mesterséges intelligencia 2, no. 2 (2020): 61–72. http://dx.doi.org/10.35406/mi.2020.2.61.
Full textAbstract:
The paper concentrates on the positive sides of front-end frameworks. It creates a small webpage that will show some of the basic capabilities of a JavaScript front-end framework called Vue JS and the easiness of its implementation. It shows why is there a need for frameworks in development and how can companies use them for their benefit. Since they can be used and speed up development processes they can be learned in schools for an easier grasp of development concepts.
8
Kearney-Volpe, Claire, and Amy Hurst. "Accessible Web Development." ACM Transactions on Accessible Computing 14, no. 2 (2021): 1–32. http://dx.doi.org/10.1145/3458024.
Full textAbstract:
There are a growing number of jobs related to web development, yet there is little formal literature about the accessibility of web development with a screen reader. This article describes research to explore (1) web development accessibility issues and their impact on blind learners and programmers; (2) tools and strategies used to address issues; and (3) opportunities for creating inclusive web development curriculum and supportive tools. We conducted a Comprehensive Literature Review (CLR) to formulate accessibility issue categories, then interviewed 12 blind programmers to validate and expand on both issues in education and practice. The CLR yielded five issue categories: (1) visual information without an accessible equivalent, (2) orienting, (3) navigating, (4) lack of support, and (5) knowledge and use of supportive technologies. Our interview findings validated the use of CLR-derived categories and revealed nuances specific to learning and practicing web development. Blind web developers grapple with the inaccessibility of demonstrations and explanations of web design concepts, wireframing software, independent verification of computed Cascading Style Sheets (CSS), and navigating browser-based developer tool interfaces. Tools and strategies include seeking out alternative education materials to learn independently, use of CSS frameworks, collaboration with sighted colleagues, and avoidance of design and front-end development. This work contributes to our understanding of accessibility issues specific to web development and the strategies that blind web developers employ in both educational and applied contexts. We identify areas in which greater awareness and application of accessibility best practices are required in Web education, a need to disseminate existing screen reader strategies and accessible tools, and to develop new tools that support Web design and validation of CSS. Finally, this research signals future directions for the development of accessible web curriculum and supportive tools, including solutions that leverage artificial intelligence, tactile graphics, and supportive-online communities of practice.
9
Charlton, Billy, and Janek Laudan. "Web-Based Data Visualization Platform for MATSim." Transportation Research Record: Journal of the Transportation Research Board 2674, no. 10 (2020): 124–33. http://dx.doi.org/10.1177/0361198120935109.
Full textAbstract:
There are many tools available for analyzing MATSim transport simulation results, both open-source and commercial. This research builds a new open-source visualization platform for MATSim outputs that is entirely web-based. After initial experiments with many different web technologies, a client-server platform design emerges which leverages the advanced user interface capabilities of modern browsers on the front-end, and relies on back-end server processing for more processor-intensive tasks. The initial platform is now operational and includes several aggregate-level visualizations including origin–destination flows, transit supply, and emissions levels as well as a fully disaggregate traffic animation visualization. These visualizations are general enough to be useful for various projects. Further work is needed to make them more compelling and the platform more useful for practitioners.
10
Dunne, Jennifer A., Conrad C. Labandeira, and Richard J. Williams. "Highly resolved early Eocene food webs show development of modern trophic structure after the end-Cretaceous extinction." Proceedings of the Royal Society B: Biological Sciences 281, no. 1782 (2014): 20133280. http://dx.doi.org/10.1098/rspb.2013.3280.
Full textAbstract:
Generalities of food web structure have been identified for extant ecosystems. However, the trophic organization of ancient ecosystems is unresolved, as prior studies of fossil webs have been limited by low-resolution, high-uncertainty data. We compiled highly resolved, well-documented feeding interaction data for 700 taxa from the 48 million-year-old latest early Eocene Messel Shale, which contains a species assemblage that developed after an interval of protracted environmental and biotal change during and following the end-Cretaceous extinction. We compared the network structure of Messel lake and forest food webs to extant webs using analyses that account for scale dependence of structure with diversity and complexity. The Messel lake web, with 94 taxa, displays unambiguous similarities in structure to extant webs. While the Messel forest web, with 630 taxa, displays differences compared to extant webs, they appear to result from high diversity and resolution of insect–plant interactions, rather than substantive differences in structure. The evidence presented here suggests that modern trophic organization developed along with the modern Messel biota during an 18 Myr interval of dramatic post-extinction change. Our study also has methodological implications, as the Messel forest web analysis highlights limitations of current food web data and models.
Dissertations / Theses on the topic "Modern Front end Web Development"
1
Lin, Tien-Ju. "Web-based front-end design and scientific computing for material stress simulation software." Thesis, Georgia Institute of Technology, 2014. http://hdl.handle.net/1853/53101.
Full textAbstract:
A precise simulation requires a large amount of input data such as geometrical descriptions of the crystal structure, the external forces and loads, and quantitative properties of the material. Although some powerful applications already exist for research purposes, they are not widely used in education due to complex structure and unintuitive operation. To cater to the generic user base, a front-end application for material simulation software is introduced. With a graphic interface, it provides a more efficient way to conduct the simulation and to educate students who want to enlarge knowledge in relevant fields. We first discuss how we explore the solution for the front-end application and how to develop it on top of the material simulation software developed by mechanical engineering lab from Georgia Tech Lorraine. The user interface design, the functionality and the whole user experience are primary factors determining the product success or failure. This material simulation software helps researchers resolve the motion and the interactions of a large ensemble of dislocations for single or multi-layered 3D materials. However, the algorithm it utilizes is not well optimized and parallelized, so its performance of speedup cannot scale when using more CPUs in the cluster. This problem leads to the second topic on scientific computing, so in this thesis we offer different approaches that attempt to improve the parallelization and optimize the scalability.
2
Salin, Fredrik. "Front-end design and implementation of a Web-based Streaming Platform : A User Centered Approach." Thesis, Linköpings universitet, Programvara och system, 2015. http://urn.kb.se/resolve?urn=urn:nbn:se:liu:diva-123351.
Full textAbstract:
This master thesis investigates how an Agile User Centered approach can be used when designing and implementing the frontend for a web-based on-demand video streaming platform. Agile and User Experience (UX) are currently two very popular concepts that are frequently discussed in the software development community. Recently there have been a lot of discussions about how to combine Agile development methodologies and UX activities, and it has proven to be a difficult task in practice. This Master Thesis aims at solving this issue by researching methodologies that take both the Agile aspect as well as UX in consideration. Dual-track Scrum, an Agile/User Centered methodology considering UX, was used as development methodology and throughout the development process it was investigated how this methodology, as well as adding UX activities, affected the UX of the streaming platform. The conclusion from this thesis is that even though the combination of Agile and User Centered processes is difficult, it can be achieved with good results. The thesis presents guidelines for how to successfully combine the two processes as well as what the most important UX activities are and how they can be used in an Agile development project. The thesis also concludes that using a frontend framework, development tools and HTML5 video is very useful for developing the frontend for the streaming platform.
3
Zalas, Pierre. "Småföretag och nyttan av att utveckla open source - en fallstudie." Thesis, Malmö högskola, Fakulteten för teknik och samhälle (TS), 2017. http://urn.kb.se/resolve?urn=urn:nbn:se:mau:diva-20635.
Full textAbstract:
Open source eller öppen källkod innebär att vem som helst kan se, justera och dela koden. Företag, organisationer och individer investerar såväl tid som resurser att utveckla open source-projekt, där majoriteten av projekten inte genererar någon form av ekonomisk vinning. Pocketsize är en Malmöbaserad webbyrå som har utvecklat ett front-end ramverk vid namn Bolts samt ett automatiseringsverktyg vid namn Toolbelt som avses släppas som open source.Denna studie syftar till att bidra med kunskap om vad det är som driver småföretag, idella organisationer eller individer till investera tid i att utveckla open source-projekt. Därmed har en fallstudie på webbyrån Pocketsize i Malmö gjorts där en analys av ramverket Bolts och verktyget Toolbelt, utvecklat av Pocketsize, har genomförts. Detta för att erhålla kunskap om varför Pocketsize väljer att släppa de open source. Teori och tidigare forskning presenterar aspekter som motiverande faktorer och drivkrafter bakom utveckling av open source-projekt. Studien har har antagit ett kvalitativt perspektiv där observationer och semistrukturerade intervjuer har gjorts för att kartlägga handlingsmönster och för att återge hur en individ tänker och resonerar kring ämnet. Resultatet redogör för hur utvecklare ofta skapar en produkt utifrån sina egna behov samt hur känslan av altruism och att viljan att ”ge tillbaka” till open source-communityt är några av de största motiverande faktorer och drivkrafter bakom att bidra till open source-projekt.<br>Open source or open source-code means that anyone can view, adjust and share the code. Companies, organizations and individuals invest their time and resources to develop open source projects, where the majority of projects doesn’t even generate any kind of financial gain. Pocketsize is a Malmö based web agency that has developed a front-end framework called Bolts as well as an automation tool called Toolbelt intended to be released as open source.This study aims to contribute knowledge of what drives small businesses, non-profit organizations or individuals to invest time and resources in developing open source projects. Therefore, a case study has been made at the web development agency Pocketsize in Malmö, where an analysis of the Bolts framework and Toolbelt automation tool that Pocketsize has developed has been conducted. In an attempt to understand why Pocketsize chooses to release them as open source. Theory and previous research presents aspects as motivational factors and driving forces behind the development of open source projects. The study has adopted a qualitative perspective where observations and semi structured interviews have been made to map action patterns and to reflect how an individual contemplates on the subject. The result states that developers often create aproduct based on their own needs and how a feeling of altruism and the willingness to “pay it forward” to the open source community are some of the major motivatiors and driving forces behind contributing to open source projects.
4
Höglund, Salomon. "En studie i blått : En ombyggnation av startsidan för en idrottsorganisations webbplats." Thesis, Södertörns högskola, Institutionen för naturvetenskap, miljö och teknik, 2016. http://urn.kb.se/resolve?urn=urn:nbn:se:sh:diva-30316.
Full textAbstract:
Målet med detta praktiska examensarbete var att ta fram ett färdigt förslag på en ny startsida åt en idrottsorganisation för dess webbplats byggd på WordPress. Detta har åstadkommits genom att ha analyserat den befintliga startsidan samt fyra utomstående idrottsorganisationers webbplatsers startsidor. Analysen resulterade i en Low-Fidelity Wireframe över flödet på den nya startsidan, samt en hårdkodad High-Fidelity Prototyp. Det hela mynnade ut i ett WordPress Child-tema till idrottsorganisationens webbplats befintliga Parent-tema som var väl anpassad efter idrottsorganisationens önskemål och krav, samt byggd med responsivitet i åtanke för att möta den växande skara besökare på mobila enheter.<br>The goal with this practical thesis was to develop a finished proposal of a new home page to a sport organization for its website built on WordPress. This has been achieved by analyzing the existing home page, as well as the home page of four external sports organization’s websites. The analysis resulted in a Low-Fidelity Wireframe showing the main flow of the new home page, as well as a hard coded High-Fidelity Prototype. It all resulted in a WordPress Child-theme to the existing Parent-theme for the sport organization’s website that was well adapted to the organization’s wishes and demands, and built with responsive web design in mind to meet the growing group of visitors on mobile devices.
5
"A Tool to Reduce Defects due to Dependencies between HTML5, JavaScript and CSS3." Master's thesis, 2016. http://hdl.handle.net/2286/R.I.39436.
Full textAbstract:
abstract: One of the most common errors developers make is to provide incorrect string
identifiers across the HTML5-JavaScript-CSS3 stack. The existing literature shows that a
significant percentage of defects observed in real-world codebases belong to this
category. Existing work focuses on semantic static analysis, while this thesis attempts to
tackle the challenges that can be solved using syntactic static analysis. This thesis
proposes a tool for quickly identifying defects at the time of injection due to
dependencies between HTML5, JavaScript, and CSS3, specifically in syntactic errors in
string identifiers. The proposed solution reduces the delta (time) between defect injection
and defect discovery with the use of a dedicated just-in-time syntactic string identifier
resolution tool. The solution focuses on modeling the nature of syntactic dependencies
across the stack, and providing a tool that helps developers discover such dependencies.
This thesis reports on an empirical study of the tool usage by developers in a realistic
scenario, with the focus on defect injection and defect discovery times of defects of this
nature (syntactic errors in string identifiers) with and without the use of the proposed
tool. Further, the tool was validated against a set of real-world codebases to analyze the
significance of these defects.<br>Dissertation/Thesis<br>Masters Thesis Computer Science 2016
6
Rebelo, José António Pitadas Nizza. "Desenho algorítmico de websites." Master's thesis, 2020. http://hdl.handle.net/10316/92123.
Full textAbstract:
Dissertação de Mestrado em Design e Multimédia apresentada à Faculdade de Ciências e Tecnologia<br>Nos dias de hoje, os designers gráficos têm, cada vez mais, como principal objectivo desenhar artefatos (sejam eles físico ou digitais) que criem espaços de diálogo com a audiência. Embora ninguém consiga prever fielmente como será a realidade profissional do Design Gráfico, no contexto do Web Design, esperamos que os websites permitam a criação de experiências cada vez mais personalizadas e orientadas para os utilizadores e para o conteúdo.Nos dias de hoje, os designers gráficos têm, cada vez mais, como principal objectivo desenhar artefatos (sejam eles físico ou digitais) que criem espaços de diálogo com a audiência. Embora ninguém consiga prever fielmente como será a realidade profissional do Design Gráfico, no contexto do Web Design, esperamos que os websites permitam a criação de experiências cada vez mais personalizadas e orientadas para os utilizadores e para o conteúdo. Esta dissertação surge alinhada com esta ideia.Nesta dissertação é apresentado um sistema algorítmico data-driven que automaticamente gera diferentes websites com estilos e conteúdos automáticos. Os estilos e os conteúdos do website gerados são definidos com base em uma pesquisa inicial do utilizador. Resumidamente, o sistema funciona da seguinte forma. Inicialmenteo utilizador insere um conteúdo textual (p. ex. um conceito, um nome, etc.). De seguida, o sistema procura informação relacionada com o conceito inserido, acedendo a uma API. Posteriormente, os resultados obtidos são analisados semanticamente de forma a definir as características visuais do resultado (tais como tipografia, posições, cores, etc.). Por fim. o sistema gera um website que utiliza o conteúdo acedido e os estilos definidos previamente. Além disso, após a geração é permitido ao utilizador controlar alguns parâmetros para afinar o resultado gerado.<br>Nowadays, graphic designers increasingly have as main objective to design artifacts (whether physical or digital) that create spaces for dialogue with viewers / users. Although no one can faithfully predict what the professional reality of Graphic Design will be like, in the context of Web Design, we hope that websites will allow the creation of increasingly personalized and user-oriented and content-oriented experiences. This dissertation is aligned with this idea. This dissertation presents a data-driven algorithmic system that automatically generates different web pages with automatic styles and content. The styles and contents of the website generated are defined based on an initial user search. Briefly, the system works as follows. Initially, the user inserts a textual content (eg a concept, a name, etc.). Then, the system searches for information related to the inserted concept, accessing an API. Subsequently, the results obtained are analyzed semantically in order to define the visual characteristics of the result (such as typography, positions, colors, etc.). Lastly. the system generates a website that uses the accessed content and the previously defined styles. In addition, after gener- ation, the user is allowed to control some parameters to fine tune the generated result. Nowadays, graphic designers increasingly have as main objective to design artifacts (whether physical or digital) that create spaces for dialogue with viewers / users. Although no one can faithfully predict what the professional reality of Graphic Design will be like, in the context of Web Design, we hope that websites will allow the creation of increasingly personalized and user-oriented and content-oriented experiences. This dissertation is aligned with this idea. This dissertation presents a data-driven algorithmic system that automatically generates different web pages with automatic styles and content. The styles and contents of the website generated are defined based on an initial user search. Briefly, the system works as follows. Initially, the user inserts a textual content (eg a concept, a name, etc.). Then, the system searches for information related to the inserted concept, accessing an API. Subsequently, the results obtained are analyzed semantically in order to define the visual characteristics of the result (such as typography, positions, colors, etc.). Lastly. the system generates a website that uses the accessed content and the previously defined styles. In addition, after generation, the user is allowed to control some parameters to fine tune the generated result.
7
Li, Ying-Chun, and 黎映君. "An action of research on the issues of online self-learning that crosses disciplines : using MOOCs courses to learn front end web development." Thesis, 2018. http://ndltd.ncl.edu.tw/handle/x47x55.
Full textAbstract:
碩士<br>國立政治大學<br>數位內容碩士學位學程<br>106<br>The advent of the digital era has transformed the traditional ways of learning and added a variety of convenient, rich and high-quality online learning resources. As a result, more and more people are using online courses as a way to gain knowledge and skills for self-growth, or for development of expertise in new areas. However, even if the course has been carefully designed by a professional team, there is still a problem of low completion rate.
In view of this, this research uses action research method to explore the experience of web-design learning through online courses, and find that at different stages of the learning process, the learner's past learning experience and life habits would produce various mentality problems, which would affect the learning outcome. In response to the mentality problems faced at each stage, the researcher proposes corresponding strategies for better learning experience. By means of moderately adapting to their inner desires, cross-discipline self-learners would overcome various mental barriers during learning process.
8
Aguiar, Paulo Filipe Nunes. "Dashboard for collecting and depicting the marine megafauna presence." Master's thesis, 2021. http://hdl.handle.net/10400.13/3563.
Full textAbstract:
While more and more technologies and software are being created and applied for the ocean setting,
most of them still remain at high cost, and hinder the data to wider public. Understanding the
marine biodiversity can be achieved through numerous ways, however, there is a lack of consensus
and operability when depicting the marine megafauna population. Moreover, Deep Learning (DL)
techniques are becoming accessible to wider population, and there is a potential of exposing them
to the marine biologists, involving them to participate in public web-based dashboards, depicting
those data.
This dissertation addresses such issues, by providing an interactive dashboard, capable of fa cilitating the classification, prediction and deeper analysis of marine species. Using the State of
Art (SoA) Machine Learning (ML) techniques for image vision, and providing the interactive vi sualizations, this thesis seeks to provide a less cumbersome apparatus for marine biologists, who
can participate further in data gathering, labelling, depicting, ecological modelling, and potential
calls for action.
In further, this dissertation document provides the aquatic dashboard functionality using
Human-Computer Interaction (HCI) techniques and interactive means to ease the upload, clas sification, and visualization of collected marine taxa, with a case study on marine megafauna
imagery (e.g. whales, dolphins, sea birds, seals and turtles). As it will be hereinafter described,
marine biologists, as end users, will evaluate of the proposed dashboard.<br>Todos os dias surgem novas tecnologias e softwares que podem ser aplicados no ecossistema
marinho, sendo que a maioria destas permanecem com um custo elevado, dificultando assim o
acesso ao público em geral. O conhecimento deste sistema e de toda a biodiversidade nele existente,
pode ser alcançado de diversas formas, no entanto, existe uma falta de consenso e operacionalidade
ao descrever a população de megafauna. Além disto, técnicas de aprendizagem automática como
o deep learning, permanecem acessíveis a uma população mais ampla, e existe o potential do
envolvimento de profissionais da área, mais conhecidos como biólogos marinhos, para participar
na criação e usabilidade de plataformas conhecidas como dashboards.
Esta tese tem como função debater estas questões, fornecendo um dashboard interativo, capaz
de facilitar a classificação, previsão e análise mais profunda das espécies marinhas. Usando técnicas
de aprendizagem automática de última geração, para informação visual em imagens, e fornecer
interfaces visuais muito interativas, esta tese procura fornecer uma ferramenta simples para os
biólogos marinhos, podendo assim participar na recolha de dados, rotulagem, modelação ecológica
e possíveis pedidos de alerta.
A dissertação produzirá um dashboard funcional, utilizando técnicas de Interação Humano
Computador (HCI) e meios interativos para facilitar o carregamento de dados, a classificação e
visualização da fauna marinha coletada (p.ex. baleia, golfinho, ave marinha, foca e tartaruga).
Como será descrito durante este manuscrito, biólogos marinhos, como utilizadores finais, irão
participar na avaliação deste proposto dashboard.
Books on the topic "Modern Front end Web Development"
1
Konstantin, Käfer, ed. Front end Drupal: Designing, theming, scripting. Prentice Hall, 2009.
Find full text
4
Duckett, Jon. JavaScript and jQuery: Interactive Front-End Web Development Hardcover. Wiley, 2014.
Find full text
5
Connecting Arduino To The Web: Front End Development Using Javascript. Apress, 2018.
Find full text
6
Knight, Indira. Connecting Arduino to the Web: Front End Development Using JavaScript. Apress, 2018.
Find full text
7
Rojas, Carlos. Building Native Web Components: Front-End Development with Polymer and Vue.js. Apress, 2021.
Find full text
8
Front-End Web Development: The Big Nerd Ranch Guide (Big Nerd Ranch Guides). Big Nerd Ranch Guides, 2016.
Find full text
9
Souders, Steve. High Performance Web Sites: Essential Knowledge for Front-End Engineers. O'Reilly Media, Inc., 2007.
Find full text
10
Building Web Apps with Spring 5 and Angular: Modern end-to-end web application development. Packt Publishing, 2017.
Find full textBook chapters on the topic "Modern Front end Web Development"
1
Strazzullo, Francesco. "Web Components." In Frameworkless Front-End Development. Apress, 2019. http://dx.doi.org/10.1007/978-1-4842-4967-3_4.
Full text
2
Lopez, Daniel Andres Pelaez. "Vue.js as a Front-End Layer." In Full-Stack Web Development with Jakarta EE and Vue.js. Apress, 2020. http://dx.doi.org/10.1007/978-1-4842-6342-6_2.
Full text
3
Lopez, Daniel Andres Pelaez. "Designing Your Front-End UI with Vue.Js Components." In Full-Stack Web Development with Jakarta EE and Vue.js. Apress, 2020. http://dx.doi.org/10.1007/978-1-4842-6342-6_6.
Full text
4
Brambilla, Marco, Andrea Mauri, and Eric Umuhoza. "Extending the Interaction Flow Modeling Language (IFML) for Model Driven Development of Mobile Applications Front End." In Mobile Web Information Systems. Springer International Publishing, 2014. http://dx.doi.org/10.1007/978-3-319-10359-4_15.
Full text
5
Yang, Yuan. "Research and Implementation of Web Front End Development System Based on Microservice." In Lecture Notes on Data Engineering and Communications Technologies. Springer Singapore, 2021. http://dx.doi.org/10.1007/978-981-16-5857-0_133.
Full text
6
Li, Minghang, Jianghai Hu, and Xianwu Lin. "The Development of Web Application Front-End of Intelligent Clinic Based on Vue.js." In Lecture Notes in Electrical Engineering. Springer Singapore, 2019. http://dx.doi.org/10.1007/978-981-32-9050-1_77.
Full text
7
Deakin, Mark. "The IntelCities Community of Practice." In Web-Based Learning Solutions for Communities of Practice. IGI Global, 2010. http://dx.doi.org/10.4018/978-1-60566-711-9.ch018.
Full textAbstract:
The chapter examines the IntelCities Community of Practice (CoP) supporting the development of the organization’s e-Learning platform, knowledge management system (KMS) and digital library for eGov services. It begins by outlining the IntelCities CoP and goes on to set out the integrated model of electronically enhanced government (eGov) services developed by the CoP to meet the front-end needs, middleware requirements and back-office commitments of the IntelCities e-Learning platform, KMS and digital library. The chapter goes on to examine the information technology (IT) adopted by the CoP to develop the IntelCities e-Learning platform, KMS and digital library as a set of semanticallyinteroperable eGov services supporting the crime, safety and security initiatives of socially-inclusive and participatory urban regeneration programs.
8
S., Sathishkumar, Devi Priya R., and Karthika K. "Big Data Analytics in Cloud Platform." In Advances in Web Technologies and Engineering. IGI Global, 2021. http://dx.doi.org/10.4018/978-1-7998-3111-2.ch010.
Full textAbstract:
Big data computing in clouds is a new paradigm for next-generation analytics development. It enables large-scale data organizations to share and explore large quantities of ever-increasing data types using cloud computing technology as a back-end. Knowledge exploration and decision-making from this rapidly increasing volume of data encourage data organization, access, and timely processing, an evolving trend known as big data computing. This modern paradigm incorporates large-scale computing, new data-intensive techniques, and mathematical models to create data analytics for intrinsic information extraction. Cloud computing emerged as a service-oriented computing model to deliver infrastructure, platform, and applications as services from the providers to the consumers meeting the QoS parameters by enabling the archival and processing of large volumes of rapidly growing data faster economy models.
9
Weiner, Benno. "Amdo and the End of Empire?" In The Chinese Revolution on the Tibetan Frontier. Cornell University Press, 2020. http://dx.doi.org/10.7591/cornell/9781501749391.003.0010.
Full textAbstract:
This concluding chapter explains that the violence of 1958 not only destroyed lives but also damaged the Chinese Communist Party's (CCP) mechanism of nationality rapprochement and severed its narrative of nationality unity. In order to repair this rupture, in Qinghai the post-Mao leadership sought to return to the promise of the early United Front, even as it continued to condemn the Amdo Rebellion as a counterrevolutionary putsch. While the uprising is blamed on mostly unnamed tribal and religious elites, with few exceptions Amdo's actual secular and monastic leaders have not only been rehabilitated but also memorialized in a myriad of state-sponsored publications as embodiments of nationality unity. Similarly, the “early-Liberation period” is celebrated as a time of ethnic reconciliation, economic development, and nationality unity. In this post-Mao narrative, the United Front era has been transformed from the transitional period of New Democracy—as it was contemporaneously understood—to one purporting to represent the ipso facto integration of the Amdo region and its people into the modern Chinese state and nation.
10
"Portal Design as an Outcome of the Research." In Dyslexia and Accessibility in the Modern Era. IGI Global, 2021. http://dx.doi.org/10.4018/978-1-7998-4267-5.ch008.
Full textAbstract:
This chapter introduces the process of the creation of the literacy portal. The crucial interest of the team from the start was to create a user-friendly open environment for adults with dyslexia and/or reading problems. The readers go with the authors through the gradual development: interviews, grounded in the principle of active listening, and partially structured interviews. This, at the end, was followed by surveys focused on problems with reading and the internet. The authors show what the card sorting method is, how it went, what its goal was, and how it influenced the final portal. The orientation in the web pages is an important part of the portal. The authors, therefore, describe the process of menu and icon selection along with monitoring online movement by people with dyslexia while also using the button and vertical menu. The results and findings were reflected in the requirements of the administrative environment adapted to the individuals with dyslexia, and the reaction CMS system was developed based on them.
Conference papers on the topic "Modern Front end Web Development"
1
Fu, Cuiyu. "Exploration of Web front-end development technology and optimization direction." In 2nd International Conference on Electronics, Network and Computer Engineering (ICENCE 2016). Atlantis Press, 2016. http://dx.doi.org/10.2991/icence-16.2016.35.
Full text
2
Liu, Chao, and Dinghua He. "Research on Professional Reform of 1+ X Certificate Based on Web Front End." In 6th Annual International Conference on Social Science and Contemporary Humanity Development (SSCHD 2020). Atlantis Press, 2021. http://dx.doi.org/10.2991/assehr.k.210121.197.
Full text
3
De Souza, Matheus, and Eduardo Alves da Silva. "Estudo Comparativo de Tecnologias de Desenvolvimento front-end paraWeb." In Computer on the Beach. Universidade do Vale do Itajaí, 2021. http://dx.doi.org/10.14210/cotb.v12.p201-208.
Full textAbstract:
There are several JavaScript technologies intended to assist in theconstruction of web systems user interfaces. Choose the most suitablefor a new project can be a difficult task. Three of these technologieshave gained prominence: Angular, Vue and React. All focusedon the front-end development of web applications. In order to facilitatethe process of decision making about which technology is themost suitable in a new project, this work establishes a comparativestudy of the three most used JavaScript technologies currently andto highlight the advantages and disadvantages of each one. Thiswork adopted performance, size and support for different browsersto carry out an experimental comparative study. An applicationwas developed as a use case and replicated in each of the technologies,in order to analyze the development process and the resultsunder the same set of tests. A software to perform the tests in anautomated way was implemented to collect the performance resultsusing the Google Chrome browser. It was possible to identify whichtechnology is most suitable in each test scenario. For example, theAngular framework performed better in 8 out of 10 scenarios evaluated,despite having a longer startup time and build size of theapplication compared to React and Vue. It is estimated that Angularloads more information in the initialization process to make thestate of the application “more prepared” for user interactions
4
Souza Junior, João Lourenço, Davi De Oliveira, Victor Praxedes, and Dennys Simiao. "WebAssembly potentials: A performance analysis on desktop environment and opportunities for discussions to its application on CPS environment." In Simpósio Brasileiro de Engenharia de Sistemas Computacionais. Sociedade Brasileira de Computação, 2020. http://dx.doi.org/10.5753/sbesc_estendido.2020.13104.
Full textAbstract:
The Web started as a simple document-sharing network and today has evolved to become a consolidated and ubiquitous platform for creation and application distribution. To explore its demands, web browser vendors have been working on new technologies like WebAssembly, a new type of machine language for a conceptual machine instead of a real physical machine, supported by the modern web browsers, providing new features and greater performance for web applications. At the other end, embedded devices have also evolved along with applications. However, there are still semantic heterogeneity, maintainability, and development issues inherent to the vast number of devices and services that operates in the numerous domains of Cyber-Physical Systems (CPS). The overall objective of this work is to study the WebAssembly technology through a performance analysis in a desktop environment, presenting empirical comparisons between the execution of a program compiled in native machine code and the same program compiled in WebAssembly, to verify its flexibility to compile code written in different languages for web applications and maintain similar performance to their native applications counterpart. We also point out the opportunities and challenges to potentially apply WebAssembly as a semantic abstraction layer for embedded devices in CPS development.
5
Clarke, Matthew A., Narcrisha S. Norman, and Sonya T. Smith. "Hybrid-MCX-1, BWB and 777 Aircraft Comparison." In ASME 2015 International Mechanical Engineering Congress and Exposition. American Society of Mechanical Engineers, 2015. http://dx.doi.org/10.1115/imece2015-52526.
Full textAbstract:
Conceptual design is the first and most important phase of an aircraft’s configuration and system development process. That being said, there is no denying that innovation in aviation has stunted over the last 50 years; the once every present fascination of flying has been blanketed by the rapid profit-driven commercializing of an industry. Moreover, we have reached an apex of maximizing the efficiency of current passenger aircraft model configurations. In recent times, new research and development has culminated to the introduction of aerodynamic structures to address key issues such as stability and fuel efficiency. This research paper seeks to push the envelope of innovation with a brand new perspective on how we view air travel — redefining the Why, What and How. It explores novel concepts such as Boeing Blended Wing Body (BWB) aircraft shown in, which does not follow the conventional Tube and Wing (TAW) configuration. It is a tailless design that integrates the wing and the fuselage into a single-lifting surface. The most common advantages include a higher lift-to-drag ratio and higher payload capacity due to a distribute load along the centerline of the aircraft. On the other hand, a tailless configuration comes at a cost to in-flight maneuvering and stability. The unique design of the Hybrid-MCX-1 aircraft involves the application of the active aero-elastic tailoring to aircraft topology optimization for both subsonic and transonic regimes. With a focus on experimental wind tunnel testing and high-fidelity simulations, this project proposes a new concept that deviates from today’s tubular and wing concept. The aircraft has a unique shape with a forward fuselage that starts off with the conventional tubular and winged aircraft design currently flown in commercial travel, but deviates to a wider cross section at the center of the fuselage. The model has self-supporting, cantilever, dihedral, swept wings, with pronounced fillets at the junction of the wing root and fuselage, blending them smoothly. This smooth transition reduce interference between airflow over the wing root and the adjacent body surface, ultimately reducing drag. The engines of the Hybrid-MCX-1 are mounted by at 45-degree angle on the rear of the plane. This engine location offers the opportunity for swallowing the boundary layer of air from that portion of the center body upstream of the inlet, providing improved propulsive efficiency by reducing the ram drag. The Hybrid-MCX-1 also possesses a vertical tail that bisects the engines. As with current commercial aircraft, this tail provides lateral stability and controls the yaw. In the case of the BWB, yaw control is made possible by sweeping the wing and downloading the wingtips. However, this approach reduces the effective aerodynamic wingspan of the aircraft and imposes a significant induced drag penalty. The presence of a tail on the concept model addresses the aforementioned issue and rectifies unwanted yawing that may arise during cross wind flight conditions. The rear end of the aircraft decrease significantly in vertical thickness when compared to the lateral thickness to minimize the possibility of flow separation as air passes around the wings and over the front half of the aircraft while maximizing total lifting surface area. The pylons are adequately sized to avoid aerodynamic interference between fuselage, pylon and nacelle but still relatively short to minimize drag.
6
Horva´th, Imre, Zolta´n Rusa´k, Eliab Z. Opiyo, and Adrie Kooijman. "Towards Ubiquitous Design Support." In ASME 2009 International Design Engineering Technical Conferences and Computers and Information in Engineering Conference. ASMEDC, 2009. http://dx.doi.org/10.1115/detc2009-87573.
Full textAbstract:
Efficient computer support of product innovation processes has become an important issue of industrial competitiveness in the last forty years. As a consequence, there has been a growing demand for new computer-based tools and system. Various hardware, software and knowledge technologies have been used over the years as the basis of design support systems. With the appearance of network technologies, the conventional standalone workstation paradigm has been replaced by the paradigm of web-interconnected collaborative environments. Currently, the emerging and rapidly proliferating mobile and ubiquitous computing technologies create a technological push again. These technologies force us to reconsider not only the digital information processing devices and their interconnection, but also the way of obtaining, processing and communicating product design information. Many researches and laboratories are engaged with the development of novel concepts, architectures, tools and methods for next-generation design support environments. They will integrate many resources of the current collaborative design environments with pervasive computing functionality and large-scale mobility in a volatile manner. Part of the design support tools will have fixed location, but will be remotely accessible through wireless networks. Other part of the tools will be moving with the designers as portable, embedded, wearable and transferable devices, and will feature ad hoc connectivity. These not only offer new ways for aggregation, processing and presentation of design information, but also enable alternative ways of completing design activities. Our current research concentrates on three interrelated main issues: (i) studying workflow scenarios for future design support environment, (ii) investigation and integration of multiple technologies into an ad hoc interconnected heterogeneous infrastructure, and (iii) exploring efficient methods for utilizing new affordances in supporting product innovation. In this paper we report on the results of our recent technology study that analyzed the current results and trends of ubiquitous technology development, and tried to form a vision about the possible manifestation of future ubiquitous design support environments. Essentially, they have been conceptualized as ad hoc and volatile networks of fixed and mobile information collection, processing and communication units. This network functions as a complex service provider system, with special attention to the on-demand information management in the fuzzy front end of design projects.
7
Ito, Eisaku, Sunao Aoki, Akimasa Muyama, and Junichiro Masada. "Advanced Turbine Aerodynamic Design Utilizing a Full Stage CFD." In ASME Turbo Expo 2006: Power for Land, Sea, and Air. ASMEDC, 2006. http://dx.doi.org/10.1115/gt2006-90646.
Full textAbstract:
Gas turbines for power generation are required to operate more efficiently than ever before for both economic and environmental reasons. Because of this situation, an advanced multistage turbine design and optimization system is required to improve upon existing turbine designs where viscous CFD codes had already been applied on a single row or single stages basis. An advanced CFD code for multistage design applications has been developed at Mitsubishi Heavy Industries (MHI) and has been applied to the redesign of a four stage single shaft turbine. The front 3 stages of the turbine are highly cooled using about 20% cooling air. The outstanding performance of this redesigned turbine has been demonstrated at MHI’s engine test facility. This paper focuses on the customization of the Denton code [5] for industrial usage, the validation of the customized code employing experimental data, and finally the use of the code in executing a successful redesign. Code development and validation are discussed in terms of prediction accuracy for the basic aerodynamic design parameters such as exit flow angle and cascade losses. Through-flow design parameters such as pressure ratio and reaction of each stage are also addressed. Especially important in modern high temperature turbines is the location and distribution of cooling and leakage air being introduced into the main gas-path. The proper treatment of these flows is very important because of the mixing losses and the temperature migration downstream. These important considerations in any analysis approach are discussed and it is shown how they are treated in the customized CFD code. Consistency between the customized CFD code and other parts of the existing aerodynamic design procedure are carefully examined. This is important because aerodynamic parameters have different modeling fidelities in the different parts of the design system. Computer execution times are a very important consideration when utilizing advanced CFD codes. This issue is addressed from the perspective of an industrial design organization. In validating the customized code, special attention was placed on tip clearance leakage flow behavior and seal air migration from the hub wall. Local changes of total pressure and temperature distributions affect the local velocity triangles and local static pressure distributions on the airfoil and end-wall surfaces. Airfoil section geometry and three-dimensional stacking to maximize the turbine efficiency are also considered and discussed. The validated code was subsequently used to execute a redesign of a large frame industrial turbine. This is discussed in some detail. The redesigned turbine has completed full scale engine testing and has been shown to have met all design goals. The CFD predictions are compared with special measurements taken in the engine such as the inter-stage span-wise total pressure and temperature distributions as well as the efficiency trend versus engine load. These comparisons prove the capability of the advanced multistage CFD code.