WEB TECHNOLOGIES AND WEB DESIGN 1

Abstract of the academic discipline

The purpose of studying the discipline: the formation and development of competencies aimed at acquiring practical skills of  modern methods and means of designing and implementing web services and web applications.

Practical significance and use of the acquired knowledge: mastering modern technologies for the development and design of web services and web applications, taking into account modern design, Internet load, website security and web integration with other web technologies; the ability to apply the basics of modern web technologies on the client and server side and implement their interaction.

Main learning outcomes
PRN#1. Apply knowledge of the basic forms and laws of abstract and logical thinking, the basics of the methodology of scientific knowledge, the forms and methods of extracting, analyzing, processing and synthesizing information in the subject area of computer science.
PRN#10. Use tools for the development of client-server applications, design conceptual, logical and physical models of databases, develop and optimize queries to them, create distributed databases, data stores and showcases, knowledge bases, including on cloud services, using web languages -programming.
PRN#22. Apply methods of analysis, design, development and testing technologies, system integration, implementation and support in the process of developing information and computer systems, including those with an intellectual component.

Subjects and types of educational classes
1 week
Lecture #1. 
"Introduction to web technologies: structure and principles of functioning of the Web. Client-server technologies".
Laboratory lesson #1. 
"Service utilities for working on the Internet. Studying the HTTP protocol".
2 week
Lecture #2. 
"Fundamentals of the HTTP protocol. Structure of HTTP protocol messages. Ensuring the security of HTTP data transmission. Cookie".
Laboratory lesson #2. 
"Study of the HTTP protocol: analysis of the operation of the HTTP protocol."
3 week
Lecture #3. 
"Fundamentals of HTML web page markup language. HTML language concept. HTML language tags and attributes. Basic software tools for working with HTML".
Laboratory lesson 3. 
"Study of the basic capabilities of the HTML language."
4 week
Lecture #4. 
"Basics of CSS web page styling language. Ways to use CSS. The syntax of the CSS language. Selectors and CSS style rules. Block and term elements".
Laboratory lesson #4. 
"Forms in HTML documents."
5 week
Lecture #5. 
"Fundamentals of using the SSS language. Color management in the CSS language. Coordinates and dimensions. Controlling the visibility of markup elements".
Laboratory lesson #5.
"Using cascading CSS style sheets"
6 week
Lecture #6. 
"The main selectors of the CSS language. Combined selectors".
Laboratory lesson #6. 
"Using cascading CSS style sheets: working with CSS language selectors"
7 week
Lecture #7. 
"Block model of marking elements. Media requests. CSS animation".
Laboratory lesson #7. 
"Using cascading CSS style sheets: using CSS animation."
8 week
Lecture #8. 
"Basics of Flexbox layout and Grid layout".
Laboratory lesson #8. 
"Using cascading CSS style sheets: creating a site frame using the CSS language."
Modular test (control work) # 1.
9 week
Lecture #9. 
"Basics of the JavaScript language. Fundamentals of JavaScript language syntax. Basic data types of the JavaScript language. JavaScript literals and variables. Conditional operators, loop operators in the JavaScript language".
Laboratory lesson #9. 
"The basics of using the JavaScript language."
10 week
Lecture #10. 
"Arrays and objects in the JavaScript language. Javascript functions as data types and as objects. Ways of describing user objects".
Laboratory lesson #10. 
"Basics of using the JavaScript language: working with the main data structures of the JavaScript language."
11 week
Lecture #11. 
"Document object model (DOM). The main properties of the JavaScript language, intended for positioning on the nodes of the DOM tree. Basic JavaScript methods for manipulating DOM tree nodes".
Laboratory lesson #11. 
"Basics of using the JavaScript language: the DOM model."
12 week
Lecture #12. 
"Access to DOM tree attributes. Methods of changing the DOM tree: creating elements, inserting elements, deleting elements, cloning elements.
Laboratory lesson #12. 
"Basics of using the JavaScript language: the DOM model."
13 week
Lecture #13. 
"Processing of browser events in the JavaScript language. Web application events. Event processing order. Event delegation. Generation of events on the elements of the DOM tree".
Laboratory lesson #13. 
"Basics of using the JavaScript language: handling browser events."
14 week
Lecture #14. 
"Programming of forms in the JavaScript language. Properties of form elements. Processing data changes in form elements. Programming the events of sending data from the form.
Laboratory lesson #14. 
"Basics of using the JavaScript language: programming forms."
15 week
Lecture #15. 
"Working with regular expressions in the JavaScript language. Basics of the language of regular expressions. Basic methods of the JavaScript language for working with regular expressions. Validation of forms based on regular expressions".
Laboratory lesson # 15. 
"Working with regular expressions using the JavaScript language."
Modular test (control work) #2

Individual work of the applicant takes place during the semester and consists of preparation for classroom classes, control measures, individual tasks.
Consultations: are carried out by the teacher during the semester according to the schedule.

Assessment of learning outcomes
The evaluation of the results of studies in the discipline is carried out according to the cumulative system, which allows the student to receive a maximum of 100 points during the semester.
Module # 1
Laboratory works 1, 2,3,4,5,6,7, 8 - perfect execution of each laboratory work in the established terms, maximum 4 points.
Modular test #1 – perfect execution maximum  18 points (in each task of the modular test, the maximum number of points for each task is given).
Module #2
Laboratory works 9, 10, 11, 12, 13, 14, 15 - perfect execution of each laboratory work in the established terms, maximum 5 points.
Modular test # 2 – perfect execution maximum 15 points (in each task of the modular test, the maximum number of points for each task are given).
Links to recommended sources of information
1. Robberts J. Learning Web Design. 5th edition. O’Reilly Media. 2018.
2. Attardi J. Modern CSS: Master the Key Concepts of CSS for Modern Web Development. 2020.
3. Flanagan D. JavaScript: The Definitive Guide. O’Reilly Media. 2020.
4. Scott A., MacDonald M. JavaScript Cookbook: Programming the Web. O’Reilly Media. 2021.