На нашем радаре на этой неделе: Google, инструменты сборки и отладка в браузере

Добро пожаловать в следующий выпуск On Our Radar, еженедельный обзор новостей, тенденций и других интересных вещей из мира веб-разработки.

Конечно, в последнее время многое происходит: Джефф Безос представил первый смартфон Amazon, официально добавленный в CSS Color Level 4 «rebeccapurple», и было объявлено, что HTML5 может быть на пути к финализации W3C к концу года — это будет чудом навсегда прекратить? Из других новостей: Microsoft представила пару брюк, способных заряжать мобильные устройства без проводов , Кубок мира получил собственный API, и Google начал тестировать службу регистрации доменов .

Google

Оставаясь с компанией, чей корпоративный девиз — «Не будь злым», Google на этой неделе объявил о независимой «развилке» OpenSSL , широко используемой криптографической библиотеки, которая привлекла международное внимание после уязвимости Heartbleed. Они также запустили «Сделано с кодом» , инициативу, чтобы побудить больше девушек кодировать, а затем положить свои деньги туда, где их рот с обещанием 50 миллионов долларов! Была также выпущена версия 1.3 языка программирования Go (первоначально разработанная тремя инженерами Google). Он обещает более быстрое время компиляции и нацелен на экспериментальную кросс-платформенную технологию Google NaCl

Как будто этого было недостаточно, вот еще один плюс Google (включая два руководства на основе Go):

• Go: Создание веб-приложений с Beego
• Go, Colourspace и все цвета RGB в одном изображении
• Веб-основы и веб-стартовый комплект: ресурсы для современной веб-разработки
• Google Chrome Hegemony (дополнительные очки, если вы знаете, что из этого)
• 19 скрытых функций Chrome, которые сделают вашу жизнь проще

И если этого было недостаточно, Google I / O (ежегодная конференция разработчиков Google) состоялась на этой неделе, где они выпустили новые умные часы и другие продукты Android Wear перед Apple . Вы можете найти обширное резюме того, что еще было представлено здесь .

Хватит ли уже Google? Хорошо, давайте двигаться дальше …

Учусь

Постоянное обновление навыков — это постоянная проблема в этой быстро развивающейся отрасли, поэтому вот подборка статей и учебных пособий, которые помогут вам сделать именно это:

• Делая это правильно, делая ставку на неправильное
• Включить дополнительные функции PhpMyAdmin
• Минималистская форма подписки на новостную рассылку
• Общая терминология, но разные концепции между Ember.js и Rails
• Внедрение зависимостей в JavaScript
• Элемент смиренной кнопки
• Почему каждый язык нуждается в подчеркивании

И если все эти разговоры об «инъекции зависимостей» и «принципе открытия / закрытия» пролетели над вашей головой — не волнуйтесь! Вот бонусное видео, которое отлично объясняет такие вещи, как «петли событий», «обратные вызовы» и «параллелизм».

Модное слово недели — Инструменты сборки

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

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

• Ворчание для людей, которые думают, что ворчание странно и тяжело
• 5 заданий, которые вы не хотите пропустить!
• Создаем свой первый плагин Grunt
• Здание с глотком
• Начало работы с Browserify
• JQuery: используя только то, что вам нужно

И последний совет: основная команда jQuery использует эту удобную задачу Grunt, чтобы увидеть влияние каждого изменения на размер файла.

Инструменты браузера

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

• Проверьте элемент и устранение неполадок CSS в браузере
• Секреты инструментов разработчика браузера
• Mozilla переносит разработчика веб-приложений в браузер с помощью WebIDE
• WebIDE Lands в Ночных
• Что нового в Firebug 2.0
• Представляем Web Audio Editor в инструментах разработчика Firefox