Web programming (front-end)Syllabus

Subject code

İFS-2220yn

Credits

4

Student workload

75

Semester

Autumn semester

Academic year

1

Subject type

Elective

Form of education

Full-time

Language of instruction

Azerbaijani

In-class hours

a) 15 saat - mühazirə b) 30 saat - laboratoriya

Out-of-class hours

a) 45 saat - TSİ b) 30 saat - MRTSİ

The subject "web programming (front-end)" covers the basic technologies and approaches required for the development of modern web pages and user interfaces. within the subject, students learn how to structure web pages using html, create design and layout with css, and provide interactive and dynamic functionality with javascript. development of responsive interfaces for different devices and screen sizes, DOM manipulation and application of modern javascript capabilities are considered. in the teaching process, the use of technologies such as bootstrap and sass, as well as the basic concepts of the react library, are taught. emphasis is placed on principles of code organization, performance optimization, accessibility, and optimization for search engines. at the end of the course, students acquire the ability to develop functional, responsive and user-oriented web interfaces using modern technologies.

• lecture
• project-based learning
• presentations
• problem-based learning
• interactive discussion
• laboratory work
• teamwork

No learning outcomes have been added.

1. 1.
   Introduction to web programming and version control with gitLecture

   The subject covers the basic concepts of web programming, web technologies and the working principles of web applications. basic knowledge of the role of front-end programming in web application development and the basic technologies used is provided. the rules of ethical and responsible use of artificial intelligence tools in the programming and teaching process are explained. principles of software code version control, change tracking, and project organization are learned through git. the use of the github platform in the maintenance, management and collaborative workflow of code repositories is also considered.

2. 2.
   Basics of HTMLLecture

   The topic covers the basic concepts and elements of the HTML language used to structure web pages. the principles of using HTML elements and attributes, creating headings, paragraphs and links are studied. techniques for adding images to web pages and assigning basic style properties to elements are reviewed. rules for structuring data through tables and lists are explained. also, the principles of using class and id attributes for grouping and individually identifying HTML elements are studied.

3. 3.
   Page structure, forms and multimedia in HTMLLecture

   The topic covers methods of structuring web pages and creating various content elements through html. the principles of using layout and semantic elements for creating a page layout, as well as HTML symbols for displaying special symbols, are studied. creating forms for user data entry, form attributes, form elements and implementation of different input types are explained. techniques for adding and managing video and audio content to web pages are reviewed. also, the basic principles of responsive design are studied for the development of web pages suitable for different devices and screen sizes.

4. 4.
   Basics of CSSLecture

   The topic covers the basic concepts of CSS technology, which is used to shape the visual appearance and layout of web pages. CSS syntax, selectors and comments, as well as the principles of using colors, backgrounds and borders are studied. controlling the outer and inner spacing, height and width dimensions of elements, as well as the CSS box model and outline features are explained. styles of text, fonts, icons, and links are reviewed. the management of the visual layout of lists and tables through CSS is also studied.

5. 5.
   Page layout and responsive design in CSSLecture

   The topic covers methods of controlling the placement, appearance, and interaction of web page elements through css. display, position, z-index and overflow features, as well as the principles of horizontal and vertical alignment of elements are studied. more precise selection and styling of HTML elements through combinators, pseudo-classes, pseudo-elements and attribute selectors is explained. web page layout construction, the use of CSS units of measure, and the !important rule are reviewed. also, the development of responsive web interfaces suitable for different devices and screen sizes through flexbox and media queries is studied.

6. 6.
   Basics of javascript and user interaction through the DOMLecture

   The topic covers the basic concepts of the javascript programming language and the principles of creating interactivity on web pages. creation and use of variables, data types, cycles, and functions are studied. explains how to programmatically access the structure of HTML elements through the document object model (dom) and select individual or multiple elements. changing the CSS properties of selected elements via javascript and dynamically manipulating the web page are considered. also, the development of interactive web interfaces that respond to user operations using events is studied.

7. 7.
   Basics of typescript, javascript frameworks and reactLecture

   The topic covers the basic concepts of typescript, javascript frameworks and react technology used in modern front-end programming. explains the static typing capabilities that typescript adds to javascript and its role in developing more reliable application code. the use and main advantages of javascript frameworks and libraries in the development of modern web applications are reviewed. the component-based architecture of react, the principles of creating components and structuring user interfaces are studied. emphasis is placed on the application of these technologies in developing dynamic, reusable and manageable front-end applications.

8. 8.
   The problem of consciousness in philosophy and modern natural scienceLecture

   The purpose of the topic is to explain the essence, origin and functions of consciousness from a philosophical and scientific point of view. the relationship between consciousness and the brain, artificial intelligence and cognitive problems are discussed. modern scientific approaches are analyzed.

1. Ben frain. responsive web design with html5 and css. packt, 2022, 499 pages
2. David flanagan. the definitive guide to javascript. o`reilly, 2020, 707 pages
3. Silvio moreto. bootstrap by example. packt, 2016, 324 pages
4. Robbins j., learning web design: a beginner's guide to html, css, javascript, and web graphics. o'reilly media; 4th edition, 2012, 624 p.