Основи HTML & CSS для початківців #34 - CSS препроцесори

Поделиться
HTML-код
  • Опубликовано: 4 май 2022
  • Курс SASS від мого улюбленого Net Ninja:
    • SASS Tutorial (build y...
    Документація SASS: sass-lang.com/
  • НаукаНаука

Комментарии • 52

  • @Lila-hj6fg
    @Lila-hj6fg Месяц назад +2

    Дякую Вам за таку грамотну та зрозумілу подачу матеріалу.
    Ви нас зачаровуєте).
    Дуже потрібний такий контент.
    Продовжуйте!

  • @OlechkaZay26
    @OlechkaZay26 7 месяцев назад +4

    Велике дякую за твій вклад в наше навчання) Максимально чітко, ясно та понятно пояснюєш, а також бережеш наш та свій час. Дякую 👍

  • @romandush639
    @romandush639 2 года назад +9

    Дуже цікаві, корисні і доступні відео.
    Дякую за вашу наполегливу працю. Хотілося б побачити також і інші напрямки ( js, github,...).

  • @mattewdared1632
    @mattewdared1632 2 года назад +7

    Клас, вельми доступно розказано про препроцесори, дякую. Нагадаю про курс по JS, аби ви "не розслаблялись"..)

    • @savchukit1454
      @savchukit1454  2 года назад +7

      Повертаюсь до роботи після невеличкої вимушеної паузи. На тижні очікуйте перше відео з цієї серії :)

  • @toy_cars86
    @toy_cars86 2 года назад +11

    Оцінюючи Ваш курс як особа, яка взагалі не мала розуміння в даному напрямку, можу сказати, що матеріал супер! Дуже доступно і зрозуміло. Корисними є також Ваші рекомендації щодо інших джерел... Можливо, роз'яснете, на що потрібно звертати увагу, окрім HTML, CSS, JS, для позиції Front-end Dev....?

    • @savchukit1454
      @savchukit1454  2 года назад +7

      Дякую за ваш фідбек!
      Наступне, що вам потрібно вивчити - це Git і один з фреймворків (моя особиста рекомендація - Реакт). Після базового опанування цих технологій можна сміливо починати шукати роботу.

  • @Svit_means_light
    @Svit_means_light 8 месяцев назад

    Можливо хтось зможе підказати, в мене чомусь перестав працювати watch sass, не додає файли css а якщо вже з п'ятого разу нарешті файл з'являються то в ньому не прописуються зміни з scss. Вже пару разів перезапускала vsc, робила нові файли і все так само
    P.s. за навчальний курс окреме велике дякую. Віталій, Ви неймовірна людина!!!
    P.s. здається працює, але комент не видалятиму, краще ще раз скажу дякую за ваші уроки!!))

  • @Yevhenia
    @Yevhenia Год назад +3

    Супер, дякую!
    P.S. дебати цікаві 😁

  • @user-ee5zm3iz4w
    @user-ee5zm3iz4w Год назад

    Дякую за Вашу працю!)

  • @tarasgarasymovych9570
    @tarasgarasymovych9570 Год назад

    Супер як завжди на вищому рівні для розуміння,дякую

  • @Alina-en2xr
    @Alina-en2xr Год назад

    супер курс, дякую за вашу величезну роботу!!!

  • @oleksandrherbish4453
    @oleksandrherbish4453 Год назад +2

    за еліту окреме дякую 😆

  • @MrDmytr0
    @MrDmytr0 Год назад

    Дякую! :)

  • @anton.anatoliyovych
    @anton.anatoliyovych Год назад

    Дуже доступно та цікаво пояснили, підписка!
    Дякую, очікую подібний контент!

  • @serh_ash
    @serh_ash 11 месяцев назад

    дуже продуктивне і просте 🤔🙏😎

  • @Gerxi0
    @Gerxi0 Год назад

    Найцікавіше відео з всього курсу, цікаво слухати як полехшити собі життя))

  • @t.v.9696
    @t.v.9696 Год назад

    Найбільшим позитивним, хоч і побічним, ефектом препроцесорів стало впровадження нових фіч у ванільний CSS. I've been waiting for this moment і дуже цьому радий.
    В подяку за україномовне відео хочу поділитися своїм лайфхаком. Замість купи можна нашвидкоруч розділити кнопки тегами. Користуйтесь! 😉

  • @10po12
    @10po12 Год назад +2

    Вельми вдячний за контент.
    І маю питання.
    Розробники використовують препроцесори на постійній основі чи повинна з'явитися якась конкретна потреба?

  • @user-pt1te3uh7f
    @user-pt1te3uh7f Год назад

    Рекомендую Вам розбивати в уроках вміст вікна вправо (Ctrl+\), щоб одночасно відображати html i css(scss), це дозволить краще контролювати код, бо переключення між html i css, збиває з толку, а так весь проект як на долоні 👍

  • @ususususification
    @ususususification Год назад +1

    Цікаво і корисно! Величезна подяка за уроки!) Є питання: є якась ієрархія тегів під час побудови HTML/CSS файлів?(Що за чим ставити)

  • @user-zw4bx4iq4k
    @user-zw4bx4iq4k Год назад

    Кілька хвилин неміг зрозуміти що я зробив не так, що у мене не відбувалось ніяких змін в кольорах,і тільки потім зрозумів що я забув натиснути Watch sass)

  • @user-yg1dl4kf2f
    @user-yg1dl4kf2f Год назад

    Дякую за курс! Після англомовного дуже приємно і доступно чути це рідною мовою. Обов'язково послухаю і JS. А для повторення якихось кольорів, стилів можна просто root використовувати, чи то поганий підхід?

  • @user-hp3jn7le8m
    @user-hp3jn7le8m 11 месяцев назад +1

    як налаштувати vs code щоб внизу появилася дана кнопка SASS

  • @user-di4en9et9g
    @user-di4en9et9g 8 месяцев назад

    Вітаю, дякую Вам за уроки, дивлюся кожен і вивчаю HTML і CSS завядки Вам, щиро дякую. 🤗
    За час вивчення з'явилося питання, відповідь на яке не можу знайти, тому буду вдячний за відповідь.
    Як Ви водночас копіюєте і вставляєте щось в новий рядок?
    Я зазвичай натискаю Enter + C + V, Тобто Enter щоб перейти на наступний рядок, а C + V думаю Ви знаєте.
    Бажаю Вам гарного вечору і успіхів. )

    • @savchukit1454
      @savchukit1454  8 месяцев назад

      Комбінація клавіш Shift+alt+стрілка вниз

    • @user-di4en9et9g
      @user-di4en9et9g 8 месяцев назад

      Вааа, дякую. )@@savchukit1454

  • @user-zw4bx4iq4k
    @user-zw4bx4iq4k Год назад

    привіт)
    хочу запитати людей які вже працюють в айті, зокрема автора
    скільки часу в день приділяли вивченню програмування і за скільки часу змогли знайти роботу від самого початку вивчення?

  • @user-tu5un6fv6v
    @user-tu5un6fv6v 10 месяцев назад

    Віталій, чи є у вас топ найкращих серіалів, які ви колись дивилися ?

    • @savchukit1454
      @savchukit1454  10 месяцев назад

      Ого, вам і таке цікаво?)

  • @yahnodenis7963
    @yahnodenis7963 Год назад

    Вітаю, дякую за прекрасний курс
    Хочу спитати, наступне відео дивитись вже перший урок по JS, чи вивчати далі css?

    • @savchukit1454
      @savchukit1454  Год назад

      ще кілька відео про HTML i CSS, потім JS :)

    • @yahnodenis7963
      @yahnodenis7963 Год назад

      @@savchukit1454 дякую)

    • @user-pt1te3uh7f
      @user-pt1te3uh7f Год назад

      Хотілось би ще відео по html

  • @user-sl9bn3dj3f
    @user-sl9bn3dj3f 10 месяцев назад

    37:05 ну то якби логічно, бо вони зможуть зразу ж дізнатися , що ти знаєш, а що ні.

  • @user-zs5pn3vu8q
    @user-zs5pn3vu8q Год назад

    Привіт ,дуже доступно пояснюєш
    Можливо будуть уроки php?🇺🇦😅

    • @savchukit1454
      @savchukit1454  Год назад +2

      Ні, php точно ні)
      Якщо записуватиму курс про бекенд, це буде node.js

  • @andrianazheli6888
    @andrianazheli6888 Год назад

    Все дуже круто👍, але чим далі в ліс - тим більше дрів🤦‍♀ну для мене(по крайній мірі). Ви самоучка чи проходили курс якоїсь школи?

    • @savchukit1454
      @savchukit1454  Год назад +7

      Я колишній гуманітарій-самоучка. Завжди на своєму прикладі намагаюсь донести до всіх друзів і підписників, що фронтенд-розробником може стати кожен :)

  • @user-lz2tq6ym4c
    @user-lz2tq6ym4c Год назад

    Доброго вечора, які переваги користуватися функцією mixin? Одні кажуть, що вона обтяжує сайт, інші - що навпаки. Яка ваша думку з цього приводу?

    • @savchukit1454
      @savchukit1454  Год назад +1

      на жаль чи на щастя, нічого не чув про те, чи і як вона обтяжує сайт

  • @arturvoievoda5514
    @arturvoievoda5514 2 года назад +1

    Привіт, дуже вдячний за курс, як стосовно того, щоб розробити домашнє завдання по пройденому курсу css?

    • @savchukit1454
      @savchukit1454  2 года назад +13

      Пропозиція цікава, але зараз я вирішив сконцетруватись на курсі з js. Проте вирішив також випустити заключне відео з HTML/CSS, де в описі додам перелік питань, які новачкам необхідно знати перед проходженням співбесіди. Відео скоро на каналі)

    • @arturvoievoda5514
      @arturvoievoda5514 2 года назад

      @@savchukit1454 Дякую, чекаєм, це дуже топ!

  • @user-sl9bn3dj3f
    @user-sl9bn3dj3f 10 месяцев назад

    а загалом таких функцій як darken and lighten їх багато в scss???

  • @romantrend1981
    @romantrend1981 11 месяцев назад

    Віталій, 36:00, як Ви так миттєво повертаєте рядки, які були давно стерті?🤔

  • @user-sl9bn3dj3f
    @user-sl9bn3dj3f 10 месяцев назад

    Загалом скільки часу потрібно треба буде , щоб вивчити повністю scss?я планую повністю й ідеально вивчити scss та + й часу в мене повно (нє,бо я в ЛП, де буду вчити проклятий бекенд, а я хочу на фронт )

    • @savchukit1454
      @savchukit1454  9 месяцев назад

      Тиждень часу максимум)

  • @agony4181
    @agony4181 8 месяцев назад

    Цей юнак не признає існування Lorem ipsum!

  • @maks-qe7ui
    @maks-qe7ui Год назад

    Привіт! А от ми прописали @mixin btn($border-width, $font-size, $color){
    border: $border-width solid yellow;
    font-size: $font-size;
    color: $color;
    } і потім все далі як на відео через include задали різні стилі кожній кнопці. Але як задати різний border-color кожній кнопці,щоб він не був жовтий у всіх? чи можна прописати @mixin btn($border-width, $font-size, $color, $border-color)
    border: $border-width solid yellow;
    font-size: $font-size;
    color: $color;
    border-color: $border-color;
    і потім в include написати (2px, 16px, pink, red) (4px, 18px, green, black) і тд ??
    І ще питання! скільки аргументів ми можемо прописати в дужках @mixin ?

    • @maks-qe7ui
      @maks-qe7ui Год назад

      знайшов рішення,все окей)