Язык CSS | Разработка сайтов на чистом коде
Cascading Style Sheets – каскадные таблицы стилей (CSS/Стили) появились в 1994 году, когда разработчикам стало понятно, что функционал HTML перегружен задачами. В 1996 году технология была одобрена консорциумом W3C и издана рекомендация CSS1. С тех пор Стили используются для внешнего описания страницы, а HTML – для описания структуры сайта.
CSS, как и HTML – это простой язык-интерпретатор, который обрабатывает данные по месту запроса. Информация не переписывается в машинный код, а вносится в текстовый редактор, после чего считывается браузером. HTML и Стили – это два основных языка, с помощью которых можно создать полноценный, функциональный и красивый сайт.
Первая версия CSS описывала параметры шрифтов, цвет, фон и рамки, интервалы между словами и символами, свойства блоков и изображений.
Действующий уровень CSS3 значительно расширил возможности Стилей. Его основное преимущество перед предыдущими редакциями – это возможность создавать анимацию и адаптировать сайт для работы на разных устройствах.
В CSS3 присутствует логика и его смело можно назвать языком программирования.
Преимущества CSS
CSS постепенно вытесняет JavaScript (JS), и мнение о том, что JS незаменимый язык – ошибочно. Программисты часто не обращают внимание на CSS, предпочитая JavaScript, хотя преимущества Стилей неоспоримы.
- JS — это достаточно сложный, объектно-ориентированный язык. Его парадигма негативно сказывается на интерпретации кода. Чем больше используете JavaScript, тем больше будет тормозить сайт и тем хуже он будет отображаться в поисковиках.
- Без JS совершенно точно можно создать эффективный сайт. При этом загружаться веб-приложение будет гораздо быстрее.
- CSS значительно проще, чем JS, и теперь, кроме анимированных элементов, в Стилях есть возможность создавать игры и 3D-графику.
- Сегодня уровень CSS4 находится в стадии разработки – его модули дополняют новыми функциями и значениями. JavaScript уйдёт в небытие, как и Flash.
Какие языки нужно знать для создания сайта?
Давайте рассмотрим на конкретном примере.
Допустим, вы хотите написать многостраничный сайт для интернет-магазина. Для этого нужно, чтобы оптимизация сайта происходила на стороне сервера, а не на стороне пользователя. Поэтому, кроме CSS и HTML, вам понадобится скриптовый язык PHP – препроцессор гипертекста или “Инструменты для создания персональных веб-страниц”.
С помощью PHP вы можете поместить шапку, подвал и меню сайта в отдельные файлы. PHP также незаменим для размещения на сайте калькуляторов, форм, корзины заказов и т.д. Для облегчения отправки запроса на сервер вам понадобится написать строку AJAX – одной из небольших функций JavaScript.
Всё. Эксклюзивный сайт готов. Если вы только начинаете создавать веб-приложения, то потратите немного больше времени на самостоятельное написание условий. Но, с приходом опыта, многостраничный сайт создаётся за день, а простой интернет-магазин – за 3 дня.
Такой сайт пишется быстрее и качественнее, чем если собирать его с помощью CMS – системы управления содержимым. И у вас точно не будет проблем со взломами и низкими позициями веб-приложения в поисковиках.
Язык программирования CSS — основны: для чего нужен, как его использовать, стили, теги и возможности
Фронтенд отвечает за всё, что выводится на дисплей. Главные инструменты, которые при этом используются – это HTML, CSS, JS. Они отвечают за разметку, оформление и взаимодействие, соответственно. Что касается расшифровки CSS, то эта аббревиатура означает «Cascading Style Sheets», то есть «каскадные таблицы стилей».
Опубликовано:
Что это такое
CSS является одной из главных технологий и сегодня каждый веб-разработчик знает, как его использовать, ведь практически ни один веб-ресурс не создаётся без участия данного языка. Взаимодействие, в отличие от тегов HTML, происходит с браузером.
Именно так CSS код придаёт документу оформление.
CSS в HTML коде отвечает за то, чтобы текст, то есть так называемая «простыня» выглядела более наглядно и приятно глазу. Изначально сайты создавались таким образом, что странички никак не отличались между собой внешне. Так было до тех пор, пока интернетом не начали пользоваться простые пользователи, которые через оформление выражали свою индивидуальность, а компании продвигали свои товары.
HTML – не единственный язык разметки. Существуют ещё SVG и XML, однако встречаются они значительно реже.
Для чего используется
Основная задача языка CSS – создание оформления для сайта. Это касается цвета фона, картинок, таблиц, шрифтов. Простыми словами, он необходим для присвоения особых значений для полей, заголовков, основного текса и так далее.
Раньше это было несложное и практичное решение, с которым мог справиться абсолютно любой. Изначально предполагалось, что это HTML и CSS будут отвечать за разметку и стилизацию, однако впоследствии начались определённые сложности с привязкой оформления к самому контенту.
Из-за некоторых особенностей языков, при изменении содержания страницы, внешний вид страницы полностью менялся.
Связано это было с особенностью вёрстки. Раньше за всё отвечали HTML-таблицы, работа с которыми предполагала использование большого количества костылей. Например, чтобы сделать таблицу более объёмной, было необходимо вставлять прозрачные картинки, которые, разумеется, сдвигались при добавлении в колонку текста. Благодаря CSS это стало делать намного проще, так как произошло разделение оформления и контента. Но некоторые проблемы так и оставались неразрешёнными.
Впоследствии это привело к значительному усложнению свойств CSS. К тому же, появились новые языки программирования, которые тоже внесли определённые изменения в процессы веб-разработки. Тем не менее основы остались прежними, а CSS внутри HTML – это одна из спецификаций, сохранившихся спустя время.
CSS может использоваться как для простенькой стилизации документа, так и для создания сложных комплексных эффектов (например, анимации).
Синтаксис
Одно из преимуществ CSS – это чрезвычайно простой синтаксис. В отличие от большинства других языков, во время его изучения у студентов практически не возникает вопросов, так как здесь всё интуитивно понятно, даже при просмотре примеров и возможностей сиэсэс в официальной документации.
У этого языка очень простая структура: сначала необходимо прописать селектор (он необходим для указания на определённый элемент страницы), затем поставить фигурные скобки, указать свойство и выбрать его значение (между ними следует поставить двоеточие). Это все основные особенности синтаксиса CSS.
Каскады
При расшифровке понятия, что такое что такое CSS, использовалось слово «каскады». Оно обозначает формат присвоения определённых свойств. То есть у каждого из них имеется свой приоритет, и при отображении используется то значение, которое указано последним. Благодаря этому в файле не происходит конфликтов.
Что такое float
Это свойство использовалось в самых первых макетах.
Изначально оно предназначалось для того, чтобы внутри колонок размещать изображения. Таким образом, верстальщики смогли размещать контент и выбирать ширину его «контейнера». Это свойство стало одним из «прародителей» современного адаптивного дизайна.
Что такое flex
Несмотря на то, что основные задачи, для чего нужен CSS, со временем не изменились. Сам язык постоянно развивался и в 2009 году появилась технология flexbox. Однако полноценную поддержку в браузерах она получила только к 2015 году. Благодаря этому веб-дизайнеры смогли избавиться от многих костылей, а макетирование страниц стало выполняться гораздо проще.
Также к преимуществам этой технологии можно отнести появление возможности создания сайтов, которые хорошо смотрятся как на стационарном компьютере, так и со смартфона. Теперь благодаря этой функции их оформление можно было подгонять под экраны любого размера, что стало началом новой эры веб-дизайна.
Что такое grid
В одной из последних версий CSS был представлен grid, который на данный момент поддерживается всеми актуальными браузерами.
Главная особенность – это возможность выполнения вёрстки и оформления без использования HTML. Раньше одним из условий было добавление в разметку элементов типа
<
div>, но теперь этого делать не нужно. Так что теперь произошло полное и окончательное разделение HTML и CSS.
Препроцессоры
Обычно стили прописываются в обычном текстовом файле, однако имеется и другой вариант. У базового CSS нет таких возможностей, которые есть у сложных языков программирования. Например, здесь отсутствуют возможность создавать вложенные свойства, а также внедрять переменные.
Это привело к тому, что начали создаваться препроцессоры (например, LESS). Это специфические механизмы, реализованные на базе JS, благодаря которым при работе со стилями можно использовать некоторые функции из данного языка. Это значительно обогащает функционал CSS, но при этом усложняет его изучение.
Иногда CSS реализуется через фреймворки. Однако это противоречит изначальной идее, которой придерживались создатели этого языка.
Связано это с тем, что вместо разделения контента и оформления происходит наоборот его взаимная интеграция.CSS3
CSS3 – это третье поколение данного стандарта, на данный момент оно только разрабатывается. По масштабам изменений это можно сравнить с HTML5 для HTML. Данная ревизия предполагает разбитие на модули, которые можно развивать отдельно друг от друга.
Стоит отметить, что атрибуты нового поколения уже постепенно проникают в жизнь веб-дизайнеров. Понемногу их начинают поддерживать браузеры, расширяя возможности по оформлению сайтов. Кроме того, постепенно идёт разработка CSS4, однако только на этапе черновиков.
Методология
Без методологии невозможна работа с данным языком, однако общепринятых стандартов, определений и словарей на данный момент нет. Это немного осложняет коллективную работу над проектом, однако у этой проблемы есть несколько решений. Одними из наиболее популярных методологий считаются Atomic CSS, а также CSS в JS.
Главная идея первой – формирование названий классов, исходя из визуального отображения, а второй – на том, чтобы определять style внутри компонентов.
Заключение
CSS – это основной инструмент для оформления контента на сайте. Некоторые сайты обходятся и без него, однако стильными их назвать нельзя. К тому же, использование CSS позволяет оптимизировать сайт и сделать его более производительным, не нагружая элементами из JavaScript. Тем не менее, его использование имеет некоторые особенности, из-за которых приходится использовать разнообразные костыли. В новых версиях обещают от этого избавиться, однако их внедрение в браузеры происходит не так быстро, как этого бы хотелось.
Является ли CSS языком программирования? — 5 советов, если вы используете таблицы стилей
- Является ли написание кода CSS программированием?
- В чем разница между языками программирования и таблицами стилей?
- Что такое CSS?
- Передовые технологии CSS и программирование
- Стоит ли изучать CSS?
- Научитесь программировать и измените свою карьеру!
Является ли написание кода CSS программированием?
Языки программирования формулируют ряд инструкций, посредством которых компьютер выполняет операции.
Напротив, таблицы стилей, такие как CSS, содержат информацию о внешнем виде структурированных документов (например, файлов HTML или XML), а также определяют макет, шрифты, цвета и т. д.
Является ли CSS языком программирования?
Итак, если мы хотим ответить на поставленный выше вопрос, мы можем сказать, что CSS — это не язык программирования, а таблица стилей (CSS = Cascading Style Sheet). Однако на продвинутых уровнях в CSS есть много сложных опций, близких к программированию.
В этой статье мы рассмотрим, что такое таблицы стилей, как устроен синтаксис CSS, что вы можете делать с документами HTML с помощью стилей и какие дополнительные возможности у вас есть с CSS, если вы овладеете языком. .
В чем разница между языками программирования и таблицами стилей?
Языки программирования
С языками программирования мы формулируем ряд инструкций, шагов, которые компьютер должен выполнить для выполнения задачи.
Есть языки, которые ближе к машинному коду и дальше от человеческих языков (например, ассемблер), а есть языки программирования высокого уровня, которые ближе к человеческим языкам и дальше от машинного кода (например, C# и Java).
Существует бесчисленное множество языков программирования, и их число будет только расти, поэтому всегда есть новые, о которых стоит поговорить, и новые библиотеки, которые нужно изучить. Мы можем классифицировать их по-разному — например, есть объектно-ориентированные языки программирования, функциональные языки, или мы можем классифицировать их в соответствии с их использованием. Если вы хотите узнать больше о языках программирования, вы можете найти много интересных статей в главе блога CodeBerry под названием «Языки программирования».
Таблицы стилей
Таблицы стилей — это языки, которые мы используем в информатике для форматирования и отображения структурированных документов (например, HTML или XML). Таблица стилей определяет, какие правила стиля применяются к каждому элементу документа, какие цвета, фон, макет, шрифты и т.
Некоторые примеры языков таблиц стилей:
- CSS (каскадные таблицы стилей)
- XSL (расширяемый язык таблиц стилей)
- JSSS (таблицы стилей JavaScript)
Что такое CSS?
Мы уже знаем, что CSS расшифровывается как Cascading Style Sheet и что это наиболее часто используемый язык таблиц стилей. Он позволяет указать, как браузер отображает элементы HTML-документа.
Хотя форматирование в HTML возможно (например, вы можете указать цвет, толщину шрифта и макет), в документах HTML не принято записывать информацию о стиле, потому что форматирование каждого элемента по отдельности было бы очень длительным и трудным для поддержания процесс, и у вас есть гораздо более ограниченные возможности. Поэтому к HTML-документу обычно прикрепляется внешний CSS-файл, который может обрабатывать инструкции по стилю многих элементов одновременно и автоматически перезаписывать их при необходимости.
Также есть отличные возможности для создания сложных, хитрых и замысловатых дизайнов (например, с помощью технологий Flexbox или Grid).
Синтаксис CSS
Операторы CSS состоят из селекторов и свойств, а также значений указанных свойств.
Селектор выбирает, какой элемент HTML необходимо изменить. Затем вы можете добавить свойства в фигурных скобках (например, цвет, шрифт, размер, макет и т. д.) и их значения рядом с ними. Если элемент HTML имеет несколько строк форматирования, они разделяются точкой с запятой.
Общая структура:
селектор {
свойство: значение;
свойство: значение;
}
Вот как выглядит центрирование абзаца и изменение его цвета:
p {
color: green;
text-align: center;
}
Есть много других вариантов, если мы находимся на продвинутом уровне: мы можем создавать веб-сайты, совместимые со многими размерами экрана или анимацией, а дизайн может даже реагировать на действия пользователя.
Та же структура HTML, разные стили
Если вы посмотрите на приведенные ниже примеры, то увидите, что текст тот же, а HTML-код, стоящий за содержимым, такой же. Тем не менее, мы можем создать две очень разные атмосферы, если придадим веб-сайтам разные стили с помощью CSS.
- На этом веб-сайте вы можете посмотреть на развитие веб-дизайна с момента его зарождения до 2020 года. С помощью ползунка вы можете изменить стили CSS на более современные формы, но HTML останется прежним. – Эволюция веб-дизайна
- CSS Zen Garden — это известный веб-сайт, на котором показано, как отображать один и тот же HTML-файл разными способами. Может быть полезно увидеть многие из этих дизайнов, чтобы вы могли понять, какие элементы изменили создатели сайта и как. – CSS дзен-сад
Несколько интересных фактов о возможностях CSS Это. Ниже приведены несколько примеров интересных возможностей, которые можно реализовать с помощью CSS. Фотоальбом
Четкие, красивые фотографии — если навести курсор на изображение, вы увидите его увеличенную версию.
Источник: sonspring.com/hoverbox Как это было сделано: Галерея изображений Hoverbox
Впечатляющие макеты изображений
Пролистывать эту галерею одно удовольствие. Вы можете прокручивать изображения с помощью кнопок со стрелками — создатель использовал 3D-преобразования для создания этого сайта.
Источник: Snow Stack
3D-графика
Этот индикатор выполнения или любой другой трехмерный элемент (который может функционировать как диаграмма) можно создать с помощью нескольких приемов CSS.
Источник: Pure CSS Progress Bar
Простые игры
CSS не предназначен для создания игр, но есть много людей, которые создают игры исключительно с помощью HTML и CSS в качестве задачи.
Вы можете найти игры, собранные на указанных ниже веб-сайтах, и все они основаны на хитростях CSS.
- Чистые игры CSS
- 8 игр на чистом CSS, в которые можно играть в браузере
Передовые технологии CSS и программирование
Если мы выходим за рамки простого форматирования элементов вашего HTML-документа, таких как цвета, размер шрифта, тип шрифта и т. д., мы переходим к передовым технологиям, где мы можем найти решения к задачам, которые больше похожи на традиционное программирование.
В CSS мы можем объявлять функции, использовать объектную ориентацию и создавать прозрачную, простую в обслуживании модульную систему.
Препроцессоры CSS
Препроцессоры CSS — это расширения CSS, которые могут генерировать код CSS, что означает, что мы можем автоматизировать шаги, используя методы программирования. Существует много препроцессоров, но два самых известных — это Sass и Less.
Они помогают создавать и поддерживать структуру CSS сложных приложений и веб-сайтов, а также создавать прозрачный код, который могут редактировать многие люди. С ними мы можем использовать встраивание, циклы и наследование в CSS.
В области препроцессоров CSS и программирование переплетаются, и хотя в начале этой статьи мы заявили, что CSS не является языком программирования, если мы дополним его передовыми технологиями, программные концепции и операции могут появиться и в CSS.
Стоит ли изучать CSS?
Короткий ответ: оно того стоит. В CSS есть много возможностей для развития вашего творчества, и если вы овладеете языком, вы сможете создавать с его помощью красивые, захватывающие дизайны. Если вы также знаете JavaScript, вы можете быстро стать фронтенд-разработчиком, поэтому у вас будет больше шансов получить работу с высокой зарплатой.
Современные навыки CSS высокого уровня ценятся на рынке труда, и хотя вы можете изучить основы за короткий промежуток времени, не так много веб-дизайнеров являются мастерами CSS. В области дизайна и реализации всегда есть место для совершенствования.
Если вы заинтересованы в изучении программирования, но не решили, с чего начать, вы можете воспользоваться следующей статьей: «Какой язык программирования мне выбрать?». Вы можете найти полезные советы, которые помогут вам принять решение, а также увидеть, насколько популярны на самом деле языки веб-разработки (включая HTML и CSS).
Если вы хотите увидеть больше руководств по программированию, загляните на наш канал YouTube, где у нас есть множество видеоуроков по Python на английском языке.
В серии «Руководство для начинающих» Школы программирования CodeBerry мы ответим на вопросы, которые могут возникнуть у вас относительно того, какой язык программирования выбрать, сколько денег вы будете зарабатывать, чем вы можете заниматься как веб-программист и где начать.
Руководство для начинающих
- Краткое введение в веб-разработку
- Руководство для начинающих по языку программирования Java
- Руководство для начинающих по языку программирования Python
- Руководство для начинающих по C++
- Руководство для начинающих по PHP
- Руководство для начинающих по C#
- Руководство для начинающих по JavaScript
- Основы программирования для Android — Java или Kotlin?
- Является ли HTML языком программирования?
- Является ли CSS языком программирования?
Научитесь программировать и измените свою карьеру!
100% ОНЛАЙН ИДЕАЛЬНО ДЛЯ НАЧИНАЮЩИХ СООБЩЕСТВО ПОДДЕРЖКИ САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ Не уверены, подходит ли вам программирование? С CodeBerry вам понравится.
С ними мы можем использовать встраивание, циклы и наследование в CSS.
Теги: css flex, css grid, css margin, css position, css preprocessor, css selector, синтаксис css, flexbox, grid, html css, jquery css, язык разметки, язык программирования, язык сценариев
Учитываются HTML и CSS Real Programming Languages
В честь 11-летия Codecademy мы вспоминаем веб-сайты и программное обеспечение 2000-х годов, которые вдохновили наших основателей на создание Codecademy и вдохновили целое поколение на изучение программирования. Узнайте больше о других забавных и глубоких погружениях в интернет-темы ранних нулевых здесь.
Устаревший аргумент, который слышали практически все, кто программирует: Знание HTML и CSS не считается «настоящим» кодированием . Это даже не языки программирования. Вы ничего не можете сделать только с помощью HTML/CSS.
Подобные комментарии могут обескураживать, независимо от того, являетесь ли вы профессиональным программистом или только начинаете разбираться в коде. Использование HTML/CSS для создания веб-сайтов — один из лучших способов научиться программировать, поэтому эти языки часто рекомендуются для начинающих.
Так откуда же взялся весь этот оттенок HTML/CSS?
Одна из причин, по которой люди так быстро отвергают HTML/CSS, связана с фундаментальными различиями между этими языками и другими. Если вы хотите мудрить, HTML/CSS технически не содержит традиционной логики программирования, поэтому они не являются настоящими языками программирования , объясняет Сараи Фернандес, менеджер учебной программы по кибербезопасности в Codecademy. Язык программирования — это набор инструкций, которые программист пишет для компьютера, чтобы следовать и выполнять задачу. HTML — это «язык разметки», а CSS — «таблица стилей» — вместе они определяют, как содержимое отображается на веб-странице. Основное отличие состоит в том, что языки разметки не следуют логике или алгоритмам, а просто состоят из инструкций по форматированию данных.
Присмотритесь к различиям между HTML (слева) и JavaScript (справа). HTML, по сути, просто указывает, где элементы размещаются на странице, тогда как синтаксис JavaScript содержит функции и логику.
Эти фрагменты кода взяты из проекта нашего курса «Создание интерактивных веб-сайтов на JavaScript».Как видите, это различие затемняет то, насколько мощным и важным является HTML/CSS для программистов: HTML/CSS, изобретенный в конце 90-х, создал Интернет таким, каким мы его знаем. Без этих инструментов веб-сайты, на которые вы сегодня полагаетесь во всем, от общения до покупок и работы, были бы фрагментарными и невероятно скучными.
Скриншот слева — веб-сайт без CSS — довольно скучно, правда? Скриншот справа включает CSS. Вы можете узнать больше об этих конкретных функциях в Learn Intermediate CSS.Очевидно, что в этом разговоре гораздо больше нюансов, чем в самой технологии. «Главная проблема заключается в том, что эти дебаты в основном ведутся для того, чтобы не дать начинающим программистам или дизайнерам считаться программистами», — говорит Ник Стерн, разработчик учебных программ в Codecademy. (Подробнее об этом позже.)
В Codecademy мы твердо убеждены, что каждый должен чувствовать себя способным научиться программировать — и если вы пишете код, вы кодируете.
Период.
Хотите погрузиться глубже? Мы расскажем вам об истории HTML/CSS, о том, как они определили визуальный язык Интернета 2000-х (и не только), и как они могут стать основой для карьеры в сфере технологий. Кроме того, мы поделимся некоторыми рекомендациями по курсам, которые расширят ваши знания HTML/CSS.
Как HTML/CSS стал «силовой парой» интернета 2000-х
HTML/CSS часто называют «силовой парой» или «основой» всего в Интернете.
- HTML расшифровывается как «язык гипертекстовой разметки», и он, по сути, определяет, как содержимое организовано, отформатировано и отображается на веб-странице (например, на этой, которую вы сейчас читаете). Когда вы посещаете веб-сайт, сервер отправляет HTML-файлы в ваш браузер для чтения и отображения.
- CSS — это сокращение от «Каскадные таблицы стилей», и это то, как вы стилизуете HTML-элементы и добавляете такие вещи, как шрифты, цвета, фоны и макеты.
Когда в 1993 году появилась первая версия HTML и люди начали создавать веб-страницы, не было возможности контролировать внешний вид страницы.
В 1994 году норвежский инженер-программист Хокон Виум Ли предложил использовать таблицы стилей, которые могли бы накладывать файлы HTML и настраивать веб-страницы.
Простая, легкая в освоении технология открыла путь к созданию веб-сайтов и приложила руку к созданию узнаваемой интернет-эстетики 00-х годов. Хотя веб-разработка — это гораздо больше, чем только эти два языка, HTML/CSS позволили людям создать визуальный язык и идентичность раннего Интернета.
С помощью HTML/CSS, казалось бы, все стало возможным для любителей кодирования: беспорядок данных мог стать аккуратно организованной таблицей, текст мог менять цвет и располагаться в любом месте на странице, а скучный белый фон заменялся чем угодно, от сплошных цветов до мозаичные GIF-файлы. Для многих миллениалов взросление на веб-сайтах, поощряющих пользователей испачкать руки в HTML/CSS, таких как Myspace, Xanga и Neopets, было формой развлечения, самовыражения и отправной точкой для написания кода.
Не будет преувеличением сказать, что объединение HTML/CSS изменило курс Интернета.
«Без визуальной части сеть либо выглядела бы очень скучно с черно-белым текстом, либо умерла бы», — сказал Хокон в интервью 2019 года.
В чем люди ошибаются при профессиональном использовании HTML/CSS
Существует широко распространенное заблуждение, что определенные языки, навыки и даже целые карьерные пути недостаточно технически , чтобы считаться частью мира профессионального программирования. Люди, как правило, имеют «поверхностное представление» о том, на что способен HTML/CSS, и пропускают изучение их новых или более сложных функций, объясняет Ада Роуз Кэнон, адвокат разработчиков веб-браузера Samsung Internet в Лондоне.
Знание языков Интернета может помочь вам получить работу в технологической отрасли, независимо от того, нужна ли вам практическая техническая роль, связанная с созданием продуктов (например, веб-разработчик или дизайнер пользовательского интерфейса/UX), или вы заинтересованы на должностях, которые помогают техническим командам работать вместе и работать бесперебойно (например, менеджер проекта или защитник разработчиков).
Вы можете быть удивлены тем, сколько высокооплачиваемых технических профессий в той или иной степени связаны с HTML/CSS: даже разработчики игр используют HTML для создания игр, которые работают на разных платформах, а бэкенд-инженеры, которые могут работать с другими языками программирования, должны быть хорошо разбирается в HTML для поддержки серверов.
HTML — это «навык, который сегодня утерян многими разработчиками», — говорит Ада Роуз. «Они настолько сосредоточены на попытках абстрагироваться от HTML и CSS, что не до конца понимают, как работает их окончательный артефакт, почему он работает именно так, а также правильно ли то, что они сделали, или это просто выглядит так». хороший.»
Многие разработчики могут иметь устаревшее или узкое представление о возможностях CSS. По мере того, как вы осваиваете продвинутый CSS, вы можете создавать веб-сайты, которые не только выглядят потрясающе и красиво, но также содержат функции, которые оживляют веб-страницы, например анимацию, — говорит Ник.
«Для меня это неотличимо от кодирования», — говорят они. «И, кроме того, это навык, которого у меня даже нет, а я программирую уже 10 лет».
Что часто само собой разумеется, так это то, что клеймо HTML/CSS имеет тенденцию быть гендерным. Ада Роуз говорит, что поскольку фронтенд-разработка в основном связана с эстетикой и улучшением внешнего вида сайтов, существует предположение, что это более мягкие навыки, зарезервированные для женщин. Очевидно, что подрыв знаний людей с помощью интерфейсных языков, таких как CSS, оказывает медвежью услугу всем, особенно женщинам.
Показательный пример: по данным опроса разработчиков Stack Overflow за 2022 год, женщины недостаточно представлены в сфере технологий, составляя всего 5% среди профессиональных разработчиков.
«Кажется, существует такая закономерность — часто в умах разработчиков-мужчин — что CSS одновременно слишком тривиален, чтобы его изучать, но в то же время слишком сложен, чтобы быть настоящим языком, и слишком сложен в использовании, — говорит Ада Роуз.
— Типа, это как-то и то, и другое одновременно.
TL;DR дебатов HTML/CSS
В конечном счете, лучший ответ на дебаты о том, являются ли HTML/CSS законными языками программирования, звучит так: «Имеет ли это значение?» Сарай говорит. «Различие на самом деле не важно и в основном является семантическим аргументом, который используется, чтобы люди могли чувствовать свое превосходство над другими, потому что они занимаются «настоящим» программированием».
Правда в том, что одного лишь знания HTML/CSS, вероятно, недостаточно, чтобы заняться технологиями и получить работу программиста — и это нормально! Большинству разработчиков необходимо знать несколько языков, чтобы добиться успеха в своей карьере. Как только вы разберетесь в HTML/CSS, изучение других языков станет намного проще. В конце концов, когда вы используете HTML/CSS, вы по-прежнему используете код для связи с технологиями и, что особенно важно, вы думаете как программист для решения проблем, что является основой любой карьеры в качестве программиста.
разработчик.
Если вы уже используете HTML/CSS и ваша конечная цель — получить работу, у нас есть множество курсов и ресурсов для профессионального развития, которые помогут вам отточить свои навыки и повысить уверенность в себе.
В процессе обучения важно знать, чего вы стоите, — говорит Ада Роуз. «Если люди не видят вашей ценности, не слушайте их. Очевидно, что если кто-то говорит, что HTML и CSS не являются настоящими языками, он не знает, как работать с HTML и CSS». Но, к счастью, вы это делаете.
С чего начать изучение HTML/CSS и многое другое
Если вы еще не знаете HTML/CSS и готовы погрузиться и узнать о веб-разработке, ознакомьтесь со следующими курсами и путями:
- Изучение HTML : Начните с основ HTML5. В этом курсе вы сразу же будете создавать и редактировать веб-страницы.
- Изучите CSS: после изучения HTML украсьте свои веб-сайты цветами, фоном, фотографиями и многим другим.
