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

HTML и CSS. Язык гипертекстовой разметки и каскадные таблицы стилей — фундамент кода. Одни только знания HTML и CSS уже позволят создавать несложные веб-сайты.

JavaScript (JS). Это один из самых популярных языков программирования. Он используется для создания сложных интерфейсов, карт, приложений, онлайн-игр.

JavaScript-фреймворки. Фреймворки — по сути, это готовые шаблоны для написания кода. Обычно используют Angular, Backbone, Ember, Vue.js и React.

Препроцессоры CSS. Они позволяют масштабировать CSS и упрощает работу с ним. Sass и LESS — два самых востребованных препроцессора.

Git и системы контроля версий. Это специальные программы, которые помогают отследить изменения, добавленные в код в разное время, возможно разными людьми.

На курсе «Фронтенд-разработчик» мы обучаем всем необходимым инструментам, а также ключевым навыкам для старта в профессии. Наши выпускники могут:

⏺️Писать код на HTML, CSS, JavaScript и TypeScript
⏺️Создавать приложения с помощью React
⏺️Писать код в реальной среде разработки
⏺️Создавать сайты и веб-приложения
⏺️Разбираться в технических заданиях от заказчиков
⏺️Тестировать сайты и веб-приложения, устранять ошибки
⏺️Применять паттерны проектирования и ООП
⏺️Проектировать решения бизнес-задач через разработку
⏺️Размещать сайты и веб-приложения в интернете

Обучение стартует 6 июня — ещё не поздно присоединиться. Вы всегда можете начать с бесплатной вводной части, чтобы познакомиться с курсом ближе.

→ Узнать о курсе подробнее и начать учиться бесплатно

#тонкости_языка: HTML ⚡️
Освоить HTML относительно легко, обычно будущие веб-разработчики начинают обучение именно с него. Стандартные атрибуты — дело понятное и знакомое, поэтому мы поделимся чуть более редкими.

Некоторые браузеры не поддерживают отдельные атрибуты: чтобы уточнить наверняка, советуем заглянуть на CanIUse.

📌loading=”lazy”
Используйте loading=”lazy”, чтобы отложить загрузку изображения до тех пор, пока пользователь до него не домотает.

<img src=”image.jpg” loading=”lazy” alt=”Alternative Text”> 

📌start
Используйте start, чтобы изменить точку отсчёта в упорядоченных списках. В примере ниже отсчёт начнётся с двенадцати.

<ol start=”12”>
  <li>Репка</li>
  <li>Дедка</li>
  <li>Бабка</li>
</ol>

📌poster
Используйте poster, чтобы установить обложку для видео. Она будет отображаться во время загрузки или пока пользователь не нажмёт кнопку воспроизведения.

<video poster="path/to/image">

Знали их все? На ваш взгляд, о каких интересных атрибутах вспоминают незаслуженно редко?😉

1️⃣Находить баги там, где их нет

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

Скорее всего, всё обернётся тратой времени и самого сотрудника, и его коллег. Коллеги такую демонстрацию профессионализма не оценят. Более того, может оказаться, что всё непонятное и не баги вовсе, а фичи.

➡️Воспроизведите ошибку 2—3 раза, прежде чем вносить её в баг-репорт. Сверьтесь с ТЗ, убедитесь, что это действительно баг, и локализуйте его.

2️⃣Постоянно думать о работе

Начинающие часто думают, что чем больше они работают, тем лучше. Таким специалистам сложно переключаться на отдых: даже занимаясь бытовыми задачами или хобби, они думают о работе — вдруг в голову придёт удачное решение.

Когда мозг в постоянном напряжении, генерировать идеи становится намного сложнее. В долгосрочной перспективе произойдёт выгорание, эффективность снизится.

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

➡️Сосредоточьтесь на чём-нибудь активном и увлекательном, чтобы отвлечься от мыслей о работе.

3️⃣Задавать много вопросов или не задавать вопросы

Новички могут придерживаться двух крайностей: или они ни шага не могут ступить без вопросов к коллегам, или пытаются всё решать исключительно своими силами.

В первом случае коллеги могут решить, что тестировщик не хочет и не любит думать. Во втором — новичок потратит часы на вопрос, который более опытный коллега мог разъяснить за минуту.

➡️ Сначала прочитайте ТЗ и обратитесь к источнику проблемы. Если за полчаса не смогли разобраться с задачей, обратитесь за помощью.

Получите профессию тестировщика за 4 месяца на курсе «Инженер по тестированию». Ближайший старт — 27 июня, но пройти бесплатную часть обучения вы можете в любой момент.
→ Узнать о курсе подробнее и начать учиться бесплатно