Скоро свята, а це означає, що кожен замислюється: як краще привітати друзів і близьких? Відповідь : новорічна листівка не звучить надто оригунально, але якщо це веб листівка ? Ви можете розмістити на ній все, що ваша душа забажає. Дайте волю своїй творчості! Створіть свою унікальну веб листівку, використовуючи вміння, які […]
Архіви за рік: 2023
Створюємо візуальний словник у HTML Цього разу ми розберемо таблиці у HTML і створимо візуальний словник. Користь візуальних словників у вивченні іноземної мови важко переоцінити. За допомогою них можна буде вчити нові слова і відразу запам’ятовувати пов’язану картинку. Наш мозок працює таким чином, що нам простіше пов’язувати нове слово з […]
В цьому уроці ми розглянемо умови у Javascript. Це дуже важлива конструкція, яка використовується всюди. Ми створимо проєкт для покупки квитка на потяг, при генерації квитка перевірятимемо кілька умов. Умови у JavaScript Умови використовуються тоді, коли треба перевірити значення якоїсь змінної або чи виконується якесь правило. Вони можуть бути як […]
Які навички для майбутнього ІТ-шника насправді важливі ? Які технології вивчати? Які курси кращі? Який ВНЗ обрати? Які спеціальності є у сфері ІТ і що обрати? Що допоможе на співбесідах в ІТ компаніях і які вже вимоги застарілі? На ці та багато інших питань, які виникають перед підлітками, що планують […]
Сьогодні ми створимо сторінку про подорож нашої мрії. Оберіть собі місто чи країну, куди хочете потрапити та створіть сторінку з інформацією про неї. Ми навчимося додавати відео з YouTube та мапи Google Maps на HTML-сторінку. Подорож моєї мрії 1: Створіть проєкт. Додай головний заголовок 2: Додайте менші заголовки 3: Додайте […]
Сьогодні ми створимо CV (Curriculum vitae), або іншими словами резюме ІТ-шника і навчимося додавати меню і використовувати сторонні бібліотеки з вже готовими елементами HTML та стилями CSS. Окрім технічної теми, ми дізнаємося, як краще створювати резюме, що туди варто додавати. CV – це коротенький опис навичок кандидата на якусь ІТ-вакансію. […]
Списки в HTML допомагають організувати та структурувати інформацію. Ми творимо сторінку з рецептом улюбленої страви і використаємо списки по повній. Ви можете подумати, що в більшості сайтів HTML списки використовуються рідко. Але це не так. За допомогою цих тегів створюють меню в будь-якому сайті, тож, вони супер-корисні: Ненумерований список (Unordered […]
Сьогодні ми створимо проєкт з прапорами різних країн і для цього розберемо, як працюють div та span у CSS. Як створювати блочні й рядкові елементи. Блочні й рядкові елементи (block & inline) Дивіться порівняння й опис англійською та українською: block elements: Блочні елементи : inline elements: Рядкові елементи: <div> <div> […]
Крізь типи даних у JS і до зірок! Сьогодні ми розберемо типи даних у Javascript, трохи попрацюємо з числами, та створимо свою космічну програму. У JS є 7 простих типів даних і об’єкти: Ми розберемо сьогодні перші чотири. Анкета іншопланетянина Зробимо проєкт про іншопланетянина, який заповнює анкету, щоб полетіти на […]