5 API которые изменят Веб в 2013

Original author: Alex Maccaw
  • Translation
Это невероятно захватывает — наблюдать за эволюцией Веб, и 2013 год принесет нам в запасе очень многое. На подходе ряд технологий, имеющих потенциал в течение 2013 года радикально изменить наши способы использовать и разрабатывать Веб.

Настраиваемые фильтры CSS



СSS фильтры уже имеются в Chrome и Safari, и позволяют расширенные настройки стилей, такие как размытие, искривление и модификацию цветовой интенсивности. Однако, это — только начало. Настраиваемые фильтры CSS позволяют вам описать свои собственные вершинные и пиксельные шейдеры в GLSL, языке, который является неотъемлемой частью традиционного 3D-рендеринга уже в течение 10 лет или около того.

На практике это означает то, что вы можете создавать невероятные эффекты. Комбинируя фильтры с CSS-переходами, вы можете делать красивые трансформации, от завитушек на странице до складывающихся элементов. Пределом является лишь ваше воображение!

Так когда вы можете использовать их? Adobe стал новатором этой технологии и Настраиваемые Фильтры уже доступны в Chrome. Ожидается увидеть их в Chrome в начале следующего года. На данный момент, с ними можно поиграть в Canary.

API автозаполнения



Данное API имеет потенциал радикально изменить регистрации и платежи в сети. Автозаполнение разрабатывается для того, чтобы упростить заполнение форм, и даже сейчас имеется спецификация для подсказок, с каким типом данных связаны поля в форме.

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

Команда Chrome работала над этой идеей, и в октябре было представлено предложение и патч для движка WebKit. Это невероятно захватывает и, в сочетании с Mozilla Persona, может произвести революцию в осуществлении регистраций и платежей через интернет.

Так когда вы можете ожидать увидеть это в открытом доступе? Ну, в то время как закулисная работа была проделана, Chrome все еще нуждается в реализации интерфейса интеграции для этого. Я думаю, что это будет видно в конце 2013 года.

Приложения Google Chrome



Что, если я скажу вам, что Google прокрался в ваши операционные системы через все ваши девайсы, включая ваш лэптоп и мобильник. Вместо того, чтобы конкурировать с Microsoft и Apple путем разработки собственной ОС, Google решает построить свою платформу поверх существующих операционок. Данная платформа называется Chrome.

Так первым шагом стало распространение, через которое было достигнуто более 350 миллионов пользователей Chrome. Вторым шагом было расширение Chrome's APIs, позволивших разработчикам получить больше доступа к операционкам и заменить необходимость в обычных десктопных приложениях.

Несколько месяцев назад, Google безмятежно объявил о выходе Chrome Packaged Apps (устанавливаемые приложения), которые позволяют разработчикам делать десктопные программы, использующие движок Chrome. Они могут быть установлены за один клик через Chrome Web Store, имея доступ к таким системным API, как USB, Bluetooth и UDP Sockets, и могут запускаться через иконки рабочего стола. Эти приложения полностью кроссплатформены, автономны, и кажутся нативно понятными для неопытных глаз. В любом случае, эти гибриды сочетают в себе лучшее из областей десктопных и Веб-приложений.

Так в чем же подвох? Хорошо, Chrome Apps не готовы к началу активного использования прямо сейчас, и API пребывает в стадии разработки. Например, создание пользовательской перетаскиваемой панели всё еще остаётся сложной задачей. Я бы дал им еще несколько месяцев на завершение продуктов.

ECMAScript 6



ECMAScript 6 (ES6), следующая версия JavaScript, является одним из захватывающих новых дополнений, которое фиксит некрасивые места в языке так же хорошо, как и обеспечивает новые особенности, такие как параметры по умолчанию и новая структура.

Классы также находятся на повестке дня, вместе с полным наследованием. Вместо того, чтобы подражать модулям CommonJS или AMD, ES6 делает их первостепенными, под вдохновением от питоновских систем импорта.

Одной части ES6 я особенно радуюсь, та часть, которая не может быть смоделирована через абстракции, как в CoffeeScript, это прокси. ES6 прокси позволяют динамически искать имена функций во время выполнения, позволяя функциональность, аналогичную method_missing в Ruby. Это, в сочетании с получением и установкой, позволяет включить все виды интересных DSL, и API.

Генераторы ES6 должны полностью изменить то, как мы пишем асинхронный JavaScript. Вместо спагетти из обратных вызовов, к которому мы привыкли, мы можем вызывать асинхронные функции через синхронный API используя ключевое слово yield. Вы можете увидеть пример этого в task.js.

spawn(function*() {

var data = yield $.get(url);

$('#result').html(data);

});


Вы могли видеть подобный API в Ruby при использовании Fibers. Лично для меня, обратные вызовы становились главным раздражителем при написании исходного кода в MVC Node apps, и мне приходилось использовать библиотеку под названием Ace. Я очень рад, что это становится нативным для языка.

Большая часть ES6 в настоящее время доступна в Chrome под флагом экспериментального JavaScript. Он будет выпущен в начале 2013 года. Вы также можете использовать ES6 в Node прямо сейчас с помощью опции командной строки --harmony.

Web-компоненты



Веб-компоненты и Теневой DOM просто открывают путь, которым естественные элементы создаются внутри браузера. Используя API, вы можете определять свои собственные HTML-элементы, включая стили и поведение. Как и родные HTML-элементы, они могут быть включены как одиночный тег.

Веб-компоненты собираются изменить пути написания и распространения JavaScript библиотек.Они могут быть полностью разделены, легко соединены, и являются основной причиной, по которой Якоб и я написали менеджер пакетов Bower.

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

Веб-компоненты доступны под установленным экспериментальным особенным флагом WebKit в Chrome. На данный момент, вы можете использовать эти x-tags polyfill от Mozilla.

Будущее



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

Пока многим из этих API потребуется некоторое время для оптимизации под другие браузеры, та доля рынка, которая принадлежит WebKit, будет оказывать давление на остальных производителей браузеров предлагать их собственные реализации. Действительно, для HTML5 не потребуется много времени, чтобы достигнуть жизнеспособной производительности.
Что касается обратной совместимости, некоторые из этих интерфейсов могут постепенно деградировать.

Причиной, по которой будущее выглядит столь ярким, являются «вечнозеленые» браузеры, или браузеры, которые автоматически обновляются в фоновом режиме. Около 18 недель нужно, чтобы новая функция в Chrome’s Canary могла быть развернута на свои ~ 350 миллионов пользователей. Это невероятно высокая скорость инновационных внедрений, и они происходит быстрее, чем когда-либо прежде.

2013 обещает стать большим годом для веб!

P.S. (от переводчика): последние части про ES6 и веб-компоненты стали настоящим испытанием для моего мозга, и если кто-то может предложить более адекватный перевод некоторых фраз, буду благодарна поправкам. И в завершение, хочу пожелать, чтобы 2013 стал действительно большим годом для нас всех, с наступившим!
Share post
AdBlock has stolen the banner, but banners are not teeth — they will be back

More
Ads

Comments 72

    +40
    Чето меня не возбуждает браузер, который за меня введет номер кредитной карты и оплатит «покупку».
      +45
      Зато он это сделает с помощью завитушек на странице и складывающихся элементов!
        +32
        А, ну тогда ладно
      • UFO just landed and posted this here
          –2
          пароли например лучше не запоминать homakov.blogspot.com/2012/11/xss-save-your-password-pwned.html
          +18
          Что, если я скажу вам, что Google прокрался в ваши операционные системы через все ваши девайсы, включая ваш лэптоп и мобильник.
          Вы уж простите, но что, если я скажу вам, что он не прокрался ни на одно из моих устройств? Меня вполне устраивает огнелис, мне не нужна система в системе, которая, к тому же, еще и следит за мной.
            +23
            Скажите, вот совершенно не тревожит «слежка» с стороны Google, это нормально? Или со мной что-то не так?
              +9
              Конечно нормально. Миллионы людей об этой слежке даже не подозревают.
                +1
                Да, пересмотрели голливудских фильмов, хочется поставить DNT и сразу почувствовать себя Джеймс Бондом как минимум? Но это можно вылечить — есть такие доктора. :) Ну или назовите какие-то реальные угрозы для Вашей жизни от этой слежки.
                  –2
                  Хром отсылает себе все данные введенные в формах. В лучшем случае гугл получит номера карточек и пароли, в худшем — доступ к коммерческой тайне, персональным данным и ещё непонятно чему. И посадить меня за это могут надолго.

                  Я догадываюсь, что суровость законов компенсируется необязательностью их исполнения, но проверять это мне просто незачем.
                    +2
                    Ну специально же просил реальные угрозы, а не вот эти детские страхи после просмотра телевизора и заезженные фразы «комтайна» & «персданные». Даже как-то сразу все понятно… Лучшее из реальных, ну чтобы опять не выдумывать и не скатываться в персональную сказочную бондиану — ссылки на случившиеся факты. Кого посадили за комтайну ушедшую в сторону статистики гугла?
                      +4
                      Кого посадили за комтайну ушедшую в сторону статистики гугла?
                      Как вы не понимаете: это исключительно потому, что гугл и власти (в тесном сотрудничестве с масонами, конечно же) Всячески Скрывают.
                        +1
                        Ох, спасибо, коллега! Вот человек из диктаторского государства, а душевное здоровье в порядке! А то мне иногда кажется что на хабре остались одни параноики, причем в сильной стадии этого психического расстройства. :)
                          +1
                          Кстати, вы же не против прислать мне копию паспорта и чистый лист бумаги с вашей подписью внизу? Ссылок на проблемы возникающие в этом случае у меня тоже нет.
                            +2
                            Ну подписывать чистый лист бумаги было дурным тоном (или актом глубочайшего доверия) еще задолго до появления Интренета, а скан паспорта — легко! Хотя и это очень далеко от мусора в формах браузера. Это ж как логика должна работать? Какую комтайну можно засунуть в text input size=20? Хорошо, засунули, утекла она анонимно в гугль. И вот там в Ирландии сразу появляется злобный суперадмин который имеет доступ. Русского он не знает, но у него есть гугль.переводчик. Он все сразу понимает! И конечно он знает кому в России продать эту секретную инфу о поставках ночных горшков. И это конечно серьезная прибавка к его зарплате. И он удачно продает. А потом (о чудо!) все это расследуют по цепочке назад и находят Вас! Ну что тут скажешь — не верю ни на грамм ни в одно из звеньев этой цепочке — а уж целиком. И снова, даже если так, в конце концов знаешь что будет? Объективное вменение вины не допускается — ст.5 УК РФ. Не было в этой истории умысла на раскрытие комтайны. Матчасть надо учить, а не в Бонда играть.
                              +1
                              Подглядывать в чужие записи тоже хорошим тоном никогда не было.

                              Я там ниже ссылку дал. Начальник застукал факт, что у благодаря хрому подчиненного данные утекли. Без всякого Тоталитарного Государства и прочих игр в бонда. В гугле нашел
                                –1
                                Угрозы для жизни по прежнему не увидел. Это история из тех что может случиться с каждым, это неизвестная угроза — от нее невозможно защититься, надо просто быть к этому готовым. А когда это стало известной угрозой, то бояться хрома уже глупо — там все поправлено, это история в прошлом. Вы же не боитесь инквизиции? :)
                                  0
                                  Я и не боюсь — я хромом не пользуюсь. Хром моей жизни _уже_ не угрожает. Совсем. А теперь вы сами ищите угрожает вашей или нет.
                                    –1
                                    Ага, красиво ушел. :) А какая угроза для тех кто пользуется, из-за чего ушел-то? :)
                                      +1
                                      Угрозы я вроде написал. Пусть маловероятные, но реальные. Хром — это априори шпионский модуль. Он для этого был придуман.

                                      Мне нет интереса учить матчасть, заниматься криптоанализом хрома и изучать практику правоприменения. Проще взять другой браузер, чем думать чем оно мне аукнется.

                                      Ещё я не ставлю панельки в IE и, как порядочный параноик, мою руки и уши. Кажется это называют профилактикой.
                                        –1
                                        «проще xxxxxx чем думать» — вот именно об этом я и говорю когда упоминаю юных бондов. Нормальный такой подход к безопасности. Удачи Вам. :)
                                          +1
                                          Ну если вам не нравится простое надежное превентивное решение проблемы — и вам удачи с изучением матчасти и удалением руткитов. И свободного времени побольше.
                                          –1
                                          >>>> Ещё я не ставлю панельки в IE и, как порядочный параноик, мою руки и уши. Кажется это называют профилактикой.

                                          <<<< То есть впринципе вы используете IE, но панельки не ставите? Доу…
                                            +1
                                            У IE есть ровно один недостаток — нет AdBlock.

                                            А, скажем, тот же Хром на тачскрине настолько хреново работает, что даже сомнений не возникает, что IE — вершина инженерной мысли.
                          +2
                          То есть вас не смущает факт утечки данных, появление уголовников и компрометации моих паролей? Просто ждете пока гром не грянул?

                          Не, ну для самого большого мультпирата рунета — нормальная позиция. Но и за ссылками тогда сами следите. Правда не знаю как вы потом задним числом из гугла удалять данные будете.
                            –1
                            Зачем мне за ссылками следить? Я прекрасно помню где я их ставил, в здравом уме и твердой памяти. Знаю какие реальные угрозы существуют и как с ними бороться. А мании представлять себя Джеймс Бондом у меня никогда не было. Пароли бывают утекают — сталкивался с этим несколько раз, что реально происходит после утечки рутового пароля — один час чистишь сервер от руткита. Вот это реально. Но не больше. А я как видишь — жив, здоров и главное коленки не дрожат при виде хрома. :)
                              +1
                              вы забыли, что спрашивали «ссылки на случившиеся факты» и решили сами с собой побеседовать?

                              Я же сказал — да, вы правы. Если терять нечего — можно и хром. Для меня утечка даже пароля от интернет-банка будет стоить много больше часа. И проверять что сможет сделать сисадмин гугла из норвегии, зная номер карты и cvc2 (ну да, конечно он ни за что не догадается, что я на пейпале ввожу именно номер карты!) я тоже не планирую.
                          +1
                          А можно пруф насчёт отсылки всех данных форм?
                          • UFO just landed and posted this here
                              –1
                              Ну, посмотрел форму в вики. И чего там криминального-то? Ну, есть ведь разница, между статистическими данными и «данными форм», верно?
                              0
                              из всежепопавшегося — cgvictor.livejournal.com/901384.html
                                0
                                *свежепопавшегося
                                  0
                                  Интересно, спасибо. Жаль, что деталей нет. А насчёт полей с кредитками нужно всегда указывать autocomplete=off.
                                    0
                                    Там человек пишет, что даже с выключенным автозаполнением работает. С гуглом никогда не знаешь поможет ли autocomplete=off )
                                0
                                (уже опередили)
                                  –5
                                  Видимо поэтому в корпоративном секторе до сих пор используют старые IE6-7, которые проверенны много раз. А если Вы нарушили политики компани и начали использовать альтернативный браузер, то кто в этом виноват?
                                  +8
                                  Лежу в больнице с переломом, а рядом дедушка с *страшная болячка №1* и мужик с *страшная болячка №2*. Я к ноутом и 3Г ищу для них альтернативные методы лечения и подешевле лекарства.
                                  И, после выписки иду в кофейню, вижу красавицу, трали-вали, достали смартфоны-ноуты, похвастались домашним ковром и фордфокусом. И типа куда сходим в кино, открываю поиск, ищу «Небесный атлас» а в контексте ААААААААА-дешево вылечим *страшная болячка №1*--почему не стоит-купи наши таблетки и т.п.АААА
                                  Вывод: «Не дала!»
                                  Ну еще такое с клиентами может быть. Да мало ли что.
                                  Шутка конечно, но любая лишняя информация в руках дурака из отдела «К» может вызвать кучу проблем.
                                    –5
                                    Вот еще один с дигнозом. Причем тут отдел К в свете отсылаемой по https статистики от браузера? :) Нет, конечно есть такие люди которым стоит бояться отдела К, но это их осознанный выбор. Остальным можно не напрягаться. Или по прежнему хочу фактов. Гораздо реальнее вот такая, например, история — Про незнание закона
                                      +6
                                      Фу как резко. Вы не заметили некоторую фривольность и шутливость повествования. У вас похмелье?
                                      С безопасностью как с модой: одни носят то что удобно, другие до песчинкивыверяют узор на свитере и следят за каждой волосинкой. Оба крайних представителя искренне не понимают другую: «зачем заморачиваться?» против «фи, как так можно!». Однако что первые попадают в глупое положение что вторые. От ситуации зависит.
                                      Я не стану заходить в клиент банк с винды-хрома, а буду в линуксе-ФФ(ну или что позволено другое). А мультики можно и на самой дырявой системе смотреть.
                                      Всем добра!
                                        0
                                        Не надо лишнего внимания тратить на псевдоугрозы. Сразу повышается риск того, что на реальные не хватит внимания. Неразумная трата ресурсов на фоне желания поиграть в Бонда.
                                      0
                                      Предохраняться надо было заранее — адблок избавил бы вас от этой заразы.
                                    –4
                                    если ничем явно противозаконным не увлекаетесь, оно и не должно беспокоить.
                                    таргетинговая реклама, подстраивание результатов поиска… не такая уж и большая цена за огромное количество бесплатных приложений.
                                    • UFO just landed and posted this here
                                        0
                                        Люди, забивающие на анонимность часто оперируют фразами типа «я живу по совести, скрывать мне нечего, я честный законопослушный человек». Так говорят те, которые полагают, что все вокруг живут по совести и личная информация может иметь на вас воздействие только в руках правоохранительных органов.

                                        Простой пример: у вас есть дочь, у которой украли телефон. Она еще не успела вам сообщить об этом. С ее номера приходит SMS: «Папа, я попала в неприятности. Позвонить не могу. Пришли 20000 рублей денег на этот номер». Добавим в сообщение некоторое количество приватных данных: «Папа, я попала в неприятности, поэтому и опоздала сегодня. Позвонить не могу. Пришли 20000 рублей денег на этот номер. Маринка с нами, не звони ей». Чувствуете, какое влияние может возыметь на вас некоторое количество личной информации? Это скромные мелочи, которые можно извлечь из простого телефона.

                                        А что, если злоумышленник получил доступ к профилю в социальной сети или к истории поисковых запросов? А что, если он располагает в добавок информацией из учетных записей ваших друзей? А если государство-агрессор имеет все данные всех жителей государства-жертвы? Но вы ведь живёте по совести, и вам нечего бояться, да?
                                          0
                                          Я не понимаю людей, которые отсылают так деньги. Если это действительно какая-то ситуация (какая?), то почему всего 20000 руб.? Почему сразу не 200000 USD за ребенка?
                                        +1
                                        Зачем, сравнивая себя со статистикой, затем приводить свой частный случай как пример, ей не соответствующий? А иногда еще добавляют «и мои друзья тоже».
                                        +2
                                        Тут бы exim + dkim установить и настроить, а не API 2013.
                                          +23
                                          фрагмент и теневые точки
                                          Прямо новое слово в 3D графике… а я все по старинке, вершинные и пиксельные шейдеры пишу…
                                            0
                                            Оу, как раз одно из тех мест, которые вводили в крайнее смущение. Спасибо, надеюсь вы не против, если я использую ваш вариант?
                                              0
                                              Кстати, как мне указали в ЛС, у самого автора в тексте стоит «vertex shadows», а не «shaders». Может, просто опечатка?
                                              –1
                                              Я один не могу найти ссылку на оригинал? Добавьте пожалуйста, есть много тех кто любит читать в исходнике.
                                                +4
                                                Ссылка под переводом, в блоке с голосованием и социальными кнопками — имя автора оригинала и стрелка.
                                                  0
                                                  Спасибо, вот я древний…
                                                +1
                                                Не будем ли мы теперь после Осла 6 писать костыли для завитушек и складывающих элементов в разных браузерах… Ох, что день грядущий нам готовит…
                                                  0
                                                  А как же WebRTC? Скоро не нужно будет никаких скайпов.
                                                    0
                                                    Я помню мы столкнулись с ограничением в 640x480 когда хотели через вебку фотать документы. И как то не нашли намеков что это будет развиваться в билжайшем будущем.
                                                    +10
                                                    Помнится, давно мы все (ну, многие точно) ругали Microsoft в плане безопасности за ActiveX и браузер как часть операционки… Не зная, во что превратятся «альтернативные браузеры»! Хром, имеющий доступ к USB… Оказывается, в 2013 можно не ностальгировать по старому доброму концу 90-х, когда вот так вот просто был возможен format c: в win95 из веб-страницы…

                                                    DOS очистил всё,
                                                    Всё, что было лишним у меня на диске C:
                                                    Я нажал F8
                                                    И веселый Нортон удалял мне всё подряд
                                                    Сорок мегагигабайт. Может даже шестьдесят!
                                                      0
                                                      в 2013 можно не ностальгировать по старому доброму концу 90-х, когда вот так вот просто был возможен format c: в win95 из веб-страницы…
                                                      Я бы всё-таки переставал ностальгировать по достижении «format c: из chrome app», а не по факту появления в описании технологии знакомых ключевых слов.
                                                      –9
                                                      Я поспорю, но WEB еще не готов к уровню встриваемых приложений, хочете соглашайтесь, хочете нет. Спасибо за внимание.
                                                        0
                                                        Ну спорь, все во внимании
                                                        +6
                                                        Вы также можете использовать ES6 в узле прямо сейчас с помощью --harmony опций командной строки.
                                                        какой-то совсем машинный перевод
                                                        на самом деле здесь имеется ввиду не какой-то непонятный узел, а node.js
                                                          +2
                                                          В первоисточнике «Node» пускай и без «.js», но всё же с заглавной буквы в середине предложения, так что вполне понятно, что имя собственное; жаль, что это не насторожило переводчика.
                                                          • UFO just landed and posted this here
                                                            0
                                                            Одна из самых сложных частей в переводе..Node.js, к сожалению, у меня не на слуху, поэтому было не понятно о чем речь. Спасибо
                                                            +1
                                                            > Что это означает на практике, это то, что вы можете создавать невероятные эффекты.

                                                            С одной стороны хорошо, что флеш стараются вытеснить, с другой — его в любой момент можно отключить, а с этими «фантазиями» как быть?
                                                              0
                                                              браузер не обновлять) Да наверняка через конфиги все вырубить можно.
                                                                0
                                                                Как уже было написано где-то в комментариях выше, разрабам придётся поддерживать все эти необновлённые браузеры вместо ослов, вот счастье-то :)
                                                              +5
                                                              Какое-то хиленькое будущее нас ждет
                                                                +1
                                                                большой год будет когда нас избавят от капчи
                                                                  0
                                                                  так же хорошо, как

                                                                  «as well as» — ложный друг переводчика. В оригинале не имеет коннотации одобрения и переводится «и», «как и» или «а также».
                                                                    0
                                                                    Ребята, точно знаю, что есть билды Chromium с вырезанными шпионскими штучками, напомните куда гуглить?=)

                                                                  Only users with full accounts can post comments. Log in, please.