Препроцессоры SASS и Less | Подготовка среды и тест | CSS для Профи
HTML-код
- Опубликовано: 17 дек 2019
- Использование препроцессоров - важная часть работы над CSS. Сегодня будет вводное занятие на котором мы проделаем следующее:
1. Установка node.js
2. Знакомство с пакетом npm
3. Работа с новым проектом
4. Тестовые компиляции
Ссылки с ролика:
Node js - nodejs.org/en/
PowerShell - docs.microsoft.com/en-us/powe...
SASS - sass-scss.ru/install/
Самый непонятный урок из цикла "CSS для профи"
Когда-нибудь я вернусь на этот канал, чтобы пройти курс по js и возможно php, а пока что отправляюсь практиковать полученные знания на макетах. Спасибо большое, программа и подача на высоте)
На данный момент node-sass - deprecated, поэтому инструкции из видео не работают.
Вводим след. последовательность команд в нужной директории (desktop / sass)
npm remove node-sass
npm install --save-dev sass
npm init -y (для повторного скачивания файла package.json с актуальными dependencies, после чего все заработает)
Супер-курс, Андрей!
Крутота!!! Ты вернулся)
Та да, хватит уже мучить аудиторию ожиданием
Спасибо вам большое! Замечательный курс получилось
Дал хороший старт, спасиб!
Спасибо за курс!
Чекаємо продовження курсу CSS для профі. Дякую за курс!
Спасибо, ждём)
Отлично! Спасибо
Здравствуйте Андрей, очень крутой ролик получился про препроцессоры, Мы бы хотели что бы в будущем записали еще про эти темы, можете даже сделать плейлист работы с препроцессорами! Спасибо вам за ваши уроки!!!!!!
That's great!
Подскажи пожалуйста, в конце видео ты говоришь что в след уроках будем использовать sass и дальше углублятся!
Эти уроки жать в этой папке или в другой? Или их вообще не будет?
Знакомлюсь с программированием. Закончил твой курс html+css и css для профи. Больше ничего не смотрел.
Дальше переходить к изучению джава скрипт (с твоего канала) или еще предварительно что-то (на твоем канале) посмотреть?
Спс за обучение! ;)
Кто-то продолжает, кто-то начинает)
В css добавили root , актуален ли саас если переменные можно в си эс эс делать?
будет ли продолжение про препроцессоры?
У тебя есть инста? Хочу задать пару вопросов, которые могут изменить моё будущее, если не сложно как с тобой связаться?
Здравствуйте,подскажите пожалуйста, я просмотрел полностью 2 ваших курса: HTML&CSS начало и CSSдляпрофи. Каждый раз практиковался.Что следует учить дальше?
Смотря на кого будешь идти
Есть ещё более простой способ открыть нужную папку в командной строке или в powershell.
Зайдя в нужную папку через обычный проводник windows, в поле где адрес папки прописан(C:\папка\папка\папка). Удаляем адрес из этой строки, и вместо него пишем cmd(либо powershell) и жмём энтер
а еще проще установить плагин на vs code для препроцессоров, он будет автоматически компилировать все, без powershell и прочих костылей.
Спасибо за урок! Вопрос: в чем разница переменной , которую задавали в :root а потом добавляли в var() и переменной через $?
Нету разницы
@@kirilltsaryk7100 var() это в CSS, а через $ это SASS, может так?
Не могли бы вы посоветовать, что мне изучать после hrml css?
А что больше нравится фронт или бэкэнд? Если слова новые и не понятные. погуглите и найдите, то что больше понравится.
Если фронт, то усиливать CSS и начинать JS. Если бэкэнд. то уже от выбранного языка зависит
@@andrievskii фронт хочу сначала освоить. Он воспринимается легче
Здравствуйте, Андрей!
Подскажите, пожалуйста, сколько ещё планируется уроков для завершения данного курса?
Там нужна практика. Так как уже все базовые вещи готовы. Осталось закрепить полноценным проектом.
@@andrievskii Хорошо, понял, спасибо большое за ответ!) Я просто думал, что будет продолжение базы, тогда досматриваю до этого видео и после начну пытаться делать проект)
когда слейдущей урок ?
а где дальше смотреть? ))
Когда прода ?
Привет, можешь посоветовать какие нибудь книги по html и css для новичков, буду признателен
Книги, не посоветую, а вот htmlbook сайт да!
@@andrievskii html book. Ru? И codera?
Все вийшло, аналогічно до відео в цьому уроці, дуже цікаво, але абсолютно не зрозуміло, для чого це все?
Якщо у попередніх уроках всіх трьох курсів, починаючи з html, я розумів логіку і принцип роботи, а головне, для чого це робилось, то тут в мене виникаає питання, для чого це потрібно у верстці?
Дякую за чудовий курс
Бро ты где всему этому научился ?
Книги, RUclips, на работе, на своих проектах
@@andrievskii можешь мне посоветовать книгу для начинающего программиста ? буду очень благодарен , смотрю твой курс по HTML & CSS очень подробно и хорошо объясняешь спасибо вам !
Ну что ж ты братишка притих?
Можно еще пару уроков по верстке Флексами?)
Конечно можно, постараюсь найти между основным плейлистом текущим время и записать))
@@andrievskii желательно макетик но не слишком сложный,так чтоб на понимание) Самое сложное здесь понять как разбить макет на блоки правильно и как эти блоки слоятся друг на друга.Вы ещё рисовали дополнительно и это дает больше понимания.Спасибо вам за труд)
Непонятен смысл урока и как его применять в верстке.