Новости


Деплой webpack-приложения на github.io с помощью Travis CI

Задача Есть приложение, сгенерированное с помощью create-react-app. Нужно развернуть его на github. io. Проблемой является то, что Github Pages работает только со статическим кодом и Jekyll. Решение Разумеется, нам достаточно просто скомпилировать приложение где-нибудь в другом месте и уже потом выкладывать на github.

Чем Figma лучше Photoshop для разработки веб-интерфейсов

Огромное количество дизайнеров во всем мире в качестве инструмента для разработки веб-интерфейсов использует Adobe Photoshop. В этом нет ничего удивительного — Photoshop способен справиться практически с любой задачей, которая имеет отношение к графике.

Как программист исправляя баг делает 3 новых. Или как правильно работать с исполнителями

Эта статья — сводка правил, как работать с исполнителями (на примере программистов) Нет плохих программистов, есть люди, которые не умеют их подбирать и с ними работать. Но начну я с боли. Сейчас делаем каталог товаров на сайте.

Разработать собственное маленькое ICO?

Всем привет! Возможно каждый мечтает собрать собственное, маленькое и уютное ICO, которым вы сможете гордиться и наслаждаться. Допустим, у вас есть идея на реализацию {подставь свое}, вы уверены что людям это надо, но очень хочется собрать немного средств для реализации.

Противостояние W3C и WHATWG: Apple, Google, Microsoft, Mozilla возражают против DOM 4.1

Как всем известно, существует две спецификации HTML: W3C (консорциум World Wide Web) и WHATWG (компании Apple, Google, Microsoft и Mozilla, де-факто авторы стандарта HTML5). На этой неделе между создателями спецификаций состоялся открытый конфликт.

Операторы ?., ?? и |>: будущие возможности JavaScript, которые вам понравятся

Джастин Фуллер, автор материала, перевод которого мы сегодня публикуем, предлагает рассмотреть три новых возможности, появление которых ожидается в JavaScript в обозримом будущем. Сначала он расскажет о процессе развития JS, а после этого представит обзор этих возможностей и покажет примеры их использования.

ES6: полезные советы и неочевидные приёмы

Стандарт EcmaScript 2015 (ES6) существует уже несколько лет. Он принёс с собой множество новых возможностей, разные способы использования которых далеко не всегда очевидны. Вот обзор некоторых из этих возможностей с примерами и комментариями.

Использование переменных окружения в Node.js

Материал, посвящённый переменным окружения в Node. js, перевод которого мы сегодня публикуем, написал Берк Холланд, веб-разработчик, в сферу интересов которого входят JavaScript, Node. js и VS Code. Кроме того, стоит отметить, что у него сложились непростые отношения с Java.

Производительность как восприятие: управление терпением

Как расширить возможности оптимизации фронтенда, когда с технической точки зрения оптимизировать больше нечего? Для этого стоит обратиться к управлению психологией и восприятием пользователя. Ожидание может состоять из активной и пассивной фаз.

9 учебных проектов для бэкендера

источник КДПВ Ранее на хабре публиковался перевод статьи с Medium'а с подборкой из 8 проектов, которые можно реализовать, изучая новый язык или фреймворк. На мой взгляд, подборка очень неплохая. Проблема в том, что рассчитана она только на фронтендеров и мобильных разработчиков.

Анонс HolyJS 2018 Piter: как 1988-й сказывается на 2018-м

— До Нового года ещё шесть часов, — отметил замполит, — а вы уже пьяные, как свиньи. — Жизнь, товарищ лейтенант, обгоняет мечту, — сказал Фидель. Сергей Довлатов «Зона» У нас в преддверии Нового года жизнь тоже обгоняет мечту, но по-другому.

firebase.js ПРОСТО ОГРОМНЫЙ (и что мы можем с этим сделать)

Он действительно огромный — просто посмотрите на него: Эта штука весит 103кб (в сжатом виде). Больше чем код приложения — интернет-магазин -(58kb) и сравнима со всем остальным кодом в vendor бандле (156kb) — включающем react, react-dom, react-router, moment.

Dart: как правильно начать знакомство с языком?

Всем привет! На прошлой неделе мы провели вторую ежегодную встречу русскоязычного сообщества Dart (ака Dartup) и получили очень информативную и полезную обратную связь от людей, пришедших на мероприятие.

Открытый веб-интерфейс для .NET (OWIN)

Привет! ASP. NET Core поддерживает открытый веб-интерфейс для . NET (OWIN), а OWIN позволяет отвязывать веб-приложения от веб-серверов. Он определяет стандартный способ использования связующего ПО при обработке запросов и соответствующих ответов.

Как быстро спроектировать сайт с помощью CSS Grid

Модуль CSS Grid — это фантастический инструмент для создания макетов веб-сайтов. Он позволяет вам экспериментировать с макетами быстрее, чем любой другой инструмент, которые я пробовал. В этой статье я научу вас, как это сделать.

Как ты реализуешь аутентификацию, приятель?

Все знают о стандартной аутентификации пользователя в приложении. Это олдскульная процедура регистрации — пользователь вводит адрес почты, пароль и т. д. , — а затем при входе мы сравниваем почту и/или пароль с сохранёнными данными.

Решение проблем неправильного использования памяти в Node.js

Недавно в компании Reside Real Estate столкнулись с проблемами: в самые ответственные моменты начал падать Node. js-сервер. Подозрение пало на память. Сотрудники компании прибегли к временным мерам, что позволило избавить от неудобств пользователей, и занялись поисками источника проблем.

Оптимизация скорости визуализации веб-страниц

Нередко рассказы о том, как веб-разработчики заботятся о своих приложениях, начинаются с процесса визуализации сайта, опускаются на уровень DOM и останавливаются на утверждениях типа: «И это быстро потому, что используется ускорение».

Знакомство с WebAssembly

Эта статья основана на моём выступлении на ITSubbotnik, прошедшем в Рязани 14 октября 2017 года. На русском пока что довольно мало материала на эту тему, надеюсь что статья будет вам полезна. Disclaimer: Автор не является экспертом ни в WebAssembly, ни в JavaScript.

Как прятать

Когда display: none, а когда visibility: hidden? Зависит от того, что вы пытаетесь сделать. Есть и другие варианты как спрятать блок и даже специальный атрибут. Если вам приходится что-то прятать, то лучше всего это вообще убрать: сайт легче, код чище… ошибок меньше! Но если вам нужно, чтобы оно там пряталось до поры, а потом кому-то […]

Окружение для разработки веб-приложений на TypeScript и React: от ‘hello world’ до современного SPA. Часть 1

Цель данной статьи — вместе с читателем написать окружение для разработки современных веб-приложений, последовательно добавляя и настраивая необходимые инструменты и библиотеки. По аналогии с многочисленными starter-kit / boilerplate репозиториями, но наш, собственный.

AMA. Avito. Backend

Привет! Как и обещали, сегодня мы готовы отвечать на вопросы про бэкенд в Avito, разработку серверной части в целом и про высокие нагрузки в частности. Как работается с сайтом, на который ежемесячно заходит почти четверть населения России? Спросите у нас! Отвечать будем с 12 до 19 часов по московскому времени. Под катом я представляю пять […]

Сравниваем Angular, React и Vue в 2017 году

Выбор JavaScript-фреймворка для вашего веб-приложения может оказаться не простой задачей. Не так давно у таких популярных фреймворков, как Angular и React, появился завоевывающий сердца разработчиков конкурент – VueJS.

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

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

FrontFest

Есть у нас в Сибири ИТ-традиция — проводить улётную конференцию CodeFest. Каждый год мы собираем полные залы, испытывая возможности площадки. Каждый год мы закрываем регистрацию раньше времени, и только в этом году впервые не только закрыли регистрацию, но даже пытались вернуть деньги паре десятков участников, чтобы они не приходили.

Кастомные свойства

Зачем нужны кастомные свойства и как они работают? В языках программирования есть переменные: вы что-нибудь один раз объявляете, присваиваете значение, а потом снова и снова используете. Если значение переменной меняется, то оно меняется везде.

Краткое руководство для новичков, желающих стать комплексными (full stack) веб-разработчиками

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

Математика для программиста

Нужна ли математика программисту? Нужна. А, кроме неё, нужна сферическая геометрия, география, музыка и банковское дело. И я сейчас не шучу. Дело в том, что программисты редко решают задачи для самих себя: мы работаем в банковских сервисах, сервисах бронирования отелей, картографических сервисах и прочих Яндекс.

Pygest #17. Релизы, статьи, интересные проекты из мира Python [29 августа 2017 — 11 сентября 2017]

Всем привет! Это уже семнадцатый выпуск дайджеста на Хабрахабр о новостях из мира Python. Присылайте свои актуальные материалы, а также любые замечания и предложения, которые будут добавлены в ближайший дайджест.

Специфика использования Redux в Polymer и Vue

Как я уже писал в своих предыдущих статьях я работал и с polymer и с vue в связке с redux. Поэтому хотелось бы поделиться опытом, связанным со спецификой использования redux в данных библиотеках. Рассматривать будем на простейших атомарных контролах: нативных (input, checkbox) и обернутых, в виде компонентов данных библиотек. В статье я опуская описание настройки […]

Nuxt.js: 28 килобайт пользы для веб-разработчика

В эту пятницу на Хабре я прочитал вводную статью про Nuxt. js, но в комментариях резюмировали, что маловато будет. Так случилось, что мы в Voximplant используем эту штуку и она приносит большую пользу.

RailsClub 2017: Интервью с Nick Sutterer. Rails умирает (а Ruby нет)

Привет! Сегодня публикуем интервью с Ником Сатерером. Ник создатель Trailblazer, автор нескольких гемов и новых слоев абстракции в Rails, Rails contributor. Накануне RailsClub 2017, где Ник будет делать доклад, Дмитрий Матвеев пообщался с ним о его работе и взглядах на развитие Rails.

Продвинутый Jekyll

Jekyll — генератор статических сайтов. Это означает, что на вход ему даётся какая-либо информация, а на выходе получается набор HTML-страничек. Всё отлично когда сайт простой или даже одностраничный.

Размещение иконок на странице сайта. Делать проще, поддерживать легче

Все должно быть изложено так просто, как только возможно, но не проще. А. Эйнштейн Добрый день уважаемые разработчики. Довольно часто просматривая копаясь в чужом коде я наталкиваюсь на такое написание кода для кнопки с иконкой.

Как Discord масштабировал Elixir на 5 млн одновременных пользователей

С самого начала Discord активно использовал Elixir. Виртуальная машина Erlang стала идеальным кандидатом для создания высокопараллельной системы реального времени, которую мы собирались создать. Первоначальный прототип Discord был разработан на Elixir; сейчас он лежит в основе нашей инфраструктуры.

Руководство для начинающих по прогрессивным веб-приложениям и фронтенду

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

Использование вулканизации для polymer-модулей

Проекте, над которым я сейчас работаю, имеет виджетоподобную клиентскую архитектуру. Причем виджеты системы могут использовать любую библиотеку для своей реализации, например, ReactJS, PolymerJS, VueJS, d3JS и другие.

Конструктор

Денис Паясь (Яндекс) Меня зовут Денис, я работаю в Яндексе, а если точнее, то я занимаюсь разработкой фронтенда для страницы поисковой выдачи. Дисклеймер: Денис рассказывал об этом в 2016 году, но мы посчитали, что как демонстрация архитектурного подхода сейчас этот доклад актуален даже больше, чем тогда.

Как и зачем скрывать телефонные номера

Мало известный за пределами телеком-тусовки факт: когда вы звоните куда-нибудь со своего телефона, ваш номер, который отображается для входящего звонка – это просто произвольная текстовая строка, которую подставил ваш оператор сотовой связи.

Connect: советы по современному фронтенду

Мы недавно выпустили новую и улучшенную версию Connect, нашего набора инструментов для платформ и магазинов. Группа дизайна Stripe много работала для создания уникальных посадочных страничек, которые рассказывают историю для наших основных продуктов.

Динамический рендеринг компонентов в Angular 2

Вступительное слово В процессе работы над проектом на Angular 2 с использованием карт возникла следующая задача: требуется срендерить свой ангуляровский компонент в стандартный popup leaflet’а. В данной статье динамический рендеринг компонентов будет рассмотрен в разрезе именно этой задачи, однако аналогичным образом можно использовать эту информацию в собственных кейсах.

Страх и ненависть в MiddleWare

Мы были неподалёку от JavaScript, когда нами одолел php. Я помню сказал что-то вроде: Что-то у меня голова кружится. Может лучше тебе повести проект. Внезапно, вокруг нас раздался ужасный бум… И весь WEB кишал этими статьями про LAMP… Казалось, что они были написаны под любые нужды.

Pygest #10. Релизы, статьи, интересные проекты из мира Python [23 мая 2017 — 5 июня 2017]

Всем привет! Это уже десятый выпуск дайджеста на Хабрахабр о новостях из мира Python. В сегодняшнем выпуске вы найдёте интересные материалы, касающиеся Python 3 и его внутреннего устройства, Django, производительности и многого другого.

Кто вы? Как научились программировать? К чему стремитесь? 20000 ответов

Так-так-так, минуточку внимания! Сегодня свой профессиональный праздник отмечают все, кто причастен к информационным технологиям, интернет-дизайну и работе с цифровыми данными. Поэтому всех с праздничком!!! Проект freeCodeCamp провёл опрос 2017 New Coder Survey, в котором приняли участие более 20000 человек со всего мира.

FAQ по лицензированию Kooboo CMS

Продолжаем переводы справочных материалов по лицензированию CMS с открытым исходным кодом. В этот раз предлагаю для чтения материал про Kooboo CMS — систему управления контентом, написанную на C#. Net китайскими товарищами из Yardi Technology Limited.

Как я свой Redux писал

Или Охота на Кракена. В предыдущих заметках (тут и тут) я делился своим Braindump на тему различных архитектурных стилей, в частности Model-View-Controller и Flux. Я отметил, что не увидел в лице Flux какой-то революции, этот шаблон не что-то новое.

Как поднять свой i2p-сайт(eepsite) на VDS(VPS) под Ubuntu(LAMP). Краткий инструктаж для новичков

Предыстория: намедни написалась книжка относительно нового государственного строя (Государство-домен), который ждет нас в близком будущем. А поскольку Роскомнадзор реагирует на подобные вещи неадекватно – решил завести под свою писанину сайт в приватной сети i2p.

Опрос разработчиков от StackOverflow (2017)

В конце марта вышел очередной мега-опрос разработчиков от StackOverflow, в котором приняли участие десятки тысяч человек. Ссылка на результаты опроса здесь. Отчет получился внушительным по размеру, поэтому давайте просто рассмотрим некоторые интересные моменты из него.

Делаем более-менее универсальный калькулятор услуг для сайта

Беглый анализ открытых данных показывает, что ежедневно в среднем 5 человек оставляют заявки на создание калькулятора на биржах фриланса — а еще несколько сотен интересуются вопросом в поиске. Часто запросы стандартны — и, конечно, на рынке сложился целый набор готовых предложений: от плагинов для конкретных CMS до калькуляторов, которые можно приобрести у студий. Рекорд, обнаруженный […]

Лучшее

Актуальное