Что должен уметь Frontend разработчик

Frontend разработчик - это программист, который разрабатывает клиентскую сторону(то что видит пользователь) сайта.
Что нужно знать?

1)HTML и CSS

Хороший frontend программист обязательно должен знать и уметь работать с такими языками(не программирования) как: HTML и CSS. HTML создает каркас сайта, на который нужно натянуть стили CSS.

Если вы уже знаете их и умеете делать простые сайты, то вы верстальщик, чтобы стать уже программистом вам нужен язык программирования JavaScript(не путать с Java)

2)JavaScript

JavaScript – это язык программирования, который добавляет интерактивность на ваш веб-сайт (например: игры, отклик при нажатии кнопок или при вводе данных в формы, динамические стили, анимация).

JavaScript невероятно универсален. Вы можете начать с малого, с простых функций, таких как карусели, галереи изображений, изменяющиеся макеты и отклик на нажатие кнопок. Обладая большим опытом, вы сможете создавать игры, анимированную 2D и 3D графику, полномасштабные приложения с базами данных и многое другое!

3)Angular js/ Vue js/ React js

Это одни из фреймворков для языка JavaScript. Фреймворки нужны для создания сложных Frontend-приложений. Однако, успешная разработка на нём требует хорошего понимания концепций, на которых он построен.

4) Адаптивная, отзывчивая и резиновая верстка.

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

Отзывчивая верстка — Сайт, который также имеет несколько вариантов отображения, но переходы между ними плавные, как на «резине». Меняете размер окна — кнопочки медленно меняются в размерах, блоки плавно ужимаются, а когда наступает контрольная точка — сайт меняет расположение блоков под планшет или под смартфон.

Резиновая вёрстка — Блоки меняют свою ширину в зависимости от размера окна браузера. Она может принимать максимальное и минимальное значение (свойство max-width). Но нельзя по мере уменьшения экрана из 50% сделать 100%.