Исчерпывающее руководство по использованию HTTP/2 Server Push

Автор: admin от Сегодня, 18:05, посмотрело: 16

Исчерпывающее руководство по использованию HTTP/2 Server Push


Привет! Меня зовут Александр, и я – фронтенд-разработчик в компании Badoo. Пожалуй, одной из самых обсуждаемых тем в мире фронтенда в последние несколько лет является протокол HTTP/2. И не зря – ведь переход на него открывает перед разработчиками много возможностей по ускорению и оптимизации сайтов. Этот пост посвящён как раз одной из таких возможностей – Server Push. Cтатья Джереми Вагнера показалась мне интересной, и поэтому делюсь полезной информацией с вами.

Категория: Программирование » Веб-разработка

 

Откуда Рокетбанк знает ваше имя

Автор: admin от Сегодня, 12:35, посмотрело: 13

Откуда Рокетбанк знает ваше имяТратить время на поиск ручками по базе или, не приведи господи, на набивку номера из CRM в телефон – это роскошь в прямом смысле слова. Когда Рокетбанк стал набирать популярность, что сопровождалось увеличением количества заявок на новые карты, банку нужно было ускорить обработку входящих обращений. Первым делом они решили научить CRM-систему звонить. Как им удалось обуздать свою CRM, читайте под катом.

Категория: Программирование, Веб-разработка

 

Дайджест свежих материалов из мира фронтенда за последнюю неделю №264 (22 — 28 мая 2017)

Автор: admin от Сегодня, 01:30, посмотрело: 31

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

Дайджест свежих материалов из мира фронтенда за последнюю неделю №264 (22 — 28 мая 2017)

Категория: Программирование » Веб-разработка

 

PHP-Дайджест № 109 – свежие новости, материалы и инструменты (14 – 28 мая 2017)

Автор: admin от Сегодня, 00:45, посмотрело: 25

PHP-Дайджест № 109 – свежие новости, материалы и инструменты (14 – 28 мая 2017)


Предлагаем вашему вниманию очередную подборку со ссылками на новости и материалы.
Приятного чтения!

Категория: Программирование, Веб-разработка

 

Как сделать deface сайта с помощью XSS

Автор: admin от Вчера, 11:35, посмотрело: 24

Deface сайта можно сделать, если вы получили доступ к ftp, залили shell и тд, но также это можно сделать с помощью обычной XSS. В этой статье я хочу рассказать, как использовать Stored XSS для того, чтобы изменить содержимое главной страницы сайта или определенной страницы для того, чтобы массово воровать cookies у пользователей и делать редирект на свой сайт.

Как сделать deface сайта с помощью XSS Вся информация предоставлена исключительно в ознакомительных целях. Я не несу ответственности за любой возможный вред, причиненный материалами этой статьи.



Итак, что такое deface (Википедия):
Deface (англ. deface — уродовать, искажать) — тип взлома сайта, при котором главная (или любая другая) страница веб-сайта заменяется на другую — как правило, вызывающего вида: реклама, предупреждение, угроза или шутка.
Зачастую доступ ко всему остальному сайту блокируется, или же прежнее содержимое сайта вовсе удаляется.

Категория: Программирование, Веб-разработка, Информационная безопасность

 

Прокторинг в онлайн-экзаменах: как это работает?

Автор: admin от 26-05-2017, 18:00, посмотрело: 42

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

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

Прокторинг в онлайн-экзаменах: как это работает?


Узнать про контроль онлайн-экзаменов

Категория: Программирование » Веб-разработка

 

Путь к трансдьюсерам на чистом JavaScript

Автор: admin от 26-05-2017, 15:35, посмотрело: 26

Если вы наслышаны о так называемых «трансдьюсерах», но до сих пор не применяете их в javascript-разработке, сегодня у вас есть шанс найти ответы на вопросы: «Что такое трансдьюсеры?» и «Как ими пользоваться?». Это позволит вам понять, нужны ли они в ваших проектах, и, если нужны — поможет приступить к их использованию.

Путь к трансдьюсерам на чистом JavaScript


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

Категория: Программирование » Веб-разработка

 

Делаем превью-снимки WebRTC видеопотока в PNG картинках

Автор: admin от 25-05-2017, 19:30, посмотрело: 18

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

Делаем превью-снимки WebRTC видеопотока в PNG картинках

Можно просто воспроизвести видео вместо картинок, но давайте посчитаем каким будет битрейт, если каждый из потоков занимает 1 Mbps полосы. Если воспроизводить все десять, получится 10 Mbps. Не многовато для превьюшек?

Категория: Программирование, Веб-разработка

 

Формы и кастомные поля ввода в Angular 2+

Автор: admin от 25-05-2017, 19:25, посмотрело: 19

Формы и кастомные поля ввода в Angular 2+Меня зовут Павел, я фронтенд-разработчик Tinkoff.ru. Наша команда занимается разработкой интернет-банка для юридических лиц. Фронтенд наших проектов был реализован с применением AngularJS, с которого мы перешли, частично с использованием Angular Upgrade, на новый Angular (ранее позиционировался как Angular 2).

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

В этой статье мы заглянем «под капот» реализации форм в Angular и разберёмся, как создавать кастомные поля ввода.

Предполагается, что читатель знаком с основами Angular, в частности, со связыванием данных и внедрением зависимостей (ссылки на официальные гайды на английском языке). На русском языке со связыванием данных и основами Angular в целом, включая работу с формами, можно познакомиться здесь. На Хабрахабре уже была статья про внедрение зависимостей в Angular, но нужно учитывать, что написана она была задолго до выхода релизной версии.

Категория: Программирование » Веб-разработка

 

Чек лист по выживанию сайта

Автор: admin от 25-05-2017, 18:30, посмотрело: 21

Чек лист по выживанию сайта
В последнее время я как-то подозрительно часто наблюдаю примитивнейшие однотипные и довольно легко решаемые проблемы на самых разных web-проектах. Разные базы, разные языки, разные сферы деятельности и схемы монетизации. Всех их объединяет одно — лозунг «бизнес не дает переписать». Продолжающийся или только-только оконченный этап рапид-разработки растущего и агрессивно отжимающего у конкурентов долю рынка проекта родил огромную кучу т.н. «говнокода». Сомнительные архитектурные решения либо уже приносят кучу проблем, либо обещают их в будущем, но работают. Поток новых требований не дает времени навести порядок даже в инфраструктуре, не говоря уже о коде. Если вам такая ситуация знакома — добро пожаловать под кат поностальгировать, поучиться чему-то новому и/или поучить нас. Кому поржать, а кому и поплакать.
«Это все только для хайлода» — скажет вдумчивый и прозорливый читатель. Плох тот веб-проект, который не мечтает стать популярным хайлодом.

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

Категория: Программирование, Веб-разработка

 
Назад Вперед