Что должен уметь 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%.