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

Поділитися
Вставка
  • Опубліковано 20 вер 2024

КОМЕНТАРІ • 60

  • @draganchuks
    @draganchuks Рік тому +20

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

  • @lolikomss
    @lolikomss Рік тому +13

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

  • @NataliaBukshiy
    @NataliaBukshiy Рік тому +16

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

  • @ЄвгенЛозін
    @ЄвгенЛозін Рік тому +7

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

  • @TT-qh9ze
    @TT-qh9ze Рік тому +3

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

  • @natalyavelikan
    @natalyavelikan Рік тому +6

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

  • @igor_paseka
    @igor_paseka 2 роки тому +2

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

  • @otto_one_
    @otto_one_ Рік тому +2

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

  • @RomarioTraveler
    @RomarioTraveler Рік тому +1

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

  • @preaton3207
    @preaton3207 2 роки тому +2

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

  • @Лєночка-ю4о
    @Лєночка-ю4о Рік тому +1

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

  • @syrexsyrex2363
    @syrexsyrex2363 Рік тому +3

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

  • @studento_ua
    @studento_ua 6 місяців тому

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

  • @DeBaZ123
    @DeBaZ123 2 роки тому +2

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

  • @romanhryshchenko
    @romanhryshchenko Місяць тому

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

  • @MoonlightRambler
    @MoonlightRambler Рік тому +2

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

  • @KrapochkKa
    @KrapochkKa 6 місяців тому

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

  • @ФостякРостислав

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

  • @liiakhmarska5241
    @liiakhmarska5241 11 місяців тому

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

  • @АндрійШтик-х5ж
    @АндрійШтик-х5ж 10 місяців тому

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

  • @nataliab9458
    @nataliab9458 Рік тому +1

    Дякую.

  • @deluxe092
    @deluxe092 Місяць тому

    Спасибо)

  • @MrDmytr0
    @MrDmytr0 2 роки тому +1

    Дякую! :)

  • @koldunin1088
    @koldunin1088 6 місяців тому

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

  • @ІлляДоброовльський

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

  • @user-bl6ho3ou2
    @user-bl6ho3ou2 Рік тому

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

    • @savchukit1454
      @savchukit1454  Рік тому +1

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

  • @user-cv1sm3vb5u
    @user-cv1sm3vb5u 3 місяці тому

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

  • @nazarkoshai661
    @nazarkoshai661 Рік тому

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

  • @софіяДенис-б5ф
    @софіяДенис-б5ф Рік тому

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

    • @savchukit1454
      @savchukit1454  Рік тому

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

    • @софіяДенис-б5ф
      @софіяДенис-б5ф Рік тому

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

  • @animvees2485
    @animvees2485 Рік тому

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

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

    • @savchukit1454
      @savchukit1454  Рік тому

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

  • @Субєктив
    @Субєктив Рік тому

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

    • @ukrmapper
      @ukrmapper Рік тому

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

    • @Субєктив
      @Субєктив Рік тому

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

    • @olegd.4838
      @olegd.4838 11 місяців тому

      🤦🏻‍♂️

  • @КатяКузнецова-л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  Рік тому +3

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

  • @ЭдуардДартэ-ы4ж

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

    • @ukrmapper
      @ukrmapper Рік тому

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

  • @user-aftereffects
    @user-aftereffects Рік тому

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

    • @savchukit1454
      @savchukit1454  Рік тому +2

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

    • @ЭдуардДартэ-ы4ж
      @ЭдуардДартэ-ы4ж Рік тому

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

    • @savchukit1454
      @savchukit1454  Рік тому

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

    • @ЭдуардДартэ-ы4ж
      @ЭдуардДартэ-ы4ж Рік тому

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

  • @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 роки тому +6

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

  • @basemant3075
    @basemant3075 2 роки тому +1

    Дякую ти найкращий!