|
Lecturer(s)
|
-
Krutil Pavel, Mgr.
-
Ščuglík Michal, MgA.
|
|
Course content
|
1. Introduction to the functioning of a web browser 2. HTML syntax 3. CSS syntax 4. Object positioning and styling 5. Interacting and animating objects 6. Web components coding 1/2 7. Web component coding 2/2 8. Responsive layout 9. Introduction to Javascript 10. Javascript functions 11. Creating an interactive web project 1/2 12.-13. Creating an interactive web project 2/2
|
|
Learning activities and teaching methods
|
- Participation in classes
- 26 hours per semester
- Preparation for course credit
- 24 hours per semester
|
| prerequisite |
|---|
| Knowledge |
|---|
| Prerequisities are not set |
| Prerequisities are not set |
| Skills |
|---|
| Prerequisities are not set |
| Prerequisities are not set |
| learning outcomes |
|---|
| Knowledge |
|---|
| Describe how websites work |
| Describe how websites work |
| Enumerate the basic technologies for creating web presentations, define their use and the differences between them |
| Enumerate the basic technologies for creating web presentations, define their use and the differences between them |
| Characterize the different approaches to website layout design |
| Characterize the different approaches to website layout design |
| Define responsive layout |
| Define responsive layout |
| Describe how to create moving content/animations on websites |
| Describe how to create moving content/animations on websites |
| Describe how functions work in programming |
| Describe how functions work in programming |
| Skills |
|---|
| Design a website with a responsive layout and navigation elements |
| Design a website with a responsive layout and navigation elements |
| Define and apply Cascading Style Sheets (CSS) |
| Define and apply Cascading Style Sheets (CSS) |
| Create simple animations using CSS or Javascript |
| Create simple animations using CSS or Javascript |
| Create interactive elements on a web page using Javascript |
| Create interactive elements on a web page using Javascript |
| Test and debug a website in a web browser |
| Test and debug a website in a web browser |
| teaching methods |
|---|
| Knowledge |
|---|
| Exercises on PC |
| Exercises on PC |
| Demonstration |
| Demonstration |
| Individual work of students |
| Individual work of students |
| Practice exercises |
| Practice exercises |
| Skills |
|---|
| Exercises on PC |
| Exercises on PC |
| Demonstration |
| Demonstration |
| Individual work of students |
| Individual work of students |
| Practice exercises |
| Practice exercises |
| assessment methods |
|---|
| Knowledge |
|---|
| Analysis of the student's performance |
| Analysis of the student's performance |
|
Recommended literature
|
-
https://code.vlsualstudio.com/. .
-
https://stackoverflow.com/. .
|