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