CSS расшифровывается как каскадная таблица стилей, это язык сценариев для управления представлением, потоком и стилем HTML-элементов. Честно говоря, освоить CSS не так-то просто, для этого требуется практика и практика, и в этой статье я покажу вам дорожную карту того, как вы можете начать свое путешествие по CSS.
Совсем новичок в CSS
Если вы совсем новичок в CSS, я рекомендую вам одного из лучших учителей на youtube — Net ninja, он легко и непринужденно научит вас многим концепциям CSS, таким как основы, позиционирование, отзывчивый дизайн и т.д. Проверьте его.
Если вы предпочитаете читать, поищите freecodecamp.org или mdn в Google.
Знакомство с основами
После того как вы ознакомились с основами CSS, вам нужно будет применить эти знания и создать полезные вещи. Есть замечательный сайт https://frontendmentor.io, на котором можно найти задачи по дизайну, которые вы можете попробовать решить самостоятельно и получить обратную связь от сообщества, когда вы их отправляете. Если вы застряли в создании этих задач, посмотрите эти каналы youtube.
- Tech Upfront
- Tsbsankara
Практика и последовательность
Даже если вы можете создать одну или две задачи, нельзя останавливаться, нужно продолжать практиковаться и практиковаться, и именно поэтому я настоятельно рекомендую заглянуть на сайт frontendmentor.io. На Frontendmentor есть задания от уровня новичка до уровня Гуру, поэтому развивайте свои навыки с помощью заданий для новичков и постепенно переходите к заданиям для юниоров, затем к заданиям среднего уровня, затем к заданиям для продвинутых и, наконец, к заданиям для Гуру.
Основная дорожная карта CSS
- Первые шаги CSS (что такое css, зачем его использовать и т.д.)
- Строительные блоки CSS
- Селекторы CSS
- Модель коробки
- Фоны и границы
- переполняющий контент
- значения и единицы
- изображения, медиа и формы
- Стилизация таблиц
- CSS-макеты
- Flexbox
- CSS Grid
- Позиционирование
- Репонсивный дизайн и медиа-запросы
- Стилизация текста
- Основы стилизации текста и шрифтов
- стилизация списков
- Шрифты Google
- Отзывчивая типографика (типографика — это модное слово для шрифта).
Хорошие ссылки
- MDN
- css-tricks
- freecodecamp
- internetingishard
Хорошие каналы Youtube, за которыми стоит следить
- The Net Ninja
- tsbsankara
- Tech upfront
- Кевин Пауэлл
- Флорин Поп
Заключение
CSS требует практики и преданности, просто продолжайте создавать сайты, и рано или поздно вы станете профессионалом в CSS и узнаете некоторые важные концепции CSS. Не забудьте проверить список ссылок выше, спасибо за чтение, увидимся в следующий раз ✌🏽✌🏽.