css-js

Сьогодні на нас чекає гра на JavaScript “Єдиноріг і веселки”. В цій грі ми гратимемо за єдинорога і шукатимемо веселку. Єдиноріжка буде збирати веселки, за кожну отримуватиме бали. Суть гри на JavaScript “Єдиноріг і веселки” Мета гри – зібрати якнайбільше веселок. На сторінці випадковим чином розміщується єдиноріг і веселка. Ми […]

Сьогодні на нас чекає гра на JavaScript “Острів скарбів”. В цій грі ми шукатимемо скарб на мапі, а програма даватиме підказки й нараховуватиме бали. Суть гри на JavaScript “Острів скарбів” Мета гри – знайти скарб. Вебсторінка буде відображати карту, на якій програма випадковим чином вибирає точку, де заховані скарби. Кожен […]

На цьому уроці ми навчимося створювати класи у Javascript та зробимо свої перші кроки у таємничий світ ООП. Відкрийте для себе новий рівень програмування! Ми створимо картки з героями Гаррі Поттера і розберемося у тому, як класи допомагають структурувати великий об’єм інформації. 💡 Що таке класи у JavaScript? Класи в […]

Створімо власні рисунки у Javascript Піксель-арт – це особливий вид мистецтва малювання зображень на комп’ютері, який відносить до ігор 90-х. На цьому уроці ми створимо редактор для малювання у піксельних зображень. Практика. Піксель-арт у JavaScript 1: (HTML) Створіть новий проєкт. Додайте тег div з id=”art”. Це буде контейнер для нашої […]

Сьогодні ми навчимося створювати інклюзивний і доступний дизайн форми, щоб нашим сайтом могло скористуватися ще більше людей! Чи задумувалися ви коли-небудь, як користуються інтернетом люди з порушенням зору?Сьогодні ми створимо адаптивну форму з конвертором валют і не тільки. А ще, поговоримо про важливість цієї теми. Для чого потрібен інклюзивний і […]

Односторінковий сайт по шаблону w3schools – це легкий спосіб створити сторінку-презентацію за готовим шаблоном, адаптувавши його під себе Сьогодні ми створимо сайт-презентацію на довільну тему. Оберіть, про що хочете написати, додайте текст і картинки. Односторінковий сайт-презентація – це чудовий інструмент для представлення ключової інформації про тему, продукт, послугу чи подію. […]

Сьогодні ми розберемося як працює формат JSON у JavaScript на прикладі програмки-словника, яка допоможе запам’ятати слова з іноземної мови. Ось так приблизно може виглядати програма в кінці уроку. Програма буде показувати набір карток з іноземними словами, користувачу треба написати переклад. Якщо він вірний, то програма переходить до наступного слова. Основи […]

Сьогодні створюємо сторінку - органайзер для закладок в браузері, і попутно розберемось, як створювати вкладки Tab.

Анімація у CSS допомагає створювати ефект руху або змінювати властивості елементів. На цьому уроці ви дізнаєтесь, як анімувати ваші сторінки!