Information

  • Author Services

Initiatives

You are accessing a machine-readable page. In order to be human-readable, please install an RSS reader.

All articles published by MDPI are made immediately available worldwide under an open access license. No special permission is required to reuse all or part of the article published by MDPI, including figures and tables. For articles published under an open access Creative Common CC BY license, any part of the article may be reused without permission provided that the original article is clearly cited. For more information, please refer to https://www.mdpi.com/openaccess .

Feature papers represent the most advanced research with significant potential for high impact in the field. A Feature Paper should be a substantial original Article that involves several techniques or approaches, provides an outlook for future research directions and describes possible research applications.

Feature papers are submitted upon individual invitation or recommendation by the scientific editors and must receive positive feedback from the reviewers.

Editor’s Choice articles are based on recommendations by the scientific editors of MDPI journals from around the world. Editors select a small number of articles recently published in the journal that they believe will be particularly interesting to readers, or important in the respective research area. The aim is to provide a snapshot of some of the most exciting work published in the various research areas of the journal.

Original Submission Date Received: .

  • Active Journals
  • Find a Journal
  • Proceedings Series
  • For Authors
  • For Reviewers
  • For Editors
  • For Librarians
  • For Publishers
  • For Societies
  • For Conference Organizers
  • Open Access Policy
  • Institutional Open Access Program
  • Special Issues Guidelines
  • Editorial Process
  • Research and Publication Ethics
  • Article Processing Charges
  • Testimonials
  • Preprints.org
  • SciProfiles
  • Encyclopedia

information-logo

Article Menu

  • Subscribe SciFeed
  • Recommended Articles
  • Google Scholar
  • on Google Scholar
  • Table of Contents

Find support for a specific problem in the support section of our website.

Please let us know what you think of our products and services.

Visit our dedicated information section to learn more about MDPI.

JSmol Viewer

Approach of agile methodologies in the development of web-based software.

research papers on web application development

1. Introduction

2. materials and methods, 2.1. web-oriented software development methodologies.

  • Domain Model: Also known as a conceptual model, it describes the content of the application to be designed.
  • Navigation Model: This model defines the navigation between the different pages that will make up the system.
  • Presentation model: It specifies the content of the presentation of the pages towards the users, focuses on the user interface to be presented.

2.2. Approach to Development Methodologies

2.2.1. development approach based on hypermedia.

  • Content-driven Approach
  • Task-driven Approach

2.2.2. Agile Approach to Development Methodologies

  • Individuals and interactions above processes and tools.
  • Software running above documentation.
  • Customer collaboration over contract negotiation.
  • Responding to change over following a plan.

2.3. Sytematic Literature Review

2.3.1. research questions, 2.3.2. review protocol.

  • The first stage consists of searching and collecting relevant literature from the specified digital libraries. The search strings defined in Section 2.3.2.1 are used for this search.
  • The second phase consists of the selection of primary studies. This is achieved by the inclusion and exclusion criteria defined in Section 2.3.2.2 .
  • The third is the assessment and gathering of data from the selected primary studies. The evaluation is based on the quality metrics assigned in Section 2.3.6 .

2.3.2.1. Conducting the Research

2.3.2.2. conditions for the selection of primary studies.

  • The research is focused on the use of web development methodologies.
  • Research is considered as a research article, review article, or conference article.
  • The research is within the domain of selected libraries.
  • The range of publications of research is between 2000 and 2019.
  • The research has nothing to do with the development of web applications.
  • The abstract does not provide sufficient evidence to indicate that the research is linked to web applications.
  • The year of publication is not within the established range.
  • The language of the publication is different from English or Spanish.

2.3.2.3. Quality Metrics of Primary Studies

2.3.3. validation of review protocol.

  • Arbitrarily select studies for RQ2 (4) and RQ1 (6).
  • Extract data from the articles, dividing the work between the authors and the external collaborator.
  • The indicators of the extraction form are validated. If the form must be modified, return to step 1 again. Otherwise, the validation process ends.

2.3.4. Identification of Relevant Research

  • Search strings are applied in digital libraries.
  • A validation of the articles likely to be included in the research is carried out.
  • Relevant and similar literature is identified within the references of previously proposed research.
  • New literature is assessed against the inclusion and exclusion criteria.
  • The preceding is performed within each RQ.

2.3.5. Selection of Primary Studies

2.3.6. data extraction from primary studies.

  • Agile development characteristics.
  • Examples of methodologies used by each approach.
  • Conditions of use.
  • The advantages or strategies within the stages of the approach development process.
  • End-user activities within web development.
  • Common problems regarding customer satisfaction with web software.
  • Usability features.

2.3.7. Data Synthesi

2.3.8. threat of validity.

  • RQ1.2: What features do hypermedia-based approaches (task-based approach, and content-based approach) contemplate for web application development?
  • RQ1.3: What are the indicators that link to end-user-oriented approaches within web development methodologies?

3.1. Quantitative Analysis of Studies

3.2. common characteristics of agile methodologies.

  • Flexibility before changes of requirements at any stage of the life cycle. Without affecting the development process and planning.
  • Constant communication between the development team, despite distributed environments. Including meetings, communication of functionalities and modifications made to the project.
  • Inclusion of the end-user throughout the software life cycle. As a result, developers will know the right modifications at the right time.
  • Necessary and accurate documentation. Without having to maintain extensive paperwork, these methodologies perform specific documentation of the functionalities of the application.
  • Implementation of UML artifacts for the elaboration of documentation and design models.

4. Disscussion of the Results

  • Flexibility before changes of requirements in any stage of the life cycle. Without affecting the development process and planning.
  • Constant communication between the development team, despite distributed environments. Including meetings, communication of functionalities, and modifications made to the project.
  • Implement UML artifacts for the elaboration of documentation and design models.

5. Conclusions and Future Work

Author contributions, conflicts of interest, abbreviations.

SLR: Systematic Literature Review
  • Heeager, L.T.; Nielsen, P.A. A conceptual model of agile software development in a safety-critical context: A systematic literature review. Inf. Softw. Technol. 2018 , 103 , 22–39. [ Google Scholar ] [ CrossRef ]
  • Eom, H.E.; Lee, S.W. Human-centered software development methodology in mobile computing environment: agent-supported agile approach. EURASIP J. Wirel. Commun. Netw. 2013 , 2013 , 111. [ Google Scholar ] [ CrossRef ] [ Green Version ]
  • Martín, A.; Rossi, G.; Cechich, A.; Gordillo, S. Engineering Accessible Web Applications. Anide Aspect-Oriented Approach. World Wide Web 2010 , 13 , 419–440. [ Google Scholar ] [ CrossRef ]
  • Torrecilla-Salinas, C.J.; Sedeño, J.; Escalona, M.J.; Mejías, M. Estimating, planning and managing Agile Web development projects under a value-based perspective. Inf. Softw. Technol. 2015 , 61 , 124–144. [ Google Scholar ] [ CrossRef ]
  • Garrigós, I.; Gomez, J.; Houben, G.J. Specification of personalization in web application design. Inf. Softw. Technol. 2010 , 52 , 991–1010. [ Google Scholar ] [ CrossRef ]
  • Hermida, J.M.; Meliá, S.; Montoyo, A.; Gómez, J. Applying model-driven engineering to the development of Rich Internet Applications for Business Intelligence. Inf. Syst. Front. 2013 , 15 , 411–431. [ Google Scholar ] [ CrossRef ]
  • Di Lucca, G.A.; Fasolino, A.R. Testing Web-based applications: The state of the art and future trends. Inf. Softw. Technol. 2006 , 48 , 1172–1186. [ Google Scholar ] [ CrossRef ]
  • Haustein, S.; Pleumann, J. A model-driven runtime environment for Web applications. Soft. Syst. Model. 2005 , 4 , 443–458. [ Google Scholar ] [ CrossRef ]
  • Atzeni, P.; Merialdo, P.; Mecca, G. Data-Intensive Web Sites: Design and Maintenance. World Wide Web 2001 , 4 , 21–47. [ Google Scholar ] [ CrossRef ]
  • Bolchini, D.; Paolini, P. Goal-driven requirements analysis for hypermedia-intensive Web applications. Requir. Eng. 2004 , 9 , 85–103. [ Google Scholar ] [ CrossRef ] [ Green Version ]
  • Nieves-Guerrero, C.; Ucán-Pech, J.; Menéndez-Domínguez, V. UWE en sistema de recomendación de objetos de aprendizaje aplicando ingeniería web: un método en caso de estudio. Rev. Latinoamericana de Ingeniería de Softw. 2014 , 2 , 137–143. [ Google Scholar ] [ CrossRef ]
  • Ríos, J.R.M.; Ordóñez, M.P.Z.; Segarra, M.J.C.; Zerda, F.G.G. Comparación de metodologías en aplicaciones web. 3c Tecnología: Glosas de Innov. Aplicadas a la Pyme 2018 , 7 , 1–19. [ Google Scholar ] [ CrossRef ]
  • Escalona, M.J.; Torres, J.; Mejías, M. NDT: Navigational Development Techniques. In Proceedings of the IV Jornadas de Trabajo Dolmen, Alicante, Spain, 12–14 November 2003. [ Google Scholar ]
  • Suh, W.; Lee, H. A methodology for building content-oriented hypermedia systems. J. Syst. Softw. 2001 , 56 , 115–131. [ Google Scholar ] [ CrossRef ]
  • Valderas, P.; Pelechano, V. Introducing requirements traceability support in model-driven development of web applications. Inf. Softw. Technol. 2009 , 51 , 749–768. [ Google Scholar ] [ CrossRef ]
  • Uribe, E.H.; Ayala, L.E.V. Del manifiesto ágil sus valores y principios. Scientia Et Technica 2007 , XIII , 381–386. [ Google Scholar ]
  • Imtiaz, J.; Sherin, S.; Khan, M.U.; Iqbal, M.Z. A systematic literature review of test breakage prevention and repair techniques. Inf. Softw. Technol. 2019 , 113 , 1–19. [ Google Scholar ] [ CrossRef ] [ Green Version ]
  • Kaur, A.; Kaur, K. Investigation on test effort estimation of mobile applications: Systematic literature review and survey. Inf. Softw. Technol. 2019 , 110 , 56–77. [ Google Scholar ] [ CrossRef ]
  • Brereton, P.; Kitchenham, B.A.; Budgen, D.; Turner, M.; Khalil, M. Lessons from applying the systematic literature review process within the software engineering domain. J. Syst. Softw. 2007 , 80 , 571–583. [ Google Scholar ] [ CrossRef ]
  • Marques, M.; Simmonds, J.; Rossel, P.O.; Bastarrica, M.C. Software product line evolution: A systematic literature review. Inf. Softw. Technol. 2019 , 105 , 190–208. [ Google Scholar ] [ CrossRef ]
  • Wohlin, C. Guidelines for Snowballing in Systematic Literature Studies and a Replication in Software Engineering. In Proceedings of the 18th International Conference on Evaluation and Assessment in Software Engineering, London, UK, 13–14 May 2014; pp. 38:1–38:10. [ Google Scholar ]
  • Sadallah, M.; Aubert, O.; Prié, Y. CHM: An annotation- and component-based hypervideo model for the Web. Multimed. Tools Appl. 2014 , 70 , 869–903. [ Google Scholar ] [ CrossRef ]
  • Wang, W.; Zhang, W. Guest editorial: web applications and techniques. World Wide Web 2015 , 18 , 1391–1392. [ Google Scholar ] [ CrossRef ] [ Green Version ]
  • Cachero Castro, C.; Meliá, S.; Genero, M.; Poels, G.; Calero, C. Towards improving the navigability of Web applications: A model-driven approach. Eur. J. Inf. Syst. 2007 , 16 , 420–447. [ Google Scholar ] [ CrossRef ]
  • Lipaev, V.V. Problems of the development and quality control of large software systems. Program. Comput. Softw. 2005 , 31 , 47–49. [ Google Scholar ] [ CrossRef ]
  • Taylor, M.J.; McWilliam, J.; Forsyth, H.; Wade, S. Methodologies and website development: A survey of practice. Inf. Softw. Technol. 2002 , 44 , 381–391. [ Google Scholar ] [ CrossRef ]
  • Stavrinoudis, D.; Xenos, M.; Peppas, P.; Christodoulakis, D. Early Estimation of Users’ Perception of Software Quality. Softw. Qual. J. 2005 , 13 , 155–175. [ Google Scholar ] [ CrossRef ]
  • Gholami, M.F.; Sharifi, M.; Jamshidi, P. Enhancing the OPEN Process Framework with service-oriented method fragments. Softw. Syst. Model. 2014 , 13 , 361–390. [ Google Scholar ] [ CrossRef ]
  • Lyardet, F.; Rossi, G.; Schwabe, D. Discovering and Using Design Patterns in the WWW. Multimed. Tools Appl. 1999 , 8 , 293–308. [ Google Scholar ] [ CrossRef ]
  • Madhusudan, T.; Son, Y.J. A simulation-based approach for dynamic process management at web service platforms. Comput. Ind. Eng. 2005 , 49 , 287–317. [ Google Scholar ] [ CrossRef ]
  • Wills, G.B.; Abbas, N.; Chandrasekharan, R.; Crowder, R.M.; Gilbert, L.; Howard, Y.M.; Millard, D.E.; Wong, S.C.; Walters, R.J. An Agile Hypertext Design Methodology. In Proceedings of the 18th Conference on Hypertext and Hypermedia, Manchester, UK, 10–12 September 2007; pp. 181–184. [ Google Scholar ]
  • Canós, J.H.; Letelier, M.C.P.P. Metodologías ágiles en el Desarrollo de Software. Available online: http://roa.ult.edu.cu/handle/123456789/476 (accessed on 13 October 2019).
  • Álvarez, D.J.S.; Villamizar, I.A.G.; Villalba, R.L. ISO SPICE en sistemas hipermedia educativa. Rev. UIS Ing. 2003 , 2 , 63–72. [ Google Scholar ]
  • Hernandez, A.; Martínez, M.D. La investigación evaluativa: Enfoque estratégico para una educación a distancia en entornos virtuales de calidad. Aula de Encuentro. 2014 , 16 , 108–129. [ Google Scholar ]
  • Feldmann, M.; Hubsch, G.; Springer, T.; Schill, A. Improving Task-driven software development approaches for creating service-based interactive applications by using annotated web services. In Proceedings of the Fifth International Conference on Next Generation Web Services Practices, Prague, Czech, 9–11 September 2009; pp. 94–97. [ Google Scholar ]
  • Lizcano, D.; Alonso, F.; Soriano, J.; Lopez, G. A Web-centred Approach to End-user Software Engineering. ACM Trans. Softw. Eng. Methodol. 2013 , 22 , 36:1–36:29. [ Google Scholar ] [ CrossRef ]
  • Costabile, M.F.; Fogli, D.; Mussio, P.; Piccinno, A. A meta-design approach to end-user development. In Proceedings of the IEEE Symposium on Visual Languages and Human-Centric Computing (VL/HCC’05), Dallas, TX, USA, 20–24 September 2005; pp. 308–310. [ Google Scholar ]
  • Rivero, J.M.; Luna, E.R.; Grigera, J.; Rossi, G. Improving user involvement through a model-driven requirements approach. In Proceedings of the 2013 3rd International Workshop on Model-Driven Requirements Engineering (MoDRE), Rio de Janeiro, Brazil, 15 July 2013; pp. 20–29. [ Google Scholar ]
  • Moreno, N.; Fraternali, P.; Vallecillo, A. WebML modelling in UML. IET Softw. 2007 , 1 , 67–80. [ Google Scholar ] [ CrossRef ] [ Green Version ]
  • Brambilla, M.; Fraternali, P. Large-scale Model-Driven Engineering of web user interaction: The WebML and WebRatio experience. Sci. Comput. Program. 2014 , 89 , 71–87. [ Google Scholar ] [ CrossRef ]
  • Rossi, G.; Schwabe, D. Object-Oriented Design Structures in Web Application Models. Ann. Softw. Eng. 2002 , 13 , 97–110. [ Google Scholar ] [ CrossRef ]
  • Schmid, H.A. Model Driven Architecture with OOHDM. In Proceedings of the Workshops in connection with the 4th International Conference on Web Engineering (ICWE 2004), Munich, Germany, 28–30 July 2004. [ Google Scholar ]
  • Aular, Y.J.M.; Pereira, R.T. Metodologías para el desarrollo de ambientes de aprendizaje en entornos colaborativos: Una reflexión teórica. Multiciencias 2007 , 7 , 63–71. [ Google Scholar ]
  • De Troyer, O.; Casteleyn, S. Modeling complex processes for Web applications using WSDM. In Proceedings of the Third International Workshop on Web-Oriented Software Technologies, Oviedo, Spain, 14–18 July 2003. [ Google Scholar ]
  • Amengual, E.; Mas, A.; Escalona, M.J.; Ramos, I.; Ruiz, M. Correspondencia de procesos de la metodología NDT con el estándar ISO 12207. REICIS. Rev. Española de Inno. Calidad e Ingeniería del Soft. 2009 , 5 , 6–19. [ Google Scholar ]
  • Baresi, L.; Franca, M.M. W2000 as a MOF Metamodel. In Proceedings of the 2002 World Multiconference on Systemics, Cybernetics and Informatics, Orlando, FL, USA, 14–18 July 2002. [ Google Scholar ]
  • Paiano, R.; Pandurino, A. From Design to Development: A W2000-Based Framework; Issues and Guidelines. Id. Gr. Publ. 2003 , 500–503. [ Google Scholar ]
  • Sarı, A.; Tosun, A.; Alptekin, G.I. A systematic literature review on crowdsourcing in software engineering. J. Syst. Soft. 2019 , 153 , 200–219. [ Google Scholar ] [ CrossRef ]
  • Braun, V.; Clarke, V. Using thematic analysis in psychology. Qual. Res. Psychol. 2006 , 3 , 77–101. [ Google Scholar ] [ CrossRef ] [ Green Version ]
  • Paydar, S.; Kahani, M. A semantic web enabled approach to reuse functional requirements models in web engineering. Autom. Soft. Eng. 2015 , 22 , 241–288. [ Google Scholar ] [ CrossRef ]
  • Garousi, V.; Petersen, K.; Ozkan, B. Challenges and best practices in industry-academia collaborations in software engineering: A systematic literature review. Inf. Softw. Technol. 2016 , 79 , 106–127. [ Google Scholar ] [ CrossRef ] [ Green Version ]

Click here to enlarge figure

RQKey Terms
Agile approach, task-driven approach, content-driven approach,
web-centred approach to end user, web applications.
Web development methodology, OOHDM, WebML, SOHDM,
NDT, UWE, WSDM, W2000
NLibrary
1Science Direct
2Springer Link
3IEEE Xplore Digital Library
4ACM Digital Library
5Google Scholar
Research QuestionsSearch Strings
RQ 1.1“web development” AND “agile approach” AND (“web applications” OR “software web”)
RQ1RQ 1.2hypermedia approach AND ("task-driven approach" OR content-driven approach) AND web development AND (web applications OR software web OR hypermedia software)
RQ 1.3“web-centred approach” AND “end-user” AND “software development methodology” AND “web applications” AND “web software”
“end-user” AND “usability” AND “ISO 9241-11” AND “ISO 9241-210” AND “software development methodology” AND “web applications” AND “web software”
RQ2
“web development methodology” AND “approaches” AND “features” AND “OOHDM” OR “WebML” OR “SOHDM” OR “NDT” OR “UWE” OR “WSDM” OR “W2000”
AuthorTitle
DOC1Madjid Sadallah, Olivier Aubert Yannick PriéCHM: an annotation- and component-based hyper video model for the Web. [ ]
DOC2Wei Wang, Wenjie ZhangGuest editorial: web applications and techniques. [ ]
DOC3Cristina Cachero Castro, Santiago Meliá, Marcela Genero, Geert Poels, CoralTowards improving the navigability of Web applications: a model-driven approach. [ ]
DOC4V. V. LipaevProblems of the development and quality control of large software systems. [ ]
DOC5M.J Taylor, J McWilliam, H Forsyth, S WadeMethodologies and website development: a survey of practice. [ ]
DOC6Dimitris Stavrinoudis, Michalis Xenos, Pavlos Peppas, Dimitris ChristodoulakisEarly Estimation of Users’ Perception of Software Quality. [ ]
DOC7Davide Bolchini, Paolo PaoliniGoal-driven requirements analysis for hypermedia-intensive Web applications. [ ]
DOC8Mahdi Fahmideh, Gholami Mohsen Sharifi, Pooyan JamshidiEnhancing the OPEN Process Framework with service-oriented method. [ ]
DOC9Fernando Lyardet, Gustavo Rossi, Daniel SchwabeDiscovering and Using Design Patterns in the WWW. [ ]
DOC10T. Madhusudan, Young-Jun SonA simulation-based approach for dynamic process management at web service platforms. [ ]
RQSubdivisionSelected studies
[ ] Agile characteristics are presented that are considered when developing hypertext applications focused on the elicitation of requirements and stages of analysis of the life cycle of the development of web applications.
Agile approach[ ] Describes a short review of the agile principles and values that are put into practice by software industries and how it has contributed to the development of applications.
[ ] Based on proposals such as XP, they examine how the approach applied to develop an application in an unpredictable environment influences its changes and describe other benefits of the agile approach.
[ ] In web application development he refers to how he employs the prototyping and incremental process approach and how it relates to hypermedia.
Hypermedia approach[ ] Describes the characteristics of the hypermedia approach and how it contributes to the educational web application development environment.
[ ] Presents the characteristics of task-based models, as well as the benefits and results of integrating annotations into the life cycle of development methodologies.
[ ] Describes how the end-user approach influences the use of techniques to achieve its objectives and the importance of coupling it into the life cycle of web application software.
End-user oriented approach[ ] Presents the features of a new methodology that emphasizes efforts to guide software designers and end users through the software development process.
[ ] Establishes the characteristics of model-based methodologies to improve participation and the constant requirements implied by end users.
[ ] Establishes a perspective of how to carry out the modeling of the project that allows the comprehension and reuse to other existing models, focusing on the adaptability of the modeling of the web systems.
WebML
[ ] The approach used is characterized by its versatility to work with back-end and front-end without restricting user interaction in the graphical interface.
[ ] Analyzes design patterns used in web applications based on the OOHDM approach to design recycling and standardizing a web application model.
OOHDM
[ ] Examines the OOHDM approach to the modeling of complex web applications that are hypermedia-supported and represented through object modeling.
[ ] Characterizes the UWE methodology by its structure focused on content modeling, navigation, presentation and processes; and its relationship with UML to stage the objects that compose it.
UWE
[ ] The UWE methodology relates it to model-driven development and emphasizes the collection of functional requirements, however, it is not able to categorize them.
[ ] As for web development, this methodology focuses mostly on users, giving way to new diagrams that prioritize the user and their interests.
WSDM
[ ] Through a case study, he explains how the WSDM approach focuses on user comfort, separating application structure and workflow.
[ ] Evaluates the processes of the methodology with respect to the international standard ISO/IEC 12207 that normalizes the processes of the software life cycle; and describes the approach on the design of the system.
NDT
[ ] Describes NDT’s approach as being more related to requirements engineering, however, in the implementation and testing phases it suffers from an unevenness as it is not contemplated in web development.
[ ] They elaborate a new design framework taking the approach of the W2000 methodology which is based on the agile development of prototypes, and the framework with which it works.
W2000
[ ] Presents the methodology and approach to system functional requirements by extending UML notation, similar to HDM.
[ ][ ][ ]
Content-Driven Approach MethodologiesTask-Driven Approach Methodologies
Interaction with the user is minimal.Has greater interaction with the customer.
It depends on the conceptual data model to achieve a hierarchical analysis of the content.Analyzes and processes content data separately, according to the task at hand.
The specification of requirements is complex, and brainstorming is necessary.Requirements collection is simple, and pre-established models are used.
- RMM
- OHDM
- VHDM
- SOHDM
- EORM
- WHDM
[ ][ ][ ]
Prototyping.Agile.Hypermedia.
Short-term projects, multimedia content management.Organization by teams. Improvement of the final product.Special focus on requirements and users.
- Scrum
- EssUP (Essencial Unified Process)
- W2000
- Extreme Programming (XP)
- KanBan
- Scrumban
- NDT
- WSDM
- OOHDM
- Employ User Stories.
- Task board.
- Use meta-models for information, navigation, etc.
- Perform unit tests.
- Whiteboard with sticky notes for process management.
- Generation of models for system analysis.
- Capture of requirements through UML notation.
[ ][ ][ ]
- Requirements specifications.
- End users formulate a narrative description of the solution.
- Verify that the provisional designs output work properly.
They perform two fundamental roles:
1.Perform assigned tasks.
2.Participate as an interested party in the domain.

Puts the user in front and gives him the ability to create his own applications on the fly that satisfy a situational need.

- They do not define the requirements correctly from the beginning.
- They do not perform a proper test for error detection.
The end user pretends to be a consumer and designer.


The main problems are presented at the design stage, for the use of interfaces, organization and coordination of resources.
The study has not specify features of usability.





- The environments that employ the end user approach must meet usability requirements.
- It is evaluated by workshops.
- Visibility.
- Feedback.
- Consistency.
- Non-destructive operations.
- Discoverability.
- Scalability.
- Reliability.
Iterative development.
Correction of errors.
Small development group.
Adaptation to changes.
Correction of errors.
Simplicity in the code.
User Orientation.
Few documentation.
Unit tests.
Function. Prioritization.
Flexibility to change.
User Orientation.
Does not applyAppliesDoes not applyAppliesDoes not applyApplies
Content-drivenModel-drivenContent-drivenModel-drivenTask- drivenTask- driven
Throughout the development process.Throughout the development process.Throughout the development process.Throughout the development process.Throughout the development process.Throughout the development process.
AppliesAppliesAppliesAppliesAppliesApplies
RequirementsHypermedia-Based ApproachAgile ApproachEnd-User Based Approach
Content-DrivenTask-Driven
Allows reuse.HighMediumHighNo apply
Allows integration of types
of software artifacts.
HighLowHighMedium
Ensures constant maintenance.HighLowHighHigh
Allows flexibility.HighHighHighMedium
Ensures communication with
the development team.
LowMediumHighHigh
Enables end user collaborationLowMediumHighHigh
It is accessible to constant modificationsHighHighHighHigh
RequirementsCategories
Allows reuse.HighThe interface design is specified in detail. Provides documentation of each of its functionalities and activities during the life cycle.
MediumCertain functionalities and components can be used in other projects. Documentation is poor.
LowIt does not provide the necessary resources to use the modules in other projects.
Allows integration of types of software artifacts.HighThe life cycle process integrates in its entirety various artefacts, such as UML, object-oriented, among others.
MediumAllows the integration of artefacts in certain stages of the life cycle.
LowIncludes the use of artifact only in the main stages.
Ensures constant maintenance.HighProvides the proper guidance for hassle-free maintenance.
MediumMaintenance is performed correctly but can have setbacks.
LowConstant maintenance of the project is complex, and time consuming.
Allows flexibility.HighAllows requirements to be updated and aggregated without any problem.
MediumThe implementation of requirements implies difficulties for the working group and the development process.
LowIt is not possible to implement new requirements or modifications at any stage, only at the beginning.
Ensures communication with the development team.HighCommunication and interaction among team members occurs at each stage of development.
MediumThere is constant communication but it does not include all the members of the working group.
LowCommunication is mild and only occurs at certain stages.
Enables end user collaboration.HighThe end user interacts throughout the process and is a constant part of the software design and modification.
MediumThe user only intervenes in the necessary stages (requirements and evaluation). Minor changes are discussed.
LowThe end user only intervenes in specific stages and tasks. There is no follow-up during the development process.
It is accessible to constant modificationsHighChanges can be made at any stage of the life cycle.
MediumChanges can be made at specific stages of the life cycle without seriously affecting the process.
LowChanges can simply be made in the initial stage.

Share and Cite

Molina Ríos, J.; Pedreira-Souto, N. Approach of Agile Methodologies in the Development of Web-Based Software. Information 2019 , 10 , 314. https://doi.org/10.3390/info10100314

Molina Ríos J, Pedreira-Souto N. Approach of Agile Methodologies in the Development of Web-Based Software. Information . 2019; 10(10):314. https://doi.org/10.3390/info10100314

Molina Ríos, Jimmy, and Nieves Pedreira-Souto. 2019. "Approach of Agile Methodologies in the Development of Web-Based Software" Information 10, no. 10: 314. https://doi.org/10.3390/info10100314

Article Metrics

Article access statistics, further information, mdpi initiatives, follow mdpi.

MDPI

Subscribe to receive issue release notifications and newsletters from MDPI journals

research papers on web application development

Web Application Development with Streamlit

Develop and Deploy Secure and Scalable Web Applications to the Cloud Using a Pure Python Framework

  • © 2022
  • Mohammad Khorasani 0 ,
  • Mohamed Abdou 1 ,
  • Javier Hernández Fernández 2

Doha, Qatar

You can also search for this author in PubMed   Google Scholar

Cambridge, UK

  • Introduces Streamlit, the first pure Python framework for web development
  • Provides a practical zero-to-hero guide to allow developers of all backgrounds get up to speed with Streamlit
  • Empowers developers to upskill and transition to become full stack developers

11k Accesses

14 Citations

9 Altmetric

This is a preview of subscription content, log in via an institution to check access.

Access this book

Subscribe and save.

  • Get 10 units per month
  • Download Article/Chapter or eBook
  • 1 Unit = 1 Article or 1 Chapter
  • Cancel anytime
  • Available as EPUB and PDF
  • Read on any device
  • Instant download
  • Own it forever
  • Compact, lightweight edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Other ways to access

Licence this eBook for your library

Institutional subscriptions

About this book

Transition from a back-end developer to a full-stack developer with knowledge of all the dimensions of web application development, namely, front-end, back-end and server-side software. This book provides a comprehensive overview of Streamlit, allowing developers and programmers of all backgrounds to get up to speed in as little time as possible. 

Streamlit is a pure Python web framework that will bridge the skills gap and shorten development time from weeks to hours. This book walks you through the complete cycle of web application development, from an introductory to advanced level with accompanying source code and resources. You will be exposed to developing basic, intermediate, and sophisticated user interfaces and subsequently you will be acquainted with data visualization, database systems, application security, and cloud deployment in Streamlit.  

In a market with a surplus demand for full stack developers, this skill set could not possibly come at a better time. In one sentence, Streamlit is a means for the empowerment of developers everywhere and all stand to gain from it.

 What You’ll Learn

  • Mutate big data in real-time
  • Visualize big data interactively
  • Implement web application security and privacy protocols
  • Deploy Streamlit web applications to the cloud using Streamlit, Linux and Windows servers

  Who is this Book for?

Similar content being viewed by others

research papers on web application development

PyWPS: overview, new features in version 4 and existing implementations

research papers on web application development

Datalyzer: Streaming Data Applications Made Easy

research papers on web application development

From the Beginning to the Future

  • web application development
  • python web framework
  • python user interfaces
  • front-end libraries
  • cloud deployment

Table of contents (12 chapters)

Front matter, getting started with streamlit.

  • Mohammad Khorasani, Mohamed Abdou, Javier Hernández Fernández

Streamlit Basics

Architecting the user interface, data management and visualization, database integration, leveraging backend servers, implementing session state, authentication and application security, deploying locally and to the cloud, building streamlit components, streamlit use cases, streamlit at work, back matter, authors and affiliations.

Mohammad Khorasani, Javier Hernández Fernández

Mohamed Abdou

About the authors

Mohammad Khorasani A hybrid of an engineer and a computer scientist with a Bachelor’s of Science in Mechanical Engineering from Texas A&M Uni­versity, and a Master’s in Computer Science from the University of Illinois at Urbana-Champaign. Mohammad specializes in developing and implement­ing software solutions for the advancement of renewable energy systems and services at Iberdrola. In addition, he develops robotic devices using embed­ded systems and rapid prototyping technologies. He is also an avid blog-ger of STEM related topics on Towards Data Science - a Medium publica­tion.

Mohamed Abdou A Software Engineer with diverse academic and indus­trial exposure. A graduate of Computer Engineering from Qatar Uni­versity, and currently a SDE at Amazon. Mohamed has built a variety of open source tools used by tens of thousands in the Streamlit commu­nity. He led the first Google Developer Student Club in Qatar, and rep­resented Qatar University in national and international programming contests. He is a a cyber security enthusiast, and was ranked 2 nd nationwide in bug bounty hunting in Qatar in 2020 among under 25 year old’s.

Javier Hernandez Fernandez specializes in the area of technology innovation and brings over twenty years of practical experience in overseeing the design and delivery of technological developments on behalf of multi-national compa­nies in the fields of IT, telecom, and utilities. He publishes extensively, speaks at conferences around the world, and spends his days wading through piles of academic papers in the hope of finding something interesting. He holds Mas­ters’ degrees in both Energy Management and Project Management, in addition to a B.Sc. in Computer Science from the from the Faculty of Engineering of the University of Ottawa.

Bibliographic Information

Book Title : Web Application Development with Streamlit

Book Subtitle : Develop and Deploy Secure and Scalable Web Applications to the Cloud Using a Pure Python Framework

Authors : Mohammad Khorasani, Mohamed Abdou, Javier Hernández Fernández

DOI : https://doi.org/10.1007/978-1-4842-8111-6

Publisher : Apress Berkeley, CA

eBook Packages : Professional and Applied Computing , Apress Access Books , Professional and Applied Computing (R0)

Copyright Information : Mohammad Khorasani, Mohamed Abdou, Javier Hern�ndez Fern�ndez 2022

Softcover ISBN : 978-1-4842-8110-9 Published: 27 August 2022

eBook ISBN : 978-1-4842-8111-6 Published: 26 August 2022

Edition Number : 1

Number of Pages : XXVII, 480

Number of Illustrations : 270 b/w illustrations

Topics : Web Development , Open Source , Python

  • Publish with us

Policies and ethics

  • Find a journal
  • Track your research

web application Recently Published Documents

Total documents.

  • Latest Documents
  • Most Cited Documents
  • Contributed Authors
  • Related Sources
  • Related Keywords

A NOVEL APPROACH FOR SEMANTIC WEB APPLICATION IN ONLINE EDUCATION BASED ON STEGANOGRAPHY

Semantic Web technology is not new as most of us contemplate; it has evolved over the years. Linked Data web terminology is the name set recently to the Semantic Web. Semantic Web is a continuation of Web 2.0 and it is to replace existing technologies. It is built on Natural Language processing and provides solutions to most of the prevailing issues. Web 3.0 is the version of Semantic Web caters to the information needs of half of the population on earth. This paper links two important current concerns, the security of information and enforced online education due to COVID-19 with Semantic Web. The Steganography requirement for the Semantic web is discussed elaborately, even though encryption is applied which is inadequate in providing protection. Web 2.0 issues concerning online education and semantic Web solutions have been discussed. An extensive literature survey has been conducted related to the architecture of Web 3.0, detailed history of online education, and Security architecture. Finally, Semantic Web is here to stay and data hiding along with encryption makes it robust.

Efficiency and Effectiveness of Web Application Vulnerability Detection Approaches: A Review

Most existing surveys and reviews on web application vulnerability detection (WAVD) approaches focus on comparing and summarizing the approaches’ technical details. Although some studies have analyzed the efficiency and effectiveness of specific methods, there is a lack of a comprehensive and systematic analysis of the efficiency and effectiveness of various WAVD approaches. We conducted a systematic literature review (SLR) of WAVD approaches and analyzed their efficiency and effectiveness. We identified 105 primary studies out of 775 WAVD articles published between January 2008 and June 2019. Our study identified 10 categories of artifacts analyzed by the WAVD approaches and 8 categories of WAVD meta-approaches for analyzing the artifacts. Our study’s results also summarized and compared the effectiveness and efficiency of different WAVD approaches on detecting specific categories of web application vulnerabilities and which web applications and test suites are used to evaluate the WAVD approaches. To our knowledge, this is the first SLR that focuses on summarizing the effectiveness and efficiencies of WAVD approaches. Our study results can help security engineers choose and compare WAVD tools and help researchers identify research gaps.

Mouse Tracking for Web Marketing: Enhancing User Experience in Web Application Software by Measuring Self-Efficacy and Hesitation Levels

Academia : web platform for e-learning..

Abstract: This paper illustrates how we can improve the existing manual system with the help of E-learning management system. The method aims to build an E-learning web application having better and safer user experience and provides an interactive teaching-learning platform for students and teachers. E-learning Management System is way of solving the educational problems using the modern technologies. It gives an error free, secure, reliable and fast management system. It can assist the user to concentrate on learning rather to concentrate on the record keeping and other stuff. It will help organization in better utilization of resources. Keywords: Web application, Database, backend, frontend, platform, E-learning, Frameworks

Exam Conduction and Proctoring System Using Face Detection

The Online Examination Portal is a web application for taking an online test productively along with face recognition capabilities to perform live proctoring, and there is no time wasted for checking the paper. This report will incorporate all highlights and procedures which are required to develop this portal. This document incorporates details about the objective of the system, approximately targets of the system, system scope confinement, essential system requirements, group advancement, likely venture risks, schedule of the deployment, and finally observing and reporting mechanisms for the whole system. Online Examination Conducting Portal is exceptionally useful for Instructive Institute's to prepare a complete exam, conduct proctoring to prevent misconduct, secure the time that will take to check the paper, and plan check sheets. Online Examination Portal will help the Institutes to test understudies and develop their abilities. But the impediments for the Online Exam systems, it takes more time when the user prepares the exam at the primary time for utilization. To conduct the exam we require the number of computers with the same number of students. With the successful use of the Examination Portal, the facilitator can utilize this system to create the tests as their requirements and we can get accurate results and save time once deployed.

Algorithm for detecting attacks on Web applications based on machine learning methods and attributes queries

Abstract—Almost developed applications tend to become as accessible as possible to the user on the Internet. Different applications often store their data in cyberspace for more effective work and entertainment, such as Google Docs, emails, cloud storage, maps, weather, news,... Attacks on Web resources most often occur at the application level, in the form of HTTP/HTTPS-requests to the site, where traditional firewalls have limited capabilities for analysis and detection attacks. To protect Web resources from attacks at the application level, there are special tools - Web Application Firewall (WAF). This article presents an anomaly detection algorithm, and how it works in the open-source web application firewall ModSecurity, which uses machine learning methods with 8 suggested features to detect attacks on web applications. Tóm tắt—Hầu hết các ứng dụng được phát triển có xu hướng trở nên dễ tiếp cận nhất có thể đối với người dùng qua Internet. Các ứng dụng khác nhau thường lưu trữ dữ liệu trên không gian mạng để làm việc và giải trí hiệu quả hơn, chẳng hạn như Google Docs, email, lưu trữ đám mây, bản đồ, thời tiết, tin tức,... Các cuộc tấn công vào tài nguyên Web thường xảy ra nhất ở tầng ứng dụng, dưới dạng các yêu cầu HTTP/HTTPS đến trang web, nơi tường lửa truyền thống có khả năng hạn chế trong việc phân tích và phát hiện các cuộc tấn công. Để bảo vệ tài nguyên Web khỏi các cuộc tấn công ở tầng ứng dụng, xuất hiện các công cụ đặc biệt - Tường lửa Ứng dụng Web (WAF). Bài viết này trình bày thuật toán phát hiện bất thường và cách thức hoạt động của tường lửa ứng dụng web mã nguồn mở ModSecurity khi sử dụng phương pháp học máy với 8 đặc trưng được đề xuất để phát hiện các cuộc tấn công vào các ứng dụng web.

New Internet of Medical Things for Home-Based Treatment of Anorectal Disorders

Home-based healthcare provides a viable and cost-effective method of delivery for resource- and labour-intensive therapies, such as rehabilitation therapies, including anorectal biofeedback. However, existing systems for home anorectal biofeedback are not able to monitor patient compliance or assess the quality of exercises performed, and as a result have yet to see wide spread clinical adoption. In this paper, we propose a new Internet of Medical Things (IoMT) system to provide home-based biofeedback therapy, facilitating remote monitoring by the physician. We discuss our user-centric design process and the proposed architecture, including a new sensing probe, mobile app, and cloud-based web application. A case study involving biofeedback training exercises was performed. Data from the IoMT was compared against the clinical standard, high-definition anorectal manometry. We demonstrated the feasibility of our proposed IoMT in providing anorectal pressure profiles equivalent to clinical manometry and its application for home-based anorectal biofeedback therapy.

Transposable elements contribute to the spatiotemporal microRNA landscape in human brain development

Transposable elements (TEs) contribute to the evolution of gene regulatory networks and are dynamically expressed throughout human brain development and disease. One gene regulatory mechanism influenced by TEs is the miRNA system of post-transcriptional control. miRNA sequences frequently overlap TE loci and this miRNA expression landscape is crucial for control of gene expression in adult brain and different cellular contexts. Despite this, a thorough investigation of the spatiotemporal expression of TE-embedded miRNAs in human brain development is lacking. Here, we identify a spatiotemporally dynamic TE-embedded miRNA expression landscape between childhood and adolescent stages of human brain development. These miRNAs sometimes arise from two apposed TEs of the same subfamily, such as for L2 or MIR elements, but in the majority of cases stem from solo TEs. They give rise to in silico predicted high-confidence pre-miRNA hairpin structures, likely represent functional miRNAs and have predicted genic targets associated with neurogenesis. TE-embedded miRNA expression is distinct in the cerebellum when compared to other brain regions, as has previously been described for gene and TE expression. Furthermore, we detect expression of previously non-annotated TE-embedded miRNAs throughout human brain development, suggestive of a previously undetected miRNA control network. Together, as with non-TE-embedded miRNAs, TE-embedded sequences give rise to spatiotemporally dynamic miRNA expression networks, the implications of which for human brain development constitute extensive avenues of future experimental research. To facilitate interactive exploration of these spatiotemporal miRNA expression dynamics, we provide the 'Brain miRTExplorer' web application freely accessible for the community.

Sequence Coverage Visualizer: A web application for protein sequence coverage 3D visualization

Protein structure is connected with its function and interaction and plays an extremely important role in protein characterization. As one of the most important analytical methods for protein characterization, Proteomics is widely used to determine protein composition, quantitation, interaction, and even structures. However, due to the gap between identified proteins by proteomics and available 3D structures, it was very challenging, if not impossible, to visualize proteomics results in 3D and further explore the structural aspects of proteomics experiments. Recently, two groups of researchers from DeepMind and Baker lab have independently published protein structure prediction tools that can help us obtain predicted protein structures for the whole human proteome. Although there is still debate on the validity of some of the predicted structures, it is no doubt that these represent the most accurate predictions to date. More importantly, this enabled us to visualize the majority of human proteins for the first time. To help other researchers best utilize these protein structure predictions, we present the Sequence Coverage Visualizer (SCV), http://scv.lab.gy, a web application for protein sequence coverage 3D visualization. Here we showed a few possible usages of the SCV, including the labeling of post-translational modifications and isotope labeling experiments. These results highlight the usefulness of such 3D visualization for proteomics experiments and how SCV can turn a regular result list into structural insights. Furthermore, when used together with limited proteolysis, we demonstrated that SCV can help validate and compare different protein structures, including predicted ones and existing PDB entries. By performing limited proteolysis on native proteins at various time points, SCV can visualize the progress of the digestion. This time-series data further allowed us to compare the predicted structure and existing PDB entries. Although not deterministic, these comparisons could be used to refine current predictions further and represent an important step towards a complete and correct protein structure database. Overall, SCV is a convenient and powerful tool for visualizing proteomics results.

Export Citation Format

Share document.

Subscribe to the PwC Newsletter

Join the community, search results, qos provision for controlling energy consumption in ad-hoc wireless sensor networks.

4 code implementations • ICIC Express Letters 2020

The primary goals of the research are to discover the best techniques to 1) minimize the total consumed energy in the ad-hoc wireless sensor network, and 2) maximize the ad-hoc wireless sensor network lifetime.

Test them all, is it worth it? Assessing configuration sampling on the JHipster Web development stack

1 code implementation • 11 Jun 2018

In this case study, we report on the first ever endeavour to test all possible configurations of an industry-strength, open source configurable software system, JHipster, a popular code generator for web applications.

Software Engineering

A Novel Nudity Detection Algorithm for Web and Mobile Application Development

1 code implementation • 2 Jun 2020

Google vision api is used to detect the face region.

Current Web Application Development and Measurement Practices for Small Software Firms

1 code implementation • 28 May 2012

The analysis was conducted in two stages: first, grouping the development and measurement practices using variable clustering, and second, identifying the acceptance degree.

Data-to-Text Bilingual Generation

2 code implementations • 24 Nov 2023

We describe an object-oriented organization to ensure a convenient realization in both languages.

research papers on web application development

The jsRealB Text Realizer: Organization and Use Cases -- Revised version

1 code implementation • 31 Dec 2020

This paper describes the design principles behind jsRealB (Version 4. 0), a surface realizer written JavaScript for English or French sentences from a specification inspired by the constituent syntax formalism but for which a dependency-based input notation is also available.

An Open Source Web Reader for Under-Resourced Languages

1 code implementation • SIGUL (LREC) 2022

We have developed an open source web reader in Iceland for under-resourced languages.

Learnings from Technological Interventions in a Low Resource Language: Enhancing Information Access in Gondi

1 code implementation • 29 Nov 2022

The primary obstacle to developing technologies for low-resource languages is the lack of representative, usable data.

research papers on web application development

Focal Loss for Dense Object Detection

230 code implementations • ICCV 2017

Our novel Focal Loss focuses training on a sparse set of hard examples and prevents the vast number of easy negatives from overwhelming the detector during training.

research papers on web application development

Code Recommendation for Open Source Software Developers

1 code implementation • 15 Oct 2022

In this paper, we formulate the novel problem of code recommendation, whose purpose is to predict the future contribution behaviors of developers given their interaction history, the semantic features of source code, and the hierarchical file structures of projects.

research papers on web application development

Accessibility Links

  • Skip to content
  • Skip to search IOPscience
  • Skip to Journals list
  • Accessibility help
  • Accessibility Help

Click here to close this panel.

Purpose-led Publishing is a coalition of three not-for-profit publishers in the field of physical sciences: AIP Publishing, the American Physical Society and IOP Publishing.

Together, as publishers that will always put purpose above profit, we have defined a set of industry standards that underpin high-quality, ethical scholarly communications.

We are proudly declaring that science is our only shareholder.

Exploring the role of progressive web applications in modern web development

V S Magomadov 1

Published under licence by IOP Publishing Ltd Journal of Physics: Conference Series , Volume 1679 , Applied physics Citation V S Magomadov 2020 J. Phys.: Conf. Ser. 1679 022043 DOI 10.1088/1742-6596/1679/2/022043

Article metrics

1987 Total downloads

Share this article

Author e-mails.

[email protected]

Author affiliations

1 Faculty of information technology, Chechen State University, 32 Sheripov Street, Grozny, 364024, Russia

Buy this article in print

This paper explores such a Web development technology as Progressive Web Applications. It is explained what this technology is and the purpose of it. The paper also compares progressive web applications to other Web technologies that are closely related to them, such as responsive websites and native applications. It highlights the most important differences and similarities between them. Furthermore, the paper discusses the advantages as well as the possible limitations of this technology. Finally, it provides some thoughts on whether or not this technology is the best solution for the online presence of a business.

Export citation and abstract BibTeX RIS

Content from this work may be used under the terms of the Creative Commons Attribution 3.0 licence . Any further distribution of this work must maintain attribution to the author(s) and the title of the work, journal citation and DOI.

IEEE Account

  • Change Username/Password
  • Update Address

Purchase Details

  • Payment Options
  • Order History
  • View Purchased Documents

Profile Information

  • Communications Preferences
  • Profession and Education
  • Technical Interests
  • US & Canada: +1 800 678 4333
  • Worldwide: +1 732 981 0060
  • Contact & Support
  • About IEEE Xplore
  • Accessibility
  • Terms of Use
  • Nondiscrimination Policy
  • Privacy & Opting Out of Cookies

A not-for-profit organization, IEEE is the world's largest technical professional organization dedicated to advancing technology for the benefit of humanity. © Copyright 2024 IEEE - All rights reserved. Use of this web site signifies your agreement to the terms and conditions.

research papers on web application development

Academia.edu no longer supports Internet Explorer.

To browse Academia.edu and the wider internet faster and more securely, please take a few seconds to  upgrade your browser .

  •  We're Hiring!
  •  Help Center

WEB DEVELOPMENT

  • Most Cited Papers
  • Most Downloaded Papers
  • Newest Papers
  • Last »
  • Web Development Follow Following
  • Information Security Follow Following
  • Architecture Follow Following
  • Computer Science Follow Following
  • Emergency and Disaster Management Follow Following
  • Information and Communications Technology Follow Following
  • Website Design Follow Following
  • Twitter Bootstrap Themes Follow Following
  • Law Enforcement Follow Following
  • Homeland Security Follow Following

Enter the email address you signed up with and we'll email you a reset link.

  • Academia.edu Journals
  •   We're Hiring!
  •   Help Center
  • Find new research papers in:
  • Health Sciences
  • Earth Sciences
  • Cognitive Science
  • Mathematics
  • Computer Science
  • Academia ©2024
  • Coupon Not Working?

100% OFF & Free Udemy Coupons - August 2024

  • _Development
  • _Finance & Accounting
  • _IT & Software
  • _Office Productivity
  • _Terms of Use
  • _DMCA Policy
  • _Privacy Policy

React for Full Stack Development: Build Modern Web Solutions [Free Online Course] - TechCracked

React for Full Stack Development: Build Modern Web Solutions

Build interactive & dynamic web applications with React. Core concepts & best practices. Become Full Stack Web Developer

This course includes :

  • 10 hours on-demand video
  • Access on mobile and TV
  • Full lifetime access
  • Certificate of completion

What you'll learn

  • Understand the fundamentals of React, including components, JSX, props, and state.
  • Build and structure reusable and scalable React components.
  • Manage state and lifecycle methods effectively in React applications.
  • Implement advanced React features, such as hooks, higher-order components, and context API.
  • Handle forms and user inputs, including form validation and event handling.
  • Optimize application performance using techniques like code splitting and lazy loading.
  • Work with React Router to implement client-side routing and create single-page applications (SPAs).
  • Integrate React applications with RESTful APIs using tools like Axios or Fetch.
  • Master state management with Redux or React's Context API.
  • Implement unit testing in React using tools like Jest and React Testing Library.
  • Deploy React applications to various environments, ensuring they are production-ready.
  • Use modern React development tools like Webpack, Babel, and Create React App.
  • Build responsive and accessible user interfaces in React following best practices.
  • Collaborate on real-world projects using version control systems like Git and platforms like GitHub.
  • Transition to React Native to develop mobile applications for iOS and Android.

Description

A warm welcome to the React for Full Stack Development: Build Modern Web Solutions course by Uplatz.

What is React?

React is a popular JavaScript library for building user interfaces, primarily for web applications. It was created by Facebook and is now maintained by Meta and a large community of developers. React simplifies the process of building and maintaining dynamic user interfaces by promoting component reusability, a declarative approach, and efficient updates to the DOM. It has become a popular choice for front-end development due to its flexibility, performance, and strong community support.

Key features of React include:

Component-Based: React allows you to break down complex UIs into smaller, reusable pieces called components. This modular approach promotes code reusability, maintainability, and testability.

Declarative: In React, you describe what your UI should look like based on its current state and data, rather than specifying how to achieve it. React handles the actual rendering and updating of the UI efficiently.

Virtual DOM: React uses a virtual representation of the actual Document Object Model (DOM), which allows it to perform updates efficiently by minimizing changes to the real DOM.

JavaScript Syntax Extension (JSX): JSX is a syntax extension that lets you write HTML-like code within your JavaScript, making it easier to define the structure and appearance of your components.

Open-Source and Large Community: React is open-source and has a vast and active community, providing extensive support, resources, and third-party libraries.

How React Works

Components: You create components, which are like building blocks for your UI. Each component represents a part of the UI and can have its own state and logic.

JSX: You use JSX to define the structure and appearance of your components in a way that resembles HTML. React converts this JSX into regular JavaScript code that manipulates the DOM.

Virtual DOM: React maintains a virtual DOM, which is a lightweight representation of the actual DOM. When the state or data in your components change, React efficiently updates the virtual DOM and compares it to the previous version.

Reconciliation (Diffing): React performs a process called reconciliation (or diffing) to identify the specific changes that need to be made to the actual DOM. This minimizes the number of updates to the browser's DOM, improving performance.

Rendering: React applies the necessary changes to the actual DOM, updating only the parts of the UI that need to be changed based on the reconciliation process.

State Management: You manage the state (data) within your components using React's state management features (e.g., useState hook) or external state management libraries like Redux.

Event Handling: You add event listeners to your components to respond to user interactions (clicks, input changes, etc.). These events can trigger updates to the component's state or other actions.

Benefits of learning React

High Demand in the Job Market

React is one of the most popular JavaScript libraries, widely adopted by companies of all sizes, from startups to tech giants like Facebook, Airbnb, and Netflix. This popularity creates a strong demand for React developers.

Efficient Development with Reusable Components

React promotes the use of reusable components, which can save time and effort during development. This modular approach makes it easier to maintain and scale applications.

Strong Community and Ecosystem

With a large community of developers, React offers extensive support, numerous libraries, and tools that can help solve almost any problem you encounter during development.

SEO-Friendly Applications

React’s ability to render on the server side (with tools like Next.js) improves the performance and SEO of web applications, which is crucial for public-facing websites.

Flexibility with React Native

Learning React opens the door to React Native, a framework for building mobile applications. This allows developers to use the same skills to build apps for both web and mobile platforms.

Excellent Performance

React uses a virtual DOM (Document Object Model), which improves the performance of applications by minimizing direct interactions with the real DOM. This leads to faster, more responsive applications.

Continued Learning and Growth

React is constantly evolving, with frequent updates and new features. Learning React ensures you stay up-to-date with the latest trends and best practices in modern web development.

Career Paths after learning React

React skills can significantly enhance your career prospects, offering a wide range of opportunities in web and mobile development.

Front-End Developer

Specializing in building user interfaces, a front-end developer with React skills can work on creating responsive and dynamic web applications. This role focuses on the client side of applications.

Full-Stack Developer

Combining React with back-end technologies like Node.js, Express, or Django, full-stack developers can build and manage complete web applications, handling both front-end and back-end development.

Mobile App Developer

With React Native, you can transition into mobile app development, creating cross-platform applications for both iOS and Android using the same React skills.

UI/UX Engineer

React developers can focus on the design and user experience aspect of web applications, working closely with designers to implement interactive and visually appealing interfaces.

Web Application Architect

With experience, you can move into a role where you design the architecture of web applications, making key decisions about technology stacks, scalability, and performance.

Technical Lead/Engineering Manager

After gaining experience, you can move into leadership roles, overseeing development teams, managing projects, and ensuring that applications are built according to best practices.

Freelance Developer/Consultant

React developers can work independently, offering their expertise to various clients and companies on a contract basis. This path provides flexibility and the opportunity to work on diverse projects.

Open-Source Contributor/Maintainer

Contributing to open-source React projects or even creating your own libraries can lead to recognition in the community, open doors to new opportunities, and build your personal brand as a developer.

Instructor/Content Creator

With in-depth React knowledge, you could teach others through courses, tutorials, or blogging, establishing yourself as an expert and potentially monetizing your knowledge.

Who this course is for:

Front-end developers and web developers: Individuals who already have a foundation in HTML, CSS, and JavaScript and want to expand their skill set to build modern, interactive web applications

Beginners & newbies aspiring for a career in front-end or full-stack web development

Enthusiastic full-stack developers: Developers who want to learn both front-end and back-end technologies and see React as a crucial part of their full-stack toolkit

UI/UX designers: Designers who want to gain a better understanding of how their designs are implemented and interact with React components

Freelancers and entrepreneurs: Individuals who want to build web applications independently or for clients

Web Application Developers with a technology stack involving React/JavaScript

Students and recent graduates: Individuals who are looking to enter the field of web development and want to learn a popular and in-demand technology like React

Software Developers

Application Developers

Cloud Engineers

Solution Architects and Software Architects

Software Engineering Leads

Course is FREE for Limited Time Only!

Featured post.

Mastering Your Resume: Essential Tips and Tricks for Job Seekers - TechCracked

Mastering Your Resume: Essential Tips and Tricks for Job Seekers - TechCracked

Connect with us.

  • IT & Software
  • Development
  • Programming
  • Data Analysis
  • Data Science
  • Machine Learning
  • Finance & Accounting
  • Office Productivity

About TechCracked

TechCracked is a platform that provides 100% Off Coupons for Udemy Courses. We also cover FREE online courses from more platforms like edX, Coursera, Udacity, and more.

Menu Footer Widget

  • Cookie Policy

IMAGES

  1. (PDF) Developing Web Applications

    research papers on web application development

  2. Web application development research paper

    research papers on web application development

  3. (PDF) Webification of software development: General outline and the

    research papers on web application development

  4. On Building a Custom Research Paper Web Application

    research papers on web application development

  5. Web application development process overview

    research papers on web application development

  6. 22619 Web based application development using PHP

    research papers on web application development

COMMENTS

  1. 695 PDFs

    Full-text available. Feb 2024. Vijay Panwar. This paper examines the transformative journey of web application development, from its nascent stages of static web pages to the current era of ...

  2. web development Latest Research Papers

    Website Developmemt Technologies: A Review. Abstract: Service Science is that the basis of knowledge system and net services that judge to the provider/client model. This paper developments a technique which will be utilized in the event of net services like websites, net applications and eCommerce. The goal is to development a technique that ...

  3. 118653 PDFs

    Explore the latest full-text research PDFs, articles, conference papers, preprints and more on WEB DEVELOPMENT. Find methods information, sources, references or conduct a literature review on WEB ...

  4. (PDF) A Systematic Literature Review on Progressive Web Application

    Over the years, there has been a constant increase in the demand for mobile software due to the constant increase in the number of smart phones. Mobile developers have the liberty to adopt different development architectures or strategies which includes the native app, mobile web app, hybrid app and the new Progressive Web App (PWA).

  5. 80236 PDFs

    Explore the latest full-text research PDFs, articles, conference papers, preprints and more on WEB APPLICATIONS. Find methods information, sources, references or conduct a literature review on WEB ...

  6. Approach of Agile Methodologies in the Development of Web-Based Software

    The current inclusion of agile methodologies in web-oriented projects has been considered on a large-scale by software developers. However, the benefits and limitations go beyond the comforts that project managers delimit when choosing them. Selecting a methodology involves more than only the associated processes or some documentation. Based on the above, we could define as the main concerns ...

  7. Analyzing best practices on Web development frameworks: The lift

    Thus, this work presents a set of best practices to develop Lift-based Web applications. Moreover, this paper includes a comparison and discussion carried out among other well-known Web frameworks such as JSF, Ruby on Rails, Struts, Grails, CakePHP, Lift, Django, and Catalyst. Finally, the paper presents also the development of a set of Lift ...

  8. Current Web Development Technologies: A Comparative Review

    Abstract. This paper highlights current web development technologies in IT industry and its measure. Developers of web-based applications are confronted with a bewildering array of available choice formats, languages, frameworks, and technical objects. They investigate, identify, and evaluate technology for creating web applications.

  9. Current Web Application Development and Measurement Practices for Small

    Introduction. Web application is defined as a "Web system which consists of Web server, network, HTTP and browser, in which user input (navigation and data input) affects the state of the business" [1]. In general, Web-based applications differ from other traditional applications in terms of high reliability, high usability, security ...

  10. Web Application Development with Streamlit

    Transition from a back-end developer to a full-stack developer with knowledge of all the dimensions of web application development, namely, front-end, back-end and server-side software. This book provides a comprehensive overview of Streamlit, allowing developers and programmers of all backgrounds to get up to speed in as little time as possible.

  11. web application Latest Research Papers

    The web application approach has become widespread in recent years due to the development of the Internet. Modern web browsers have enough processing power to run complex web applications and are not limited to just websites. During the development process, various methods for constructing surfaces and visualization methods were analyzed to ...

  12. Web application development with component frameworks

    This paper describes development of dynamic web application using web frameworks based on web components. The paper considers several existing open source Java web component frameworks. Then, the paper provides basic features of the analyzed web frameworks and represents their main characteristics. To give an idea of which framework might use, the paper compares all analyzed web frameworks ...

  13. Web Application Development Research Papers

    A revised web objects method to estimate web application development effort. We present a study of the effectiveness of estimating web application development effort using Function Points and Web Objects methods, and a method we propose-the Revised Web Objects (RWO). RWO is an upgrading of WO method, aimed to... more. Download. by Simione Alberto.

  14. Search for web development

    Assessing configuration sampling on the JHipster Web development stack. 1 code implementation • 11 Jun 2018. In this case study, we report on the first ever endeavour to test all possible configurations of an industry-strength, open source configurable software system, JHipster, a popular code generator for web applications.

  15. Front-End web development project architecture design

    Abstract: In the realm of modern software development, user interfaces play a pivotal role in shaping user experiences and interactions. Effective front-end project architecture design is crucial for creating maintainable, scalable, and responsive web applications. This article delves into the fundamental principles and methodologies that guide the architecture design process, offering ...

  16. Exploring the role of progressive web applications in modern web

    This paper explores such a Web development technology as Progressive Web Applications. It is explained what this technology is and the purpose of it. The paper also compares progressive web applications to other Web technologies that are closely related to them, such as responsive websites and native applications.

  17. Web Development and performance comparison of Web Development

    From the first website being created in 1991 by Tim Berners-Lee to this day in 2021, the world of websites and their development has seen a rapid evolution. Every business nowadays has a website to make its online presence in this digital age. Website use is not only limited to this, but many people use them to build their online portfolio, apart from that there are many web-based applications ...

  18. A review and analysis of technologies for developing web applications

    Abstract. In this paper we review technologies useful for design and development of web-based applications. We also discuss about the technologies that are used at the client side and server side ...

  19. PDF Duong Dinh & Zhuanyan Wang MODERN FRONT-END WEB DEVELOPMENT

    2020. Duong Dinh & Zhuanyan Wang. LOPMENT- How libraries and frameworks transform everythingThere is a large number of libraries, framewo. ks, and utilities for front-end web development as of 2020. Although they have helped to transform front-end web development significantly, the number of these tools is multiplying s.

  20. WEB DEVELOPMENT Research Papers

    An Evaluation Support Framework for Internet Technologies and Tools. In several stages of Web development, Web Engineers have to study, evaluate, compare and finally select one, among many, similar software systems/tools and theoretical Web resources, i.e. processes, methodologies, technologies and... more. Download. by Sotiris Christodoulou.

  21. PDF Full Stack Web Development: Vision, Challenges and Future Scope

    As Full stack web development refers to the both of each front-end and back-end of an online application, web application, the development method contains 3 layers, i.e., the logic layer (back-end layer), the presentation layer (front-end layer) and the information layer (database layer). The major stacks of full stack web development that

  22. PDF THE DESIGN AND DEVELOPMENT OF AN E-COMMERCE WEB APPLICATION

    This thesis consists of eight chapters. The first one contains the background of the project, thesis goal and structure. The second chapter describes the technology used to develop the website. The general web functionality for different users, database, front-end and back-end side of the project is explained in chapter three.

  23. (PDF) Developing Web Applications

    Developing Web Applicati ons. Sabah Al-Fedaghi. Computer Engineering Department - Kuwait University. [email protected]. Abstract. One approach to developing service-oriented Web applications is ...

  24. Java Web UI Development

    Key Features. Database development. Code completion and SQL formatting: Enhances productivity by providing intelligent code completion and customizable SQL formatting.; Code snippets: Allows users to insert frequently used code templates to accelerate development.; Visual Query Builder: Enables the creation of complex SQL queries without writing code manually, using a drag-and-drop interface.

  25. React for Full Stack Development: Build Modern Web Solutions [Free

    Freelancers and entrepreneurs: Individuals who want to build web applications independently or for clients. Web Application Developers with a technology stack involving React/JavaScript. Students and recent graduates: Individuals who are looking to enter the field of web development and want to learn a popular and in-demand technology like React

  26. The Solar Development Application Committee

    The Solar Development Application Committee will meet on August 20th, 2024 @ 7pm in the Council Chambers of the Annex building @ 401 South Adams Street, Marion. This meeting is open to the public and will be broadcast on Webex. APC President Randy Atkins would like to extend an invitation to receive & consider public suggestions for amendments to the Grant County Solar Ordinance.