{"id":972,"date":"2026-05-21T21:54:24","date_gmt":"2026-05-21T19:54:24","guid":{"rendered":"http:\/\/167.99.130.200\/?page_id=972"},"modified":"2026-05-22T12:37:18","modified_gmt":"2026-05-22T10:37:18","slug":"%d1%96%d0%bd%d1%82%d0%b5%d1%80%d0%bd%d0%b5%d1%82-%d1%82%d0%b5%d1%85%d0%bd%d0%be%d0%bb%d0%be%d0%b3%d1%96%d1%97-%d1%82%d0%b0-web-%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd","status":"publish","type":"page","link":"https:\/\/jas.org.ua\/en\/%d1%96%d0%bd%d1%82%d0%b5%d1%80%d0%bd%d0%b5%d1%82-%d1%82%d0%b5%d1%85%d0%bd%d0%be%d0%bb%d0%be%d0%b3%d1%96%d1%97-%d1%82%d0%b0-web-%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd\/","title":{"rendered":"Internet Technologies and Web Design"},"content":{"rendered":"

\"\"<\/a><\/p>\n\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t

\n\n\t\t\t\t\t\n\t\t\t\t\t\t\tInternet Technologies and Web Design<\/span>\n\t\t\t\n\t\t\n\t\t\t\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/span>\n\n\t\t\t\t\n\t\t<\/h3>\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t
\n \t\t\t

The club introduces students to the basics of developing websites and other web applications. During the course we develop both creative skills \u2014 design and animation \u2014 and algorithmic thinking \u2014 programming. We work with tools and services such as Figma, MS VS Code, and others. 

The core technologies studied are HTML and CSS; we also work with the basics of JavaScript.

Also covered:
\u2023UI (User Interface): the visual design of buttons, menus, fonts, and color palettes.
\u2023UX (User Experience): designing convenient navigation, transition logic, and functionality.
\u2023Multimedia elements: integrating photos, vector graphics, interactive maps, and full-screen video.
\u2023Motion design (Animation): using dynamic effects, parallax scrolling, and micro-interactions.

Students get plenty of practice during the course, namely building their own projects according to a technical specification.

Students' age: <\/strong>12\u201317 years old
Level:<\/strong> advanced

Curriculum: <\/strong>MULTIMEDIA SYSTEMS, EDUCATIONAL AND GAME SOFTWARE. INTERNET TECHNOLOGIES AND WEB DESIGN<\/a>
Club leader: <\/strong>Yevhen Andrikanych
Address:<\/strong> 1 Budyteliv Street<\/p>\n\t\t\n<\/div>\n

\n\t\t\t\t\t
\n\t\t\t\t\t

Class Schedule<\/h2>\n\t\t\t\t
\n\t\t\t\t\t\n\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\tMonday\t\t\t\t\t<\/span>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\tTuesday\t\t\t\t\t<\/span>\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t18:00-19:30<\/span>\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\tWednesday\t\t\t\t\t<\/span>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\tThursday\t\t\t\t\t<\/span>\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t18:00-19:30<\/span>\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\tFriday\t\t\t\t\t<\/span>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\tSaturday\t\t\t\t\t<\/span>\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t14:00-17:00<\/span>\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\tSunday\t\t\t\t\t<\/span>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t

Gallery<\/h2>\n\t\t\t\t
\n\t\t\t\t\t
\"club_web_3\"<\/div>
<\/div>
<\/i><\/span>
<\/div><\/div><\/div>

club_web_3<\/a><\/div><\/h2><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/article>
\"club_web_2\"<\/div>
<\/div>
<\/i><\/span>
<\/div><\/div><\/div>

club_web_2<\/a><\/div><\/h2><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/article>
\"club_web_1\"<\/div>
<\/div>
<\/i><\/span>
<\/div><\/div><\/div>

club_web_1<\/a><\/div><\/h2><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/article>
\"club_web_4_cut\"<\/div>
<\/div>
<\/i><\/span>
<\/div><\/div><\/div>

club_web_4_cut<\/a><\/div><\/h2><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/article><\/section>\t\t\t\t<\/div>\n\t\t\t\t\t\t \t\n\t\t\n\t<\/video>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"

\u0406\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0456\u0457 \u0442\u0430 WEB-\u0434\u0438\u0437\u0430\u0439\u043d \u0413\u0443\u0440\u0442\u043e\u043a \u0437\u043d\u0430\u0439\u043e\u043c\u0438\u0442\u044c \u0443\u0447\u043d\u0456\u0432 \u0437 \u043e\u0441\u043d\u043e\u0432\u0430\u043c\u0438 \u0440\u043e\u0437\u0440\u043e\u0431\u043a\u0438 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\u0432 \u0442\u0430 \u0456\u043d\u0448\u0438\u0445 \u0432\u0435\u0431-\u0434\u043e\u0434\u0430\u0442\u043a\u0456\u0432. \u041f\u0456\u0434 \u0447\u0430\u0441 \u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f \u0440\u043e\u0437\u0432\u0438\u0432\u0430\u0454\u043c\u043e \u044f\u043a \u0442\u0432\u043e\u0440\u0447\u0456 \u043d\u0430\u0432\u0438\u0447\u043a\u0438 – \u0434\u0438\u0437\u0430\u0439\u043d, \u0430\u043d\u0456\u043c\u0430\u0446\u0456\u0457 \u0442\u0430\u043a \u0456 \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u0456\u0447\u043d\u0435 \u043c\u0438\u0441\u043b\u0435\u043d\u043d\u044f – \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u0443\u0432\u0430\u043d\u043d\u044f. \u041f\u0440\u0430\u0446\u044e\u0454\u043c\u043e \u0437 \u0442\u0430\u043a\u0438\u043c\u0438 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u0430\u043c\u0438 \u0442\u0430 \u0441\u0435\u0440\u0432\u0456\u0441\u0430\u043c\u0438 \u044f\u043a Figma, MS VS Code \u0442\u0430 \u0456\u043d\u0448\u0456.  \u041e\u0441\u043d\u043e\u0432\u043d\u0438\u043c\u0438 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0456\u044f\u043c\u0438 \u044f\u043a\u0456 \u0432\u0438\u0432\u0447\u0430\u044e\u0442\u044c\u0441\u044f \u0454 HTML \u0442\u0430 CSS,  \u0442\u0430\u043a\u043e\u0436 \u043f\u0440\u0430\u0446\u044e\u0454\u043c\u043e \u0437 \u043e\u0441\u043d\u043e\u0432\u0430\u043c\u0438 JavaScript. \u0422\u0430\u043a\u043e\u0436 \u0432\u0438\u0432\u0447\u0430\u0454\u0442\u044c\u0441\u044f\u2023UI (\u041a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0446\u044c\u043a\u0438\u0439 \u0456\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441): \u0432\u0456\u0437\u0443\u0430\u043b\u044c\u043d\u0435 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u043d\u044f \u043a\u043d\u043e\u043f\u043e\u043a, \u043c\u0435\u043d\u044e, \u0448\u0440\u0438\u0444\u0442\u0456\u0432 \u0442\u0430 \u043a\u043e\u043b\u044c\u043e\u0440\u043e\u0432\u043e\u0457 \u043f\u0430\u043b\u0456\u0442\u0440\u0438.\u2023UX (\u041a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0446\u044c\u043a\u0438\u0439 \u0434\u043e\u0441\u0432\u0456\u0434): \u043f\u0440\u043e\u0454\u043a\u0442\u0443\u0432\u0430\u043d\u043d\u044f \u0437\u0440\u0443\u0447\u043d\u043e\u0457 \u043d\u0430\u0432\u0456\u0433\u0430\u0446\u0456\u0457, \u043b\u043e\u0433\u0456\u043a\u0438 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0456\u0432 \u0442\u0430 \u0444\u0443\u043d\u043a\u0446\u0456\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0456.\u2023\u041c\u0443\u043b\u044c\u0442\u0438\u043c\u0435\u0434\u0456\u0439\u043d\u0456 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438: \u0456\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0456\u044f \u0444\u043e\u0442\u043e, \u0432\u0435\u043a\u0442\u043e\u0440\u043d\u043e\u0457 \u0433\u0440\u0430\u0444\u0456\u043a\u0438, \u0456\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u0438\u0445 \u043a\u0430\u0440\u0442 \u0442\u0430 \u043f\u043e\u0432\u043d\u043e\u0435\u043a\u0440\u0430\u043d\u043d\u043e\u0433\u043e \u0432\u0456\u0434\u0435\u043e.\u2023Motion design (\u0410\u043d\u0456\u043c\u0430\u0446\u0456\u044f): \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f \u0434\u0438\u043d\u0430\u043c\u0456\u0447\u043d\u0438\u0445 \u0435\u0444\u0435\u043a\u0442\u0456\u0432, \u043f\u0430\u0440\u0430\u043b\u0430\u043a\u0441-\u0441\u043a\u0440\u043e\u043b\u0456\u043d\u0433\u0443 \u0442\u0430 \u043c\u0456\u043a\u0440\u043e\u0432\u0437\u0430\u0454\u043c\u043e\u0434\u0456\u0439. \u041f\u0456\u0434 \u0447\u0430\u0441 \u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f \u0443 \u0443\u0447\u043d\u0456\u0432 \u0431\u0430\u0433\u0430\u0442\u043e \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438, \u0430 \u0441\u0430\u043c\u0435 \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u043d\u044f \u0432\u043b\u0430\u0441\u043d\u0438\u0445 \u043f\u0440\u043e\u0454\u043a\u0442\u0456\u0432 \u0437\u0433\u0456\u0434\u043d\u043e \u0437 \u0442\u0435\u0445\u043d\u0456\u0447\u043d\u0438\u043c \u0437\u0430\u0432\u0434\u0430\u043d\u043d\u044f\u043c. \u0412\u0456\u043a \u0443\u0447\u043d\u0456\u0432: 12-17 \u0440\u043e\u043a\u0456\u0432\u0420\u0456\u0432\u0435\u043d\u044c: \u043f\u043e\u0433\u043b\u0438\u0431\u043b\u0435\u043d\u0438\u0439 \u041d\u0430\u0432\u0447\u0430\u043b\u044c\u043d\u0430 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u0430: \u041c\u0423\u041b\u042c\u0422\u0418\u041c\u0415\u0414\u0406\u0419\u041d\u0406 \u0421\u0418\u0421\u0422\u0415\u041c\u0418, \u041d\u0410\u0412\u0427\u0410\u041b\u042c\u041d\u0406, \u0406\u0413\u0420\u041e\u0412\u0406 \u041f\u0420\u041e\u0413\u0420\u0410\u041c\u0418. \u0406\u041d\u0422\u0415\u0420\u041d\u0415\u0422-\u0422\u0415\u0425\u041d\u041e\u041b\u041e\u0413\u0406\u0407 \u0422\u0410 \u0412\u0415\u0411\u0414\u0418\u0417\u0410\u0419\u041d\u041a\u0435\u0440\u0456\u0432\u043d\u0438\u043a \u0433\u0443\u0440\u0442\u043a\u0430: \u0410\u043d\u0434\u0440\u0456\u043a\u0430\u043d\u0438\u0447 \u0404\u0432\u0433\u0435\u043d \u0419\u043e\u0441\u0438\u043f\u043e\u0432\u0438\u0447\u0410\u0434\u0440\u0435\u0441\u0430: \u0432\u0443\u043b\u0438\u0446\u044f \u0411\u0443\u0434\u0438\u0442\u0435\u043b\u0456\u0432 1 \u0420\u043e\u0437\u043a\u043b\u0430\u0434 \u0437\u0430\u043d\u044f\u0442\u044c \u041f\u043e\u043d\u0435\u0434\u0456\u043b\u043e\u043a \u0412\u0456\u0432\u0442\u043e\u0440\u043e\u043a 18:00-19:30 \u0421\u0435\u0440\u0435\u0434\u0430 \u0427\u0435\u0442\u0432\u0435\u0440 18:00-19:30 \u041f\u02bc\u044f\u0442\u043d\u0438\u0446\u044f \u0421\u0443\u0431\u043e\u0442\u0430 14:00-17:00 \u041d\u0435\u0434\u0456\u043b\u044f \u0413\u0430\u043b\u0435\u0440\u0435\u044f club_web_3 club_web_2 club_web_1 club_web_4_cut<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-972","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jas.org.ua\/en\/wp-json\/wp\/v2\/pages\/972","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jas.org.ua\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jas.org.ua\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jas.org.ua\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jas.org.ua\/en\/wp-json\/wp\/v2\/comments?post=972"}],"version-history":[{"count":19,"href":"https:\/\/jas.org.ua\/en\/wp-json\/wp\/v2\/pages\/972\/revisions"}],"predecessor-version":[{"id":1089,"href":"https:\/\/jas.org.ua\/en\/wp-json\/wp\/v2\/pages\/972\/revisions\/1089"}],"wp:attachment":[{"href":"https:\/\/jas.org.ua\/en\/wp-json\/wp\/v2\/media?parent=972"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}