Сьогодні на нас чекає гра на JavaScript “Єдиноріг і веселки”. В цій грі ми гратимемо за єдинорога і шукатимемо веселку. Єдиноріжка буде збирати веселки, за кожну отримуватиме бали. Суть гри на JavaScript “Єдиноріг і веселки” Мета гри – зібрати якнайбільше веселок. На сторінці випадковим чином розміщується єдиноріг і веселка. Ми […]
css-js
25 записів
Сьогодні на нас чекає гра на JavaScript “Острів скарбів”. В цій грі ми шукатимемо скарб на мапі, а програма даватиме підказки й нараховуватиме бали. Суть гри на JavaScript “Острів скарбів” Мета гри – знайти скарб. Вебсторінка буде відображати карту, на якій програма випадковим чином вибирає точку, де заховані скарби. Кожен […]
На цьому уроці ми навчимося створювати класи у Javascript та зробимо свої перші кроки у таємничий світ ООП. Відкрийте для себе новий рівень програмування! Ми створимо картки з героями Гаррі Поттера і розберемося у тому, як класи допомагають структурувати великий об’єм інформації. 💡 Що таке класи у JavaScript? Класи в […]
Створімо власні рисунки у Javascript Піксель-арт – це особливий вид мистецтва малювання зображень на комп’ютері, який відносить до ігор 90-х. На цьому уроці ми створимо редактор для малювання у піксельних зображень. Практика. Піксель-арт у JavaScript 1: (HTML) Створіть новий проєкт. Додайте тег div з id=”art”. Це буде контейнер для нашої […]
Сьогодні ми навчимося створювати інклюзивний і доступний дизайн форми, щоб нашим сайтом могло скористуватися ще більше людей! Чи задумувалися ви коли-небудь, як користуються інтернетом люди з порушенням зору?Сьогодні ми створимо адаптивну форму з конвертором валют і не тільки. А ще, поговоримо про важливість цієї теми. Для чого потрібен інклюзивний і […]
Односторінковий сайт по шаблону w3schools – це легкий спосіб створити сторінку-презентацію за готовим шаблоном, адаптувавши його під себе Сьогодні ми створимо сайт-презентацію на довільну тему. Оберіть, про що хочете написати, додайте текст і картинки. Односторінковий сайт-презентація – це чудовий інструмент для представлення ключової інформації про тему, продукт, послугу чи подію. […]
Сьогодні ми розберемося як працює формат JSON у JavaScript на прикладі програмки-словника, яка допоможе запам’ятати слова з іноземної мови. Ось так приблизно може виглядати програма в кінці уроку. Програма буде показувати набір карток з іноземними словами, користувачу треба написати переклад. Якщо він вірний, то програма переходить до наступного слова. Основи […]
Для створення наших майбутніх вебсторінок нам знадобиться спеціальна програма, тож перед початком курсу вам варто буде зареєструватися на сайті replit.com. Replit.com – це онлайн платформа, на якій можна створювати прості сторінки, а також ділитися посиланнями на свої перші сайти з друзями! Якщо бажаєте встановити офлайн редактор коду, який працюватиме навіть […]
В цій статті ми поговоримо про те, як розмістити сайт в інтернеті, як досліджувати статистику відвідування, як зробити його популярним у пошуку Google і як доглядати за сайтом.
Сьогодні створюємо сторінку - органайзер для закладок в браузері, і попутно розберемось, як створювати вкладки Tab.