Все для веб-разработчиков: дизайн, верстка, программы

Картинка поста

За перевод благодарим коллектив реакт.рф и автора оригинальной англоязычной версии статьи, Маргариту Образцову. В Сети есть огромное количество туториалов, поэтому вы, вероятно, видели тысячи различных способов конфигурирования файла Webpack. Каждый...
Читать дальше

Картинка поста

Есть разные способы проверить, насколько вы хороши в веб-разработке. Мы в Tproger совместно с командой REG.RU решили сделать это самым нескучным способом — используя тест на знание сленга. Может быть,...
Читать дальше

Картинка поста

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

Картинка поста

Время загрузки веб-проекта часто играет решающую роль. Если сайт грузится слишком долго, поисковики будут понижать его в выдаче, а пользователи закрывать, не дождавшись. Мы перевели рассказ разработчика Lucidchart, в котором...
Читать дальше

Картинка поста

Одной из самых приятных особенностей Java является её многогранная природа. Конечно, создание традиционных десктопных и даже мобильных приложений — это здорово. Но что, если вы хотите уйти с проторенных дорожек...
Читать дальше

Картинка поста

Основная задача веб-дизайнера — создание логики и стиля веб-продуктов, которые сделают сайт удобным и приятным для пользования. Однако не каждый сможет сделать качественный онлайн-продукт, особенно это сложно для начинающих. Чтобы...
Читать дальше

Картинка поста

В этой статье мы рассмотрим создание простейшего приложения на популярном Java-фреймворке Spring MVC. Для этого мы будем использовать следующий инструментарий: Tomcat 8.0.37 — скачать можно по ссылке. Среда для Java...
Читать дальше

Картинка поста

В большой войне против JavaScript появилось новое оружие, позволяющее разработчикам выбирать свой любимый стиль программирования, одновременно повышая производительность и свою продуктивность. Это оружие — WebAssembly, которое может произвести революцию в...
Читать дальше

Картинка поста

Существует множество способов писать код для веб-приложений: от текстовых редакторов до облачных сред разработки. Трудно сразу решить, какая среда лучше подходит для поставленных задач. Чтобы сэкономить вам время, выбрали наиболее...
Читать дальше

Картинка поста

В финальной части будут описаны различные обратные вызовы (callback-функции), используемые для выполнения функций в зависимости от прогресса анимации. Почти в каждом примере в предыдущих статьях использовались свойства CSS, чтобы показать,...
Читать дальше

Картинка поста

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

Картинка поста

Этот инструмент предназначен для быстрого составления красивого резюме с помощью Vue и LESS. Как использовать Для использования best-resume-ever требуется Node v.8.5.0. Скопируйте этот репозиторий. Запустите npm install. Настройте свое резюме в каталоге resume/:...
Читать дальше


Картинка поста

Anime.js — небольшая библиотека для создания анимации на основе JavaScript. С её помощью можно анимировать свойства CSS, SVG-изображения или атрибуты DOM-дерева на веб-странице. Библиотека позволяет контролировать все аспекты анимации и...
Читать дальше

Картинка поста

PDO (PHP Data Objects) — расширение PHP, которое реализует взаимодействие с базами данных при помощи объектов. Профит в том, что отсутствует привязка к конкретной системе управления базами данных....
Читать дальше

Картинка поста

Метатеги в контексте веб-страниц — HTML-теги, которые размещаются в разделе <head> веб-страницы. Браузеры интерпретируют их, чтобы правильно отобразить сайт, а поисковые системы используют при выборке информации о странице. Некоторые теги...
Читать дальше

Картинка поста

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

Картинка поста

Общедоступные веб-приложения интересны хакерам как ресурсы или инструменты заработка. Спектр применения полученной в результате взлома информации широкий: платное предоставление доступа к ресурсу, использование в бот-сетях и т. д. Личность владельца не...
Читать дальше

Картинка поста

Хорошей практикой считается делать код компонуемым и модульным. Он упрощается и к его частям становится проще обращаться несколько раз. Для JavaScript-разработчиков тоже появились инструменты для использования этого подхода....
Читать дальше

Картинка поста

Dash — библиотека для языка Python с открытым исходным кодом, предназначенная для создания реактивных веб-приложений. Она была загружена на GitHub два года назад в тестовом режиме. Команда разработчиков Dash решила...
Читать дальше

Картинка поста

Fullstack-разработчик — это специалист, способный создать с нуля веб-приложение: и клиентскую, и серверную части. Ответить на вопросы, с какими технологиями должен работать такой специалист, какими обладать навыками и какие иметь...
Читать дальше

Картинка поста

WebGL — технология, которая «создает магию» в 2D-canvas’е HTML5. Рассказываем, как за счет градиента добиться такого интересного 3D-эффекта, как выпуклость, не используя дополнительных библиотек и подробно объяснив всю «магию». По завершению работы с кодом...
Читать дальше


Картинка поста

Lokalise — сервис для автоматизации процесса локализации приложений, который выбрали уже более 1 000 команд, включая MSQRD, Carousell, MEGOGO, Depositphotos. Мы изучили возможности платформы и в этом обзоре расскажем, за счет чего Lokalise помогает провести...
Читать дальше

Картинка поста

PHP — это крайне популярный интерпретируемый скриптовый язык, идеально подходящий для веб-разработки. Кроме того, его можно использовать и для написания приложений командной строки. Чтобы упростить изучение PHP, мы собрали для вас подборку книг,...
Читать дальше

Картинка поста

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

Картинка поста

В этой статье мы рассмотрим один из секретов высокой масштабируемости и производительности сайтов. Из блога об архитектуре Flickr, на серверах которого размещается более 5 000 000 фотографий, мы узнали, что...
Читать дальше

Картинка поста

Зачастую работодатель ждет, что исполнитель как разработает дизайн сайта, так и реализует его, однако каждую из этих задач правильнее доверять соответствующему специалисту. Не все имеют ясное представление о том, чем...
Читать дальше

Картинка поста

Рассказывает Альберто Рэстифо, JS-разработчик Пару недель назад менеджер нашего проекта сообщил, что в ближайшие несколько спринтов мы будем заниматься электронными письмами. Автоматически генерируемые email’ы надо было сделать отзывчивыми, что привело бы к усложнению вёрстки....
Читать дальше

Картинка поста

Let’s Encrypt — это центр сертификации (англ. certification authority, CA), предоставляющий лёгкий способ получения и установки TLS/SSL-сертификатов, обеспечивающих возможность использования протокола HTTPS на веб-сервере. Работа с Let’s Encrypt упрощена наличием клиента Certbot, который автоматизирует...
Читать дальше

Картинка поста

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

Публикации из мира веб-программирования — дизайн, верстка и разработка бэкенда.