На цьому уроці ми розберемо ще більше застосувань циклів. Цикли – одна з найважливіших тем в програмуванні. Вони спочатку можуть не подобатись, але це один з найкращих інструментів для програмістів. Сьогодні ми дізнаємося, яка писати вкладені цикли та цикли по об’єкту, візьмемо простенькі приклади, щоб більше сконцентріватися на циклах, а […]
css-js
24 записи
Цикл— це структура яка допомагає повторювати набір команд. Цикли існують в усіх мовах програмування, а не тільки у Javascript. А ще цикл, це надзвичайно корисна річ без якої не обходиться жодна велика програма. Цикли у житті Цикл допомагає повторити деякі дії задану кількість разів. Для цього на початку цикл визначається […]
Вітаю! На цьому занятті ми наповну випробуємо гнучкість властивості display flex і створимо свій плейліст. А ще трохи згадаємо про об’єкти та створимо елементи сторінки за допомогою javascript. Тож готуйте навушники і свої найулюбленіші треки. Ми починаємо! Display flex Властивість display: flex дозволяє розташувати елементи так, щоб вони вигідно заповнювали простір сторінки. […]
Сьогодні ми познайомимося зі scroll і створимо сторінку презентацію. Сторінка може бути на будь-яку тему. Такий дизайн гарно підходить для титульної сторінки, а також для односторінкових сайтів. Наприкінці цього уроку, наша сторінка може виглядати приблизно так : Отож не гаймо часу і до справи ! Прикольний приклад сайту зі Scroll […]
Об’єкти у JavaScript нерідко використовуються для збереження складних структур даних. Це можуть бути дані з бази даних, сторонніх сервісів чи сайтів. Сьогодні ми створимо невеличке демо вітрини інтернет-магазину і розберемося, як такі об’єкти працюють. Об’єкти Об’єкти використовуються для зберігання колекцій різних значень і складніших сутностей. JavaScript об’єкти використовуються дуже часто, […]
Robot 2.0 На цьому заннятті ми створимо власного робота і дізнаємося, чому позиція елементів (position) така важлива у CSS. Поговоримо про роботів Як вам ідея такого маленького помічника ? А про яких роботів ви ще чули ? Що вміють робити сучасні роботи ? Трошки про position position:static; Це позиція за […]
Скоро свята, а це означає, що кожен замислюється: як краще привітати друзів і близьких? Відповідь : новорічна листівка не звучить надто оригунально, але якщо це веб листівка ? Ви можете розмістити на ній все, що ваша душа забажає. Дайте волю своїй творчості! Створіть свою унікальну веб листівку, використовуючи вміння, які […]
В цьому уроці ми розглянемо умови у Javascript. Це дуже важлива конструкція, яка використовується всюди. Ми створимо проєкт для покупки квитка на потяг, при генерації квитка перевірятимемо кілька умов. Умови у JavaScript Умови використовуються тоді, коли треба перевірити значення якоїсь змінної або чи виконується якесь правило. Вони можуть бути як […]
Сьогодні ми створимо CV (Curriculum vitae), або іншими словами резюме ІТ-шника і навчимося додавати меню і використовувати сторонні бібліотеки з вже готовими елементами HTML та стилями CSS. Окрім технічної теми, ми дізнаємося, як краще створювати резюме, що туди варто додавати. CV – це коротенький опис навичок кандидата на якусь ІТ-вакансію. […]
Сьогодні ми створимо проєкт з прапорами різних країн і для цього розберемо, як працюють div та span у CSS. Як створювати блочні й рядкові елементи. Блочні й рядкові елементи (block & inline) Дивіться порівняння й опис англійською та українською: block elements: Блочні елементи : inline elements: Рядкові елементи: <div> <div> […]