34 инструмента для веб-разработчика на каждый день

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

Как сделать параллакс?

Если вы хотите, чтобы сайт вызывал «вау-эффект», а ссылками на него делились, используйте параллакс. С ним сайты выглядят объёмно, а элементы могут плавно перемещаться при прокрутке страницы или движении курсора.

В этой статье мы покажем, как сделать параллакс на чистом CSS и JavaScript, поговорим про некоторые JS-библиотеки и посмотрим, как оптимизировать анимацию.

Как защитить приложение от хакеров

Невозможно полностью защитить приложение от атак. Постоянно появляются новые технологии и npm-пакеты, выходят обновления для CMS и фреймворков — всё это создается людьми, поэтому неизбежны баги и уязвимости. А ещё на пути данных от клиента к серверу и обратно находится большое количество протоколов — они тоже содержат уязвимости и могут быть источниками угроз. Поэтому задача разработчика — предусмотреть «дыры» в безопасности и написать код, устойчивый к большинству атак. Давайте посмотрим, как фронтендеру обезопасить веб-приложение.

«Центр карьеры» HTML Academy, апрель-июнь 2022

Весной рынок труда штормило. Компании начиная с апреля приостанавливали поиск стажёров и джунов, вакансий на hh и других площадках стало заметно меньше. Изменения на рынке коснулись и нашего «Центра Карьеры» — сайта с вакансиями для начинающих разработчиков и выпускников курсов и профессий HTML Academy.

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

Два месяца было затишье, а в июне ситуация начала восстанавливаться.

Шаблон простого сайта на HTML

Если вам нужно быстро сделать сайт на учёбе или для личных дел, используйте этот шаблон. Вы можете наполнить его чем угодно — добавить тексты, картинки или подключить любые стили, например, использовать Bootstrap или awsm.css.

Смотреть шаблон в статье

Что такое CMS и как под них верстать

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

Если он не знаком с HTML, то вряд ли сможет это сделать — он передаст задачу вам. Но что, если вы в отпуске, заболели или занимаетесь более важными задачами? Как раз для этого и существуют системы управления контентом, или CMS — чтобы менять контент на сайте, не залезая в код.

17 ошибок, которые испортят любое резюме

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

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

Правила интернета: как работают IP, DNS, HTTP и SSL

По статистике только 15% фронтендеров знают, чем HTTP/2 отличаются от HTTP/3, и зачем серверу нужно рукопожатие. А уж про WebSockets и говорить страшно.

Если вы тоже пока не знаете, есть шанс это исправить. Узнайте, по каким правилам работает интернет, и как работают протоколы IP, DNS, HTTP и SSL.