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

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 июня, но пройти бесплатную часть обучения вы можете в любой момент.
→ Узнать о курсе подробнее и начать учиться бесплатно

Работа в IT: как выбрать профессию и с чего начать

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

→ Встреча пройдет 16 июля в 19:00 по московскому времени

Практикующие эксперты из IT помогут справиться с сомнениями, ответят на ваши вопросы и расскажут:

⏺️почему онлайн-обучение — это сложно, но эффективно;
⏺️как заниматься, чтобы получать знания, востребованные работодателями;
⏺️каким новичкам не страшна конкуренция в IT.

Кроме того, мы обсудим, какие навыки ценят работодатели, сколько готовы платить новичкам и как правильно откликаться на вакансии, чтобы получить оффер.

→ Зарегистрируйтесь на вебинар

Книжная полка разработчика🔖

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

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

Авторы книг проходят многоэтапные проверки, правки и рецензирование, потому что издательства обычно предъявляют требования к качеству содержания.
Вероятность столкнуться с неверными данными в книге ниже, чем в интернете.

Техлид и автор курса «Python-разработчик» Бартенев Евгений собрал библиотеку книг, которые в разные моменты времени помогли ему, его студентам и коллегам. На видео он рассказывает, какие книги не теряют актуальности и будут полезны любому разработчику.

🔴Программист-прагматик. Путь от подмастерья к мастеру (The Pragmatic Programmer: Your Journey to Mastery), Эндрю Хант, Дэвид Томас
🔴Чистый код: создание, анализ и рефакторинг (Clean Code: A Handbook of Agile Software Craftsmanship), Роберт Мартин
🔴Грокаем алгоритмы. Иллюстрированное пособие для программистов и любопытствующих (Grokking Algorithms), Адитья Бхаргава
🔴Совершенный код (Code Complete), Стив МакКоннелл
🔴Изучаем Python (Learning Python), Марк Лутц
🔴Python. К вершинам мастерства (Fluent Python), Лучано Рамальо

⚙️Смотреть видео «Книжная полка разработчика в эпоху интернета и искусственного интеллекта»

Какие книги стоят на вашей книжной полке? Делитесь в комментариях!

Зарплаты IT-специалистов в первой половине 2024

Каждые полгода Хабр Карьера проводит исследование, чтобы узнать, сколько зарабатывают в IT. Большая статья с графиками и всеми подробностями уже доступна в их блоге.

➡ Читать отчёт Хабр Карьеры

Делимся основными выводами:

🟢 Медианная зарплата сейчас — 151 666 ₽, это на 8% больше, чем полгода назад.

🟢 Медианная зарплата в Москве — 200 000 ₽, в Санкт-Петербурге — 165 000 ₽, в регионах — 135 000 ₽.

🟢 Ощутимее всего выросли зарплаты у тестировщиков — на 20%, до 127 000 ₽.

🟢 Зарплата архитекторов ПО остается самой высокой среди разработчиков — 388 000 ₽ (+8%), меньше всех получают HTML-верстальщики — 66 000 ₽ (+10%).

🟢 Среди разработчиков больше всего за полугодие выросли зарплаты Программистов 1С — на 18%, до 180 000 ₽.

🟢 Самые высокооплачиваемые языки программирования — Objective-С, Elixir, Scala, Golang и Kotlin, а самый низкооплачиваемый — C.

🟢 Ощутимее всего выросли зарплаты у разработчиков Kotlin — на 16% до 290 000 ₽, и C (+14%) до 180 000 ₽.

🟢 Больше всего IT-специалисты зарабатывают в Авито (351 000 ₽), Райффайзенбанке (340 000 ₽) и в Холдинге Т1 (315 000 ₽).

Мы попросили Настю из Хабр Карьеры немного рассказать об исследовании, передаём ей слово 🔽