WEB DESIGN AND WEB PROGRAMMING IN THE MODERN INTERNET WORLD

Authors

  • A. Fedorchuk Zhytomyr Ivan Franko State University
  • O. Usata Zhytomyr Ivan Franko State University
  • O. Nakonechna Odesa State Agrarian University

DOI:

https://doi.org/10.33042/2522-1809-2023-6-180-12-20

Keywords:

Web, web environment, web technologies, front-end, framework, Bootstrap, CSS3, HTML5, CCS3, JavaScript

Abstract

Modern web content development capabilities are undergoing characteristic changes due to the improvement of web technologies in programming. The origin of web technologies began in the early 80s of the last century when the Hypertext Transfer Protocol (HTTP) and the Hypertext Markup Language (HTML) made a significant contribution to the development of Internet capabilities. The web evolution, characterised by scientific and technological progress in information technology, has opened up new opportunities for the development of web programming, which has led to the emergence of programming languages, frameworks, cascading style sheets, and hypertext markup languages. This research aims to study and analyse the key aspects of web programming and web design with a combination of modern features of the Internet environment. To analyse web design, the article considers the possibilities of using the Bootstrap framework, which combines and contains the HTML5 hypertext markup language, CSS3 cascading style sheets, and the JavaScript programming language. Having analysed two web development technologies—front-end and back-end—we can conclude that the presentation level (front-end development) corresponds to the client side, with which the client can interact and where dynamic elements can be added to an HTML page using JavaScript with the visual definition of a web page using CSS. In the case of back-end development, the application layer corresponds to the server side, with which the client cannot interact, as the shell is hidden. Using the modern capabilities of the programming language, its code, and a set of auxiliary tools in website development, the paper presents a development algorithm where each stage contains separate processes and operations during website development, which makes it impossible for them to exist independently. Thus, tools for designing and laying out websites using modern technologies can greatly simplify the development process, which can create higher-quality web content.

Author Biographies

A. Fedorchuk, Zhytomyr Ivan Franko State University

Candidate of Pedagogical Sciences, Associate Professor, Department of Computer Science and Information Technology

O. Usata, Zhytomyr Ivan Franko State University

Candidate of Pedagogical Sciences, Associate Professor, Department of Computer Science and Information Technology

O. Nakonechna, Odesa State Agrarian University

Candidate of Technical Sciences, Associate Professor at the Department of Information Technologies

References

Almeida, F., & Monteiro, J. (2017). The Role of Responsive Design in Web Development. Webology, 14(2), 157. Retrieved from http://www.webology.org/2017/v14n2/a157.pdf

Ricci, D., Nicastro, L., & Pio, M. A. (2013). Modern Web 2.0 tools for educational astronomy. Proceedings of the 7th International Technology, Education and Development Conference (INTED2013) (pp. 2998–3007). International Association of Technology, Education and Development (IATED). Retrieved from http://ross.iasfbo.inaf.it/GLORIA-WP2/D2.3/nicastro-proceedings-inted2013.pdf

Lazuardy, M. F. S., & Anggraini, D. (2022). Modern Front End Web Architectures with React.Js and Next.Js. International Research Journal of Advanced Engineering and Science, 7(1), 132–141. Retrieved from http://irjaes.com/wp-content/uploads/2022/02/IRJAES-V7N1P162Y22.pdf

Wang, L. (2016). Research on the UI and UE Design Techniques and the Status in HTML5 Website Development. Proceedings of the 2016 2nd International Conference on Social Science and Technology Education (ICSSTE 2016) (pp. 853–858). Atlantis Press. DOI: 10.2991/icsste-16.2016.154

Sotnik, S., Shakurova, T., & Lyashenko, V. (2023). Development Features Web-Applications. International Journal of Academic and Applied Research (IJAAR), 7(1), 79–85. Retrieved from https://openarchive.nure.ua/handle/document/21600

Król, K. (2020). Evolution of online mapping: from Web 1.0 to Web 6.0. Geomatics, Landmanagement and Landscape, (1), 33–51. DOI: 10.15576/GLL/2020.1.33

Bader, W. I., & Hammouri, A. I. (2016). Responsive Web Design Techniques. International Journal of Computer Applications, 150(2), 18–27. DOI: 10.5120/ijca2016911463

Önday, Ö. (2019). Web 6.0: Journey From Web 1.0 To Web 6.0. Journal of Media & Management, 1(1), 1–6. DOI: 10.47363/JMM/2019(1)102

Mohd, T. K., Thompson, J., Carmine, A., & Reuter, G. (2022). Comparative Analysis on Various CSS and JavaScript Frameworks. Journal of Software, 17(6), 282–291. DOI: 10.17706/jsw.17.6.282-291

Laaziri, M., Benmoussa, K., Khoulji, S., Larbi, K. M., & El Yamami, A. (2019). Analyzing bootsrap and foundation font-end frameworks: a comparative study. International Journal of Electrical and Computer Engineering (IJECE), 9(1), 713–722. DOI: 10.11591/ijece.v9i1.pp713-722

Kar, S., Islam, M. M., & Rahaman, M. (2020). State-of-the-Art Reformation of Web Programming Course Curriculum in Digital Bangladesh. International Journal of Advanced Computer Science and Applications (IJACSA), 11(3), 193–201. DOI: 10.14569/IJACSA.2020.0110323

Gupta, P., & Agarwal, D. (2022). Webapp service for providing information about NGOs using HTML5, CSS3, JavaScript, Node JS, MongoDB. Proceedings of the 2022 4th International Conference on Advances in Computing, Communication Control and Networking (ICAC3N) (pp. 2262–2266). Institute of Electrical and Electronics Engi-neers (IEEE).

Wilson, D., Hassan, S.-U., Aljohani, N. R., Visvizi, A., & Nawaz, R. (2023). Demonstrating and negotiating the adoption of web design technologies: Cascading Style Sheets and the CSS Zen Garden. Internet Histories, 7(1), 27–46. DOI: 10.1080/24701475.2022.2055274

Sharma, A. K. (2021). BIG BUY (E-Commerce website) by using Frontend Web Development. International Journal for Modern Trends in Science and Technology, 7(11), 201–208. Retrieved from https://www.ijmtst.com/volume7/issue11/34.IJMTST0711095.pdf

Biçer, M. S., & Diri, B. (2016). Defect prediction for Cascading Style Sheets. Applied Soft Computing, 49, 1078–1084. DOI: 10.1016/j.asoc.2016.05.038

Bos, B., Çelik, T., Hickson, I., & Lie, H. W. (Eds.). (2005). Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification. World Wide Web Consortium. Retrieved from https://www.w3.org/TR/2005/WD-CSS21-20050613/css2.pdf

Published

2023-12-04

How to Cite

Fedorchuk, A., Usata, O., & Nakonechna, O. (2023). WEB DESIGN AND WEB PROGRAMMING IN THE MODERN INTERNET WORLD. Municipal Economy of Cities, 6(180), 12–20. https://doi.org/10.33042/2522-1809-2023-6-180-12-20