Моя история в IT: от повара к фронтенд-разработчику в европейской студии

Фронтенд-разработчик рассказывает, как после семи лет работы поваром уйти на завод. А оттуда — в IT. В конце есть полезные ссылки, по теме

Обложка: Моя история в IT: от повара к фронтенд-разработчику в европейской студии

Headless CMS: простое и быстрое решение, когда не хочется сильно лезть в код

Узнаем, что из себя представляют «безголовые» системы управления контентом, и посмотрим, как они работают в реальных проектах.

Обложка: Headless CMS: простое и быстрое решение, когда не хочется сильно лезть в код
Соберите сервер из комплектующих

Как и зачем создавать собственный шаблонизатор для DOM

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

Обложка: Как и зачем создавать собственный шаблонизатор для DOM

Прекратите изучать фреймворк, станьте JavaScript-разработчиком!

Всем привет, это Макс Кравец из Holyweb. Поговорим о том, почему фронтенд-разработчику важно учить JavaScript, а не фреймворк или библиотеку.

Обложка: Прекратите изучать фреймворк, станьте JavaScript-разработчиком!

Проще фронтендеру освоить бэкенд или наоборот? — обсуждение в комментариях с участием экспертов

Условимся, что у нас есть фронтендер и бэкендер. Кому из этих разработчиков проще освоить профессию другого и почему это так?

Обложка: Проще фронтендеру освоить бэкенд или наоборот? — обсуждение в комментариях с участием экспертов

Подборка инструментов fullstack-разработчика, работающего в стартапе Кремниевой долины

Опытный разработчик с текущим стеком .NET C#, JavaScript React, Microsoft SQL Server рассказывает об используемых инструментах и их плюсах.

Обложка: Подборка инструментов fullstack-разработчика, работающего в стартапе Кремниевой долины

Улучшаем адаптивность сайта с помощью CSS функции clamp()

Рассказываем, как CSS функция сlamp() поможет улучшить адаптивность вашего сайта без использования медиа-запросов и JavaScript.

Обложка: Улучшаем адаптивность сайта с помощью CSS функции clamp()

10 шпаргалок для веб-разработчика

В этих шпаргалках собраны подсказки по HTML, CSS, JavaScript, PHP, Django, Spring Boot и всему, что нужно знать веб-разработчику.

Обложка: 10 шпаргалок для веб-разработчика

Реактивные формы в Angular

Разработка форм в Angular остаётся трудозатратным процессом, который вызывает сложности. Разбираемся, как работать с реактивными формами.

Обложка: Реактивные формы в Angular

Инструменты фронтенд-разработчика

Хочу поделиться инструментами, которыми пользуюсь как фронтенд-разработчик. Многие из них с минимально необходимой настройкой или без неё.

Обложка: Инструменты фронтенд-разработчика

Микрофронтенды: зачем нужны и как к ним прийти

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

Обложка: Микрофронтенды: зачем нужны и как к ним прийти

Подборка фронтенд-проектов для новичков

Хотите стать фронтенд-разработчиком? Рассказываем идеи, для новичков, которые помогут прокачать навыки HTML, CSS и JavaScript.

Обложка: Подборка фронтенд-проектов для новичков

Боль фронта, или Что нам нужно от дизайнеров

Разбираем некоторые проблемы в отношениях дизайнеров и фронтендеров и ищем способы их решения.

Обложка: Боль фронта, или Что нам нужно от дизайнеров

Что нужно знать React-разработчику в 2021 году

Инструменты и ключевые навыки, которыми нужно владеть React-разработчику в 2021 году, чтобы быть востребованным специалистом.

Обложка: Что нужно знать React-разработчику в 2021 году

Где общаются разработчики: русскоязычные чаты программистов

Сделали подборку чатов программистов в Slack, Telegram и Gitter.

Обложка: Где общаются разработчики: русскоязычные чаты программистов

Тренды frontend-разработки в 2021 году

На связке HTML + CSS + jQuery в 2021 далеко не уедете. Разбираемся, что ещё нужно знать фронтендеру для конкурентоспособности.

Обложка: Тренды frontend-разработки в 2021 году

Примеры задач по JavaScript для подготовки джуна к собеседованию по фронтенду

В материале разработчик приводит несколько задач, которые чаще всего попадаются на позицию Junior/Middle Frontend

Обложка: Примеры задач по JavaScript для подготовки джуна к собеседованию по фронтенду

Как измеряются метрики сайта: LCP, FID и CLS

5 мая 2020 года Google представили Web Vitals — важные метрики сайтов которые позволяют измерить удовлетворенность пользователей и влияют на SEO. В этой статье мы расскажем что это за показатели.

Обложка: Как измеряются метрики сайта: LCP, FID и CLS

Что такое CLS сайта и почему он важен

Именно высокий CLS вашего сайта заставляет текст статьи прыгать во время скролла. Рассказываем, почему стоит прекратить бесить пользователей.

Обложка: Что такое CLS сайта и почему он важен

5 простых тестовых заданий на позицию Junior Frontend-разработчик

Рассматриваем несколько заданий с собеседований и разбираем их решение.

Обложка: 5 простых тестовых заданий на позицию Junior Frontend-разработчик

Создаём своё первое приложение на Sapper.js

Детальный пример создания веб-приложения с помощью построенного на основе Svelte.js SSR-фреймфорка Sapper.js

Обложка: Создаём своё первое приложение на Sapper.js

Как сделать текст градиентом — простой CSS-трюк

C помощью двух свойств можно сделать градиентом любой текст на странице. А ещё заливка меняется в зависимости от ширины экрана!

Обложка: Как сделать текст градиентом — простой CSS-трюк

Фронтенд-разработчики оценят: 7 полезных репозиториев на GitHub

Эти репозитории на GitHub помогут узнать особенности HTML, CSS и JavaScript. Полезно начинающим и опытным разработчикам.

Обложка: Фронтенд-разработчики оценят: 7 полезных репозиториев на GitHub

Как стать фулстек-разработчиком мобильных приложений

Рассказ фуллстек-разработчика о своей карьере, приправленный практическими советами новичкам, которые хотят освоить бэкенд и фронтенд в мобильной разработке.

Обложка: Как стать фулстек-разработчиком мобильных приложений

Как работает CSS Flexbox: наглядное введение в систему компоновки элементов на веб-странице

Задавались когда-нибудь вопросом, как работает CSS Flexbox? Наглядно объясняем возможности технологии с использованием анимации.

Обложка: Как работает CSS Flexbox: наглядное введение в систему компоновки элементов на веб-странице

Изучение Vue.js в 2021 году: дорожная карта разработчика

Хотите начать изучение Vue.js в 2021 году? В этом поможет дорожная карта с включёнными в неё этапами изучения и необходимыми инструментами.

Обложка: Изучение Vue.js в 2021 году: дорожная карта разработчика

Как стать React-разработчиком в 2021: дорожная карта

Хотите знать, как стать React-разработчиком в 2021? Держите дорожную карту, которая собрала must-have темы и инструменты.

Обложка: Как стать React-разработчиком в 2021: дорожная карта

Топ-5 инструментов JavaScript для визуализации финансовых данных

Разбор лидеров среди JavaScript-библиотек в области визуализации данных.

Обложка: Топ-5 инструментов JavaScript для визуализации финансовых данных

Способы ожидания в Java и Selenium

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

Обложка: Способы ожидания в Java и Selenium

Найдите все ошибки в коде — капча от Tproger и «Лаборатории Касперского»

Предлагаем вам пройти специальную капчу и доказать, что вы не просто не робот, а настоящий фронтендер. Задания на JavaScript и React.

Обложка: Найдите все ошибки в коде — капча от Tproger и «Лаборатории Касперского»

Как стать фронтенд-разработчиком в 2021 году: дорожная карта

Хотите узнать, как стать фронтенд-разработчиком в 2021 году? Составили для вас схему развития и приложили материалы для изучения.

Обложка: Как стать фронтенд-разработчиком в 2021 году: дорожная карта

Почему у вас проблемы от высокого CLS и как их исправить

CLS — одна из метрик оценки технической оптимизации сайта. Рассказываем, как устранить проблемы с CLS и соответствовать требованиям Google.

Обложка: Почему у вас проблемы от высокого CLS и как их исправить