1. HTML – способ создания и редактирования текстовых документов, соединений с другими документами и использования элементов, что в зависимости от их значения отображаются на странице пользователя. Важно понимать структуру документа, теги и их свойства;
2. CSS – язык стилей, который используется для визуального оформления HTML страниц и динамического управления их размерами, местоположением, цветом и т.д. Необходимо знать основные CSS-селекторы и методы оформления;
3. JavaScript – язык программирования веб-страниц, позволяющий добавлять интерактивность и динамичность на веб-страницы. Важно понимать, как работает DOM (Document Object Model) и AJAX;
4. jQuery – библиотека JavaScript, которая облегчает написание скриптов в браузере. Обладает множеством методов для манипулирования и изменения DOM-структуры;
5. Адаптивный дизайн (Responsive design) – подход, при котором веб-сайт оптимизирован для различных устройств и экранов. Необходимо уметь создавать адаптивную веб-страницу с использованием CSS-медиа запросов;
6. Кроссбраузерность – способность веб-сайта работать одинаково в различных браузерах. Необходимо знать особенности различных браузеров и уметь тестировать веб-сайт на определенных браузерах;
7. Git – система контроля версий, используемая для управления изменениями в исходных кодах программного обеспечения. Необходимо знать основы работы в командной строке с Git и понимать основные Git команды;
8. Шрифты – знание основных шрифтов и их визуальных характеристик, таких как жирность, наклон, размер и т.д. Уметь добавлять разные типы шрифтов на веб-страницу;
9. Семантическая верстка – стиль верстки, где используются теги с соответствующим смыслом и контекстными отличиями, то есть структура документа отражает его функциональность. Необходимо знать основные семантические теги и их использование;
10. CSS-препроцессоры – Sass, Less, Stylus. Это инструменты расширения функционала CSS и облегчения его написания. Необходимо уметь использовать препроцессоры для создания более организованных и поддерживаемых CSS-файлов;
11. Уметь работать с фреймворками – Bootstrap, Foundation, Materialize. Фреймворки помогают быстрее и с меньшими усилиями создавать удобные и быстрые веб-сайты;
12. Тестирование – знать, как тестировать HTML, CSS и JavaScript код, используя инструменты, такие как Selenium WebDriver или Webpack;
13. Оптимизация – знание как минимизировать вес и ускорить загрузку веб-страницы с помощью сборщиков файлов и минификаторов кода;
14. SEO – знание, что входит в понятие SEO (Search Engine Optimization), какие методы могут быть использованы для улучшения SEO-оптимизации веб-сайта;
15. Базы данных – уметь работать с базами данных, например, настроить MySQL на установку соответствующих данных;
16. HTTP – протокол передачи данных в Интернете, повсеместно используемый для связи между клиентом и сервером. Необходимо знать основы работы с HTTP методами и их соответствие RESTful API;
17. Обработка ошибок – знание, как обрабатывать ошибки в JavaScript и выводить соответствующие сообщения об ошибках;
18. Скорость загрузки – знание, как ускорить загрузку страницы и минимизировать количество HTTP запросов;
19. Теория цвета – понимание, как цветовая гамма влияет на пользователей и как использовать это знание в дизайне веб-сайта;
20. Навыки коммуникации – важно уметь вести диалог с остальными разработчиками, дизайнерами, менеджерами и заказчиками для успешного выполнения проекта.