uValery

• Страница вакансии
• Профиль организации
• Профиль
• Резюме
• Добавить вакансию
• О проекте

Макет

DEMO

О Компании

Агенство Insaim создает сайты, порталы и веб-сервисы, которыми удобно пользоваться. Помогает бизнесам найти общий язык с клиентами.

Описание выполненной задачи:

Кроссбраузерность: Проект корректно отображается на последних трех версиях браузеров Google Chrome (И браузерах, написанных на том же движке), Firefox, Safari, Microsoft Edge.

Кроссплатформенность: Проект корректно отображается на разных OC

Верстка отвечает следующим критериям:

• Отсутствуют грубые ошибки в разметке. Страница проходит валидацию и не имеет Error-сообщений на https://validator.w3.org/;
• Отсутствуют типовые ошибки при разметке по методологии БЭМ;
• Сетка построена на flex/grid-layout в тех местах, где это необходимо;
• В CSS при стилизации не используется !important;
• Шрифты подключены правильно, корректно работают на поддерживаемых в проекте браузерах и OS, присутствует подключение системных шрифтов;
• HTML-теги использованы согласно семантике, для выделения абзацев контента и заголовков используются соответствующие критерии.

Кодстайл:

• имена переменных и функций должны быть написаны в camelCase;
• имена переменных — существительные;
• имена коллекций NodeList — существительные во множественном числе;
• имя функции отражает то, что она делает;
• имя функции начинается с глагола.

Использование EditorConfig

Зачем он нужен?

EditorConfig - это файл настроек для форматирования кода в вашем редакторе, который помогает разработчикам придерживаться одного стиля оформления кода.

Как им пользоваться?

1. Для начала вам нужно установить расширение для вашего редактора кода или IDE. Список всех поддерживаемых программ и ссылок для них вы можете найти по этой ссылке;
2. Далее вам нужен сам файл настроек .editorconfig. Вы можете воспользоваться файлом из нашего репозитория. В нём настроены отступы в 2 пробела (по стандартам Яндекс.Практикума);
3. Перенесите этот файл в корень вашего сайта, там где лежит index.html.

Теперь все, кто работает над проектом с установленным расширением EditorConfig, при форматировании будут придерживаться одного стандарта оформления кода.

Если вы хотите глубже изучить эту тему, можете прочитать неплохую статью на Хабре.