LV EN RU DE FR

WWW Technologies

Course developers

Course abstract

The aim of study course is to provide students with knowledge about client-side oriented technologies in the development of web pages, the basic principles of web page construction and development, as well as about usable programs. Students learn the Hyper Text Markup Language (HTML), Cascading Style Sheets (CSS), as well as JavaScript basics. Knowledge gained within the course is used to develop an individual course work. The purpose of course work is to develop a Web page for specific target audience.

Learning outcomes and their assessment

As a result of the study course students:
•know about customer-side oriented technologies in development of Web pages and the possibilities their usage, basic construction principles of web page – practical assignments and exam;
•are able to use HTML language, CSS and Java script, W3C pointers for development of Web pages, create and process user forms, use DOM objects, design code according to good programming style, as well as analyze it – practical assignments and tests;
•are able independently to find solution for realization of certain task, to justify own point of view, to use standards of presenting information on the Internet – practical assignments and tests.

Course Content(Calendar)

1. Creating the basic structure of an HTML document. HTML tags. Text formating tags. HTML semantic elements. - 4h.
2. Cascading style sheets (CSS). CSS selectors. Classes, identificators. CSS rules and their priority. CSS Definition Methods and Style Assignment in HTML Document - 4h.
3. Parameters of web pages. Creating text, images, lines, backgrounds, links and assigning style to an HTML document using CSS - 4h.
4. Creating and designing lists and tables with CSS - 4h.
5. Color formats. Units. Structuring a web page with layers. Item Positioning - 5h.
6. Basic Elements of Responsive Design Development and their Application in Design - 4h.
7. Dynamic Structure Elements for Responsive Design - 4h.
8. Test 1: Creation and Design of Responsive Web Page - 3h.
9. Using of Bootstrap Framework - 4h.
10. Document object model DOM (Document Object Model) and its use. JavaScript object types. Add new CSS rules dynamically – 5h.
11. CSS variables and preprocessors - 4h.
12. Form creation and presentation. - 4h.
13. Data input techniques. Analysis of input data. Data output techniques - 3h.
14. JavaScript features and events - 4h.
15. Use of objects and arrays in JavaScript - 4h.
16. Test 2: Using JavaScript on Web Pages - 3h.

Requirements for awarding credit points

Student must complete and defende practical works.
Written exam. The exam task includes:
• theory test on the theoretical material considered in the study course;
• practical task on the topics considered in the practical works of the study course.

Description of the organization and tasks of students’ independent work

The practical task must be started during the lesson, completed independently and submitted within 2 weeks from the moment of assignment. Independent study of literature and online tutorials to strengthen knowledge.

Criteria for Evaluating Learning Outcomes

The exam grade consists of practical works - 40% (out of total score), two tests - 20% and exam - 40%. Knowledge assessment takes place in a 10-point system.
•Developed and defended practical works (each practical work must be submitted within 2 weeks from the moment of submission and assessed with 2-6 points for the correct execution, half of points for the partially completed) (total 40%).
•Test 1: Designing an HTML document using CSS (10%).
•Test 2: HTML, CSS and Javascript collaboration for web page development (10%).
Exam - theory test and practical part (40%).

Compulsory reading

1. W3schools - WEB izstrādes mācību vietne tiešsaistē, kas balstīta uz jaunākajiem standartiem. Pieejams: http://www.w3schools.com/default.asp.
2. The World Wide Web Consortium (W3C) [tiešsaiste]. Pieejams: https://www.w3.org/
3. Bootstrap satvara mājaslapa [tiešsaiste]. Pieejams: https://getbootstrap.com/
4. Vektoru ikonu lapa [tiešsaiste]. Pieejams: https://fontawesome.com/
5. Minnick J. Responsive Web Design with HTML 5 & CSS. 9th edition. Cengage Learning, 2020. 640 p.
6. Scott A., Powers S., MacDonald M. JavaScript Cookbook: Programming the Web. 3rd edition. O'Reilly Media, 2021. 650 p. (pieejams fakultātē 35.kab.)
7. Carey P.M. New Perspectives on HTML 5 and CSS. 8th edition. Cengage Learning, 2020. 936 p (pieejams fakultātē 35.kab.)
8. Nixon R. Learning PHP, MySQL & JavaScript: A Step-by-Step Guide to Creating Dynamic Websites. 6th edition. O'Reilly Media, 2021. 825 p. (pieejams fakultātē 35.kab.)
9. Code Quickly. Learn JavaScript Quickly: A Complete Beginner's Guide to Learning JavaScript, Even If You're New to Programming. Drip Digital, 2020. 172 p. (pieejams fakultātē 35.kab.)

Further reading

1. Scott A.D. JavaScript Everywhere: Building Cross-Platform Applications with GraphQL, React, React Native, and Electron. Beijing : O'Reilly Media, 2020. 344 p. (LNB bibliotēka)
2. McFedries P. Web Design Playground: HTML & CSS the Interactive Way. Manning, 2019. 440 lpp.
3. Brown T.B. CSS Master. SitePoint. 3rd edition, 2021. 524 p.
4. Kamars A. Tīmekļa lapu veidošana. HTML un CSS. Rīga: Zvaigzne ABC, 2008. 320 lpp.

Periodicals and other sources

1. Apsītis K. Ievads HTML [tiešsaiste]. Pieejams: http://www.pvg.edu.lv/materiali/informatika/webgramata/kurss/html/index.html
2. Kudiņa I., Kudiņš J., Kapenieks J., u.c. Mājas lapu veidošana ikvienam [tiešsaiste]. Pieejams: http://www.riga.lv/media/talmaciba/timeklis.html
3. World Wide Web Consortium [tiešsaiste]. Pieejams: http://www.w3.org

Notes

ITF academic bachelor study program “Computer Management and Computer Science”.