LV EN RU DE FR

WWW technologies

Course developer

Course abstract

The aim of the study course is to provide an insight into client-side oriented technologies in the creation of web pages, basic principles of web page construction and development, as well as applicable programs. Students learn the basics of hypertext markup language (HTML), cascading style sheets (CSS and SCSS), front-end frameworks, and the JavaScript scripting language. The students use the acquired knowledge in the development of the course work, creating a web page for a specific target audience. Students should apply the knowledge of this course within the framework of another study course on the development of the back-end system of the website and the subsequent coursework there.

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)

Full-time studies:
1. Creating the basic structure of an HTML document. HTML tags. Text formatting tags. HTML – 2h.
2. Styles (CSS). CSS selectors, classes, identifiers. CSS rules and their priority. CSS definition methods and style in an HTML document - 4h.
3. Basic page settings. Creating and styling text, images, lines, background, links in an HTML document using CSS - 2h.
4. Creating and designing lists, tables with HTML and CSS - 4h.
5. Structuring a web page with layers. Element positioning methods. Color models. The units of measurement used to define sizes in the development of Web pages. – 2h.
6. Basic elements for responsive design. Defining breakpoints of screen resolutions in CSS responsive design development - 4h.
7. Dynamic Structure Elements for Responsive Design – 2h.
8. Test 1: Creating a responsive web page using HTML and CSS. Page element design – 2h.
9. Overview of website frameworks. Using the Bootstrap framework - 4h.
10. CSS variables and code preprocessing frameworks CSS and HTML – 4h.
11. Document object model (DOM) and its use. Creation and design of form elements in HTML and data input processing of data fields using the JavaScript scripting language. – 2h.
12. JavaScript functions and events – 4h.
13. Javascript variables, loops, classes. Assigning values to variables. Data entry techniques. Data output techniques – 4h.
14. Using objects and arrays in JavaScript – 2h.
15. Adding and using JavaScript library jQuery in web pages - 2h.
Test 2: Using JavaScript in web pages - 2h.

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

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

Further reading

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

Notes

Professional Bachelor Study Program “Information Technologies for Sustainable Development”.