Кастомные свойства в CSS. Часть 1: что это такое и как работает

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

Обложка: Кастомные свойства в CSS. Часть 1: что это такое и как работает

Оптимизация графиков Recharts

Статья, которая будет интересна тем, кто использует React и Recharts (или другую библиотеку на основе SVG) для построения графиков.

Обложка: Оптимизация графиков Recharts

Кастомизация сборки Angular-проекта

При сборке Angular-приложения со временем возникает задача, которую не решить с помощью того, что доступно из коробки. Узнаём, что делать в таком случае.

Обложка: Кастомизация сборки Angular-проекта

Обучение веб-разработке на практике: пишем слайдер на JavaScript

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

Обложка: Обучение веб-разработке на практике: пишем слайдер на JavaScript

Типичные ошибки джунов, использующих React

Разбор некоторых из ошибок (и возможных решений), которые джуны совершают на раннем этапе своего профессионального роста.

Обложка: Типичные ошибки джунов, использующих React

Краткое введение в Svelte 3

Разбираем Svelte 3 — фреймворк для создания пользовательского интерфейса, который позаимствовал хорошие идеи из React и Vue и привнёс свои.

Обложка: Краткое введение в Svelte 3

Я не робот: 10 альтернатив reCAPTCHA

Рассказываем, какие есть альтернативы reCAPTCHA и чем они лучше антиспам-сервиса от Google.

Обложка: Я не робот: 10 альтернатив reCAPTCHA
Обложка книги Скрам. Революционный метод управления проектами

Скрам. Революционный метод управления проектами

Скрам. Революционный метод управления проектами

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

Читать разбор книги

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

Гайд, который поможет сделать красивый сайт без дизайнера и опыта. Во второй части разбираемся, как выбрать общий стиль сайта, цвета и шрифты.

Обложка: Пошаговый гайд, который поможет сделать дизайн сайта с нуля. Часть вторая: разрабатываем визуальную концепцию сайта
Обложка: Тестирование игрового движка, автоматизация микрофронтендов и тестирование IoT-проекта: топ-10 докладов с конференции Heisenbug 2019 Moscow

Тестирование игрового движка, автоматизация микрофронтендов и тестирование IoT-проекта: топ-10 докладов с конференции Heisenbug 2019 Moscow

Как тестируют в Сбербанке, Тинькоффе и Amazon-e, зачем автоматизировать отдел автоматизации и что такое асинхронное тестирование производительности

«Лучший UX ever», насос для pop-up окон и немного браузерных игр — необычные веб-проекты для развлечения и вдохновения

Творческие веб-проекты, чтобы потыкать, отдохнуть и вдохновиться.

Обложка: «Лучший UX ever», насос для pop-up окон и немного браузерных игр — необычные веб-проекты для развлечения и вдохновения
Обложка: Что нужно знать, чтобы стать веб-разработчиком: интерактивная карта со ссылками на ресурсы для изучения

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

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

Что вы сможете запрограммировать через год, занимаясь по два часа в день: фронтенд

Узнаём у профессионального разработчика, из каких шагов состоит обучение фронтенду и что вы будете знать и уметь уже через год.

Обложка: Что вы сможете запрограммировать через год, занимаясь по два часа в день: фронтенд
Обложка: Ускоряем загрузку своего сайта

Ускоряем загрузку своего сайта

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

Краткое введение в Bootstrap

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

Bootstrap

Создание веб-приложения с помощью Vue.js, Vuetify и Firebase

В этом видеокурсе рассматривается создание веб-приложения для изучения немецкого языка на связке Vue.js, фреймворка Vuetify и облачного сервиса Firebase.

Создаём веб-приложение с помощью Vue.js, Vuetify и Firebase

Создание анимированного компонента навигации на сайте

Существует множество классных готовых компонентов навигации. А что насчёт своего собственного? Разбираемся, как создать такой с помощью Vue.js и TweenMax.

Обложка: Создание анимированного компонента навигации на сайте

Прячем JavaScript-код на фронтенде от посторонних

Как защитить ваш уникальный код от копирования с помощью веб-сокетов, крипторов, обфускации и других методов? Разбираемся, как защитить код на JavaScript.

Обложка: Прячем JavaScript-код на фронтенде от посторонних
Обложка: Как на фронтенд-собеседовании превратить сложный вопрос в лёгкий

Как на фронтенд-собеседовании превратить сложный вопрос в лёгкий

Как перестроить каверзные задачки на собеседовании на позицию фронтенд-разработчика таким образом, чтобы их было легко решить именно фронтендеру?

Тест по фронтенду

Настоящий ли ты фронтендер? Блиц-тест на проверку знаний от Tproger и «МегаФон»

При каждом прохождении в случайном порядке отбирается 10 вопросов, которые покажут, насколько хорошо вы шарите во фронтенде. Если ответите правильно на 7 и более % вопросов, сможете получить предложение от «МегаФона».

Webpack 4: практические рекомендации по настройке

В сети можно найти множество туториалов по настройке Webpack 4, и каждый из них может чем-то отличаться от другого. Представляем вашему вниманию один из таких туториалов, который можно использовать в качестве примера.

Обложка: Webpack 4: практические рекомендации по настройке

Хочу стать frontend разработчиком: базовые знания и план обучения

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

Обложка: Хочу стать frontend разработчиком: базовые знания и план обучения

Адаптивная вёрстка: что это и как использовать

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

Обложка: Адаптивная вёрстка: что это и как использовать
Обложка: Пишем полноценное приложение на React с нуля за час

Пишем полноценное приложение на React с нуля за час

В этой статье вы познакомитесь с React — JavaScript-библиотекой для создания пользовательских интерфейсов. Вы напишете приложение прогноза погоды с нуля.

Обложка: Простыми словами о «фронтенде» и «бэкенде»: что это такое и как они взаимодействуют

Простыми словами о «фронтенде» и «бэкенде»: что это такое и как они взаимодействуют

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

Обложка: Подборка книг по JavaScript для начинающих

Подборка книг по JavaScript для начинающих

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

LocalStorage на пальцах

Один из наших читателей прислал статью с рассказом о HTML5 LocalStorage в браузерах. Передаём ему слово. Я постарался написать самое простое и понятное руководство по использованию технологии localStorage. Статья получилась…

Обложка: LocalStorage на пальцах