SASS
В этом курсе вы науитесь работать с препроцессором SASS. . Вы узнаете больше о возможностях по автоматизации написания стилей. В итоге вы научитесь использовать вложенности селекторов, использовать миксины для переиспользования стилей. SASS пригодится, если вы решите создавать крупные проекты с большим количеством стилей, а так же при создании своих дизайн-систем на CSS. Знания из этого курса помогают программистам автоматизировать процесс написания CSS и использовать переиспользование стилей. Этот курс подойдет разработчикам, которым тесно в рамках обычного CSS.
Начать учиться
Программа обучения
-
Введение
-
Установка
-
Расширение CSS
-
Шаблонные селекторы
-
Переменные
-
Миксины
-
Использовать препроцессор SASS и компилировать его код в CSS.
-
Расширять возможности написания стандартного CSS.
-
Использовать шаблонные селекторы и миксины.
-
Создавать и работать с переменными.
-
Введение
-
Миксины как функции
-
Типы данных
-
Функции
-
Условные конструкции
-
Сложные типы данных
-
Циклы
-
Использовать миксины в качестве функций.
-
Создавать собственные функции и использовать их.
-
Работать с различными типами данных.
-
Использовать циклы и условные конструкции.
Во втором проекте вы создадите две страницы музыкального портала «Music Box». Проект является логическим продолжением первого проекта. В нём вы вернётесь к созданию вёрстки по методологиям OOCSS и Atomic CSS. В процессе выполнения вы используете полученные знания из курсов по адаптивности и SASS. Адаптивность макету вам нужно будет реализовать самим. В проекте вы сможете поработать непосредственно с файлом макета в сервисе Figma.
ПодробнееКак проходит обучение
-
В каждом уроке — теория, тесты на закрепление изученного и практика прямо в браузере
-
Задания проходят автоматическую проверку тестами и линтером
-
Вы прямо в браузере получаете доступ к виртуальной машине, редактору кода и к консоли
-
Сразу видите обратную связь по своему решению в виде тестов и их результатов
-
Урок — это теория, квиз (проверочный тест) и практика
-
Учебный материал представлен в текстовом формате, иногда встречаются короткие видео
-
Практика может быть в виде упражнений в браузере, испытаний, проектов, самостоятельной работы и домашних заданий
-
Можно задавать вопросы по теории и практике уроков команде поддержки Хекслета
Что говорят наши студенты о курсах и проектах
Очень понравился проект, получил много полезных знаний. Большое спасибо Никите, буду с нетерпением ждать новых проектов!
Задания в Испытаниях интересные, но их слишком мало. Хочется побольше попрактиковаться! `Никита Михайлов`, у Вас отличные курсы, жду продолжения!
Спасибо, очень интересный проект с точки зрения возможности потренировать различные способы и инструменты верстки. Мое резюме пополнилось новыми навыками!) Отдельное спасибо Никите за его терпеливость и труд!:)
Соглашусь с комментарием ниже - задание прям очень крутое, и на циклы, и на составные данные. В качестве дополнения могу предложить в подсказках сделать ссылку на документацию, как, например, делалось в заданиях по каким-нибудь методам массивов. Что-то вроде: > Если вам надо удалить кавычки в строке, то воспользуйтесь функцией [unquote](https://sass-lang.com/documentation/modules/string/#unquote) Там и про другие интересные функции можно почитать )
Спасибо за проект! Сильная прокачка во многих аспектах, здесь тебе и адаптивная верстка, и использование sass, и баланс между AtomicCSS и OOCSS. Мой первоначальный вариант проекта сильно изменился и упростился - это отлично. Я доволен работой Никиты и потраченными временем и силами:)
Задание топ, удивился решению учителя в хорошем смысле, ибо сам сделал слишком сложную конструкцию
Мне очень понравился проект. Понравилось работать с Никитой) Он очень подробно объясняет. Спасибо) Жду дальнейших проектов).
Добрый день, Никита. Спасибо за Вашу работу и за данный проект. Вчера во втором часу ночи наконец-то завершил проект)). Если честно, то хотел его бросить. Для меня было главным, что по структуре кода ошибок не было, а пиксель влево или вправо с размещением картинок это уже было не существенным. Когда увидел красноту после теста, то думал, что как в первом проекте сделаю быстро. Но здесь больше мелких деталей, по сравнению с первым проектом и пришлось застрять. Руки опускаются, когда...
Получите доступ
К этому треку и ко всем остальным курсам Хекслета по подписке за 3 900 ₽ в месяц
Кому подойдет обучение
Хекслет —
это серьезная подготовка инженеров-программистов
-
Топовые IT-компании обучают своих сотрудников на Хекслете
-
Весь обучающий контент создан практикующими IT-специалистами
-
Программы, направленные на системное развитие инженерного мышления
Студентов учатся ежемесячно
Нашу платформу часто рекомендуют студенты
Нам доверяют обучение своих сотрудников
Расскажите вашему работодателю о Хекслете
-
Получите доступ к этому треку и ко всем остальных курсам Хекслета
-
Учитесь сколько нужно, отменить подписку можно в любой момент
-
Задавайте вопросы по урокам — вам ответит поддержка Хекслета
-
Сохраните неограниченный доступ к пройденной теории даже после отмены подписки
Трек — это набор курсов по определенной теме для повышения квалификации и развития инженерного мышления. Треки подходят как для разработчиков с опытом, так и для новичков в качестве задания «со звёздочкой».
Вы можете учиться в своём темпе, срок обучения не ограничен.
Мы рекомендуем выделять 5-10 часов в неделю. Так с одной стороны обучение будет достаточно интенсивным, чтобы не растягивать его надолго, а с другой — достаточно комфортным, чтобы совмещать с работой и успевать отдыхать.
Материал программы — это готовые курсы с адаптированной для новичков теорией, тестами на закрепление и большим количеством практических упражнений с автоматизированной проверкой прямо в браузере. В некоторых треках есть проект — вы создадите приложение, которое станет частью вашего портфолио и даст опыт реальной разработки.
Вы можете учиться самостоятельно или вместе с наставником, он поможет разобраться в сложных моментах.
Тогда вы можете обучаться вместе с наставником.
Каждый наставник — опытный программист, который добился успехов в профессии, а теперь делится знаниями и опытом со студентами Хекслета. Кандидаты проходят строгий отбор — наставником становится лишь каждый десятый, поэтому случайных людей у нас нет.
Наставник помогает справляться с трудностями, отвечает на вопросы и делает ревью проектов.
Мы принимаем карты Visa, MasterCard и МИР любого банка, валюта счёта тоже может быть любой.
Если решите учиться самостоятельно, оформите подписку на план «Базовый». Доступ ко всем трекам откроется сразу после оплаты.
Если нужна помощь наставника, оставьте заявку на обучение. С вами свяжется куратор, подберёт подходящего наставника и пришлёт ссылку на оплату.