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

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

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

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

Как правило, когда нужно выполнить какие-либо действия с DOM, разработчики используют jQuery. Однако практически любую манипуляцию с DOM можно сделать и на чистом JavaScript с помощью его DOM API. Рассмотрим...
Читать дальше

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

Bootstrap — свободный набор инструментов для создания сайтов и веб-приложений. Включает в себя HTML- и CSS-шаблоны оформления для типографики, веб-форм, кнопок, меток, блоков навигации и прочих компонентов веб-интерфейса, включая JavaScript-расширения. Цель...
Читать дальше

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

В данном материале собраны основные концепции и принципы современного JavaScript, которые помогут быстро найти и вспомнить необходимую фичу. Содержание Объявление переменных var, const, let Стрелочные функции Параметры функции по умолчанию...
Читать дальше

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

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

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

Работу современного веб-разработчика сложно представить без вспомогательных инструментов. Один из самых популярных — Chrome DevTools. Этот набор инструментов помогает тестировать, отлаживать, профилировать, проверять код на соответствие тем или иным стандартам и...
Читать дальше

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

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

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

Новый год уже близко. А это значит, что нужно нарядить не только ёлку и себя, но и сайт. Собрали для вас подборку праздничных украшений для сайта. Внедряйте и дарите посетителям новогоднее настроение. Новогоднее украшение от «Яндекса»...
Читать дальше

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

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

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

В какой-то момент Pinterest проанализировали свой трафик и решили заменить свой старый мобильный сайт прогрессивным веб-приложением (Progressive Web App, PWA). Это решение существенно улучшило метрики портала. В статье мы попытаемся...
Читать дальше

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

Рассказывает веб-разработчик Денис Лисогорский Давайте представим ситуацию, когда вы и ваша команда пишете интересный и сложный код на JavaScript. Причём этот код в кратчайшие сроки нужно использовать в проекте. Если его...
Читать дальше

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

Итак, вы изучили основы React.js и теперь не знаете, что делать дальше? В статье рассмотрены 5 интересных вещей, которые поднимут ваши навыки и знания React.js на новый уровень. Жизненный цикл...
Читать дальше

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

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

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

Что такое RESTful веб-сервис? REST используется для создания легковесных, поддерживаемых и масштабируемых веб-сервисов. Сервис, построенный на REST архитектуре, называется RESTful-сервисом. REST использует HTTP — базовый сетевой протокол. Далее в статье:...
Читать дальше

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

Рассказывает Jonathan Fulton, VP Engineering в StoryblocksCo Неопытные разработчики вряд ли поймут, что изображено на диаграмме ниже. Но без понимания концептуальных основ работы современного веба тяжело назвать себя хорошим веб-программистом....
Читать дальше

Разрабатывать крутые приложения хорошо, а делать это быстро — еще лучше. В материале подобраны полезные инструменты, которые помогут ускорить разработку на Vue.js, сэкономят время и позволят быстрее закончить проект. 1....
Читать дальше

Все мы знаем, для чего существуют правила Интернет полон различных туториалов и лайфхаков по работе с CSS. Это безусловно здорово, но что, если взглянуть на таблицы стилей с другой стороны?...
Читать дальше

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

Каждый, кто работает с HTML/CSS, рано или поздно сталкивается с проблемой вертикального и горизонтального выравнивания элемента. Чтобы вы лишний раз не гуглили и не находили много разных вариантов, мы собрали...
Читать дальше

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

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

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

Нам пришел вопрос от подписчика Tproger, которым мы хотим поделиться с вами: Мы обратились за разъяснением к нашим экспертам, а полученные ответы предоставляем вашему вниманию. Упрощенно различие между уровнями разработчиков...
Читать дальше

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

При каждом прохождении в случайном порядке отбирается 10 вопросов, которые покажут, насколько хорошо вы шарите во фронтенде. Это не только тест, но и своеобразный этап отбора: если ответите правильно на 7 и более...
Читать дальше

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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