С сегодняшними отраслевыми требованиями к знанию современных фреймворков легко забыть, что общего у каждого фреймворка — HTML, CSS, JS.

Разработчики хотят закончить с основами и перейти к фреймворку как можно скорее. При этом у них может возникнуть мысль, что им больше не нужны HTML, CSS и JS, поскольку все делается за них.

Несмотря на то, что фреймворки прекрасны и делают нашу жизнь намного проще, каждый фреймворк основан на фундаментальных веб-технологиях. Они ни в коем случае не заменяют фундаментальные веб-технологии.

JavaScript

Хотя вам не нужно знать JS на продвинутом уровне, чтобы работать с фреймворками, это не означает, что вы не должны улучшать свои базовые знания JS. Платформы охватывают только основные сценарии, с которыми разработчики наиболее часто сталкиваются. Большинство — не значит все. Это означает, что будут случаи, когда вам придется делать решение самостоятельно. Без хорошего понимания JS вы не будете так эффективны в этом.

Фреймворки приходят и уходят

JavaScript остается здесь до конца сети. Когда вы изучите новые функции JS, улучшите свои знания в написании решений на чистом JavaScript — ничто не помешает вам выполнять эту работу. Кроме того, все фреймворки построены на основе JavaScript, а это значит, что за ними нет никакой магии, и все сводится к алгоритмам и обычным возможностям JavaScript. Это означает, что вы можете написать фреймворк самостоятельно (но это не значит, что вы должны это делать).

Глубокое знание JavaScript и одной или нескольких фреймворков дает вам общее представление о том, как любой фреймворк выполняет свою работу. Это значительно упрощает изучение новых фреймворков, потому что основы остаются теми же, меняется только синтаксис, специфичный для фреймворка. Следовательно, вы более универсальны и не привязаны к использованию только одного фреймворка.

HTML

При работе с фреймворками легко забыть о таких примитивных вещах, как HTML. Что у него есть много доступных тегов и атрибутов. Хотя технически возможно использовать div везде, гораздо лучше использовать соответствующие теги. Это не только упрощает понимание разметки для разработчиков, но также обеспечивает лучший UX и доступность.

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

Оборачивая кнопку в тег формы, можно включить функцию отправки при нажатии Enter без дополнительных обработчиков, кроме «отправить». И так далее.

CSS

В настоящее время CSS получает все больше и больше возможностей. Как и в случае с JavaScript, вы, как разработчик, должны следить за новыми функциями. Таким образом, вы можете сделать свою разработку более плавной, используя современные функции, такие как настраиваемые свойства, сетки и т. д.