<MyRusakov.ru />

Профессиональная Web-разработка. Дизайн, код и автоматизация

Профессиональная Web-разработка. Дизайн, код и автоматизация

Это очень подробный курс из разряда "всё включено". Разбираются следующие темы: HTML, CSS, SCSS, JavaScript, PHP, SQL, Laravel, Nginx, PostCSS, npm, Vite, Vitest, Composer, PHPUnit, Prettier, Stylelint, ESLint, Pint, Larastan, Git, Agile, Scrum, Docker, Supervisord, Figma, Stitch AI, Confluence, Jira.

Рассчитан и на новичков, и на тех, кто уже знаком с основами, но хочет освоить полный цикл разработки.

Помимо самой теории, Вы увидите пример создания Web-проекта на 20 000 строк кода: от идеи и документации на Confluence через планирование на Jira, fullstack-разработку до деплоя на VPS.

Помимо уроков, курс содержит упражнения для закрепления знаний и финальное тестирование. А ещё Вы получите 5 полноценных Бонусных курсов: «GitLab под ключ», «Вёрстка сайта с нуля 2.0», «JavaScript с Нуля до Гуру 2.0», «PHP и MySQL с Нуля до Гуру 3.0» и «Laravel от А до Я».

Подробнее
Подписка

Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.

YouTube Подписаться

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Какая тема Вас интересует больше?

CSS

CSS

CSS (Cascading Style Sheets) - это каскадные таблицы стилей. Или, если объяснить это более понятным языком, CSS - это технология описания внешнего вида страниц, написанных на HTML.

Главная задача таблиц стилей - это разделить код страниц и её внешний вид. Возможно, что Вы спросите: "А зачем нужно так делать?". Ответ очевиден: "Для большей мобильности". Действительно, допустим у Вас имеется сайт, на котором 100 страниц (это совсем немного). Допустим, шрифт обычного текста у Вас на сайте - 15pt. И представьте, что Вам захотелось сделать не 15pt, а 17pt, что Вы будете делать?

Если Вы не используете CSS, то Вам придётся в каждой из 100 страниц, в каждом месте, где вставляется текст исправлять с 15pt на 17pt. Разумеется, займёт это несколько часов.

Если Вы используете CSS, то тогда Вам требуется лишь открыть специальный файл со стилями, найти в этом файле задание размера шрифта и всего один раз изменить с 15pt на 17pt. И Ваш сайт полностью и сразу преобразится. Я уже молчу про массу возможностей создания необычных дизайнерских решений с помощью CSS, которые невозможно реализовать только с помощью HTML.

Уверен, что Вы уже осознали преимущество CSS перед обычной "смесью" структуры и стиля.

А теперь встаёт главный вопрос: как же познакомиться с этой чудо-технологией и где можно узнать про эту несомненно важную часть создания своего сайта, чтобы у Вас появилось ещё больше информации о том: "Как создать свой сайт".

Собственно, Вы уже нашли, что искали: в данном разделе сайта находится информация по основам CSS, где Вы сможете узнать обо всех селекторах и атрибутах CSS, которые Вам обязательно потребуется при создании дизайна сайта.

Полный курс по HTML, CSS и по вёрстке сайтов: http://srs.myrusakov.ru/makeup

Свежие материалы по CSS

Свежие статьи

CSS box-sizing и блочная модель: как работает border-box на практике
23
март

CSS box-sizing и блочная модель: как работает border-box на практике

CSS box-sizing: border-box — ключ к предсказуемым размерам блоков. В этой статье разберём блочную модель (box model), разницу между content-box и border-box, настроим универсальный reset и решим типичные задачи с отступами и шириной. Будут практические примеры, советы и частые ошибки новичков.

Прочитать
CSS единицы измерения: px, em, rem, vw, vh — практическое руководство для начинающих
19
янв

CSS единицы измерения: px, em, rem, vw, vh — практическое руководство для начинающих

Разбираемся, когда использовать px, em, rem, vw, vh и проценты, чтобы макет был адаптивным, удобным и предсказуемым. В статье — наглядные примеры, советы, частые ошибки и готовые паттерны: от кнопок и карточек до «100vh» на мобильных и fluid‑типографики с clamp().

Прочитать
CSS переменные (custom properties): практическое руководство для начинающих
24
ноя

CSS переменные (custom properties): практическое руководство для начинающих

CSS переменные — это удобный способ хранить повторяющиеся значения (цвета, отступы, размеры) в одном месте и переиспользовать их по всему проекту. В этой статье разберём var(), область видимости, тёмную тему, интеграцию с JavaScript и типизацию через @property — с понятными примерами и советами.

Прочитать

Ещё статьи...