Статьи

2010 через объектив театра ЮИ

YUI Theatre — это проект команды YUI в Yahoo !, посвященный созданию бесплатной библиотеки видео для внешнего интерфейса. В 2010 году были представлены десятки ведущих мыслителей и инженеров дисциплины, затрагивающие ключевые темы: развитие JavaScript, HTML5, CSS3, мобильные приложения, Node.js и многое другое. Эта статья рассказывает о 2010 году через призму театра YUI.


Новые названия YUI Theatre объявляются в Твиттере , через RSS и в iTunes . Все новые видеоклипы YUI Theatre доступны для скачивания в формате 480p .mov, меньших файлов .m4v и встраиваемом Flash-плеере с высоким разрешением.


В 2010 году мы провели серию « Crockford on JavaScript », в которой Yahoo! архитектор Дуглас Крокфорд обновил свои популярные лекции по JavaScript и углубился в историю компьютерных наук, чтобы контекстуализировать ключевые концепции языка JavaScript. Это последовало за популярными в прошлом году названиями « Сага JSON » и « Состояние и будущее JavaScript ».

Дуглас Крокфорд; фото Аллена Рабиновича
  • Дуглас Крокфорд: Крокфорд на JavaScript — Том 1: Первые годы Дуглас начинает серию с того, что переводит язык программирования JavaScript в соответствующий исторический контекст, прослеживая структуру и условные обозначения языка (и некоторые его причуды), возвращаясь к их корням. первые десятилетия информатики.

    Дата: 2010-01-26

  • Дуглас Крокфорд: Крокфорд о JavaScript — Глава 2: А потом был JavaScript Дуглас рассматривает основные особенности языка программирования JavaScript.

    Дата: 2010-02-07

  • Дуглас Крокфорд: Крокфорд на JavaScript — Акт III: Функция наивысшего качества В третьей части Дуглас обсуждает функции на JavaScript. «Функции — самая лучшая часть JavaScript», — говорит он. «Здесь сила, а там красота». Посмотрите видео, чтобы узнать почему.

    Дата: 2010-02-17

  • Дуглас Крокфорд: Крокфорд на JavaScript — Эпизод IV: Метаморфоза Ajax Дуглас исследует объектную модель документа (DOM) и обсуждает появление «Ajax», в котором было обнаружено, что веб-приложения могут вести себя как настольные приложения, а не как статические страницы.

    Дата: 2010-03-03

  • Дуглас Крокфорд: Крокфорд на JavaScript. Часть 5. Конец всего Крокфорд рассматривает вопросы, связанные с безопасностью и производительностью в JavaScript.

    Дата: 2010-03-31

  • Дуглас Крокфорд: Crockford на JavaScript — сцена 6: Loopage пишет Дуглас: «Разработка программного обеспечения затруднена определенным набором ошибок проектирования, которые были допущены в первых языках программирования и повторялись во всем, что было сделано с тех пор. И, несколько чудесным образом, JavaScript сделает все правильно, радикально изменив способ, которым мы пишем приложения. Опять же. В Loop of History все это происходило раньше, но никогда не происходило так. Вот почему вам следует позаботиться о появлении серверов. JavaScript и азарт вокруг таких проектов, как Node.js, — не потому, что они находятся на острие тенденции, а потому, что они прокладывают дорогу к следующей большой революции в программном обеспечении ».

    Дата: 2010-08-30

Дуглас также выступил с заключительной речью на YUIConf 2010 — увлекательной нетехнической беседе о жизни и мечтах Уолта Диснея. Хотя « Качество » всегда будет моим любимым из названий Крокфорда на YUI Theatre, этот рассказ о Дуге раскрывает на личном уровне, и это увлекательное исследование.

  • Дуглас Крокфорд: Project Future Дуглас размышляет о жизни Уолта Диснея, который мечтал создать «Город будущего» во Флориде в рамках проекта, который стал Disney World. (Это не техническая сессия, а скорее о больших мечтах и ​​жизненных уроках, которые мы можем извлечь из них.

    Дата: 2010-12-06


Отличительной чертой 2010 года стало возрождение высококачественных браузеров с сенсорным управлением, работающих на устройствах с низким энергопотреблением, низкой пропускной способностью и высокой задержкой, а также возросшее внимание, которое эти высококачественные браузеры помогли привести к классу новых стандартов, которые в целом смешались. под прозвищем HTML5 (но часто включая CSS3 и другие технологии). В театре YUI состоялся ряд выступлений, направленных на обогащение разговоров вокруг дисциплины в это время интенсивных перемен.

  • Дион Алмаер, Бен Гэлбрейт, Элейн Уэрри, Томас Ша, Джо Хьюитт, Райан Даль, Тантек Челик и Дуглас Крокфорд: Панельная дискуссия YUIConf 2010: Будущее Frontend Engineering. будущее дисциплины в момент быстрого и сложного развития. Среди участников дискуссии были Элейн Уерри, основатель и архитектор внешнего интерфейса в Meebo; Дуглас Крокфорд, архитектор JavaScript в Yahoo !; Тантек Челик, технолог и автор; Райан Даль, создатель Node.js; Джо Хьюитт из Facebook, создатель Firebug и одного из самых скачиваемых мобильных приложений всех времен (Facebook для iOS); Томас Ша, основатель YUI в Yahoo !.

    Дата: 2010-11-16

  • Tantek Çelik: HTML5: прямо здесь, прямо сейчас автор и эксперт по стандартам Tantek Çelik, ранее работавший в Technorati, обсуждает текущее состояние спецификаций HTML5 и их готовность к использованию в поставке веб-приложений.

    Дата: 2010-11-24

  • Нэйт Коечли: таксономия касания — участник YUI Нэйт Коечли разбивает элементы сенсорных примитивов, жестов и семантики, закладывая основу для более широкого языка сенсорных взаимодействий, которые управляют новым классом портативных устройств.

    Дата: 2010-11-26

  • Аллен Рабинович: много шляп инженеров внешнего интерфейса В одной из самых креативных презентаций на YUIConf 2010 разработчик YUI Аллен Рабинович размышляет о различных ролях, которые играют инженеры внешнего интерфейса как часть их естественного процесса генерации.

    Дата: 2010-11-30

  • Филипп Le Hégaret: следующая открытая веб-платформа Филипп Le Hégaret, который возглавляет домен взаимодействия W3C, обсуждает HTML5. Хотя сама спецификация HTML5 на самом деле не содержит много новых функций, новая веб-платформа, часто обозначаемая как HTML5, имеет много новых функций, от HTML-видео до SVG, CSS-анимации или веб-сокетов. Этот доклад дает обзор того, что нас ожидает, используя конкретные демонстрации в веб-браузерах последнего поколения.

    Дата: 2010-01-22


На этот раз две вещи разные: Node.js и страстное, знающее сообщество, которое понимает, почему серверный JavaScript может стать важным шагом вперед в направлении создания более качественных и быстрых веб-приложений, которые хорошо работают на более широком спектре устройств. В 2010 году мы дважды приглашали создателя Node.js Райана Даля в Yahoo, чтобы рассказать о своем новом революционном проекте, и Дэвид Гласс (YUI) и другие выступили на трибуне, чтобы объяснить, почему это так важно.

  • Райан Даль: Введение в NodeJS Райан Даль, создатель NodeJS, представляет проект и рассказывает об улучшениях производительности и новой архитектуре. Разговор состоялся на майской встрече BayJax в Yahoo.

    Дата: 2010-05-17

  • Райан Даль: дорожная карта Node.js Райан проводит один из самых технических (и забавных) выступлений на YUIConf 2010, подробно рассказывая о нынешнем состоянии и будущей дорожной карте Node.js.

    Дата: 2010-11-30

  • Dav Glass: Node.js + YUI 3 разработчик YUI Дэвид Гласс представляет работу, которую он проделал, чтобы донести всю мощь YUI 3 до разработчиков Node.js.

    Дата: 2010-11-30)

  • Мэтт Тейлор: YUI 3 & Node.js для рендеринга представления JavaScript на клиенте или сервере большинство сред веб-приложений имеют некоторый тип шаблонизатора, который принимает две вещи: (1) данные, (2) шаблон и возвращает HTML для сборки в HTTPResponse. Обещание Node.js и YUI 3 на стороне сервера состоит в том, что возможна новая эра фреймворков, в которой рендеринг представлений на клиенте и сервере реализован с использованием одного и того же кода на основе JavaScript.

    Дата: 2010-12-03

  • Том Хьюз-Краучер: как прекратить писать код для спагетти в этом сеансе YUIConf 2010, Yahoo! Инженер Том Хьюз-Краучер (Tom Hughes-Croucher) исследует различные стили кодирования для управляемого событиями неблокирующего серверного JavaScript и какие стили наиболее успешны.

    Дата: 2010-12-06


В прошлом году фильм Сюйена Десаи « YUI 3: Цели и архитектура дизайна » был одним из самых популярных и часто упоминаемых в театре YUI. Наряду с « Событиями эволюции » Люка Смита это помогло сфокусировать внимание на технической сложности ядра YUI 3. В то же время, Дэвид Гласс дебютировал в YUI 3 Gallery в 2009 году , и в 2010 году YUI 3 вырос быстрее благодаря вкладу сообщества в ядро ​​и Gallery, чем благодаря команде коммиттеров.

В этом году в серии новых выступлений рассказывается о продолжающейся эволюции YUI 3 через год после ее выпуска GA, с растущим количеством новых виджетов, таких как AutoComplete и DataTable, и основой проверенных временем утилит.

Перейдите к следующему сеансу « Использование YUI в реальном мире », где вы найдете видеоролики от сообщества разработчиков и разработчиков YUI.

  • Люк Смит: YUI 3: Под поверхностью [только для скачивания] Люк Смит, инженер команды YUI, выступает на YUIConf 2010 с одним из самых рейтинговых выступлений, рассматривая основные шаблоны и компоненты инфраструктуры, лежащие в основе YUI 3.

    Дата: 2010-12-20

  • Сатьен Десаи: «Телефон, планшет и ноутбук идут в бар …» — подход YUI к разработке мобильных веб-приложений [только для загрузки] Сатьен Десаи, создатель компонентов YUI 3 и подсистем виджетов, обсуждает подход YUI к поддержке новый набор веб-устройств на рынке сегодня. Тезис Сатьена: Думайте о мобильных / сенсорных устройствах с точки зрения функций и ограничений, а не изолированного проблемного пространства.

    Дата: 2010-12-21

  • Райан Гроув: Достижение производительности Zen с помощью YUI 3 Следование кодифицированным рекомендациям может помочь вам создавать быстрые веб-сайты, но создание чистых, быстрых и расширяемых приложений также требует сбалансированного подхода к производительности на каждом уровне вашей работы в F2E. YUI 3 разработан для того, чтобы помочь вам в этом процессе, предоставляя слой абстракции нужного размера со встроенной магией производительности и разнообразными инструментами, которые делают быстрый внешний интерфейс простым и увлекательным для создания. На этом занятии Райан исследует дзен производительного JavaScript в мире YUI 3 и знакомит вас с мощными инструментами, которые YUI 3 предоставляет вам в каждом приложении, которое вы пишете.

    Дата: 2010-09-02

  • Райан Гроув: введение в автозаполнение YUI 3 В этом выступлении на YUIConf 2010 автор автозаполнения YUI 3 Райан Гроув познакомит вас с некоторыми из многих шаблонов автозаполнения, которые стали возможны благодаря этому компоненту, и подробно расскажет о его мощной новой интеграции YQL. , фильтрации и выделения возможностей.

    Дата: 2010-12-07

  • Тило Митра: обработка данных в YUI 3 Yahoo! Инженер-конструктор Тило Митра (Tilo Mitra) представляет инструментарий жизненного цикла данных YUI 3, включая средства для источников данных, схемы и новый для DataTable виджет YUI 3.3.0.

    Дата: 2010-12-03

  • Гонсало Кордеро: предварительный просмотр TreeView YUI 3 Yahoo! Фронтенд инженер и участник YUI Гонсало Кордеро рассказывает о своей реализации TreeView, которая была недавно опубликована в галерее YUI 3. Это более легкое воплощение Treeview построено на модуле YUI 3 Parent-Child и уже может похвастаться многофункциональным и простым в реализации API и широким набором событий.

    Дата: 2010-11-30

  • Норберт Линденберг: Интернационализация приложений с использованием YUI 3. В Интернете, как и в реальном мире, каждый язык является языком меньшинства. Чтобы охватить большинство пользователей, ваше программное обеспечение должно поддерживать несколько языков и адаптироваться к потребностям и ожиданиям разных культур. В этой сессии от YUIConf 2010, Yahoo! Архитектор интернационализации Норберт Линденберг обсуждает, как сделать это здание на YUI 3.

    Дата: 2010-12-06


На YUIConf 2010 собралась звездная группа докладчиков, рассказывающих о YUI 3 и его использовании на некоторых крупных веб-сайтах. Эта коллекция варьируется от ознакомления с необходимыми расширениями AlloyUI в галерее YUI до истории миграции Flickr на YUI 3 .

  • Энтони Пипкин: следующий шаг: от идеи к виджету (часть 1) Энтони Пипкин (интерактивный директор The Jones Group), плодотворный участник YUI, представляет первую часть серии из двух частей о том, как перейти от реализации простых функций в YUI 3 для создания модульных, повторно используемых компонентов, которые используют инфраструктуру компонентов YUI 3 (включая виджеты и плагины).

    Дата: 2010-11-30

  • Пэт Кавит: следующий шаг: от идеи к виджету (часть 2) инженер ArenaNet и участник YUI Пэт Кавит представляет вторую часть серии из двух частей, посвященной разработке повторно используемых компонентов в YUI 3.

    Дата: 2010-11-30

  • Кариди Патиньо Майя: Стратегия загрузки YUI 3: Yahoo! Пример поиска надежная стратегия загрузки является одним из наиболее важных элементов оптимизации для сайтов с высоким трафиком. Загрузчик YUI 3 является одновременно мощным и элегантным, поэтому для разработчиков YUI необходимо знать, как его использовать. На этой сессии YUIConf 2010 Yahoo! Инженер-разработчик и участник YUI Кариди Патиньо Майя представляет технический обзор стратегий загрузки, используемых в Yahoo! Поиск.

    Дата: 2010-11-30

  • Дэн Хант: Создание нового поколения Yahoo! Почта с YUI 3 Yahoo! Почтовый инженер внешнего интерфейса Дэн Хант (Dan Hunt) описывает создание новейшей версии Yahoo! Почта, переписанная с нуля с помощью YUI 3.

    Дата: 2010-11-30

  • Нейт Кавано и Эдуардо Лундгрен: Вихревая экскурсия по компонентам AlloyUI в галерее YUI 3 инженеры Liferay Нейт Кавано и Эдуардо Лундгрен рассказывают о десятках высококачественных компонентов на основе YUI 3, внесенных в рамках проекта AlloyUI в галерею YUI 3.

    Дата: 2010-11-30

  • Марк Каваками: Советы пальцами: уроки, извлеченные из создания сенсорного опыта Марк Каваками из Yahoo! Спорт знакомит вас с некоторыми уроками, извлеченными при создании сенсорного опыта для одного из самых популярных веб-сайтов в Интернете.

    Дата: 2010-11-19

  • Росс Хармс: портирование Flickr на YUI 3 Росс Хармс — менеджер по инженерным разработкам в Flickr На этой сессии он обсуждает процесс, которому подверглась его команда при переписывании внешнего интерфейса Flickr с использованием YUI 3, включая советы по производительности и организации кода, а также другие извлеченные уроки.

    Дата: 2010-11-16


Тестирование во внешнем интерфейсе становится совершеннолетним, и YUI Test (теперь независимый проект без каких-либо зависимостей от библиотеки JavaScript YUI) и Yeti (инструмент командной строки для пакетного предварительного тестирования в комбинациях браузер / ОС) помогают возглавить процесс. , Создатели каждого из этих проектов выступили в этом году на YUIConf, чтобы рассказать о растущей роли тестирования на внешнем интерфейсе и о роли, которую играют YUI Test и Yeti.

  • Николас С. Закас: тест YUI Yahoo! Инженер Front Page, автор и участник YUI Николас С. Закас рассказывает о новом отдельном проекте YUI Test, который вышел из корней YUI 2 и YUI 3.

    Дата: 2010-11-26

  • Рейд Берк: Yeti: Простой интерфейс тестирования YUI Тестирование кросс-браузерных веб-приложений слишком долгое время было слишком сложным: вы либо вручную загружаете браузеры, либо боретесь со сложным программным обеспечением для автоматизации. На этом занятии YUIConf 2010 инженер YUI Рейд Берк рассказывает о том, как проект YUI Yeti помогает решить эти проблемы. Рейд обсуждает, когда вам следует использовать автоматизированное тестирование для кода внешнего интерфейса, как Yeti работает с YUI Test, как настроить кросс-браузерное тестирование за считанные минуты и как команда YUI использует Yeti для поставки лучшего продукта.

    Дата: 2010-12-06


В 2009 году Тодд Клоотс из Yahoo !. провел серию докладов о доступности, включая сессию « Создание доступных виджетов с помощью YUI 3 ». В 2010 году мы посвятили две сессии в серии встреч BayJax этой теме, включая подробное описание того, как доступность встроена в ДНК домашней страницы Yahoo ! .


YUI Theatre исследовал возникающую дисциплину производительности внешнего интерфейса в прошлом, в том числе канонические « Высокопроизводительные веб-сайты Стива Соудерса : 14 правил для более быстрых страниц », « Построить быстрые веб-сайты Николь Салливан» и « Высокопроизводительные Ajax-приложения Жюльена Лекомта». В 2010 году мы добавили три наименования в портфолио, включая обширную беседу авторов тома O’Reilly High Performance JavaScript .


YQL — это рабочая служба данных Yahoo !, которая превращает любой веб-сервис, API, RSS-канал или веб-страницу в источник данных, доступный и смешиваемый с помощью дружественного SQL-подобного синтаксиса. Наряду с Pipes и YUI он входит в число наиболее успешных предложений разработчиков Yahoo !. В течение года мы привлекали команду YQL и других докладчиков по этому вопросу, и мы добавили модуль YQL непосредственно в YUI , что еще больше упростило получение разнообразных данных в ваше приложение на основе JavaScript.


YUI Theatre был создан Эриком Мираглией ( @miraglia ) в 2006 году и опубликовал более 100 видеороликов по предметам, охватывающим дисциплину инженерного интерфейса. Все видео театра YUI в 2010 году были сняты и отредактированы Эриком и его коллегой инженером YUI Алленом Рабиновичем ( @allenr ).


Я благодарю многих талантливых фотографов, которые предоставили свои работы для использования в видеороликах YUI Theatre в этом году, включая тех, чьи работы представлены в этой статье. В порядке появления: