├── .editorconfig ├── .gitignore ├── README.md ├── core ├── fonts │ ├── pt-mono-regular.woff2 │ ├── pt-sans-bold-italic.woff2 │ ├── pt-sans-bold.woff2 │ ├── pt-sans-italic.woff2 │ ├── pt-sans-narrow-bold.woff2 │ └── pt-sans-regular.woff2 ├── pictures │ ├── canvas.png │ ├── exact.svg │ ├── picture-1.svg │ ├── picture-2.svg │ ├── picture-3.svg │ ├── square.svg │ ├── tall.svg │ └── wide.svg ├── shower.js └── styles │ ├── blocks │ ├── badge.css │ ├── caption.css │ ├── progress.css │ └── region.css │ ├── fonts.css │ ├── shower │ ├── grid.svg │ ├── shower-full.css │ ├── shower-grid.css │ ├── shower-list.css │ ├── shower-pointless.css │ ├── shower-print.css │ └── shower.css │ ├── slide │ ├── content │ │ ├── basic.css │ │ ├── code.css │ │ ├── footer.css │ │ ├── inline.css │ │ ├── lists.css │ │ ├── quote.css │ │ └── table.css │ ├── elements │ │ ├── columns.css │ │ ├── copyright.css │ │ ├── cover.css │ │ ├── next.css │ │ ├── place.css │ │ ├── shout.css │ │ └── spotlight.css │ ├── modifiers │ │ ├── black.css │ │ ├── clear.css │ │ └── gray.css │ ├── ribbon.svg │ ├── slide-full.css │ ├── slide-list.css │ └── slide.css │ └── styles.css ├── html-css ├── 01-intro-to-web │ ├── examples │ │ ├── 01_tags.html │ │ ├── 02_formatting.html │ │ ├── 03_unpaired_tags.html │ │ ├── 04_markup.html │ │ ├── 05_comments.html │ │ └── 06_semantic_markup.html │ └── presentation │ │ ├── images │ │ ├── 1.jpg │ │ ├── 2.png │ │ ├── 3.jpg │ │ ├── 4.jpg │ │ ├── 5.jpg │ │ ├── 6.jpg │ │ └── 7.png │ │ └── index.html ├── 02-element-types-and-attributes │ ├── examples │ │ ├── 01_images.html │ │ ├── 02_image_size.html │ │ ├── 03_picture.html │ │ ├── 04.1_mixed_type_of_elements.html │ │ ├── 04_2_inline_and_block_elements.html │ │ ├── 05_additional_page.html │ │ ├── 05_links_html_anchors.html │ │ ├── 06_markup_errors.html │ │ ├── CSS3.png │ │ ├── HTML5.png │ │ ├── HTML5_logo_black.svg │ │ ├── front-end-define.png │ │ ├── front-end.jpg │ │ └── js.gif │ └── presentation │ │ ├── images │ │ ├── 1.jpg │ │ ├── 2.jpg │ │ └── img.png │ │ └── index.html ├── 03-tables-lists-forms │ └── presentation │ │ ├── examples │ │ ├── 01-table │ │ │ ├── 01_tag_table.html │ │ │ ├── 02_tag_tr_td.html │ │ │ ├── 03_tag_th.html │ │ │ ├── 04_tag_caption.html │ │ │ ├── 05_attr_border.html │ │ │ ├── 06_attr_noborder.html │ │ │ ├── 07_empty_cells.html │ │ │ ├── 08_tag_td_inner.html │ │ │ ├── 09_attr_colspan.html │ │ │ ├── 10_attr_rowspan.html │ │ │ ├── 11_attr_cellpadding.html │ │ │ ├── 12_attr_cellspacing.html │ │ │ ├── 13_attr_background.html │ │ │ ├── 14_attr_td_background.html │ │ │ ├── 15_attr_align.html │ │ │ └── images │ │ │ │ ├── background.jpg │ │ │ │ ├── bgdesert.jpg │ │ │ │ ├── constr4.gif │ │ │ │ ├── hackanm.gif │ │ │ │ └── logo.png │ │ ├── 02-lists │ │ │ ├── 01_tag_ol.html │ │ │ ├── 02_tag_ul.html │ │ │ ├── 03_nested-list.html │ │ │ └── 04_tag_dl.html │ │ └── 03-form │ │ │ └── 01-form-submit.html │ │ ├── images │ │ ├── 1.png │ │ ├── 2.png │ │ ├── 3.png │ │ ├── 4.png │ │ ├── 5.png │ │ ├── 6.png │ │ ├── 7.png │ │ └── 8.png │ │ └── index.html ├── 04-css-intro │ ├── examples │ │ ├── 01_universal_attrs.html │ │ ├── 02_inline_styles.html │ │ ├── 03_add_styles.html │ │ ├── 03_style.css │ │ ├── 04_selectors.html │ │ ├── 05.1_priority.html │ │ ├── 05.2_priority..html │ │ └── 05_priority..html │ └── presentation │ │ ├── images │ │ ├── 1.png │ │ └── 2.png │ │ └── index.html ├── 05-css-font-styles │ ├── examples │ │ ├── 01_inheritance.html │ │ ├── 02_text-align.html │ │ ├── 03_letter-spacing_word-spacing.html │ │ ├── 04_text-indent_line-height.html │ │ ├── 05_text-decoration_text-transform.html │ │ ├── 06_font.html │ │ ├── 07_white-space.html │ │ ├── 08_word-break.html │ │ ├── 09_text-shadow.html │ │ ├── 10_user-select.html │ │ ├── 11_opacity.html │ │ └── 12_visibility.html │ └── presentation │ │ ├── images │ │ ├── 1.png │ │ └── 2.png │ │ └── index.html ├── 06-css-element-sizes │ ├── examples │ │ ├── 01_element_sizes.html │ │ ├── 02.1_falling_out_from_content.html │ │ ├── 02.2_overflow.html │ │ ├── 02_falling_out_from_content.html │ │ ├── 03_padding.html │ │ ├── 04_border.html │ │ ├── 05_outline.html │ │ └── 06_box-sizing.html │ └── presentation │ │ ├── images │ │ ├── 1.png │ │ ├── 2.png │ │ └── 3.png │ │ └── index.html ├── 07-css-margin │ ├── examples │ │ ├── 01_margin.html │ │ ├── 02.1_collapse.html │ │ ├── 02_collapse.html │ │ ├── 03_margin-auto.html │ │ ├── 04_inline-block.html │ │ ├── 05_space.html │ │ ├── 06.1_border-radius.html │ │ └── 06_border-radius.html │ └── presentation │ │ ├── images │ │ ├── 1.png │ │ ├── 2.png │ │ └── 3.png │ │ └── index.html ├── 08-css-combinators-selectors │ ├── examples │ │ ├── 01_Псевдо клас hover.html │ │ ├── 02_Псевдо класи child.html │ │ ├── 03_Псевдо клас nth-child(№).html │ │ ├── 04_Псевдо клас nth-child(№).html │ │ ├── 06_Універсальний селектор.html │ │ ├── 07_Вкладені селектори.html │ │ ├── 08_Дочірній селектор.html │ │ ├── 09_Пріоритетність вкладених селекторів.html │ │ ├── 10_Комбінатори.html │ │ └── 11_Комбінатори_завдання.html │ └── presentation │ │ ├── images │ │ ├── 1.png │ │ ├── 2.png │ │ ├── 3.png │ │ ├── 4.png │ │ └── 5.png │ │ └── index.html ├── 09-css-background │ └── examples │ │ ├── 01_Палітра кольорів.html │ │ ├── 02_opacity и rgba().html │ │ ├── 03_Властивість background-image.html │ │ ├── 04_Властивість background-repeat.html │ │ ├── 05_Властивість background-size.html │ │ ├── 06_Властивість background-position.html │ │ ├── 07_Властивість background-attachment.html │ │ ├── 08_Властивість background-clip.html │ │ ├── 09_Мульти фон.html │ │ └── img │ │ ├── CSS3.png │ │ ├── HTML5.png │ │ ├── JS.png │ │ └── mini.png ├── 10-сss-positioning │ ├── examples │ │ ├── 01-static.html │ │ ├── 02-relative.html │ │ ├── 03-1-absolute.html │ │ ├── 03-2-absolute.html │ │ ├── 03-3-absolute.html │ │ ├── 04-fixed.html │ │ ├── 05-1-sticky.html │ │ ├── 05-2-sticky.html │ │ ├── 05-3-sticky-header.html │ │ ├── 05-4-sticky-sidebar.html │ │ ├── 05-5-sticky-table-header.html │ │ ├── 06-1-z-index.html │ │ ├── 06-2-z-index.html │ │ ├── 06-3-z-index.html │ │ ├── 07-overflow.html │ │ ├── 08-text-overflow.html │ │ ├── 09-visibility.html │ │ └── images │ │ │ └── 1.png │ ├── presentation │ │ ├── images │ │ │ ├── css.gif │ │ │ ├── dont.png │ │ │ ├── task-1.png │ │ │ ├── task-2.1.png │ │ │ ├── task-2.2.png │ │ │ ├── task-3.png │ │ │ ├── task-4.png │ │ │ └── task-5.png │ │ └── index.html │ └── task-popup │ │ ├── example │ │ ├── images │ │ │ ├── apps.png │ │ │ ├── bell.png │ │ │ ├── calendar.png │ │ │ ├── chat.png │ │ │ ├── classroom.png │ │ │ ├── collection.png │ │ │ ├── contacts.png │ │ │ ├── documents.png │ │ │ ├── files.png │ │ │ ├── mail.png │ │ │ ├── maps.png │ │ │ ├── news.png │ │ │ ├── photos.png │ │ │ ├── popup-button.png │ │ │ ├── profile.png │ │ │ ├── search.png │ │ │ ├── tanslation.png │ │ │ └── videos.png │ │ ├── index.html │ │ ├── style.css │ │ └── style.scss │ │ ├── icons │ │ ├── apps.png │ │ ├── bell.png │ │ ├── blogs.png │ │ ├── calendar.png │ │ ├── chat.png │ │ ├── classroom.png │ │ ├── collection.png │ │ ├── contacts.png │ │ ├── documents.png │ │ ├── favicon.png │ │ ├── files.png │ │ ├── mail.png │ │ ├── maps.png │ │ ├── mars.png │ │ ├── mic.png │ │ ├── news.png │ │ ├── photos.png │ │ ├── popup-button.png │ │ ├── promo.png │ │ ├── search.png │ │ ├── tanslation.png │ │ └── videos.png │ │ ├── popup-focus.png │ │ ├── popup-hidden.png │ │ ├── popup-hover.png │ │ ├── popup-scrollable.png │ │ ├── popup-visible.png │ │ └── task.adoc ├── 11-css-generated-content-layouts │ ├── examples │ │ ├── 01-content.html │ │ ├── 02-content-url.html │ │ ├── 03-counter-heading.html │ │ ├── 03-counter-list-sublist.html │ │ ├── 03-counter.html │ │ ├── 04-multi-counter.html │ │ ├── 05-total-selected.html │ │ ├── 06-counter-game.html │ │ ├── 07-content-attr.html │ │ ├── 08-layout-inline-block.html │ │ ├── 09-layout-float.html │ │ ├── 10-layout-absolute.html │ │ ├── 11-layout-absolute.html │ │ ├── 12-layout-multi-column.html │ │ ├── 13-layout-flex.html │ │ ├── 14-units.html │ │ ├── 15-units-em-rem-ex.html │ │ ├── 16-units-vw-vh.html │ │ ├── 17-calc.html │ │ ├── 18-media-query.html │ │ ├── 19-media-query.html │ │ ├── 20-media-query.html │ │ ├── 21-media-query.html │ │ ├── flex │ │ │ ├── 01_display flex.html │ │ │ ├── 02_flexbox-element.html │ │ │ ├── 03_flexbox-elem-sizes1.html │ │ │ ├── 04_flexbox-elem-sizes2.html │ │ │ ├── 05_justify-content.html │ │ │ ├── 06_align-items.html │ │ │ ├── 07_flex-direction.html │ │ │ ├── 08_flex-wrap.html │ │ │ ├── 09_flexboxs_margin.html │ │ │ ├── 10-navigation.html │ │ │ └── 11-pricing-plans.html │ │ └── img │ │ │ ├── bg.webp │ │ │ └── cloud_rain.png │ └── presentation │ │ ├── images │ │ ├── 1.png │ │ ├── 2.png │ │ ├── 3.png │ │ ├── 4.png │ │ ├── 5.png │ │ └── css.png │ │ └── index.html ├── 12-css-grid-layout │ ├── examples │ │ ├── 01-grid-container.html │ │ ├── 02-grid-template-columns.html │ │ ├── 03-grid-template-columns.html │ │ ├── 04-grid-template-columns.html │ │ ├── 05-grid-template-columns.html │ │ ├── 06-grid-template-columns.html │ │ ├── 07-grid-template-columns.html │ │ ├── 08-grid-template-columns.html │ │ ├── 09-grid-template-columns.html │ │ ├── 11-grid-auto-rows.html │ │ ├── 12-grid-auto-rows-minmax.html │ │ ├── 13-grid-lines.html │ │ ├── 14-grid-lines-shorthand.html │ │ ├── 15-grid-gap.html │ │ ├── 16-grid-lines-gap.html │ │ ├── 17-grid-auto-fill.html │ │ ├── 18-grid-auto-fill-minmax.html │ │ ├── 19-grid-template-columns-rows.html │ │ ├── 20-grid-template-columns-rows.html │ │ ├── 21-grid-area.html │ │ ├── 22-grid-template-areas.html │ │ ├── base.css │ │ └── reset.css │ └── presentation │ │ ├── images │ │ ├── 1.png │ │ ├── 10.png │ │ ├── 11.png │ │ ├── 2.png │ │ ├── 3.png │ │ ├── 4.jpg │ │ ├── 5.png │ │ ├── 6.png │ │ ├── 7.png │ │ ├── 8.png │ │ ├── 9.png │ │ ├── flex-grid.jpg │ │ ├── flex.jpg │ │ ├── grid-area.png │ │ ├── grid-cell.png │ │ ├── grid-track.png │ │ ├── intro.png │ │ └── what-use.jpg │ │ └── index.html ├── 13-preprocessors-frontend-tooling │ ├── examples │ │ ├── pug-example │ │ │ ├── app │ │ │ │ ├── html │ │ │ │ │ ├── assets │ │ │ │ │ │ └── images │ │ │ │ │ │ │ ├── card1.png │ │ │ │ │ │ │ ├── card2.png │ │ │ │ │ │ │ ├── card3.png │ │ │ │ │ │ │ ├── logo.png │ │ │ │ │ │ │ ├── pug1.png │ │ │ │ │ │ │ └── pug2.png │ │ │ │ │ ├── index.html │ │ │ │ │ ├── scripts │ │ │ │ │ │ ├── help.js │ │ │ │ │ │ └── main.js │ │ │ │ │ └── styles │ │ │ │ │ │ ├── reset.css │ │ │ │ │ │ └── style.css │ │ │ │ └── pug │ │ │ │ │ ├── includes │ │ │ │ │ ├── add-scripts.pug │ │ │ │ │ ├── content-bottom.pug │ │ │ │ │ ├── content-middle.pug │ │ │ │ │ ├── content-top.pug │ │ │ │ │ ├── content.pug │ │ │ │ │ ├── data │ │ │ │ │ │ └── data.pug │ │ │ │ │ ├── fonts.pug │ │ │ │ │ ├── footer.pug │ │ │ │ │ ├── head.pug │ │ │ │ │ ├── header.pug │ │ │ │ │ ├── layouts │ │ │ │ │ │ └── base.pug │ │ │ │ │ └── meta.pug │ │ │ │ │ └── index.pug │ │ │ ├── design │ │ │ │ ├── design-figma.fig │ │ │ │ └── design.pdf │ │ │ ├── gulpfile.js │ │ │ ├── package-lock.json │ │ │ └── package.json │ │ └── pug-start │ │ │ ├── README.md │ │ │ ├── gulpfile.js │ │ │ ├── package-lock.json │ │ │ ├── package.json │ │ │ └── src │ │ │ ├── pug │ │ │ ├── includes │ │ │ │ ├── addme.pug │ │ │ │ ├── blocks │ │ │ │ │ ├── content.pug │ │ │ │ │ ├── footer.pug │ │ │ │ │ ├── head.pug │ │ │ │ │ ├── header.pug │ │ │ │ │ └── pet.pug │ │ │ │ ├── layouts │ │ │ │ │ └── base.pug │ │ │ │ └── styles │ │ │ │ │ └── style.css │ │ │ ├── index.pug │ │ │ └── layout.pug │ │ │ └── scss │ │ │ ├── _base.scss │ │ │ ├── _normalize.scss │ │ │ ├── _scss-example.scss │ │ │ └── style.scss │ └── presentation │ │ ├── images │ │ ├── 1.jpg │ │ ├── 2.jpg │ │ ├── intro.jpg │ │ ├── pug.png │ │ ├── template-engine.png │ │ └── template-page.png │ │ └── index.html ├── 14-css-methodology │ └── presentation │ │ ├── images │ │ ├── 1.png │ │ ├── 1.webp │ │ └── 2.webp │ │ └── index.html ├── common-words │ └── README.md ├── courses │ └── README.md ├── labs │ ├── exapmle.adoc │ ├── help-files │ │ ├── 0-file-naming-rules.adoc │ │ ├── 0-file-naming-rules.pdf │ │ ├── 1.docx │ │ ├── 2.docx │ │ ├── 3.docx │ │ ├── 4.docx │ │ └── Список кольорів.pdf │ ├── lab-1 │ │ └── Lab_№1.pdf │ ├── lab-10 │ │ ├── lab-10.adoc │ │ └── lab-10.pdf │ ├── lab-2 │ │ ├── Lab_№2.pdf │ │ └── assets │ │ │ ├── animals │ │ │ ├── animals1.jpg │ │ │ └── animals2.jpg │ │ │ ├── food │ │ │ ├── food1.jpg │ │ │ └── food2.jpg │ │ │ ├── google.jpg │ │ │ ├── nature │ │ │ ├── nature1.jpg │ │ │ └── nature2.jpg │ │ │ └── resume.png │ ├── lab-3 │ │ ├── 1.png │ │ ├── 2.png │ │ ├── 3.png │ │ ├── 4.png │ │ ├── 5.png │ │ ├── lab-3.adoc │ │ └── lab-3.pdf │ ├── lab-4 │ │ ├── 1.png │ │ ├── 10.png │ │ ├── 11.png │ │ ├── 2.png │ │ ├── 3.png │ │ ├── 4.png │ │ ├── 5.png │ │ ├── 6.png │ │ ├── 7.png │ │ ├── 8.png │ │ ├── 9.png │ │ ├── lab-4 (need refactor number).pdf │ │ ├── lab-4.adoc │ │ └── materials │ │ │ ├── lab3_4.txt │ │ │ └── li.svg │ ├── lab-5 │ │ ├── icons │ │ │ ├── ad_units.png │ │ │ ├── ad_units.svg │ │ │ ├── airplane_ticket.png │ │ │ ├── airplane_ticket.svg │ │ │ ├── car_rental.png │ │ │ ├── car_rental.svg │ │ │ ├── casino.png │ │ │ ├── casino.svg │ │ │ ├── festival.png │ │ │ ├── festival.svg │ │ │ ├── hotel.png │ │ │ ├── hotel.svg │ │ │ ├── local_bar.png │ │ │ ├── local_bar.svg │ │ │ ├── museum.png │ │ │ ├── museum.svg │ │ │ ├── rule.png │ │ │ └── rule.svg │ │ └── lab-5.pdf │ ├── lab-6 │ │ └── lab-6.pdf │ ├── lab-7 │ │ ├── cloud.png │ │ └── lab-7.pdf │ ├── lab-8 │ │ ├── icons │ │ │ ├── iconfinder_weather01.png │ │ │ ├── iconfinder_weather02.png │ │ │ ├── iconfinder_weather03.png │ │ │ ├── iconfinder_weather04.png │ │ │ ├── iconfinder_weather05.png │ │ │ ├── iconfinder_weather06.png │ │ │ ├── iconfinder_weather07.png │ │ │ ├── iconfinder_weather08.png │ │ │ ├── iconfinder_weather09.png │ │ │ ├── iconfinder_weather10.png │ │ │ ├── iconfinder_weather11.png │ │ │ ├── iconfinder_weather12.png │ │ │ ├── iconfinder_weather13.png │ │ │ └── iconfinder_weather14.png │ │ ├── lab-8.pdf │ │ ├── task-8_1.png │ │ └── task-8_2.png │ └── lab-9 │ │ └── lab-9.pdf ├── program │ ├── labs-v.1.adoc │ ├── themes-v.1.adoc │ └── themes-v.2.adoc └── test-task │ ├── design │ └── design.fig │ └── task.adoc └── js ├── 1-00-why-js ├── index.html ├── pictures │ ├── 001-algorithm.svg │ ├── 002-interface.svg │ ├── 3.jpeg │ ├── coffee-1.jpg │ ├── coffee-2.jpg │ ├── cover.jpg │ └── product-01.png ├── prism │ ├── prism.css │ └── prism.js └── shower │ ├── custom.css │ ├── shower.min.js │ └── themes │ └── material │ ├── LICENSE.md │ ├── README.md │ ├── fonts │ ├── COPYRIGHT.txt │ ├── LICENSE.txt │ ├── roboto-bold-italic.woff │ ├── roboto-bold.woff │ ├── roboto-italic.woff │ ├── roboto-light.woff │ ├── roboto-mono-regular.woff │ └── roboto-regular.woff │ ├── images │ ├── grid.png │ └── grid@2x.png │ ├── index.html │ ├── pictures │ ├── canvas.png │ ├── exact.png │ ├── square.png │ ├── tall.png │ └── wide.png │ └── styles │ ├── screen-16x10.css │ └── screen-4x3.css ├── 1-01-intro-to-js ├── examples │ └── 01-js.html └── presentation │ ├── images │ └── 1.png │ └── index.html ├── 1-02-code-structure ├── examples │ ├── 01-comments.html │ ├── 02-script-element.html │ ├── 03-external-script.html │ ├── 04-script-execution.html │ └── script.js └── presentation │ └── index.html ├── 1-03-variables-and-data-types ├── examples │ ├── 01-variable.html │ ├── 02-variable.html │ ├── 03-variable-sample.html │ ├── 04-const-sample.html │ ├── 05-number.html │ ├── 06-string.html │ ├── 07-boolean.html │ ├── 08-other.html │ └── 09-typeof.html └── presentation │ ├── images │ └── 1.png │ └── index.html ├── 1-04-strings-and-data-conversions ├── examples │ ├── 01-strings.html │ ├── 02-concatenation.html │ ├── 03-tempalte-literals.html │ ├── 04-number-conversion.html │ ├── 05-boolean-conversion.html │ ├── 06-string-conversion.html │ ├── 07-prompt.html │ ├── 08-simple-calc.html │ ├── 09-cylinder-volume.html │ └── 10-confirm.html └── presentation │ └── index.html ├── 1-05-operators ├── examples │ ├── 01-operands-operators.html │ ├── 02-binary-operations.html │ ├── 03-increment-decrement.html │ ├── 04-short-operations.html │ ├── 05-unary-operations.html │ ├── 06-sample.html │ ├── 07-comparsion.html │ ├── 08-string-comparsion.html │ ├── 09-dif-types-comparsion.html │ └── 10-comparsion-sample.html └── presentation │ └── index.html ├── 1-06-if-statement ├── examples │ ├── 01-if-statement.html │ ├── 02-if-statement-few-instructions.html │ ├── 03-if-else.html │ ├── 04-if-else-if.html │ ├── 05-if-usage-sample.html │ ├── 06-if-usage-sample.html │ ├── 07-if-bool-conversion.html │ ├── 08-logical-operators.html │ ├── 09-and-sample.html │ ├── 10-or-sample.html │ ├── 11-not-sample.html │ ├── 12-confirm.html │ ├── 13-task.html │ ├── 14-task.html │ ├── 15-task.html │ ├── 16-task.html │ └── 17-task.html └── presentation │ └── index.html ├── 1-07-switch-statement ├── examples │ ├── 01-switch.html │ ├── 02-switch-no-break.html │ ├── 03-switch-no-break-usage.html │ ├── 04-switch-comparison.html │ ├── 05-switch-sample.html │ ├── 06-ternary.html │ ├── 07-ternary-sample.html │ ├── 08-task.html │ ├── 09-task.html │ ├── 10-task.html │ ├── 11-task.html │ └── 12-task.html └── presentation │ ├── images │ ├── 1.png │ ├── 2.png │ └── 3.png │ └── index.html ├── 1-08-cycles ├── examples │ ├── 01-while-sample.html │ ├── 02-while-infinite.html │ ├── 03-do-while.html │ ├── 04-while-and-do-while.html │ ├── 05-for.html │ ├── 06-for.html │ ├── 07-for-sample.html │ ├── 08-break-continue.html │ ├── 09-break-continue.html │ ├── 10-nested-loops.html │ ├── 11-labels.html │ ├── 12-sample.html │ ├── 13-task.html │ └── 14-task.html └── presentation │ ├── images │ └── 1.png │ └── index.html ├── 1-09-arrays ├── examples │ ├── 01-array.html │ ├── 02-array-elements.html │ ├── 03-length.html │ ├── 04-array-and-cycle.html │ ├── 05-for-of.html │ ├── 06-sample.html │ ├── 07-sample.html │ ├── 08-task.html │ ├── 09-task.html │ ├── 10-task.html │ ├── 11-task.html │ ├── 12-task.html │ ├── 13-task.html │ ├── 14-task.html │ └── 15-task.html └── presentation │ ├── images │ └── 1.png │ └── index.html ├── 1-10-arrays-methods ├── examples │ ├── 01-push-pop.html │ ├── 02-shift-unshift.html │ ├── 03-splice.html │ ├── 04-splice-insert.html │ ├── 05-slice.html │ ├── 06-concat.html │ ├── 07-index-of.html │ ├── 08-sample.html │ ├── 08-split.html │ ├── 09-sample.html │ ├── 10-sample.html │ └── exercises │ │ ├── answers │ │ ├── 01-task.html │ │ ├── 02-task.html │ │ ├── 03-task.html │ │ ├── 04-task.html │ │ ├── 05-task.html │ │ └── 06-js.js │ │ └── tasks │ │ ├── 01-task.html │ │ ├── 02-task.html │ │ ├── 03-task.html │ │ ├── 04-task.html │ │ ├── 05-task.html │ │ └── 06-task.html └── presentation │ ├── images │ ├── 1.png │ ├── 2.png │ ├── 3.png │ ├── filter.png │ ├── find.png │ ├── findIndex.png │ ├── forEach.png │ ├── includes.png │ ├── map.png │ ├── pop.png │ ├── push.png │ ├── reduce.png │ ├── shift.png │ ├── slice.png │ ├── sort.png │ ├── splice.png │ └── unshift.png │ └── index.html ├── 1-11-functions ├── examples │ ├── 01-introduction.html │ ├── 02-paramters.html │ ├── 03-paramters-undefined.html │ ├── 04-default-parameters.html │ ├── 05-return.html │ ├── 06-sample.html │ ├── 07-sample.html │ ├── 08-sample.html │ ├── 09-refactoring-before.html │ ├── 10-refactoring-after.html │ └── exercises │ │ ├── answers │ │ ├── 01-task.html │ │ ├── 02-task.html │ │ └── 03-task.html │ │ └── tasks │ │ ├── 01-task.html │ │ ├── 02-task.html │ │ └── 03-task.html └── presentation │ ├── images │ ├── 1.png │ ├── 2.png │ ├── 3.png │ └── 4.jpg │ └── index.html ├── 1-12-functions-extended ├── examples │ ├── 01-scope.html │ ├── 02-var-keyword.html │ ├── 03-variable-hoisting.html │ ├── 04-function-hoisting.html │ ├── 05-no-let-use-strict.html │ ├── 06-function-declaration.html │ ├── 07-recursion.html │ ├── 08-factorial.html │ ├── 09-nested-functions.html │ ├── 10-callback-functions.html │ └── exercises │ │ ├── answers │ │ ├── 01-task.html │ │ ├── 02-task.html │ │ ├── 03-task.html │ │ ├── 04-task.html │ │ └── 05-task.html │ │ └── tasks │ │ ├── 01-task.html │ │ ├── 02-task.html │ │ ├── 03-task.html │ │ ├── 04-task.html │ │ └── 05-task.html └── presentation │ ├── images │ ├── 1.png │ ├── 2.png │ └── 3.png │ └── index.html ├── 1-13-objects ├── examples │ ├── 01-object-creation.html │ ├── 02-object-properties.html │ ├── 03-object-properties-literal.html │ ├── 04-object-methods-literal.html │ ├── 05-object-methods.html │ ├── 05-object-props-and-methods.js │ ├── 06-delete-keyword.html │ ├── 07-square-brackets.html │ ├── 08-square-brackets-sample.html │ ├── 09-nested-object.html │ ├── 10-array-of-objects.html │ ├── 11-sample-before-refactoring.html │ ├── 12-sample-after-refactoring.html │ ├── 13-sample-after-refactoring.html │ ├── 14-sample-after-refactoring.html │ └── exercises │ │ ├── answers │ │ ├── 01-task.html │ │ ├── 02-task-refactored.html │ │ └── 02-task.html │ │ └── tasks │ │ ├── 01-task.html │ │ └── 02-task.html └── presentation │ ├── images │ ├── 1.png │ └── 2.png │ └── index.html ├── 1-14-objects ├── examples │ ├── 01-function-context.html │ ├── 02-function-context.html │ ├── 03-factory-method.html │ ├── 04-shorthand-property.html │ ├── 05-in-operator.html │ ├── 06-for-in-cycle.html │ ├── 07-ref-vs-val.html │ ├── 08-sample.html │ ├── 09-sample-refactored.html │ └── exercises │ │ ├── Answers │ │ ├── 01-task.html │ │ ├── 02-task.html │ │ └── 03-task.html │ │ └── tasks │ │ ├── 01-task.html │ │ ├── 02-task.html │ │ └── 03-task.html └── presentation │ ├── images │ ├── 1.png │ └── 2.png │ └── index.html ├── 1-18-exception-handling ├── examples │ ├── 001-try-catch.html │ ├── 002-try-catch.html │ ├── 003-runtime-error.html │ ├── 004-error-object.html │ ├── 005-finally.html │ ├── 006-finally.html │ ├── 007-throw.html │ ├── 008-throw-example-before.html │ ├── 009-throw-example-after.html │ ├── 010-custom-error.html │ ├── answers │ │ ├── 01-task.html │ │ ├── 02-task.html │ │ ├── 03-task.html │ │ ├── 04-task.html │ │ └── 05-task.html │ ├── exercises │ │ ├── 01-task.html │ │ ├── 02-task.html │ │ ├── 03-task.html │ │ ├── 04-task.html │ │ └── 05-task.html │ └── images │ │ ├── audi-a6-250.jpg │ │ ├── jaguar-x-type-250.jpg │ │ └── porsche-carrera-911-250.jpg └── presentation │ ├── images │ ├── 1.png │ ├── 2.png │ ├── 3.png │ └── 4.png │ └── index.html ├── 1-19-asynchronous-code-promises ├── examples │ ├── 001-callback.html │ ├── 002-callback.html │ ├── 003-callback.html │ ├── 004-callback-hell.html │ ├── 005-load-image.html │ ├── 006-callback-load.html │ ├── 007-pyramid-of-doom.html │ ├── 008-promise.html │ ├── 009-promise-chain.html │ ├── 010-promise-methods.html │ ├── 011-catch.html │ ├── 012-finally.html │ ├── 013-promise-api.html │ ├── 014-async-await.html │ ├── 015-async-pizza.html │ ├── answers │ │ ├── 01-task.html │ │ ├── 02-task.html │ │ ├── 03-task.html │ │ ├── 04-task.html │ │ └── 05-task.html │ └── exercises │ │ ├── 01-task.html │ │ ├── 02-task.html │ │ ├── 03-task.html │ │ ├── 04-task.html │ │ └── 05-task.html └── presentation │ ├── images │ ├── 1.png │ ├── 2.png │ ├── 3.png │ ├── 4.png │ ├── 5.png │ ├── 6.png │ └── 7.png │ └── index.html ├── 2-01-document-object-model ├── examples │ ├── 01-dom-and-element-search │ │ ├── 01-query-selector.html │ │ ├── 02-query-selector.html │ │ ├── 03-query-selector-all.html │ │ ├── 04-query-selector-all.html │ │ ├── 05-get-elements.html │ │ └── 06-closest.html │ ├── 02-dom-navigation │ │ ├── 01-node-properties.html │ │ ├── 02-innerHTML.html │ │ ├── 03-innerHTML.html │ │ ├── 04-outerHTML.html │ │ ├── 05-textContent.html │ │ ├── 06-DOM-navigation.html │ │ ├── 07-DOM-navigation.html │ │ ├── 08-DOM-navigation.html │ │ ├── 09-table-properties.html │ │ ├── exercises │ │ │ ├── 01-task.html │ │ │ ├── 02-task.html │ │ │ └── 03-task.html │ │ └── images │ │ │ └── ok.png │ ├── 03-dom-tree-modification │ │ ├── 01-element-creation.html │ │ ├── 02-insertion-methods.html │ │ ├── 03-insertion-methods.html │ │ ├── 04-insertHtml.html │ │ ├── 05-delete-element.html │ │ ├── 06-reinsert.html │ │ ├── 07-cloning.html │ │ ├── 08-sample.html │ │ ├── 09-sample.html │ │ ├── 10-sort-sample.html │ │ └── exercises │ │ │ ├── 01-task.html │ │ │ └── 02-task.html │ ├── 04-props-and-attributes │ │ ├── 01-attrs-and-props.html │ │ ├── 02-attr-methods.html │ │ ├── 03-dataset.html │ │ ├── 04-dataset-sample.html │ │ └── exercises │ │ │ └── 01-task.html │ └── 05-styles │ │ ├── 01-style.html │ │ ├── 02-className.html │ │ ├── 03-className-problem.html │ │ ├── 04-classList-add.html │ │ ├── 05-classList-remove.html │ │ ├── 06-classList-toggle.html │ │ └── 07-computed-styles.html └── presentation │ ├── images │ ├── 1.png │ ├── 10.png │ ├── 11.png │ ├── 12.png │ ├── 2.png │ ├── 3.png │ ├── 4.png │ ├── 5.png │ ├── 6.png │ ├── 7.png │ ├── 8.png │ └── 9.png │ └── index.html ├── 2-02-events ├── examples │ ├── events-1 │ │ ├── 001-event-attr.html │ │ ├── 002-event-attr-fn.html │ │ ├── 003-event-prop.html │ │ ├── 004-event-prop-error.html │ │ ├── 005-calc-example.html │ │ ├── 006-addEventListener.html │ │ ├── 007-calc-example-2.html │ │ ├── 008-multiple-event.html │ │ ├── 009-removeEventListener.html │ │ ├── 010-todo-list.html │ │ ├── 011-this-keyword.html │ │ ├── 012-todo-list-2.html │ │ └── exercises │ │ │ ├── 01-task.html │ │ │ └── 02-task.html │ ├── events-2 │ │ ├── 01-DOMContentLoaded.html │ │ ├── 02-load.html │ │ ├── 03-event-object.html │ │ ├── 04-mouse-events.html │ │ ├── 05-mouse-keys.html │ │ ├── 06-mod-keys.html │ │ ├── 07-keyboard-events.html │ │ ├── 08-mouse-event-sample.html │ │ ├── 09-element-movement.html │ │ ├── 10-to-do-list.html │ │ ├── exercises │ │ │ ├── 01-task.html │ │ │ └── 02-task.html │ │ └── placeholder.png │ └── events-3 │ │ ├── 01-event-bubbling.html │ │ ├── 02-event-phases.html │ │ ├── 03-event-target.html │ │ ├── 04-event-stop-propagation.html │ │ ├── 05-default-action.html │ │ ├── 06-mouse-event-sample.html │ │ ├── 07-todo-list-before.html │ │ ├── 08-todo-list-after.html │ │ ├── 09-menu-sample.html │ │ └── exercises │ │ ├── 01-task.html │ │ ├── 02-task.html │ │ ├── 03-task.html │ │ └── 04-task.html └── presentation │ ├── images │ ├── 1.png │ ├── 2.png │ ├── 3.png │ ├── 4.png │ ├── 5.png │ └── 6.png │ └── index.html ├── 2-03-forms ├── examples │ ├── 1-forms-and-controls │ │ ├── 001-form.html │ │ ├── 002-form-get-request.html │ │ ├── 003-form-js.html │ │ ├── 004-element-form.html │ │ ├── 005-basic-elements.html │ │ ├── 006-textarea-input.html │ │ ├── 007-date-time-elements.html │ │ ├── 008-radio-checkbox.html │ │ ├── 009-options.html │ │ ├── 010-example.html │ │ ├── 011-example.html │ │ └── exercises │ │ │ ├── 01-task.html │ │ │ ├── 02-task.html │ │ │ ├── 03-task.html │ │ │ ├── 04-task.html │ │ │ └── 05-task.html │ └── 2-form-validation │ │ ├── 001-submit.html │ │ ├── 002-focus-blur.html │ │ ├── 003-focus-blur-example.html │ │ ├── 004-autofocus.html │ │ ├── 005-other-events.html │ │ ├── 006-build-in-validation.html │ │ ├── 007-set-custom-validity.html │ │ ├── 008-set-custom-validity.html │ │ ├── 009-regular-expression.html │ │ ├── 010-custom-validation.html │ │ ├── 011-custom-validation.html │ │ └── exercises │ │ ├── 01-task.html │ │ ├── 02-task.html │ │ ├── 03-task.html │ │ ├── 04-task.html │ │ └── 05-task.html └── presentation │ ├── images │ └── 1.png │ └── index.html ├── 2-04-network-requests ├── examples │ ├── 001-fetch.html │ ├── 002-response-body.html │ ├── 003-response-headers.html │ ├── 004-request-headers.html │ ├── 005-post.html │ ├── 006-example.html │ ├── 007-todo-before.html │ ├── 008-todo-after.html │ ├── 009-todo-functional.html │ ├── 010-cancel-fetch.html │ └── exercises │ │ ├── answers │ │ ├── 01-task.html │ │ ├── 02-task.html │ │ ├── 03-task.html │ │ ├── 04-task.html │ │ └── 05-task.html │ │ └── tasks │ │ ├── 01-task.html │ │ ├── 02-task.html │ │ ├── 03-task.html │ │ ├── 04-task.html │ │ └── 05-task.html └── presentation │ ├── images │ ├── 1.png │ ├── 2.png │ ├── 3.png │ └── 4.png │ └── index.html ├── 2-05-cookies-web-storage ├── examples │ ├── 001-cookie.html │ ├── 002-cookie-parameters.html │ ├── 003-encodeURIComponent.html │ ├── 004-get-cookie.html │ ├── 005-local-storage.html │ ├── 006-iteration.html │ ├── 007-delete.html │ ├── 008-session-storage.html │ ├── 009-json.html │ ├── 010-storage-event.html │ ├── 011-example.html │ ├── 012-example.html │ └── exercises │ │ ├── answers │ │ ├── 01-task.html │ │ ├── 02-task.html │ │ ├── 03-task.html │ │ ├── 04-task.html │ │ └── 05-task.html │ │ └── tasks │ │ ├── 01-task.html │ │ ├── 02-task.html │ │ ├── 03-task.html │ │ ├── 04-task.html │ │ └── 05-task.html └── presentation │ ├── images │ ├── 1.png │ └── 2.png │ └── index.html ├── labs ├── evaluation-criteria.png ├── lab-1 │ └── ЛР№1 - JS.pdf ├── lab-10 │ ├── 1.png │ ├── debounce-example.html │ ├── ЛР№10 -JS.adoc │ └── ЛР№10 -JS.pdf ├── lab-2 │ └── ЛР№2 - JS.pdf ├── lab-3 │ └── ЛР№3 - JS .pdf ├── lab-4 │ ├── ЛР№4 -JS.adoc │ └── ЛР№4 -JS.pdf ├── lab-5 │ └── ЛР№5 - JS.pdf ├── lab-6 │ ├── lab-6.js │ ├── ЛР№6 -JS.adoc │ └── ЛР№6 -JS.pdf ├── lab-7 │ ├── assets │ │ ├── bg.png │ │ ├── game.png │ │ ├── gunman.png │ │ └── sfx │ │ │ ├── death.m4a │ │ │ ├── fire.m4a │ │ │ ├── foul.m4a │ │ │ ├── intro.m4a │ │ │ ├── shot-fall.m4a │ │ │ ├── shot.m4a │ │ │ ├── wait.m4a │ │ │ └── win.m4a │ ├── help-files │ │ ├── css │ │ │ └── style.css │ │ ├── fonts │ │ │ └── digital-7.ttf │ │ ├── img │ │ │ ├── aim.png │ │ │ ├── aim_2.png │ │ │ ├── bg.png │ │ │ ├── fire-right.png │ │ │ ├── main-background.png │ │ │ └── win-bg.png │ │ ├── index.html │ │ ├── js │ │ │ └── script.js │ │ └── sfx │ │ │ ├── death.m4a │ │ │ ├── fire.m4a │ │ │ ├── foul.m4a │ │ │ ├── intro.m4a │ │ │ ├── shot-fall.m4a │ │ │ ├── shot.m4a │ │ │ ├── wait.m4a │ │ │ └── win.m4a │ ├── ЛР№7 -JS.adoc │ └── ЛР№7 -JS.pdf ├── lab-8 │ ├── board.png │ ├── game.png │ ├── memory-game.gif │ ├── slider.png │ ├── ЛР№8 -JS.adoc │ └── ЛР№8 -JS.pdf └── lab-9 │ ├── 1.png │ ├── 2.png │ ├── arrow-down.svg │ ├── validation-example.html │ ├── ЛР№9 -JS.adoc │ └── ЛР№9 -JS.pdf └── program └── themes.adoc /.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | indent_style = space 6 | indent_size = 4 7 | end_of_line = lf 8 | trim_trailing_whitespace = true 9 | insert_final_newline = true 10 | ij_javascript_import_merge_members = true 11 | ij_javascript_blank_lines_after_imports = 1 12 | ij_javascript_spaces_within_imports = true 13 | ij_javascript_force_semicolon_style = true 14 | ij_javascript_enforce_trailing_comma = whenmultiline 15 | ij_javascript_use_semicolon_after_statement = false 16 | 17 | [*.md] 18 | trim_trailing_whitespace = false -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | logs 4 | *.log 5 | __MACOSX 6 | .Saved/ 7 | _arc/ 8 | .vscode/ 9 | .publish/ 10 | .DS_Store 11 | *.sublime-* 12 | *.rar 13 | *.zip 14 | .idea 15 | ex_files 16 | Thumbs.db 17 | *:Zone.Identifier 18 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # web-technologies 2 | -------------------------------------------------------------------------------- /core/fonts/pt-mono-regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/core/fonts/pt-mono-regular.woff2 -------------------------------------------------------------------------------- /core/fonts/pt-sans-bold-italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/core/fonts/pt-sans-bold-italic.woff2 -------------------------------------------------------------------------------- /core/fonts/pt-sans-bold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/core/fonts/pt-sans-bold.woff2 -------------------------------------------------------------------------------- /core/fonts/pt-sans-italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/core/fonts/pt-sans-italic.woff2 -------------------------------------------------------------------------------- /core/fonts/pt-sans-narrow-bold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/core/fonts/pt-sans-narrow-bold.woff2 -------------------------------------------------------------------------------- /core/fonts/pt-sans-regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/core/fonts/pt-sans-regular.woff2 -------------------------------------------------------------------------------- /core/pictures/canvas.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/core/pictures/canvas.png -------------------------------------------------------------------------------- /core/pictures/exact.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /core/pictures/picture-1.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /core/pictures/picture-2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /core/pictures/picture-3.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /core/pictures/square.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /core/pictures/tall.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /core/pictures/wide.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /core/styles/blocks/region.css: -------------------------------------------------------------------------------- 1 | /* Region */ 2 | 3 | .region { 4 | position: absolute; 5 | top: 0; 6 | left: 0; 7 | clip: rect(0 0 0 0); 8 | } 9 | 10 | /* List */ 11 | 12 | .shower.list .region { 13 | display: none; 14 | } 15 | 16 | /* Full */ 17 | 18 | .shower.full .region { 19 | display: block; 20 | } 21 | 22 | /* Print */ 23 | 24 | @media print { 25 | .shower.list .region, 26 | .shower.full .region { 27 | display: none; 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /core/styles/shower/shower-full.css: -------------------------------------------------------------------------------- 1 | /* Shower Full */ 2 | 3 | .shower.full { 4 | position: absolute; 5 | top: 50%; 6 | left: 50%; 7 | overflow: hidden; 8 | margin-top: calc( 9 | var(--slide-height) / 2 * -1 10 | ); 11 | margin-left: calc( 12 | var(--slide-width) / 2 * -1 13 | ); 14 | width: var(--slide-width); 15 | height: var(--slide-height); 16 | background-color: black; 17 | transform: scale(var(--shower-full-scale)); 18 | } 19 | -------------------------------------------------------------------------------- /core/styles/shower/shower-grid.css: -------------------------------------------------------------------------------- 1 | /* Shower Grid */ 2 | 3 | .shower.full.grid::before { 4 | position: absolute; 5 | top: 0; 6 | right: 0; 7 | bottom: 0; 8 | left: 0; 9 | z-index: 1; 10 | content: ''; 11 | pointer-events: none; 12 | background-image: url('grid.svg'); 13 | } 14 | -------------------------------------------------------------------------------- /core/styles/shower/shower-pointless.css: -------------------------------------------------------------------------------- 1 | /* Shower Pontless */ 2 | 3 | .shower.pointless { 4 | cursor: none; 5 | } 6 | -------------------------------------------------------------------------------- /core/styles/shower/shower-print.css: -------------------------------------------------------------------------------- 1 | /* Shower Print */ 2 | 3 | @page { 4 | margin: 0; 5 | size: 1024px 576px; 6 | } 7 | 8 | .shower { 9 | -webkit-print-color-adjust: exact; 10 | text-rendering: geometricPrecision; 11 | } 12 | -------------------------------------------------------------------------------- /core/styles/slide/content/basic.css: -------------------------------------------------------------------------------- 1 | /* Basic */ 2 | 3 | .slide h2 { 4 | margin-top: 9px; 5 | margin-bottom: 33px; 6 | color: var(--color-grey); 7 | font: bold 40px/1 'PT Sans Narrow', sans-serif; 8 | } 9 | 10 | .slide * + h2 { 11 | margin-top: 41px; 12 | } 13 | 14 | .slide p { 15 | margin-top: 0; 16 | margin-bottom: 1em; 17 | } 18 | 19 | .slide p.note { 20 | color: var(--color-grey); 21 | } 22 | 23 | .slide figure { 24 | margin: 0; 25 | } 26 | -------------------------------------------------------------------------------- /core/styles/slide/content/footer.css: -------------------------------------------------------------------------------- 1 | /* Footer */ 2 | 3 | .slide > footer { 4 | position: absolute; 5 | right: 0; 6 | bottom: 0; 7 | left: 0; 8 | z-index: 1; 9 | padding: 50px var(--slide-side) 25px; 10 | background-color: var(--color-yellow); 11 | transition: transform 0.3s linear; 12 | } 13 | 14 | /* List */ 15 | 16 | .shower.list .slide > footer { 17 | transform: translateY(100%); 18 | } 19 | 20 | .shower.list .slide.active > footer, 21 | .shower.list .slide:hover > footer { 22 | transform: translateY(0); 23 | } 24 | 25 | /* Full */ 26 | 27 | .shower.full .slide > footer { 28 | display: none; 29 | } 30 | -------------------------------------------------------------------------------- /core/styles/slide/content/quote.css: -------------------------------------------------------------------------------- 1 | /* Quote */ 2 | 3 | .slide blockquote { 4 | margin: 0; 5 | font-style: italic; 6 | } 7 | 8 | .slide blockquote::before { 9 | position: absolute; 10 | margin: -0.15em 0 0 -0.43em; 11 | color: #cccccc; 12 | line-height: 1; 13 | font-size: 8em; 14 | content: '\201C'; 15 | } 16 | 17 | /* Author */ 18 | 19 | .slide blockquote + figcaption { 20 | margin: -1em 0 1em; 21 | font-style: italic; 22 | font-weight: bold; 23 | } 24 | -------------------------------------------------------------------------------- /core/styles/slide/elements/columns.css: -------------------------------------------------------------------------------- 1 | /* Columns */ 2 | 3 | .columns { 4 | display: grid; 5 | width: 100%; 6 | grid-column-gap: 75px; 7 | } 8 | 9 | .columns.two { 10 | grid-template-columns: 1fr 1fr; 11 | } 12 | 13 | .columns.three { 14 | grid-template-columns: 1fr 1fr 1fr; 15 | } 16 | 17 | .columns.four { 18 | grid-template-columns: 1fr 1fr 1fr 1fr; 19 | } 20 | -------------------------------------------------------------------------------- /core/styles/slide/elements/cover.css: -------------------------------------------------------------------------------- 1 | /* Cover */ 2 | 3 | .cover { 4 | position: absolute; 5 | top: 50%; 6 | left: 50%; 7 | z-index: -1; 8 | transform: translate(-50%, -50%); 9 | max-width: 100%; 10 | max-height: 100%; 11 | } 12 | 13 | /* Fitting */ 14 | 15 | .cover.w, 16 | .cover.width { 17 | width: 100%; 18 | max-height: none; 19 | } 20 | 21 | .cover.h, 22 | .cover.height { 23 | height: 100%; 24 | max-width: none; 25 | } 26 | -------------------------------------------------------------------------------- /core/styles/slide/elements/next.css: -------------------------------------------------------------------------------- 1 | /* Next */ 2 | 3 | .shower.full .next { 4 | visibility: hidden; 5 | } 6 | 7 | .shower.full .next.active, 8 | .shower.full .next.visited { 9 | visibility: visible; 10 | } 11 | -------------------------------------------------------------------------------- /core/styles/slide/elements/spotlight.css: -------------------------------------------------------------------------------- 1 | /* Spotlight */ 2 | 3 | .spotlight { 4 | position: absolute; 5 | top: 50%; 6 | left: 50%; 7 | transform: translate(-50%, -50%); 8 | margin-top: var(--spotlight-top, 0); 9 | margin-left: var(--spotlight-left, 0); 10 | width: var(--spotlight-size, var(--spotlight-width, 256px)); 11 | height: var(--spotlight-size, var(--spotlight-height, 256px)); 12 | border-radius: var(--spotlight-radius, 50%); 13 | box-shadow: 14 | 0 0 0 var(--slide-width) 15 | rgba( 16 | 0, 0, 0, 17 | var(--spotlight-opacity, 0.2) 18 | ); 19 | pointer-events: none; 20 | } 21 | -------------------------------------------------------------------------------- /core/styles/slide/modifiers/black.css: -------------------------------------------------------------------------------- 1 | /* Black */ 2 | 3 | .slide.black { 4 | background-color: black; 5 | } 6 | -------------------------------------------------------------------------------- /core/styles/slide/modifiers/clear.css: -------------------------------------------------------------------------------- 1 | /* Progress Off */ 2 | 3 | .slide.clear.active ~ .progress { 4 | display: none; 5 | } 6 | 7 | /* Number Off */ 8 | 9 | .slide.clear::after { 10 | visibility: hidden; 11 | } 12 | -------------------------------------------------------------------------------- /core/styles/slide/modifiers/gray.css: -------------------------------------------------------------------------------- 1 | /* Gray */ 2 | 3 | .slide.gray { 4 | background-color: #979a9e; 5 | } 6 | -------------------------------------------------------------------------------- /core/styles/slide/ribbon.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /core/styles/slide/slide-full.css: -------------------------------------------------------------------------------- 1 | /* Slide Full */ 2 | 3 | .shower.full .slide { 4 | position: absolute; 5 | top: 0; 6 | left: 0; 7 | clip: rect(0 0 0 0); 8 | visibility: hidden; 9 | } 10 | 11 | /* Active */ 12 | 13 | .shower.full .slide.active { 14 | clip: auto; 15 | visibility: visible; 16 | } 17 | -------------------------------------------------------------------------------- /core/styles/slide/slide-list.css: -------------------------------------------------------------------------------- 1 | /* Slide List */ 2 | 3 | .shower.list .slide { 4 | border-radius: 2px; 5 | box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3); 6 | transform-origin: 0 0; 7 | transform: scale( 8 | var(--slide-scale) 9 | ); 10 | } 11 | 12 | .shower.list .slide * { 13 | pointer-events: none; 14 | } 15 | 16 | /* Hover */ 17 | 18 | .shower.list .slide:hover { 19 | box-shadow: 20 | 0 0 0 20px rgba(0, 0, 0, 0.1), 21 | 0 20px 50px rgba(0, 0, 0, 0.3); 22 | } 23 | 24 | /* Active */ 25 | 26 | .shower.list .slide.active { 27 | box-shadow: 28 | 0 0 0 1px #376da3, 29 | 0 0 0 20px #4b86c2, 30 | 0 20px 50px rgba(0, 0, 0, 0.3); 31 | } 32 | -------------------------------------------------------------------------------- /core/styles/styles.css: -------------------------------------------------------------------------------- 1 | /* Styles */ 2 | 3 | @import 'fonts.css'; 4 | @import 'shower/shower.css'; 5 | @import 'blocks/badge.css'; 6 | @import 'blocks/caption.css'; 7 | @import 'blocks/progress.css'; 8 | @import 'blocks/region.css'; 9 | @import 'slide/slide.css'; 10 | -------------------------------------------------------------------------------- /html-css/01-intro-to-web/examples/01_tags.html: -------------------------------------------------------------------------------- 1 |

Lorem ipsum dolor sit amet.

2 |

Title

3 |

new par

4 |

Lorem ipsum dolor sit amet consectetur, adipisicing elit.

-------------------------------------------------------------------------------- /html-css/01-intro-to-web/examples/02_formatting.html: -------------------------------------------------------------------------------- 1 |

Title

2 | 3 | 4 | 5 | 6 |

Lorem ipsum 7 | 8 | 9 | 10 | dolor sit amet.

-------------------------------------------------------------------------------- /html-css/01-intro-to-web/examples/03_unpaired_tags.html: -------------------------------------------------------------------------------- 1 |

2 | Lorem ipsum dolor sit amet
3 | consectetur adipisicing elit.
4 | Praesentium, soluta modi vitae aut,
5 | autem impedit iure delectus hic minus
6 | dicta quae culpa pariatur quidem est sunt,
7 | tempore iste dolorem cum. 8 |

9 |
10 | some text 11 | -------------------------------------------------------------------------------- /html-css/01-intro-to-web/examples/04_markup.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Лекція 1. Вступ до HTML 6 | 7 | 8 |

Title

9 |

Title

10 |

Lorem, ipsum dolor.

11 | 12 | -------------------------------------------------------------------------------- /html-css/01-intro-to-web/examples/05_comments.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Коментарі в коді 8 | 9 | 10 |

Title

11 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /html-css/02-element-types-and-attributes/examples/04_2_inline_and_block_elements.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | Lorem, ipsum dolor. 11 |

Lorem ipsum dolor sit amet.

12 | Lorem, ipsum dolor. 13 |

Lorem ipsum dolor sit amet.

14 | Lorem, ipsum dolor. 15 | Lorem, ipsum. 16 | Lorem, ipsum dolor. 17 | Lorem, ipsum dolor. 18 | Lorem ipsum dolor sit. 19 |

Lorem ipsum dolor sit.

20 | Lorem, ipsum dolor. 21 | 22 | 23 | -------------------------------------------------------------------------------- /html-css/02-element-types-and-attributes/examples/05_additional_page.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

Додаткова сторінка

11 | Назад 12 | Назад до другої глави 13 | 14 | 15 | -------------------------------------------------------------------------------- /html-css/02-element-types-and-attributes/examples/CSS3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/02-element-types-and-attributes/examples/CSS3.png -------------------------------------------------------------------------------- /html-css/02-element-types-and-attributes/examples/HTML5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/02-element-types-and-attributes/examples/HTML5.png -------------------------------------------------------------------------------- /html-css/02-element-types-and-attributes/examples/front-end-define.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/02-element-types-and-attributes/examples/front-end-define.png -------------------------------------------------------------------------------- /html-css/02-element-types-and-attributes/examples/front-end.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/02-element-types-and-attributes/examples/front-end.jpg -------------------------------------------------------------------------------- /html-css/02-element-types-and-attributes/examples/js.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/02-element-types-and-attributes/examples/js.gif -------------------------------------------------------------------------------- /html-css/02-element-types-and-attributes/presentation/images/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/02-element-types-and-attributes/presentation/images/1.jpg -------------------------------------------------------------------------------- /html-css/02-element-types-and-attributes/presentation/images/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/02-element-types-and-attributes/presentation/images/2.jpg -------------------------------------------------------------------------------- /html-css/02-element-types-and-attributes/presentation/images/img.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/02-element-types-and-attributes/presentation/images/img.png -------------------------------------------------------------------------------- /html-css/03-tables-lists-forms/presentation/examples/01-table/01_tag_table.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 7 | 8 | Тег Table 9 | 10 | 11 |

Тег Table

12 | 16 | 17 | 18 | 21 | 22 |
19 | 100 20 |
23 | 24 | 25 | -------------------------------------------------------------------------------- /html-css/03-tables-lists-forms/presentation/examples/01-table/06_attr_noborder.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 7 | 8 | Таблиця без рамки 9 | 10 | 11 |

Таблиця без рамки:

12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 |
100200300
400500600
24 | 25 | 26 | -------------------------------------------------------------------------------- /html-css/03-tables-lists-forms/presentation/examples/01-table/09_attr_colspan.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 7 | 8 | Colspan 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 |
NameTelephone
Alex555 77 854555 77 855
22 | 23 | 24 | -------------------------------------------------------------------------------- /html-css/03-tables-lists-forms/presentation/examples/01-table/10_attr_rowspan.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 7 | 8 | Rowspan 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 |
First Name:Bill Gates
Telephone:555 77 854
555 77 854
24 | 25 | 26 | -------------------------------------------------------------------------------- /html-css/03-tables-lists-forms/presentation/examples/01-table/14_attr_td_background.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 7 | 8 | Background 9 | 10 | 11 |

td bgcolor:

12 | 13 | 14 | 17 | 20 | 21 | 22 | 25 | 28 | 29 |
15 | First 16 | 18 | Row 19 |
23 | Second 24 | 26 | Row 27 |
30 | 31 | 32 | -------------------------------------------------------------------------------- /html-css/03-tables-lists-forms/presentation/examples/01-table/images/background.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/03-tables-lists-forms/presentation/examples/01-table/images/background.jpg -------------------------------------------------------------------------------- /html-css/03-tables-lists-forms/presentation/examples/01-table/images/bgdesert.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/03-tables-lists-forms/presentation/examples/01-table/images/bgdesert.jpg -------------------------------------------------------------------------------- /html-css/03-tables-lists-forms/presentation/examples/01-table/images/constr4.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/03-tables-lists-forms/presentation/examples/01-table/images/constr4.gif -------------------------------------------------------------------------------- /html-css/03-tables-lists-forms/presentation/examples/01-table/images/hackanm.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/03-tables-lists-forms/presentation/examples/01-table/images/hackanm.gif -------------------------------------------------------------------------------- /html-css/03-tables-lists-forms/presentation/examples/01-table/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/03-tables-lists-forms/presentation/examples/01-table/images/logo.png -------------------------------------------------------------------------------- /html-css/03-tables-lists-forms/presentation/examples/02-lists/03_nested-list.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 7 | 8 | Вкладені списки 9 | 10 | 11 |

Вкладений список:

12 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /html-css/03-tables-lists-forms/presentation/examples/02-lists/04_tag_dl.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 7 | 8 | definition term lists 9 | 10 | 11 |

Список визначень:

12 |
13 |
Кава
14 |
Чорний гарячий напій
15 |
Молоко
16 |
Білий холодний напій
17 |
18 | 19 | 20 | -------------------------------------------------------------------------------- /html-css/03-tables-lists-forms/presentation/examples/03-form/01-form-submit.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 |

Hello from form submit!

9 | 10 | 11 | -------------------------------------------------------------------------------- /html-css/03-tables-lists-forms/presentation/images/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/03-tables-lists-forms/presentation/images/1.png -------------------------------------------------------------------------------- /html-css/03-tables-lists-forms/presentation/images/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/03-tables-lists-forms/presentation/images/2.png -------------------------------------------------------------------------------- /html-css/03-tables-lists-forms/presentation/images/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/03-tables-lists-forms/presentation/images/3.png -------------------------------------------------------------------------------- /html-css/03-tables-lists-forms/presentation/images/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/03-tables-lists-forms/presentation/images/4.png -------------------------------------------------------------------------------- /html-css/03-tables-lists-forms/presentation/images/5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/03-tables-lists-forms/presentation/images/5.png -------------------------------------------------------------------------------- /html-css/03-tables-lists-forms/presentation/images/6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/03-tables-lists-forms/presentation/images/6.png -------------------------------------------------------------------------------- /html-css/03-tables-lists-forms/presentation/images/7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/03-tables-lists-forms/presentation/images/7.png -------------------------------------------------------------------------------- /html-css/03-tables-lists-forms/presentation/images/8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/03-tables-lists-forms/presentation/images/8.png -------------------------------------------------------------------------------- /html-css/04-css-intro/examples/01_universal_attrs.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Універсальні атрибути 8 | 9 | 10 | 12 | 13 |

Параграф

14 |

15 | Заголовок h1 16 |

17 | 18 | -------------------------------------------------------------------------------- /html-css/04-css-intro/examples/03_style.css: -------------------------------------------------------------------------------- 1 | body{ 2 | /* background: lightgray; */ 3 | } 4 | 5 | p{ 6 | background: green; 7 | } -------------------------------------------------------------------------------- /html-css/04-css-intro/presentation/images/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/04-css-intro/presentation/images/1.png -------------------------------------------------------------------------------- /html-css/04-css-intro/presentation/images/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/04-css-intro/presentation/images/2.png -------------------------------------------------------------------------------- /html-css/05-css-font-styles/examples/08_word-break.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | word-break 9 | 10 | 11 | 12 | 21 | 22 |
23 | Програміст 24 | 25 | від бога 26 |
27 | 28 | 29 | -------------------------------------------------------------------------------- /html-css/05-css-font-styles/examples/10_user-select.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | user-select 8 | 9 | 10 | 18 | 19 |

Текст параграфа 1

20 |

Текст параграфа 2

21 |

Текст параграфа 3

22 | 23 | -------------------------------------------------------------------------------- /html-css/05-css-font-styles/presentation/images/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/05-css-font-styles/presentation/images/1.png -------------------------------------------------------------------------------- /html-css/05-css-font-styles/presentation/images/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/05-css-font-styles/presentation/images/2.png -------------------------------------------------------------------------------- /html-css/06-css-element-sizes/examples/01_element_sizes.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Розміри елементів 8 | 15 | 16 | 17 |
18 | Тег DIV 19 |
20 |
21 | 22 | Тег SPAN 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /html-css/06-css-element-sizes/presentation/images/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/06-css-element-sizes/presentation/images/1.png -------------------------------------------------------------------------------- /html-css/06-css-element-sizes/presentation/images/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/06-css-element-sizes/presentation/images/2.png -------------------------------------------------------------------------------- /html-css/06-css-element-sizes/presentation/images/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/06-css-element-sizes/presentation/images/3.png -------------------------------------------------------------------------------- /html-css/07-css-margin/examples/02_collapse.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Провалювання 8 | 9 | 10 | 18 | 19 |
20 |

Заголовок h1

21 |
22 | 23 | 24 | -------------------------------------------------------------------------------- /html-css/07-css-margin/presentation/images/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/07-css-margin/presentation/images/1.png -------------------------------------------------------------------------------- /html-css/07-css-margin/presentation/images/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/07-css-margin/presentation/images/2.png -------------------------------------------------------------------------------- /html-css/07-css-margin/presentation/images/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/07-css-margin/presentation/images/3.png -------------------------------------------------------------------------------- /html-css/08-css-combinators-selectors/examples/06_Універсальний селектор.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Універсальний селектор 8 | 9 | 10 | 15 | 16 |

Заголовок

17 | Текст 18 |

Параграф

19 | Посилання 20 | 21 | -------------------------------------------------------------------------------- /html-css/08-css-combinators-selectors/presentation/images/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/08-css-combinators-selectors/presentation/images/1.png -------------------------------------------------------------------------------- /html-css/08-css-combinators-selectors/presentation/images/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/08-css-combinators-selectors/presentation/images/2.png -------------------------------------------------------------------------------- /html-css/08-css-combinators-selectors/presentation/images/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/08-css-combinators-selectors/presentation/images/3.png -------------------------------------------------------------------------------- /html-css/08-css-combinators-selectors/presentation/images/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/08-css-combinators-selectors/presentation/images/4.png -------------------------------------------------------------------------------- /html-css/08-css-combinators-selectors/presentation/images/5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/08-css-combinators-selectors/presentation/images/5.png -------------------------------------------------------------------------------- /html-css/09-css-background/examples/img/CSS3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/09-css-background/examples/img/CSS3.png -------------------------------------------------------------------------------- /html-css/09-css-background/examples/img/HTML5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/09-css-background/examples/img/HTML5.png -------------------------------------------------------------------------------- /html-css/09-css-background/examples/img/JS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/09-css-background/examples/img/JS.png -------------------------------------------------------------------------------- /html-css/09-css-background/examples/img/mini.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/09-css-background/examples/img/mini.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/examples/01-static.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 22 | 23 | 24 |
25 |
Some div1 child
26 |
Some div2 child
27 |
28 | 29 | 30 | -------------------------------------------------------------------------------- /html-css/10-сss-positioning/examples/06-1-z-index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 24 | 25 | 26 |
27 | 28 | 29 | -------------------------------------------------------------------------------- /html-css/10-сss-positioning/examples/images/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/examples/images/1.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/presentation/images/css.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/presentation/images/css.gif -------------------------------------------------------------------------------- /html-css/10-сss-positioning/presentation/images/dont.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/presentation/images/dont.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/presentation/images/task-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/presentation/images/task-1.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/presentation/images/task-2.1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/presentation/images/task-2.1.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/presentation/images/task-2.2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/presentation/images/task-2.2.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/presentation/images/task-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/presentation/images/task-3.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/presentation/images/task-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/presentation/images/task-4.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/presentation/images/task-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/presentation/images/task-5.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/example/images/apps.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/example/images/apps.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/example/images/bell.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/example/images/bell.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/example/images/calendar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/example/images/calendar.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/example/images/chat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/example/images/chat.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/example/images/classroom.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/example/images/classroom.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/example/images/collection.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/example/images/collection.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/example/images/contacts.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/example/images/contacts.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/example/images/documents.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/example/images/documents.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/example/images/files.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/example/images/files.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/example/images/mail.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/example/images/mail.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/example/images/maps.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/example/images/maps.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/example/images/news.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/example/images/news.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/example/images/photos.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/example/images/photos.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/example/images/popup-button.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/example/images/popup-button.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/example/images/profile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/example/images/profile.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/example/images/search.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/example/images/search.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/example/images/tanslation.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/example/images/tanslation.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/example/images/videos.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/example/images/videos.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/example/style.scss: -------------------------------------------------------------------------------- 1 | @import "scss/base"; 2 | @import "scss/header"; 3 | @import "scss/nav"; 4 | @import "scss/nav-details"; 5 | @import "scss/popup"; 6 | @import "scss/more"; 7 | @import "scss/apps"; 8 | @import "scss/app-item"; 9 | -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/icons/apps.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/icons/apps.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/icons/bell.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/icons/bell.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/icons/blogs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/icons/blogs.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/icons/calendar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/icons/calendar.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/icons/chat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/icons/chat.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/icons/classroom.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/icons/classroom.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/icons/collection.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/icons/collection.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/icons/contacts.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/icons/contacts.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/icons/documents.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/icons/documents.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/icons/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/icons/favicon.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/icons/files.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/icons/files.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/icons/mail.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/icons/mail.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/icons/maps.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/icons/maps.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/icons/mars.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/icons/mars.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/icons/mic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/icons/mic.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/icons/news.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/icons/news.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/icons/photos.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/icons/photos.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/icons/popup-button.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/icons/popup-button.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/icons/promo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/icons/promo.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/icons/search.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/icons/search.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/icons/tanslation.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/icons/tanslation.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/icons/videos.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/icons/videos.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/popup-focus.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/popup-focus.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/popup-hidden.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/popup-hidden.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/popup-hover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/popup-hover.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/popup-scrollable.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/popup-scrollable.png -------------------------------------------------------------------------------- /html-css/10-сss-positioning/task-popup/popup-visible.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/10-сss-positioning/task-popup/popup-visible.png -------------------------------------------------------------------------------- /html-css/11-css-generated-content-layouts/examples/01-content.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 18 | 19 | 20 |

Some dummy text!

21 | 22 | 23 | -------------------------------------------------------------------------------- /html-css/11-css-generated-content-layouts/examples/03-counter-heading.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 16 | 17 | 18 |

Theory of catching a lion in the desert

19 |

Inverse kinematics methods

20 |

Catching a lion with numerical methods

21 | 22 | 23 | -------------------------------------------------------------------------------- /html-css/11-css-generated-content-layouts/examples/07-content-attr.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 15 | 16 | 17 |
18 | 19 | 20 | -------------------------------------------------------------------------------- /html-css/11-css-generated-content-layouts/examples/12-layout-multi-column.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 12 | 13 | 14 |
15 |
Left column
16 |
17 | Center column 18 |
higher than left and right 19 |
and takes up three lines 20 |
21 |
Right column
22 |
23 | 24 | 25 | -------------------------------------------------------------------------------- /html-css/11-css-generated-content-layouts/examples/img/bg.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/11-css-generated-content-layouts/examples/img/bg.webp -------------------------------------------------------------------------------- /html-css/11-css-generated-content-layouts/examples/img/cloud_rain.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/11-css-generated-content-layouts/examples/img/cloud_rain.png -------------------------------------------------------------------------------- /html-css/11-css-generated-content-layouts/presentation/images/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/11-css-generated-content-layouts/presentation/images/1.png -------------------------------------------------------------------------------- /html-css/11-css-generated-content-layouts/presentation/images/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/11-css-generated-content-layouts/presentation/images/2.png -------------------------------------------------------------------------------- /html-css/11-css-generated-content-layouts/presentation/images/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/11-css-generated-content-layouts/presentation/images/3.png -------------------------------------------------------------------------------- /html-css/11-css-generated-content-layouts/presentation/images/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/11-css-generated-content-layouts/presentation/images/4.png -------------------------------------------------------------------------------- /html-css/11-css-generated-content-layouts/presentation/images/5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/11-css-generated-content-layouts/presentation/images/5.png -------------------------------------------------------------------------------- /html-css/11-css-generated-content-layouts/presentation/images/css.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/11-css-generated-content-layouts/presentation/images/css.png -------------------------------------------------------------------------------- /html-css/12-css-grid-layout/examples/base.css: -------------------------------------------------------------------------------- 1 | @import "reset.css"; 2 | @import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap'); 3 | 4 | html { 5 | background-color: #f9faff; 6 | } 7 | 8 | h1 { 9 | margin: 0; 10 | } 11 | 12 | .container { 13 | font-family: 'Lexend', sans-serif; 14 | max-width: 600px; 15 | margin: 0 auto; 16 | padding: 20px 40px; 17 | } 18 | -------------------------------------------------------------------------------- /html-css/12-css-grid-layout/presentation/images/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/12-css-grid-layout/presentation/images/1.png -------------------------------------------------------------------------------- /html-css/12-css-grid-layout/presentation/images/10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/12-css-grid-layout/presentation/images/10.png -------------------------------------------------------------------------------- /html-css/12-css-grid-layout/presentation/images/11.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/12-css-grid-layout/presentation/images/11.png -------------------------------------------------------------------------------- /html-css/12-css-grid-layout/presentation/images/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/12-css-grid-layout/presentation/images/2.png -------------------------------------------------------------------------------- /html-css/12-css-grid-layout/presentation/images/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/12-css-grid-layout/presentation/images/3.png -------------------------------------------------------------------------------- /html-css/12-css-grid-layout/presentation/images/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/12-css-grid-layout/presentation/images/4.jpg -------------------------------------------------------------------------------- /html-css/12-css-grid-layout/presentation/images/5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/12-css-grid-layout/presentation/images/5.png -------------------------------------------------------------------------------- /html-css/12-css-grid-layout/presentation/images/6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/12-css-grid-layout/presentation/images/6.png -------------------------------------------------------------------------------- /html-css/12-css-grid-layout/presentation/images/7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/12-css-grid-layout/presentation/images/7.png -------------------------------------------------------------------------------- /html-css/12-css-grid-layout/presentation/images/8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/12-css-grid-layout/presentation/images/8.png -------------------------------------------------------------------------------- /html-css/12-css-grid-layout/presentation/images/9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/12-css-grid-layout/presentation/images/9.png -------------------------------------------------------------------------------- /html-css/12-css-grid-layout/presentation/images/flex-grid.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/12-css-grid-layout/presentation/images/flex-grid.jpg -------------------------------------------------------------------------------- /html-css/12-css-grid-layout/presentation/images/flex.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/12-css-grid-layout/presentation/images/flex.jpg -------------------------------------------------------------------------------- /html-css/12-css-grid-layout/presentation/images/grid-area.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/12-css-grid-layout/presentation/images/grid-area.png -------------------------------------------------------------------------------- /html-css/12-css-grid-layout/presentation/images/grid-cell.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/12-css-grid-layout/presentation/images/grid-cell.png -------------------------------------------------------------------------------- /html-css/12-css-grid-layout/presentation/images/grid-track.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/12-css-grid-layout/presentation/images/grid-track.png -------------------------------------------------------------------------------- /html-css/12-css-grid-layout/presentation/images/intro.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/12-css-grid-layout/presentation/images/intro.png -------------------------------------------------------------------------------- /html-css/12-css-grid-layout/presentation/images/what-use.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/12-css-grid-layout/presentation/images/what-use.jpg -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/examples/pug-example/app/html/assets/images/card1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/13-preprocessors-frontend-tooling/examples/pug-example/app/html/assets/images/card1.png -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/examples/pug-example/app/html/assets/images/card2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/13-preprocessors-frontend-tooling/examples/pug-example/app/html/assets/images/card2.png -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/examples/pug-example/app/html/assets/images/card3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/13-preprocessors-frontend-tooling/examples/pug-example/app/html/assets/images/card3.png -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/examples/pug-example/app/html/assets/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/13-preprocessors-frontend-tooling/examples/pug-example/app/html/assets/images/logo.png -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/examples/pug-example/app/html/assets/images/pug1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/13-preprocessors-frontend-tooling/examples/pug-example/app/html/assets/images/pug1.png -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/examples/pug-example/app/html/assets/images/pug2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/13-preprocessors-frontend-tooling/examples/pug-example/app/html/assets/images/pug2.png -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/examples/pug-example/app/html/scripts/help.js: -------------------------------------------------------------------------------- 1 | console.log('Hello my first Website using template engine Pug!') -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/examples/pug-example/app/html/scripts/main.js: -------------------------------------------------------------------------------- 1 | document.addEventListener('DOMContentLoaded', function() { 2 | let logos = document.querySelectorAll('.logo'); 3 | 4 | logos.forEach(function(logo) { 5 | logo.addEventListener('click', function(e) { 6 | e.preventDefault(); 7 | window.scrollTo({ 8 | top: 0, 9 | behavior: 'smooth' 10 | }); 11 | }); 12 | }); 13 | }); 14 | -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/examples/pug-example/app/pug/includes/add-scripts.pug: -------------------------------------------------------------------------------- 1 | script(src='scripts/help.js') -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/examples/pug-example/app/pug/includes/content-middle.pug: -------------------------------------------------------------------------------- 1 | .middle-block-outer 2 | .middle-block-inner 3 | h2#favourite 4 | span МОЇ УЛЮБЛЕНІ 5 | | СОЛОДОЩІ 6 | .cards-wrapper 7 | ul.list-cards 8 | each card, id in cards 9 | li(class="card card-" + (id+1)) 10 | img(src=card.image) 11 | .card-text-part 12 | h3= card.title 13 | p= card.description -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/examples/pug-example/app/pug/includes/content-top.pug: -------------------------------------------------------------------------------- 1 | .top-block-outer 2 | .top-block-inner 3 | .left-part 4 | h1.main-title 5 | span YUMMY 6 | | PUG 7 | p.top-desc Всім привіт, я Ямі і я мопс, який дуже сильно полюбляє солодощі. Сьогодні я розкажу вам, чому саме солодощі і чому вони так важливі в нашому житті. Доречі, моє імʼя з англійської мови перекладається як “Смачний”. 8 | a(href=navLinks[0].href class="button top-block-button")= navLinks[0].text 9 | .right-part 10 | img(src="assets/images/pug1.png" alt="pug1" class="pug1-img") -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/examples/pug-example/app/pug/includes/content.pug: -------------------------------------------------------------------------------- 1 | main 2 | .content-outer 3 | .content-inner 4 | block top 5 | include content-top 6 | block middle 7 | include content-middle 8 | block bottom 9 | include content-bottom -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/examples/pug-example/app/pug/includes/fonts.pug: -------------------------------------------------------------------------------- 1 | link(rel="preconnect", href="https://fonts.googleapis.com") 2 | link(rel="preconnect", href="https://fonts.gstatic.com", crossorigin) 3 | link(href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap", rel="stylesheet") -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/examples/pug-example/app/pug/includes/footer.pug: -------------------------------------------------------------------------------- 1 | footer 2 | .footer-outer 3 | .footer-inner 4 | .logo-wrapper 5 | img(src="assets/images/logo.png" alt="logo" class="logo logo-footer") 6 | h4 Приєднуйся і живи зі мною у світі солодощів! -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/examples/pug-example/app/pug/includes/head.pug: -------------------------------------------------------------------------------- 1 | head 2 | title My Great Site🥳 -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/examples/pug-example/app/pug/includes/header.pug: -------------------------------------------------------------------------------- 1 | header 2 | .header-outer 3 | .header-inner 4 | .logo-wrapper 5 | img(src="assets/images/logo.png" alt="logo" class="logo logo-header") 6 | nav(class="custom-nav") 7 | each link in navLinks 8 | a(href=link.href)= link.text -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/examples/pug-example/app/pug/includes/layouts/base.pug: -------------------------------------------------------------------------------- 1 | //- Main site Layout 2 | 3 | doctype html 4 | html(lang="en") 5 | head 6 | block meta 7 | meta(charset="UTF-8") 8 | block title 9 | title Pug Project 10 | block fonts 11 | block main-scripts 12 | script(src='scripts/main.js') 13 | block styles 14 | link(rel='stylesheet', href='styles/style.css') 15 | body 16 | block data 17 | block header 18 | header: .header header 19 | block content 20 | main: .content content 21 | block footer 22 | footer: .footer footer 23 | block add-scripts -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/examples/pug-example/app/pug/includes/meta.pug: -------------------------------------------------------------------------------- 1 | meta(name="viewport", content="width=device-width, initial-scale=1.0") 2 | meta(http-equiv="X-UA-Compatible", content="ie=edge") 3 | meta(name="title", content="Pug Project") 4 | meta(name="description", content="Pug Website") 5 | meta(name="keywords", content="pug") 6 | meta(name="robots", content="index, follow") 7 | meta(name="language", content="English") 8 | -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/examples/pug-example/app/pug/index.pug: -------------------------------------------------------------------------------- 1 | extends includes/layouts/base 2 | 3 | block fonts 4 | include includes/fonts 5 | 6 | append meta 7 | include includes/meta 8 | 9 | block data 10 | include includes/data/data 11 | 12 | block header 13 | include includes/header 14 | 15 | block content 16 | include includes/content 17 | 18 | block footer 19 | include includes/footer 20 | 21 | block add-scripts 22 | include includes/add-scripts -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/examples/pug-example/design/design-figma.fig: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/13-preprocessors-frontend-tooling/examples/pug-example/design/design-figma.fig -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/examples/pug-example/design/design.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/13-preprocessors-frontend-tooling/examples/pug-example/design/design.pdf -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/examples/pug-example/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "pug-example", 3 | "version": "1.0.0", 4 | "description": "All you need to start with pug tool.", 5 | "main": "index.js", 6 | "type": "module", 7 | "scripts": { 8 | "test": "echo \"Error: no test specified\" && exit 1" 9 | }, 10 | "keywords": [], 11 | "author": "", 12 | "license": "ISC", 13 | "devDependencies": { 14 | "browser-sync": "^3.0.3", 15 | "gulp": "^5.0.0", 16 | "gulp-pug": "^5.0.0", 17 | "through2": "^4.0.2" 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/examples/pug-start/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "pug-start", 3 | "version": "1.0.0", 4 | "description": "All you need to start with pug tool.", 5 | "main": "index.js", 6 | "type": "module", 7 | "scripts": { 8 | "test": "echo \"Error: no test specified\" && exit 1" 9 | }, 10 | "keywords": [], 11 | "author": "", 12 | "license": "ISC", 13 | "devDependencies": { 14 | "browser-sync": "^3.0.3", 15 | "gulp": "^5.0.0", 16 | "gulp-plumber": "^1.2.1", 17 | "gulp-pug": "^5.0.0", 18 | "gulp-sass": "^5.1.0", 19 | "sass": "^1.80.3" 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/examples/pug-start/src/pug/includes/addme.pug: -------------------------------------------------------------------------------- 1 | h3 Hello! I'm text from includes!!! 2 | -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/examples/pug-start/src/pug/includes/blocks/content.pug: -------------------------------------------------------------------------------- 1 | section 2 | p Lorem ipsum dolor sit amet, consectetur. 3 | -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/examples/pug-start/src/pug/includes/blocks/footer.pug: -------------------------------------------------------------------------------- 1 | footer 2 | p Copyright (c) My awesome site -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/examples/pug-start/src/pug/includes/blocks/head.pug: -------------------------------------------------------------------------------- 1 | head 2 | title My Great Site🥳 3 | -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/examples/pug-start/src/pug/includes/blocks/header.pug: -------------------------------------------------------------------------------- 1 | - let links = ['Home', 'About', 'Contact'] 2 | 3 | header 4 | nav 5 | ul 6 | each link in links 7 | li= link 8 | -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/examples/pug-start/src/pug/includes/blocks/pet.pug: -------------------------------------------------------------------------------- 1 | p= pet -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/examples/pug-start/src/pug/includes/layouts/base.pug: -------------------------------------------------------------------------------- 1 | //- layout 2 | 3 | html 4 | head 5 | block scripts 6 | script(src='../scripts/main.js') 7 | body 8 | block content 9 | block foot 10 | #footer 11 | p some footer content -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/examples/pug-start/src/pug/includes/styles/style.css: -------------------------------------------------------------------------------- 1 | h1 { 2 | color: green; 3 | } -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/examples/pug-start/src/pug/layout.pug: -------------------------------------------------------------------------------- 1 | extends includes/layouts/base.pug 2 | 3 | block content 4 | include includes/blocks/header 5 | h1 Hello my friend!!! 6 | - let pets = ['cat', 'dog'] 7 | each pet in pets 8 | include includes/blocks/pet.pug 9 | 10 | block foot 11 | .footer 12 | p Copyright 2024 13 | include includes/blocks/footer 14 | -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/examples/pug-start/src/scss/_base.scss: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap'); 2 | 3 | html { 4 | background-color: #f9faff; 5 | font-family: 'Lexend', sans-serif; 6 | } 7 | 8 | .container { 9 | max-width: 1300px; 10 | margin: 0 auto; 11 | padding: 20px; 12 | } 13 | -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/examples/pug-start/src/scss/style.scss: -------------------------------------------------------------------------------- 1 | @use "normalize"; 2 | @use "base"; 3 | -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/presentation/images/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/13-preprocessors-frontend-tooling/presentation/images/1.jpg -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/presentation/images/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/13-preprocessors-frontend-tooling/presentation/images/2.jpg -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/presentation/images/intro.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/13-preprocessors-frontend-tooling/presentation/images/intro.jpg -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/presentation/images/pug.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/13-preprocessors-frontend-tooling/presentation/images/pug.png -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/presentation/images/template-engine.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/13-preprocessors-frontend-tooling/presentation/images/template-engine.png -------------------------------------------------------------------------------- /html-css/13-preprocessors-frontend-tooling/presentation/images/template-page.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/13-preprocessors-frontend-tooling/presentation/images/template-page.png -------------------------------------------------------------------------------- /html-css/14-css-methodology/presentation/images/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/14-css-methodology/presentation/images/1.png -------------------------------------------------------------------------------- /html-css/14-css-methodology/presentation/images/1.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/14-css-methodology/presentation/images/1.webp -------------------------------------------------------------------------------- /html-css/14-css-methodology/presentation/images/2.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/14-css-methodology/presentation/images/2.webp -------------------------------------------------------------------------------- /html-css/courses/README.md: -------------------------------------------------------------------------------- 1 | # Самостійна робота протягом семестру: 2 | 3 | 1. [Linux survival](https://linuxsurvival.com/) [обов'язково] 4 | 2. [Git how to](https://githowto.com/) [обов'язково] 5 | 3. [Learn git branching](https://learngitbranching.js.org/) [обов'язково] 6 | 4. [Learn HTML](https://www.codecademy.com/learn/learn-html) [за бажанням] 7 | 5. [Learn CSS](https://www.codecademy.com/learn/learn-css) [за бажанням] 8 | 6. [Flexbox froggy](https://flexboxfroggy.com/) [обов'язково] 9 | 7. [What The FlexBox?](https://flexbox.io/) [обов'язково] 10 | 8. [Css Grid Garden](https://cssgridgarden.com/) [обов'язково] 11 | 9. [Make a website](https://www.codecademy.com/learn/make-a-website) [за бажанням] 12 | 10. [Learn Sass](https://www.codecademy.com/learn/learn-sass) [за бажанням] 13 | -------------------------------------------------------------------------------- /html-css/labs/help-files/0-file-naming-rules.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/help-files/0-file-naming-rules.pdf -------------------------------------------------------------------------------- /html-css/labs/help-files/1.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/help-files/1.docx -------------------------------------------------------------------------------- /html-css/labs/help-files/2.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/help-files/2.docx -------------------------------------------------------------------------------- /html-css/labs/help-files/3.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/help-files/3.docx -------------------------------------------------------------------------------- /html-css/labs/help-files/4.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/help-files/4.docx -------------------------------------------------------------------------------- /html-css/labs/help-files/Список кольорів.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/help-files/Список кольорів.pdf -------------------------------------------------------------------------------- /html-css/labs/lab-1/Lab_№1.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-1/Lab_№1.pdf -------------------------------------------------------------------------------- /html-css/labs/lab-10/lab-10.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-10/lab-10.pdf -------------------------------------------------------------------------------- /html-css/labs/lab-2/Lab_№2.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-2/Lab_№2.pdf -------------------------------------------------------------------------------- /html-css/labs/lab-2/assets/animals/animals1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-2/assets/animals/animals1.jpg -------------------------------------------------------------------------------- /html-css/labs/lab-2/assets/animals/animals2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-2/assets/animals/animals2.jpg -------------------------------------------------------------------------------- /html-css/labs/lab-2/assets/food/food1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-2/assets/food/food1.jpg -------------------------------------------------------------------------------- /html-css/labs/lab-2/assets/food/food2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-2/assets/food/food2.jpg -------------------------------------------------------------------------------- /html-css/labs/lab-2/assets/google.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-2/assets/google.jpg -------------------------------------------------------------------------------- /html-css/labs/lab-2/assets/nature/nature1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-2/assets/nature/nature1.jpg -------------------------------------------------------------------------------- /html-css/labs/lab-2/assets/nature/nature2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-2/assets/nature/nature2.jpg -------------------------------------------------------------------------------- /html-css/labs/lab-2/assets/resume.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-2/assets/resume.png -------------------------------------------------------------------------------- /html-css/labs/lab-3/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-3/1.png -------------------------------------------------------------------------------- /html-css/labs/lab-3/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-3/2.png -------------------------------------------------------------------------------- /html-css/labs/lab-3/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-3/3.png -------------------------------------------------------------------------------- /html-css/labs/lab-3/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-3/4.png -------------------------------------------------------------------------------- /html-css/labs/lab-3/5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-3/5.png -------------------------------------------------------------------------------- /html-css/labs/lab-3/lab-3.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-3/lab-3.pdf -------------------------------------------------------------------------------- /html-css/labs/lab-4/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-4/1.png -------------------------------------------------------------------------------- /html-css/labs/lab-4/10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-4/10.png -------------------------------------------------------------------------------- /html-css/labs/lab-4/11.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-4/11.png -------------------------------------------------------------------------------- /html-css/labs/lab-4/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-4/2.png -------------------------------------------------------------------------------- /html-css/labs/lab-4/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-4/3.png -------------------------------------------------------------------------------- /html-css/labs/lab-4/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-4/4.png -------------------------------------------------------------------------------- /html-css/labs/lab-4/5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-4/5.png -------------------------------------------------------------------------------- /html-css/labs/lab-4/6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-4/6.png -------------------------------------------------------------------------------- /html-css/labs/lab-4/7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-4/7.png -------------------------------------------------------------------------------- /html-css/labs/lab-4/8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-4/8.png -------------------------------------------------------------------------------- /html-css/labs/lab-4/9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-4/9.png -------------------------------------------------------------------------------- /html-css/labs/lab-4/lab-4 (need refactor number).pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-4/lab-4 (need refactor number).pdf -------------------------------------------------------------------------------- /html-css/labs/lab-4/materials/lab3_4.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-4/materials/lab3_4.txt -------------------------------------------------------------------------------- /html-css/labs/lab-4/materials/li.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /html-css/labs/lab-5/icons/ad_units.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-5/icons/ad_units.png -------------------------------------------------------------------------------- /html-css/labs/lab-5/icons/ad_units.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /html-css/labs/lab-5/icons/airplane_ticket.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-5/icons/airplane_ticket.png -------------------------------------------------------------------------------- /html-css/labs/lab-5/icons/airplane_ticket.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /html-css/labs/lab-5/icons/car_rental.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-5/icons/car_rental.png -------------------------------------------------------------------------------- /html-css/labs/lab-5/icons/casino.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-5/icons/casino.png -------------------------------------------------------------------------------- /html-css/labs/lab-5/icons/festival.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-5/icons/festival.png -------------------------------------------------------------------------------- /html-css/labs/lab-5/icons/hotel.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-5/icons/hotel.png -------------------------------------------------------------------------------- /html-css/labs/lab-5/icons/hotel.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /html-css/labs/lab-5/icons/local_bar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-5/icons/local_bar.png -------------------------------------------------------------------------------- /html-css/labs/lab-5/icons/local_bar.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /html-css/labs/lab-5/icons/museum.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-5/icons/museum.png -------------------------------------------------------------------------------- /html-css/labs/lab-5/icons/museum.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /html-css/labs/lab-5/icons/rule.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-5/icons/rule.png -------------------------------------------------------------------------------- /html-css/labs/lab-5/icons/rule.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /html-css/labs/lab-5/lab-5.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-5/lab-5.pdf -------------------------------------------------------------------------------- /html-css/labs/lab-6/lab-6.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-6/lab-6.pdf -------------------------------------------------------------------------------- /html-css/labs/lab-7/cloud.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-7/cloud.png -------------------------------------------------------------------------------- /html-css/labs/lab-7/lab-7.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-7/lab-7.pdf -------------------------------------------------------------------------------- /html-css/labs/lab-8/icons/iconfinder_weather01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-8/icons/iconfinder_weather01.png -------------------------------------------------------------------------------- /html-css/labs/lab-8/icons/iconfinder_weather02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-8/icons/iconfinder_weather02.png -------------------------------------------------------------------------------- /html-css/labs/lab-8/icons/iconfinder_weather03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-8/icons/iconfinder_weather03.png -------------------------------------------------------------------------------- /html-css/labs/lab-8/icons/iconfinder_weather04.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-8/icons/iconfinder_weather04.png -------------------------------------------------------------------------------- /html-css/labs/lab-8/icons/iconfinder_weather05.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-8/icons/iconfinder_weather05.png -------------------------------------------------------------------------------- /html-css/labs/lab-8/icons/iconfinder_weather06.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-8/icons/iconfinder_weather06.png -------------------------------------------------------------------------------- /html-css/labs/lab-8/icons/iconfinder_weather07.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-8/icons/iconfinder_weather07.png -------------------------------------------------------------------------------- /html-css/labs/lab-8/icons/iconfinder_weather08.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-8/icons/iconfinder_weather08.png -------------------------------------------------------------------------------- /html-css/labs/lab-8/icons/iconfinder_weather09.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-8/icons/iconfinder_weather09.png -------------------------------------------------------------------------------- /html-css/labs/lab-8/icons/iconfinder_weather10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-8/icons/iconfinder_weather10.png -------------------------------------------------------------------------------- /html-css/labs/lab-8/icons/iconfinder_weather11.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-8/icons/iconfinder_weather11.png -------------------------------------------------------------------------------- /html-css/labs/lab-8/icons/iconfinder_weather12.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-8/icons/iconfinder_weather12.png -------------------------------------------------------------------------------- /html-css/labs/lab-8/icons/iconfinder_weather13.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-8/icons/iconfinder_weather13.png -------------------------------------------------------------------------------- /html-css/labs/lab-8/icons/iconfinder_weather14.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-8/icons/iconfinder_weather14.png -------------------------------------------------------------------------------- /html-css/labs/lab-8/lab-8.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-8/lab-8.pdf -------------------------------------------------------------------------------- /html-css/labs/lab-8/task-8_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-8/task-8_1.png -------------------------------------------------------------------------------- /html-css/labs/lab-8/task-8_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-8/task-8_2.png -------------------------------------------------------------------------------- /html-css/labs/lab-9/lab-9.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/labs/lab-9/lab-9.pdf -------------------------------------------------------------------------------- /html-css/test-task/design/design.fig: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/html-css/test-task/design/design.fig -------------------------------------------------------------------------------- /js/1-00-why-js/pictures/3.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-00-why-js/pictures/3.jpeg -------------------------------------------------------------------------------- /js/1-00-why-js/pictures/coffee-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-00-why-js/pictures/coffee-1.jpg -------------------------------------------------------------------------------- /js/1-00-why-js/pictures/coffee-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-00-why-js/pictures/coffee-2.jpg -------------------------------------------------------------------------------- /js/1-00-why-js/pictures/cover.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-00-why-js/pictures/cover.jpg -------------------------------------------------------------------------------- /js/1-00-why-js/pictures/product-01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-00-why-js/pictures/product-01.png -------------------------------------------------------------------------------- /js/1-00-why-js/shower/themes/material/fonts/COPYRIGHT.txt: -------------------------------------------------------------------------------- 1 | Copyright 2011 Google Inc. All Rights Reserved. -------------------------------------------------------------------------------- /js/1-00-why-js/shower/themes/material/fonts/roboto-bold-italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-00-why-js/shower/themes/material/fonts/roboto-bold-italic.woff -------------------------------------------------------------------------------- /js/1-00-why-js/shower/themes/material/fonts/roboto-bold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-00-why-js/shower/themes/material/fonts/roboto-bold.woff -------------------------------------------------------------------------------- /js/1-00-why-js/shower/themes/material/fonts/roboto-italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-00-why-js/shower/themes/material/fonts/roboto-italic.woff -------------------------------------------------------------------------------- /js/1-00-why-js/shower/themes/material/fonts/roboto-light.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-00-why-js/shower/themes/material/fonts/roboto-light.woff -------------------------------------------------------------------------------- /js/1-00-why-js/shower/themes/material/fonts/roboto-mono-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-00-why-js/shower/themes/material/fonts/roboto-mono-regular.woff -------------------------------------------------------------------------------- /js/1-00-why-js/shower/themes/material/fonts/roboto-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-00-why-js/shower/themes/material/fonts/roboto-regular.woff -------------------------------------------------------------------------------- /js/1-00-why-js/shower/themes/material/images/grid.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-00-why-js/shower/themes/material/images/grid.png -------------------------------------------------------------------------------- /js/1-00-why-js/shower/themes/material/images/grid@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-00-why-js/shower/themes/material/images/grid@2x.png -------------------------------------------------------------------------------- /js/1-00-why-js/shower/themes/material/pictures/canvas.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-00-why-js/shower/themes/material/pictures/canvas.png -------------------------------------------------------------------------------- /js/1-00-why-js/shower/themes/material/pictures/exact.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-00-why-js/shower/themes/material/pictures/exact.png -------------------------------------------------------------------------------- /js/1-00-why-js/shower/themes/material/pictures/square.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-00-why-js/shower/themes/material/pictures/square.png -------------------------------------------------------------------------------- /js/1-00-why-js/shower/themes/material/pictures/tall.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-00-why-js/shower/themes/material/pictures/tall.png -------------------------------------------------------------------------------- /js/1-00-why-js/shower/themes/material/pictures/wide.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-00-why-js/shower/themes/material/pictures/wide.png -------------------------------------------------------------------------------- /js/1-01-intro-to-js/presentation/images/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-01-intro-to-js/presentation/images/1.png -------------------------------------------------------------------------------- /js/1-02-code-structure/examples/02-script-element.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Додавання сценарію 8 | 9 | 10 | 11 | 16 | 17 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /js/1-02-code-structure/examples/03-external-script.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Підключення зовнішнього файлу сценарію 8 | 9 | 10 | 11 |

Сценарій в окремому файлі

12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /js/1-02-code-structure/examples/04-script-execution.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Виконання сценарію 8 | 9 | 10 | 11 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /js/1-02-code-structure/examples/script.js: -------------------------------------------------------------------------------- 1 | alert("Hello world from script.js") 2 | -------------------------------------------------------------------------------- /js/1-03-variables-and-data-types/examples/01-variable.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Змінні 8 | 9 | 10 | 11 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /js/1-03-variables-and-data-types/examples/03-variable-sample.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Приклад використання змінних 8 | 9 | 10 | 11 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /js/1-03-variables-and-data-types/examples/04-const-sample.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Приклад використання змінних 8 | 9 | 10 | 11 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /js/1-03-variables-and-data-types/examples/06-string.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | String 8 | 9 | 10 | 11 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /js/1-03-variables-and-data-types/presentation/images/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-03-variables-and-data-types/presentation/images/1.png -------------------------------------------------------------------------------- /js/1-04-strings-and-data-conversions/examples/01-strings.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | String 7 | 8 | 9 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /js/1-04-strings-and-data-conversions/examples/07-prompt.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | prompt 7 | 8 | 9 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /js/1-04-strings-and-data-conversions/examples/08-simple-calc.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Простій калькулятор 7 | 8 | 9 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /js/1-05-operators/examples/01-operands-operators.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Оператори та операнди 7 | 8 | 9 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /js/1-05-operators/examples/05-unary-operations.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Унарні оператори 7 | 8 | 9 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /js/1-06-if-statement/examples/01-if-statement.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | if statement 7 | 8 | 9 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /js/1-06-if-statement/examples/03-if-else.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | if statement 7 | 8 | 9 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /js/1-07-switch-statement/examples/08-task.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Task 1 7 | 8 | 9 | 
10 |     Завдання:
11 |     Змінити if...else на switch
12 |
13 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /js/1-07-switch-statement/examples/09-task.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Task 2 7 | 8 | 9 | 
10 |     Завдання:
11 |     Змінна season може приймати 4 значення: 1, 2, 3 чи 4.
12 |     Якщо значення змінної 1 у змінну result запишіть значення "зима",
13 |     якщо значення 2 – "весна" і т.д. Виведіть значення змінної result на екран.
14 |     Розв'яжіть задачу використовуючи конструкцію switch.
15 |
16 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /js/1-07-switch-statement/presentation/images/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-07-switch-statement/presentation/images/1.png -------------------------------------------------------------------------------- /js/1-07-switch-statement/presentation/images/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-07-switch-statement/presentation/images/2.png -------------------------------------------------------------------------------- /js/1-07-switch-statement/presentation/images/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-07-switch-statement/presentation/images/3.png -------------------------------------------------------------------------------- /js/1-08-cycles/examples/01-while-sample.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | While 7 | 8 | 9 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /js/1-08-cycles/examples/02-while-infinite.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Нескінченний цикл while 7 | 8 | 9 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /js/1-08-cycles/examples/03-do-while.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | do while 7 | 8 | 9 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /js/1-08-cycles/examples/07-for-sample.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Сума чисел 7 | 8 | 9 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /js/1-08-cycles/examples/10-nested-loops.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Вкладені цикли 7 | 8 | 9 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /js/1-08-cycles/examples/12-sample.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | for sample 7 | 8 | 9 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /js/1-08-cycles/presentation/images/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-08-cycles/presentation/images/1.png -------------------------------------------------------------------------------- /js/1-09-arrays/examples/04-array-and-cycle.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Виведення елементів масиву за допомогою циклу 7 | 8 | 9 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /js/1-09-arrays/examples/05-for-of.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | for of 7 | 8 | 9 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /js/1-09-arrays/examples/06-sample.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Пошук максимального значення масиву 7 | 8 | 9 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /js/1-09-arrays/examples/10-task.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Task 3 7 | 8 | 9 | 
10 |     Завдання:
11 |     Напишіть сценарій, який знайде в масиві всі від'ємні значення та замінить їх на значення 0.
12 |     Після цього виведіть всі значення масиву.
13 |
14 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /js/1-09-arrays/examples/12-task.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Task 5 7 | 8 | 9 | 
10 |     Завдання:
11 |     Знайдіть перший позитивний елемент масиву та виведіть його на екран.
12 |
13 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /js/1-09-arrays/examples/13-task.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Task 6 7 | 8 | 9 | 
10 |     Завдання:
11 |     Дано масив. Переставте елемент з максимальним значенням місцями з елементом з мінімальним значенням.
12 |
13 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /js/1-09-arrays/examples/15-task.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Task 8 7 | 8 | 9 | 
10 |     Завдання:
11 |     Дано масив цілих чисел. Перевірте чи є в ньому однакові елементи. Якщо є виведіть їх на екран.
12 |
13 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /js/1-09-arrays/presentation/images/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-09-arrays/presentation/images/1.png -------------------------------------------------------------------------------- /js/1-10-arrays-methods/examples/05-slice.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | slice 7 | 8 | 9 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /js/1-10-arrays-methods/examples/06-concat.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | concat 7 | 8 | 9 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /js/1-10-arrays-methods/examples/08-split.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | split 7 | 8 | 9 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /js/1-10-arrays-methods/examples/exercises/answers/06-js.js: -------------------------------------------------------------------------------- 1 | function countEmptySlots(arr) { 2 | return arr.reduce((count, item) => count + (item === undefined && !(item in arr) ? 1 : 0), 0) 3 | } 4 | 5 | function countEmptySlots(arr) { 6 | return arr.reduce((count, item) => count + !(item in arr), 0) 7 | } 8 | 9 | function countEmptySlots(arr) { 10 | return arr.length - arr.filter(() => true).length 11 | } 12 | -------------------------------------------------------------------------------- /js/1-10-arrays-methods/examples/exercises/tasks/02-task.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Task 2 7 | 8 | 9 | 
10 |     Завдання:
11 |     Напишіть сценарій, який буде запитувати у користувача значення, до ти пір, поки він не введе значення stop
12 |     Всі введені значення, якщо вони є числом, повинні бути додані в масив.
13 |     Після того, як ввів значення стоп, порахуйте суму всіх значень, які знаходяться в масиві.
14 |
15 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /js/1-10-arrays-methods/examples/exercises/tasks/04-task.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Task 4 7 | 8 | 9 | 
10 |     Завдання:
11 |     Знайдіть всі значення в масиві менші 0 та видаліть їх.
12 |
13 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /js/1-10-arrays-methods/presentation/images/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-10-arrays-methods/presentation/images/1.png -------------------------------------------------------------------------------- /js/1-10-arrays-methods/presentation/images/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-10-arrays-methods/presentation/images/2.png -------------------------------------------------------------------------------- /js/1-10-arrays-methods/presentation/images/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-10-arrays-methods/presentation/images/3.png -------------------------------------------------------------------------------- /js/1-10-arrays-methods/presentation/images/filter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-10-arrays-methods/presentation/images/filter.png -------------------------------------------------------------------------------- /js/1-10-arrays-methods/presentation/images/find.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-10-arrays-methods/presentation/images/find.png -------------------------------------------------------------------------------- /js/1-10-arrays-methods/presentation/images/findIndex.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-10-arrays-methods/presentation/images/findIndex.png -------------------------------------------------------------------------------- /js/1-10-arrays-methods/presentation/images/forEach.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-10-arrays-methods/presentation/images/forEach.png -------------------------------------------------------------------------------- /js/1-10-arrays-methods/presentation/images/includes.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-10-arrays-methods/presentation/images/includes.png -------------------------------------------------------------------------------- /js/1-10-arrays-methods/presentation/images/map.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-10-arrays-methods/presentation/images/map.png -------------------------------------------------------------------------------- /js/1-10-arrays-methods/presentation/images/pop.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-10-arrays-methods/presentation/images/pop.png -------------------------------------------------------------------------------- /js/1-10-arrays-methods/presentation/images/push.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-10-arrays-methods/presentation/images/push.png -------------------------------------------------------------------------------- /js/1-10-arrays-methods/presentation/images/reduce.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-10-arrays-methods/presentation/images/reduce.png -------------------------------------------------------------------------------- /js/1-10-arrays-methods/presentation/images/shift.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-10-arrays-methods/presentation/images/shift.png -------------------------------------------------------------------------------- /js/1-10-arrays-methods/presentation/images/slice.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-10-arrays-methods/presentation/images/slice.png -------------------------------------------------------------------------------- /js/1-10-arrays-methods/presentation/images/sort.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-10-arrays-methods/presentation/images/sort.png -------------------------------------------------------------------------------- /js/1-10-arrays-methods/presentation/images/splice.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-10-arrays-methods/presentation/images/splice.png -------------------------------------------------------------------------------- /js/1-10-arrays-methods/presentation/images/unshift.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-10-arrays-methods/presentation/images/unshift.png -------------------------------------------------------------------------------- /js/1-11-functions/examples/01-introduction.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Functions Intro 7 | 8 | 9 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /js/1-11-functions/presentation/images/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-11-functions/presentation/images/1.png -------------------------------------------------------------------------------- /js/1-11-functions/presentation/images/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-11-functions/presentation/images/2.png -------------------------------------------------------------------------------- /js/1-11-functions/presentation/images/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-11-functions/presentation/images/3.png -------------------------------------------------------------------------------- /js/1-11-functions/presentation/images/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-11-functions/presentation/images/4.jpg -------------------------------------------------------------------------------- /js/1-12-functions-extended/examples/07-recursion.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Рекурсія 7 | 8 | 9 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /js/1-12-functions-extended/examples/exercises/answers/03-task.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Task 3 7 | 8 | 9 | 
10 |     Завдання:
11 |     Змініть в коді функції-вираження на стрілочні функції
12 |
13 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /js/1-12-functions-extended/examples/exercises/tasks/03-task.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Task 3 7 | 8 | 9 | 
10 |     Завдання:
11 |     Змініть в коді функції-вираження на стрілочні функції
12 |
13 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /js/1-12-functions-extended/examples/exercises/tasks/05-task.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Task X 7 | 8 | 9 | 
10 |         Завдання:
11 |         Запитайте у користувача число. Виведіть всі числа в зворотньому порядку від введеного користувачем значення до 1.
12 |         Використовуйте для рішення рекурсію.
13 |
14 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /js/1-12-functions-extended/presentation/images/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-12-functions-extended/presentation/images/1.png -------------------------------------------------------------------------------- /js/1-12-functions-extended/presentation/images/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-12-functions-extended/presentation/images/2.png -------------------------------------------------------------------------------- /js/1-12-functions-extended/presentation/images/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-12-functions-extended/presentation/images/3.png -------------------------------------------------------------------------------- /js/1-13-objects/examples/03-object-properties-literal.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Properties 7 | 8 | 9 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /js/1-13-objects/examples/05-object-methods.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Methods 7 | 8 | 9 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /js/1-13-objects/presentation/images/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-13-objects/presentation/images/1.png -------------------------------------------------------------------------------- /js/1-13-objects/presentation/images/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-13-objects/presentation/images/2.png -------------------------------------------------------------------------------- /js/1-14-objects/examples/06-for-in-cycle.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | for...in 7 | 8 | 9 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /js/1-14-objects/presentation/images/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-14-objects/presentation/images/1.png -------------------------------------------------------------------------------- /js/1-14-objects/presentation/images/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-14-objects/presentation/images/2.png -------------------------------------------------------------------------------- /js/1-18-exception-handling/examples/002-try-catch.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | try catch 8 | 9 | 10 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /js/1-18-exception-handling/examples/003-runtime-error.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Помилки етапу виконання 8 | 9 | 10 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /js/1-18-exception-handling/examples/007-throw.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | throw 8 | 9 | 10 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /js/1-18-exception-handling/examples/images/audi-a6-250.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-18-exception-handling/examples/images/audi-a6-250.jpg -------------------------------------------------------------------------------- /js/1-18-exception-handling/examples/images/jaguar-x-type-250.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-18-exception-handling/examples/images/jaguar-x-type-250.jpg -------------------------------------------------------------------------------- /js/1-18-exception-handling/examples/images/porsche-carrera-911-250.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-18-exception-handling/examples/images/porsche-carrera-911-250.jpg -------------------------------------------------------------------------------- /js/1-18-exception-handling/presentation/images/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-18-exception-handling/presentation/images/1.png -------------------------------------------------------------------------------- /js/1-18-exception-handling/presentation/images/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-18-exception-handling/presentation/images/2.png -------------------------------------------------------------------------------- /js/1-18-exception-handling/presentation/images/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-18-exception-handling/presentation/images/3.png -------------------------------------------------------------------------------- /js/1-18-exception-handling/presentation/images/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-18-exception-handling/presentation/images/4.png -------------------------------------------------------------------------------- /js/1-19-asynchronous-code-promises/presentation/images/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-19-asynchronous-code-promises/presentation/images/1.png -------------------------------------------------------------------------------- /js/1-19-asynchronous-code-promises/presentation/images/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-19-asynchronous-code-promises/presentation/images/2.png -------------------------------------------------------------------------------- /js/1-19-asynchronous-code-promises/presentation/images/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-19-asynchronous-code-promises/presentation/images/3.png -------------------------------------------------------------------------------- /js/1-19-asynchronous-code-promises/presentation/images/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-19-asynchronous-code-promises/presentation/images/4.png -------------------------------------------------------------------------------- /js/1-19-asynchronous-code-promises/presentation/images/5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-19-asynchronous-code-promises/presentation/images/5.png -------------------------------------------------------------------------------- /js/1-19-asynchronous-code-promises/presentation/images/6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-19-asynchronous-code-promises/presentation/images/6.png -------------------------------------------------------------------------------- /js/1-19-asynchronous-code-promises/presentation/images/7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/1-19-asynchronous-code-promises/presentation/images/7.png -------------------------------------------------------------------------------- /js/2-01-document-object-model/examples/02-dom-navigation/01-node-properties.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | node properties 5 | 6 | 7 |

Hello world

8 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /js/2-01-document-object-model/examples/02-dom-navigation/02-innerHTML.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | innerHTML 7 | 8 | 9 | Результат: 10 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /js/2-01-document-object-model/examples/02-dom-navigation/03-innerHTML.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | innerHTML 7 | 8 | 9 | Введені значення: 10 |
11 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /js/2-01-document-object-model/examples/02-dom-navigation/05-textContent.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | textContent 7 | 8 | 9 | Результат: 10 | 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /js/2-01-document-object-model/examples/02-dom-navigation/images/ok.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/2-01-document-object-model/examples/02-dom-navigation/images/ok.png -------------------------------------------------------------------------------- /js/2-01-document-object-model/examples/03-dom-tree-modification/05-delete-element.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Delete Element 7 | 8 | 9 | 14 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /js/2-01-document-object-model/presentation/images/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/2-01-document-object-model/presentation/images/1.png -------------------------------------------------------------------------------- /js/2-01-document-object-model/presentation/images/10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/2-01-document-object-model/presentation/images/10.png -------------------------------------------------------------------------------- /js/2-01-document-object-model/presentation/images/11.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/2-01-document-object-model/presentation/images/11.png -------------------------------------------------------------------------------- /js/2-01-document-object-model/presentation/images/12.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/2-01-document-object-model/presentation/images/12.png -------------------------------------------------------------------------------- /js/2-01-document-object-model/presentation/images/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/2-01-document-object-model/presentation/images/2.png -------------------------------------------------------------------------------- /js/2-01-document-object-model/presentation/images/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/2-01-document-object-model/presentation/images/3.png -------------------------------------------------------------------------------- /js/2-01-document-object-model/presentation/images/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/2-01-document-object-model/presentation/images/4.png -------------------------------------------------------------------------------- /js/2-01-document-object-model/presentation/images/5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/2-01-document-object-model/presentation/images/5.png -------------------------------------------------------------------------------- /js/2-01-document-object-model/presentation/images/6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/2-01-document-object-model/presentation/images/6.png -------------------------------------------------------------------------------- /js/2-01-document-object-model/presentation/images/7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/2-01-document-object-model/presentation/images/7.png -------------------------------------------------------------------------------- /js/2-01-document-object-model/presentation/images/8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/2-01-document-object-model/presentation/images/8.png -------------------------------------------------------------------------------- /js/2-01-document-object-model/presentation/images/9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/2-01-document-object-model/presentation/images/9.png -------------------------------------------------------------------------------- /js/2-02-events/examples/events-1/001-event-attr.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Проста подія 8 | 9 | 10 | 14 |
15 | Click me 16 |
17 | 18 | -------------------------------------------------------------------------------- /js/2-02-events/examples/events-1/002-event-attr-fn.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Проста подія 9 | 10 | 11 | 12 | 16 |
17 | Click me 18 |
19 | 20 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /js/2-02-events/examples/events-2/03-event-object.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Об'єкт події 8 | 9 | 10 | 11 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /js/2-02-events/examples/events-2/placeholder.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/2-02-events/examples/events-2/placeholder.png -------------------------------------------------------------------------------- /js/2-02-events/presentation/images/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/2-02-events/presentation/images/1.png -------------------------------------------------------------------------------- /js/2-02-events/presentation/images/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/2-02-events/presentation/images/2.png -------------------------------------------------------------------------------- /js/2-02-events/presentation/images/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/2-02-events/presentation/images/3.png -------------------------------------------------------------------------------- /js/2-02-events/presentation/images/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/2-02-events/presentation/images/4.png -------------------------------------------------------------------------------- /js/2-02-events/presentation/images/5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/2-02-events/presentation/images/5.png -------------------------------------------------------------------------------- /js/2-02-events/presentation/images/6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/2-02-events/presentation/images/6.png -------------------------------------------------------------------------------- /js/2-03-forms/examples/1-forms-and-controls/004-element-form.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Зв'язок між формою та елементом 8 | 9 | 10 |
11 | 12 |
13 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /js/2-03-forms/presentation/images/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/2-03-forms/presentation/images/1.png -------------------------------------------------------------------------------- /js/2-04-network-requests/examples/004-request-headers.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Заголовки запиту 8 | 9 | 10 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /js/2-04-network-requests/examples/exercises/tasks/03-task.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Task 03 9 | 10 | 11 | 12 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /js/2-04-network-requests/examples/exercises/tasks/04-task.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Task 04 9 | 10 | 11 | 12 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /js/2-04-network-requests/presentation/images/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/2-04-network-requests/presentation/images/1.png -------------------------------------------------------------------------------- /js/2-04-network-requests/presentation/images/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/2-04-network-requests/presentation/images/2.png -------------------------------------------------------------------------------- /js/2-04-network-requests/presentation/images/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/2-04-network-requests/presentation/images/3.png -------------------------------------------------------------------------------- /js/2-04-network-requests/presentation/images/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/2-04-network-requests/presentation/images/4.png -------------------------------------------------------------------------------- /js/2-05-cookies-web-storage/examples/006-iteration.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Перелік елементів Storage 8 | 9 | 10 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /js/2-05-cookies-web-storage/examples/exercises/tasks/02-task.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Task 02 8 | 9 | 10 | 13 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /js/2-05-cookies-web-storage/presentation/images/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/2-05-cookies-web-storage/presentation/images/1.png -------------------------------------------------------------------------------- /js/2-05-cookies-web-storage/presentation/images/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/2-05-cookies-web-storage/presentation/images/2.png -------------------------------------------------------------------------------- /js/labs/evaluation-criteria.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/evaluation-criteria.png -------------------------------------------------------------------------------- /js/labs/lab-1/ЛР№1 - JS.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-1/ЛР№1 - JS.pdf -------------------------------------------------------------------------------- /js/labs/lab-10/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-10/1.png -------------------------------------------------------------------------------- /js/labs/lab-10/ЛР№10 -JS.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-10/ЛР№10 -JS.pdf -------------------------------------------------------------------------------- /js/labs/lab-2/ЛР№2 - JS.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-2/ЛР№2 - JS.pdf -------------------------------------------------------------------------------- /js/labs/lab-3/ЛР№3 - JS .pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-3/ЛР№3 - JS .pdf -------------------------------------------------------------------------------- /js/labs/lab-4/ЛР№4 -JS.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-4/ЛР№4 -JS.pdf -------------------------------------------------------------------------------- /js/labs/lab-5/ЛР№5 - JS.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-5/ЛР№5 - JS.pdf -------------------------------------------------------------------------------- /js/labs/lab-6/ЛР№6 -JS.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-6/ЛР№6 -JS.pdf -------------------------------------------------------------------------------- /js/labs/lab-7/assets/bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-7/assets/bg.png -------------------------------------------------------------------------------- /js/labs/lab-7/assets/game.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-7/assets/game.png -------------------------------------------------------------------------------- /js/labs/lab-7/assets/gunman.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-7/assets/gunman.png -------------------------------------------------------------------------------- /js/labs/lab-7/assets/sfx/death.m4a: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-7/assets/sfx/death.m4a -------------------------------------------------------------------------------- /js/labs/lab-7/assets/sfx/fire.m4a: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-7/assets/sfx/fire.m4a -------------------------------------------------------------------------------- /js/labs/lab-7/assets/sfx/foul.m4a: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-7/assets/sfx/foul.m4a -------------------------------------------------------------------------------- /js/labs/lab-7/assets/sfx/intro.m4a: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-7/assets/sfx/intro.m4a -------------------------------------------------------------------------------- /js/labs/lab-7/assets/sfx/shot-fall.m4a: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-7/assets/sfx/shot-fall.m4a -------------------------------------------------------------------------------- /js/labs/lab-7/assets/sfx/shot.m4a: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-7/assets/sfx/shot.m4a -------------------------------------------------------------------------------- /js/labs/lab-7/assets/sfx/wait.m4a: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-7/assets/sfx/wait.m4a -------------------------------------------------------------------------------- /js/labs/lab-7/assets/sfx/win.m4a: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-7/assets/sfx/win.m4a -------------------------------------------------------------------------------- /js/labs/lab-7/help-files/fonts/digital-7.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-7/help-files/fonts/digital-7.ttf -------------------------------------------------------------------------------- /js/labs/lab-7/help-files/img/aim.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-7/help-files/img/aim.png -------------------------------------------------------------------------------- /js/labs/lab-7/help-files/img/aim_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-7/help-files/img/aim_2.png -------------------------------------------------------------------------------- /js/labs/lab-7/help-files/img/bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-7/help-files/img/bg.png -------------------------------------------------------------------------------- /js/labs/lab-7/help-files/img/fire-right.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-7/help-files/img/fire-right.png -------------------------------------------------------------------------------- /js/labs/lab-7/help-files/img/main-background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-7/help-files/img/main-background.png -------------------------------------------------------------------------------- /js/labs/lab-7/help-files/img/win-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-7/help-files/img/win-bg.png -------------------------------------------------------------------------------- /js/labs/lab-7/help-files/js/script.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | // variables and elements 4 | 5 | function startGame() { 6 | 7 | } 8 | 9 | function restartGame() { 10 | 11 | } 12 | 13 | function nextLevel() { 14 | 15 | } 16 | 17 | function moveGunman() { 18 | 19 | } 20 | 21 | function prepareForDuel() { 22 | 23 | } 24 | 25 | function timeCounter() { 26 | 27 | } 28 | 29 | function gunmanShootsPlayer() { 30 | 31 | } 32 | 33 | function playerShootsGunman() { 34 | 35 | } 36 | 37 | function scoreCount() { 38 | 39 | } 40 | -------------------------------------------------------------------------------- /js/labs/lab-7/help-files/sfx/death.m4a: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-7/help-files/sfx/death.m4a -------------------------------------------------------------------------------- /js/labs/lab-7/help-files/sfx/fire.m4a: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-7/help-files/sfx/fire.m4a -------------------------------------------------------------------------------- /js/labs/lab-7/help-files/sfx/foul.m4a: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-7/help-files/sfx/foul.m4a -------------------------------------------------------------------------------- /js/labs/lab-7/help-files/sfx/intro.m4a: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-7/help-files/sfx/intro.m4a -------------------------------------------------------------------------------- /js/labs/lab-7/help-files/sfx/shot-fall.m4a: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-7/help-files/sfx/shot-fall.m4a -------------------------------------------------------------------------------- /js/labs/lab-7/help-files/sfx/shot.m4a: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-7/help-files/sfx/shot.m4a -------------------------------------------------------------------------------- /js/labs/lab-7/help-files/sfx/wait.m4a: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-7/help-files/sfx/wait.m4a -------------------------------------------------------------------------------- /js/labs/lab-7/help-files/sfx/win.m4a: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-7/help-files/sfx/win.m4a -------------------------------------------------------------------------------- /js/labs/lab-7/ЛР№7 -JS.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-7/ЛР№7 -JS.pdf -------------------------------------------------------------------------------- /js/labs/lab-8/board.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-8/board.png -------------------------------------------------------------------------------- /js/labs/lab-8/game.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-8/game.png -------------------------------------------------------------------------------- /js/labs/lab-8/memory-game.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-8/memory-game.gif -------------------------------------------------------------------------------- /js/labs/lab-8/slider.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-8/slider.png -------------------------------------------------------------------------------- /js/labs/lab-8/ЛР№8 -JS.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-8/ЛР№8 -JS.pdf -------------------------------------------------------------------------------- /js/labs/lab-9/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-9/1.png -------------------------------------------------------------------------------- /js/labs/lab-9/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-9/2.png -------------------------------------------------------------------------------- /js/labs/lab-9/arrow-down.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /js/labs/lab-9/ЛР№9 -JS.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Computer-Science-Department-ChNU/web-technologies/b814a215955f25817b23f5b442a537251e7cb050/js/labs/lab-9/ЛР№9 -JS.pdf --------------------------------------------------------------------------------