Итак, вы внезапно (или вполне осознанно) захотели стать фронтендером. Согласитесь, бывает такое - сидишь себе на любимой работе, и вдруг понимаешь - куда катится моя жизнь? Я срочно хочу что-то поменять! Начинаешь искать вакансии, смотреть требования, и натыкаешься на раздел IT-специальностей, где видишь, например, такое:
"Неплохо", скажете вы. Как минимум, заработок окажется сильно выше средней зарплаты по любому региону. Следом я посмотрел требования к вакансии:
Как минимум, одно знакомое слово вы точно увидите - это HTML. Все, кто учился в наших школах в конце девяностых-начала нулевых (поправьте, пожалуйста, если это не так), на уроках информатики хотя бы бегло, но изучали этот язык программирования.
Стоп. HTML это не язык программирования!
Запомните это раз и навсегда! Стоит вам на собеседовании ляпнуть такую фразу, и перед вами сразу опустится железный занавес. HTML (от англ. HyperText MarkUp Language) - язык разметки гипертекста.
Все в своей жизни хотя бы раз встречали разметку, верно? Да взять хотя бы разметку пешеходного перехода, или же двойную сплошную. Что делает разметка? Верно. Разметка задает (и в тоже время, является вспомогательным инструментом) определенные правила, которые, в данном случае, являются правилами дорожного движения.
С HTML всё точно так же: мы размечаем текст определенными символами - тегами, которые понимает и читает машина, то бишь компьютер, но в отличие от реальной жизни, машина упрощает нашу жизнь и эту разметку оставляет для себя, показывая для нас лишь пригодный для человеческих глаз обычный текст. Те, кто писал на уроках информатики свои первые страницы, меня поймут.)
Далее мы видим еще одно непонятное требование - CSS (от англ. Cascading Style Sheets, "каскадные таблицы стилей"). Это очень мощная вещь, созданная в дополнение к HTML, позволяющая вдохнуть жизнь в изначально "мёртвые" страницы. При этом с CSS сталкивались все.
Кто из вас сидит в социальных сетях, поднимите руки? Всё визуальное оформление (фоны, линии, выпадающие меню, подсвечивающиеся ссылки и прочие миллионы эффектов) достигается при помощи именно CSS. Даже оформление этой статьи (центрирование, шрифт, отступы между абзацами). Спешу заметить, CSS - тоже не язык программирования.
Специалисты всегда используют HTML и CSS в связке. Без HTML нет CSS, а без CSS всё выглядит, кхм... Весьма уныло. В следующих публикациях мы подробно об этом поговорим.
Ну и третье, часто встречающееся требование - знание JavaScript. Вот это уже язык программирования, самый что ни на есть настоящий. JavaScript достаточно мощный язык, при этом созданный изначально для использования в браузерах. Но не стоит пугаться: все, кто ходил на уроки информатики, знакомы с программированием. Вспомните Basic и Pascal - такие простые, ламповые, и в то же время полноценные (хоть и устаревшие) языки программирования.
Подведём итоги.
Чтобы стать настоящим, матёрым, бородатым (девушки, к вам не относится - хотя, чтобы произвести впечатление, можете прийти на собеседование с накладной бородой) фронтендером, нам необходимо изучение трех базовых технологий, которые требуют всегда:
-HTML,
-CSS,
-JavaScript.
И именно в таком порядке их стоит изучать! :)
Что ж, вперёд!