Сьогодні ми створимо проєкт з прапорами різних країн і для цього розберемо, як працюють div та span у CSS. Як створювати блочні й рядкові елементи. Блочні й рядкові елементи (block & inline) Дивіться порівняння й опис англійською та українською: block elements: Блочні елементи : inline elements: Рядкові елементи: <div> <div> […]
Архів за місяць: Жовтень 2023
Крізь типи даних у JS і до зірок! Сьогодні ми розберемо типи даних у Javascript, трохи попрацюємо з числами, та створимо свою космічну програму. У JS є 7 простих типів даних і об’єкти: Ми розберемо сьогодні перші чотири. Анкета іншопланетянина Зробимо проєкт про іншопланетянина, який заповнює анкету, щоб полетіти на […]
Playlist – музика твого настрою Сьогодні ми спіймаємо хвилю приємної музики і створимо плейліст з піснями, які вам подобаються. А ще розберемо, що таке посилання і як їх використовувати у HTML-сторінках. HTML-посилання допомагають перенаправити користувача на нову вебсторінку або на потрібне місце в поточній сторінці. Створюються за допомогою тегу <a>. […]
Ігри на урок інформатики про ІТ та комп’ютери допоможуть вам відкрити для себе світ ІТ і дізнатися багато нового про технології. Правда і брехня про світ ІТ Назви англійською Англійська дуже важлива для ІТ-шників. Англійською вони спілкуються з колегами (адже колеги можуть бути з усього світу!), також читають документацію до […]
Створи історію в картинках! Картинки в html вставляються за допомогою тега img. У нього є атрибут scr, куди ми додамо посилання на картинку і ще кілька необов’язкових атрибутів. В src можна вставити посилання на картинку в інтернеті. Для таких тренувальних сторінок, як у нас, цього буде цілком достатньо, адже в […]
Цей загадковий Javascript! Сьогодні ми знайомимося з JavaScript! Сьогодні ми пишемо перші команди! Сьогодні розбираємося чому той JavaScript такий популярний! І, якщо повезе, надихаємося на його подальше вивчення. Звучить як план? Тоді погнали ! JavaScript (JS) — динамічна, об’єктноорієнтована прототипна мова програмування. Найчастіше використовується для створення вебсторінок, що надає можливість […]
Break та Continue в циклі – це секретні чіт-коди, які допомагають його завершити у потрібний момент, або перейти на початок. Давайте розберемося з цими диво-командами у цьому уроці. Don’t BREAK the rules and CONTINUE studying або секретні ходи в циклі Мікрогра перед стартом Break і continue, розбираємося У Python break […]
Зазирни у коробку з контентом! Боксова модель У мові CSS є спеціальна боксова модель (також блокова модель або блокова модель, англ. box model), яка описує, з чого складається бокс і які властивості впливають на його розміри. Всі боксові властивості можна задати для групи контенту. Кожен бокс має 4 області: margin […]
Вітаю! Давай створимо сторінку рейтингом фільмів, книг чи спортсменів. У твоєму топ-5 навчимося використовувати заголовки та виділяти текст спеціальними тегами. Мікрогра перед стартом Сторінка-лайк про найкраще, найцікавіше для тебе Сьогодні ми складемо рейтинг найкращих… фільмів! А може давайте краще рейтинг найкращих книжок!!! Ой… краще рейтинг блогерів! А може у вас є […]
Перед тим, як навчитися писати цикл while, давайте розберемо що таке взагалі ті цикли? Цикл – це процес, який повторюється кілька разів або нескінченно. В нашому житті існує багато прикладів, от кілька з них: Для програмування цикли дуже важливі, тому що дозволяють зробити великі обчислення, обробити й великий потік даних. […]