Продолжаем раскрывать тему «минимальных вводных» для приближающегося курса по frontend-разработке. Напомним, что для комфортного прохождения программы желательно знать основы классических инструментов фронтендера: HTML, CSS и JavaScript.
Необходимую для старта базу HTML мы подробно разобрали в одном из прошлых постов. Сегодня обсудим рекомендуемый уровень CSS-скиллов.
Итак, наш курс по фронтенду вам подойдёт, если вы…
1. Хорошо знаете синтаксическую базу: селекторы, свойства, абсолютные и относительные значения, правила наследования, каскадирования и расчёта специфичности.
2. Отлично ориентируетесь в свойствах текста: можете не только выровнять и настроить отступы, но и превратить все строчные буквы в заглавные, и с ходу назвать любимое семейство шрифтов :)
(font-family, font-size, font-style, font-weight, color, text-align, text-decoration, text-shadow, text-transform, text-indent, letter-spacing, word-spacing, white-space, line-height)
3. Не боитесь блочной модели: различаете отступы, границы и поля; понимаете, зачем задавать минимальную ширину кнопки; знаете, что прозрачный, невидимый и скрытый элемент — это не одно и то же.
(border, padding, margin, width, max/min-width, height, max/min-height, overflow, display, border-radius, outline, box-shadow, opacity, visibility)
4. Без проблем работаете с фоном: и с прозрачным, и с цветным, и с заполненным изображением (background-color, background-image, background-repeat и т.д.)
5. Умеете выделять цветом посещённые ссылки, создавать реакции на наведение курсора, стилизовать первые буквы абзаца и что-нибудь ещё с помощью псевдоклассов и псевдоэлементов (hover, visited, active, focus, nth-child, first-line, first-letter, before, after)
6. Ловко орудуете схемами позиционирования: легко извлекаете элемент из потока и размещаете его ровно там, где он должен быть (position: static / relative / absolute / fixed / sticky)
7. Дружите с сетками: можете как построить каркас страницы «гридами», так и задать расположение элементов «флексами» (Flex Layout, Grid Layout)
Надеемся, вы лишний раз убедились, что ваших навыков вёрстки будет вполне достаточно. А если нет — ещё есть время подтянуть свои знания и всё-таки записаться к нам на frontend-разработку.
В следующий раз поговорим про навыки программирования на JS — не пропустите!
