Основи HTML & CSS для початківців #18 - Практика: створення панелі навігації

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 ม.ค. 2025

ความคิดเห็น • 67

  • @draganchuks
    @draganchuks ปีที่แล้ว +23

    Вітаю всіх хто дійшов до даного уроку і велика подяка автору за вкладений час і пророблену роботу! Дякую!

  • @ЄвгенЛозін
    @ЄвгенЛозін 2 ปีที่แล้ว +8

    Класний курс. Почав спочатку пробний від Mate academy. Нічого не зрозумів, відкрив випадково твій канал і вже 19 відео прохожу. Все зрозуміло. Було б чудово якби були б ще й конспекти, але то я взагалі багато хочу і став лінивий! Дякую за таку роботу! Вподобайка автору!

  • @TT-qh9ze
    @TT-qh9ze ปีที่แล้ว +4

    Який крутий канал! Дякую вам за такі круті відео-пояснення!)

  • @natalyavelikan
    @natalyavelikan 2 ปีที่แล้ว +7

    Дуже корисні та зрозумілі у вас уроки! дякую!

  • @NataliaBukshiy
    @NataliaBukshiy 2 ปีที่แล้ว +17

    В вас найдоступніші відео. Не можу зрозуміти чому в вас менше переглядів, ніж в тих, хто пояснює як-небудь? 🙂

  • @Лєночка-ю4о
    @Лєночка-ю4о ปีที่แล้ว +2

    Дуже корисно і зрозуміло, дякую 😊

  • @igor_paseka
    @igor_paseka 2 ปีที่แล้ว +2

    Вітаю. Дякую за пояснення.👍👍👍

  • @preaton3207
    @preaton3207 2 ปีที่แล้ว +2

    Дякую! Ви найкращий! :)

  • @otto_one_
    @otto_one_ 2 ปีที่แล้ว +2

    Дуже гарна робота, все доступною мовою пояснюється. Авторе, знімай продовження по CSS...))

  • @lolikomss
    @lolikomss ปีที่แล้ว +15

    Цікава порада для таких лінивих як я, ви можете створити потрібну вам кількість li без ctr+v ctr+c, таким прописом: ul(або інший тег)>li*будь яке потрібне число, наприклад як в цьому відео: ul>li*7 дуже зручно і швидко, а і a href можна швидше прописати зажавши alt+ctrl і стрілочку вниз або вверх і тоді ви одночасно на декількох строках пишете, це так, порада для зручності

    • @denysko777
      @denysko777 2 หลายเดือนก่อน

      Так, користуюсь таким ul>li*7, але інколи не вистачає знань, треба познайомитись краще з Emmet, який допомагає прискорити написання тегів

  • @KrapochkKa
    @KrapochkKa 10 หลายเดือนก่อน

    Дякую за гарну роботу

  • @syrexsyrex2363
    @syrexsyrex2363 ปีที่แล้ว +4

    нажарив собі трохи мяса і дивлюсь ваші відео) круто

    • @denysko777
      @denysko777 2 หลายเดือนก่อน

      🤤

  • @DeBaZ123
    @DeBaZ123 2 ปีที่แล้ว +2

    Чудово, дуже дякую!

  • @romanhryshchenko
    @romanhryshchenko 4 หลายเดือนก่อน

    Класний курс 👍👍👍

  • @liiakhmarska5241
    @liiakhmarska5241 ปีที่แล้ว +1

    Дякую, дуже пізнавальне заняття, практики замало не буває))

  • @ФостякРостислав
    @ФостякРостислав ปีที่แล้ว +1

    Дуже тобі дякую

  • @studento_ua
    @studento_ua 10 หลายเดือนก่อน

    Крутезний контент! дякую :)

  • @RomarioTraveler
    @RomarioTraveler ปีที่แล้ว +2

    Дійшов вже до React, і шось стало важкувато... пробую по другому колу, сьогодні я тут.. НЕ ЗДАЄМСЯ!!!
    😁

  • @nataliab9458
    @nataliab9458 2 ปีที่แล้ว +1

    Дякую.

  • @MrDmytr0
    @MrDmytr0 2 ปีที่แล้ว +1

    Дякую! :)

  • @АндрійШтик-х5ж
    @АндрійШтик-х5ж ปีที่แล้ว

    4:54 а чому одразу не можна було в інлайн блок прописати у списку можна було не ставити і посилання стали би одразу в лінію ?

  • @denysko777
    @denysko777 2 หลายเดือนก่อน

    13:47, може комусь ще буде корисно, замість заходження на той сайт, в emmit вже є lorem, достатньо просто написати в тезі lorem та натиснути TAB, відразу отримаєте дефолтний відрізок тексту, якщо більше потрібно, пишіть, наприклад, lorem*2.. і табуляція

  • @deluxe092
    @deluxe092 5 หลายเดือนก่อน

    Спасибо)

  • @MoonlightRambler
    @MoonlightRambler ปีที่แล้ว +3

    В мене є можливо пропозиція, для покращення ситуації з отими абстрактними лініями. Якщо назвати це "рядком" то все стає дещо зрозумілішим :)

  • @animvees2485
    @animvees2485 ปีที่แล้ว +1

    6:12, чи є різниця якщо достукуватись до списку за його класом, чи за батьківським класом , тобто чи буде коректно доставати до нього таким чином:

    In Css:
    .header li {
    #code
    }
    чи потрібно ul обов'язково давати свій класс

    • @savchukit1454
      @savchukit1454  ปีที่แล้ว +1

      не обов'язково, можна і так)

  • @Наталя-з3е
    @Наталя-з3е 7 หลายเดือนก่อน +1

    сайт про тварин не працює вже((

    • @denysko777
      @denysko777 2 หลายเดือนก่อน

      😰

  • @denysko777
    @denysko777 2 หลายเดือนก่อน

    13:33, ніколи такого не пробував використовувати, навіть не знаю, коли це корисно. Замість цього:
    height: 50px;
    line-height: 50px;
    Я використовував завжди:
    padding: 20px;
    Виходить не гірше. За те, тепер буду знати щось нове

  • @denysko777
    @denysko777 2 หลายเดือนก่อน

    9:10, а, в цьому справа, а я думав, що ми задаємо саме li колір, тобто, якщо я в li перед тегом "a" додам текст, то він буде приймати колір або як я робив, просто тегу a встановлював білий колір і все, але якщо вже тег і в ньому текст, то тоді може виникнути питання, чому якщо дочірні класи дають успадковувати, наприклад, свій розмір дочірнім, тобто, якщо body займає всю ширину і в дочірньому div написати, що в нього ширина буде 100%, то ми побачимо, що успадковує стилі, а в цьому випадку ні, тепер краще зрозуміло, чому так відбувається.

  • @nazarkoshai661
    @nazarkoshai661 ปีที่แล้ว

    красава бля курс сказка помагає і реально доступно все пояснено)))

  • @user-bl6ho3ou2
    @user-bl6ho3ou2 ปีที่แล้ว

    Підкажіть, будь ласка. На 1:49 Ви додали тег div з класом header. Як правильніше, дів чи тег header?

    • @savchukit1454
      @savchukit1454  ปีที่แล้ว +1

      header. В майбутньому відео я цю тему розкрию)

  • @denysko777
    @denysko777 2 หลายเดือนก่อน

    Є такі теги, як header, main, footer, не краще їх використовувати для створення верхньої частини сайту, основного контенту та нижньої частини класу?

  • @софіяДенис-б5ф
    @софіяДенис-б5ф ปีที่แล้ว +1

    Добрий день, ваші відео дуже класно розказують про складні речі простими словами. Хотіла у вас запитати що до
    body {
    margin: 0;
    }
    Коли я пробувала встановити значення none, у мене не було змін, але якщо я писала 0, то зникали краї. Можете пояснити?

    • @savchukit1454
      @savchukit1454  ปีที่แล้ว

      margin не має значення 'none', змін не було, бо у вас вибивала помилка в css )

    • @софіяДенис-б5ф
      @софіяДенис-б5ф ปีที่แล้ว

      @@savchukit1454 спасибі за відповідь

  • @КатяКузнецова-л1з
    @КатяКузнецова-л1з ปีที่แล้ว +1

    Я не зрозуміла такий момент - чому ми не застосували display: inline-block для div?

    • @savchukit1454
      @savchukit1454  ปีที่แล้ว

      display: flex крутіший, дає можливість центрувати елементи вертикально і горизонтально, наприклад. Тому завжди використовую його і вам рекомендую)

    • @КатяКузнецова-л1з
      @КатяКузнецова-л1з ปีที่แล้ว

      Мабуть, неправильно сформулювала запитання. Мені цікаво, чому ми не застосували display: inline-block для div, а для nav-list li?)

    • @savchukit1454
      @savchukit1454  ปีที่แล้ว +1

      @@КатяКузнецова-л1з киньте таймкод, будь ласка)

    • @КатяКузнецова-л1з
      @КатяКузнецова-л1з ปีที่แล้ว

      @@savchukit1454, 6:36 - 7:17

    • @savchukit1454
      @savchukit1454  ปีที่แล้ว +5

      @@КатяКузнецова-л1з ой, вибачте, згадка про флекс була недоречна, до нього ще треба дійти в наступних уроках..)
      Щодо чому не застосували для div - в нас в розмітці наразі лише один div. display: inline-block прописується для елементів, які ми безпосередньо хочемо розташувати в одному рядку. Перед нами була завдання розташувати по горизонталі в одному рядку посилання навігації - ми це й зробили. Для div прописувати це правило не мало сенсу, бо нам не потрібно було розташовувати його в одному ряду з якими-небудь іншими елементами.

  • @ІлляДоброовльський
    @ІлляДоброовльський 2 ปีที่แล้ว +2

    Що робити якщо замість тексту українською мовою видає незрозумілі символи? Якщо ввести текст англійською,то все нормально.

  • @user-aftereffects
    @user-aftereffects ปีที่แล้ว +1

    Скільки часу ти вивчав JAVASCRIPT разом з HTML та CSS?

    • @savchukit1454
      @savchukit1454  ปีที่แล้ว +3

      На все про все знадобилось 11 місяців перед тим, як знайшов першу роботу

    • @ЭдуардДартэ-ы4ж
      @ЭдуардДартэ-ы4ж ปีที่แล้ว

      @@savchukit1454 А скільки ви тратили часу в день?

    • @savchukit1454
      @savchukit1454  ปีที่แล้ว

      @@ЭдуардДартэ-ы4ж 4-5 точно

    • @ЭдуардДартэ-ы4ж
      @ЭдуардДартэ-ы4ж ปีที่แล้ว

      @@savchukit1454 4-5 годин? Ого

  • @ЭдуардДартэ-ы4ж
    @ЭдуардДартэ-ы4ж ปีที่แล้ว

    Я не зрозумів чому він по центру, може мені треба всі відео заново передивитись?

    • @ukrmapper
      @ukrmapper ปีที่แล้ว +1

      line-height (висота тексту) задана як 50px, тай сам .header має висоту в 50px, логічно що текст буде по центру

  • @koldunin1088
    @koldunin1088 9 หลายเดือนก่อน

    ех, в мене коли вилазить підсказка, і я на неї тикаю, пропадає та сама . через яку привязка до стилів css не працює :( з цим проблеми виникають. Дякую за ці уроки, це й справді дуже цікаво, легко і зрозуміло

  • @Субєктив
    @Субєктив ปีที่แล้ว

    Знаю, що знайдуться ті, хто забув як відразу дублювати код - Shift + Alt + стрілка вниз) А взагалі, це ключовий ролик, який доволі непогано пояснює сутність програмування, хоч я не додивився поки повністю)

    • @ukrmapper
      @ukrmapper ปีที่แล้ว +1

      тут немає програмування, це верстка

    • @Субєктив
      @Субєктив ปีที่แล้ว +1

      @@ukrmapper Ну взагалі, це дурна спроба посперечатися. Але якщо вже хочеш, то процес тут точно такий самий як з іншими мовами програмування. І великої різниці не бачу.

    • @olegd.4838
      @olegd.4838 ปีที่แล้ว

      🤦🏻‍♂️

    • @denysko777
      @denysko777 2 หลายเดือนก่อน

      @@ukrmapper Так, тут лише використовується мова розмітки та стилізації, хоча щось в цьому є, ти вже вчишся писати якісь інструкції, які буде розуміти браузер, в деяких моментах можна й так сказати, але все таки, це дійсно інше, програмування буде набагато складніше йти

  • @tarasgarasymovych9570
    @tarasgarasymovych9570 2 ปีที่แล้ว +2

    Dobrogo dnya, ckazit6 byd6 laska za dopomogoy yakux combinaciy klavish mogna povernytu poperedni dii,dyakuy

    • @savchukit1454
      @savchukit1454  2 ปีที่แล้ว +2

      Доброго дня!
      За допомогою комбінації сtrl + z

    • @tarasgarasymovych9570
      @tarasgarasymovych9570 2 ปีที่แล้ว +1

      @@savchukit1454 дуже дякую, дуже класні відео уроки

    • @ІванФедоренко-с4в
      @ІванФедоренко-с4в 2 ปีที่แล้ว +7

      я прочитав з польським акцентом..