Для нашей работы понадобится:
- Браузер + инспектор кода - Google Chrome
- Текстовый редактор - Visual Studio Code (VS Code)
- Git — распределённая система контроля версий для отслеживания изменений в файлах
Какой браузер мы используем?
Сегодня существует большое количество различных браузеров. Они используют разные движки. Браузерный движок занимается загрузкой, обработкой, отображением и расчетами данных. И возникает проблема Кроссбраузерности.
Кроссбраузерность — это одинаковое отображение и работа сайта в различных браузерах. Если не задуматься над этим вопросом на этапе верстки, то, создав сайт, вы увидите, что в разных браузерах он отображается по-разному и не везде корректно.
Проблема различного отображения верстки заключена в том, что разные движки по-разному воспринимают и обрабатывают некоторые html-теги и css-стили, а также содержимое самих тегов. Например, браузер Edge подсвечивает все номера телефонов добавляет свои стили.
В рамках курса мы этот вопрос не задеваем и используем только Google Chrome.
Какой текстовый редактор используем?
VS Code - бесплатный редактор HTML-разметки на базе Electron. Это разработка Microsoft с огромным набором плагинов. С помощью расширений можно добавить в него массу дополнительных функций:
- Автозаполнение кода на разных языках программирования;
- Автоматический поиск ошибок и их исправление;
- Множество настроек (как всей программы, так и интерфейса);
- Расширяемая библиотека дополнений и готовых решений;
- Мультифункциональность (редактор поддерживает почти все языки, используемые для создания приложений);
- Простота и гибкость;
- Доступность (VS Code бесплатный и доступен каждому).
Дистрибутив программы можно скачать с официального сайт
Использование Git
В рамках первого курса мы будем использовать github.com