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

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

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

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

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

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

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

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

Обложка: Почему у вас проблемы от высокого CLS и как их исправить
Обложка: Угадайте фронтенд-технологию по скриншоту — тест от Tproger и Sportmaster Lab

Угадайте фронтенд-технологию по скриншоту — тест от Tproger и Sportmaster Lab

Насколько хорошо вы освоили фронтенд? Предлагаем пройти тест, в котором вам нужно угадать фронтенд технологию по скриншоту.

Топ 5 JS-библиотек для бизнес приложений в 2020-2021

Рассматриваем лучшие UI библиотеки для создания и развития бизнес-приложений на JavaScript.

Обложка: Топ 5 JS-библиотек для бизнес приложений в 2020-2021

Роутинг в Vue

Практика использования официальной библиотеки для маршрутизации в Vue — Vue router.

Обложка: Роутинг в Vue

Кастомные свойства в CSS. Часть 3: ограничения

В последней статье серии рассмотрены ограничения кастомных свойств CSS.

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

Кастомные свойства в CSS. Часть 2: особенности применения

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

Обложка: Кастомные свойства в CSS. Часть 2: особенности применения

Кастомные свойства в 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-библиотекой для создания пользовательских интерфейсов. Вы напишете приложение прогноза погоды с нуля.

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

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

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