Здравствуйте, дорогие читатели! Я продолжаю цикл статей о том, как мы разрабатывали нетипичный, крупный проект с использованием Yii2 framework и AngularJS.

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

В этом материале речь пойдет о настройке роутинга и создании URL при помощи urlManager для каждого модуля по отдельности. Также разложу по полочкам процесс создания собственных правил для специфических URL, с помощью написания класса, который расширяет UrlRuleInterface. В завершении опишу, как мы реализовали генерацию и вывод мета тегов для публичных страниц сайта.

Самое интересное под катом.

Выбор платформы для бекенда

Чтобы создать качественное и производительное Web-приложение, необходимо уделить должное внимание выбору платформы для разработки. Этим нужно заняться сразу же после того, как вы ознакомились, какие задачи должно выполнять это приложение.

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

Сегодня в кругах программистов почти каждый знает о библиотеке Facebook – React.

В основе React лежат компоненты. Они схожи с DOM элементами браузера, только написаны не на HTML, а при помощи JavaScript. Использование компонентов, по словам Facebook, позволяет один раз написать интерфейс и отображать его на всех устройствах. В браузере все понятно (данные компоненты преобразуются в DOM элементы), а что же с мобильными приложениями? Тут тоже предсказуемо: React компоненты преобразовываются в нативные компоненты.

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

Итак, начнем.

Люди больше не беспокоятся о том, что роботы в будущем будут их убивать. Однако, какова будет совместная жизнь людей и роботов? На конференции Next:Economy назвали 4 направления, по которым людям придется “сотрудничать” с роботами уже в ближайщем будущем.

Хотя идея сосуществования людей и роботов может показаться сомнительной, нам вряд ли удастся этого избежать. Эта идея была ключевой по теме “Minds and Machines”, с которой открылась конференция Next: Economy в Сан-Франциско. Тему автоматизации и того, как она повлияет (или не повлияет) на нашу жизнь, осветили в целом ряде бесед с профильными специалистами.

Вот 4 основные точки соприкосновения людей и роботов в будущем.

Этот год для меня был несомненно успешным. Мне удалось пожить и поработать в Париже, Малаге, Копенгагене, Касабланке, Лондоне, Амстердаме, Сан-Франциско и Барселоне…

Однако, как счастлив я бы ни был, меня постоянно беспокоил один и тот же вопрос:

Смогу ли я оставаться максимально продуктивным, работая удаленно?

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

“Толстые” стрелочные функции (=>), так же известные, как arrow функции – абсолютно новая функциональность в ECMAScript 2015 (ранее известном под именем ES6). Если верить слухам, то в ECMAScript 2015 => синтаксис стал использоваться вместо –> синтаксиса под влиянием CoffeeScript. Так же, не последнюю роль сыграла похожесть передачи контекста this.

У стрелочных функций есть две главные задачи: обеспечить более лаконичный синтаксис; обеспечить передачу лексического this с родительским scope. Давайте детально рассмотрим каждую из них!

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

Идея работать из дома засела в моей голове так давно, что, когда я все-таки стала фрилансером (практически год назад), я не смогла отказаться от мечты и признать, что у нее есть свои “незапланированные” недостатки.

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

Поэтому, очевидно, я боролась с планированием как могла.

Мы думаем, что человечество в состоянии проложить безопасные маршруты для грузовых дронов между дронопортами по всей планете. Бесшумные, красивые, похожие на гигантских гусей дроны будут взлетать с дронопортов и доставлять ценные грузы по небу. Они будут спасать жизни и создавать новые рабочие места. Ниже мы представляем первый концепт дронопорта, который мы бы хотели построить в Руанде. На дронопорт уйдет примерно столько же денег, сколько на строительство одной бензозаправки.

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

Именно поэтому была создана RoboHow, программа, спонсируемая Евросоюзом и поддерживаемая ведущими университетами из 9 стран ЕС. Цель RoboHow – создать эквивалент Википедии для роботов, в которой будут храниться инструкции, рецепты и пособия, специально адаптированные для роботов и разбитые на небольшие логически шаги. За проект отвечает Бременский университет. В его задачи входят работы по исследованию и разработке роботов, которые могут производить автономные манипуляции, используя механические “конечности”.

Операционная система Android становится все более фрагментированной и подверженной атакам вирусов. Это может заставить компании серьезно задуматься о безопасности работы с системой.

Android, вероятно, является своим самым серьезным врагом.

Хотя iOS продолжает конкурировать с Android на рынке устройств высшей ценовой категории, Android прибрала к рукам не только все развивающиеся рынки, но и большую часть развитых. По данным IDC, Android контролирует 78% рынка смартфонов. Ни одна компания не демонстрировала такой крепкой хватки на рынке со времен, когда Microsoft поглотила рынок персональных компьютеров.

Сравнение с Microsoft, к сожалению, очень уместно.

Согласно данным аналитической компании CDC по статистике смертности за 2011 год, болезни сердца, рак и респираторные заболевания нижних дыхательных путей, как, например, эмфизема, являются самыми распространенными причинами преждевременной смерти в Соединенных Штатах. В 2011 году от этих заболеваний умерло 1,316,211 американцев.

Много смертей можно было предотвратить. Не секрет, что регулярные занятия спортом и правильное питание могут значительно уменьшить процент людей, страдающих от болезней сердца. Однако, практически 80% взрослых американцев занимаются спортом гораздо меньше рекомендованной нормы (2,5 часа аэробных упражнений средней нагрузки и 1 час 15 минут активных физических упражнений в неделю).

Учитывая, насколько спорт важен для здоровья, я думаю, что стоит задаться вопросом, почему не заниматься спортом там, где мы проводим существенную часть нашей жизни, – на работе? Конечно мой собственный опыт по этому вопросу сложно воспринимать всерьез, но мне кажется, что все-таки он может быть применим.

В EcmaScript 2015 (также известном как ES6) представлена совершенно новая концепция итераторов, которая позволяет задать последовательности (ограниченные и другие) на уровне языка.

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

for (var key in table) {
  console.log(key + ' = ' + table[key]);
}

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

Сказать, что за последние 3-4 года IT стало мейнстримом, значит — ничего не сказать. Привлеченные заманчивыми перспективами получать в разы больше, чем по основной специальности, люди сгенерировали такое предложение, что никакой спрос тут не поможет. И стар, и млад сегодня считает своим долгом хотя бы пару часиков поучить HTML и CSS, когда как раньше люди бы просто посмеялись над «чудными». Более продвинутые адепты IT мечты уже даже взялись за JavaScript и с гордостью демонстрируют на мониторе тот самый «Hello, world!», считая, видимо, что еще чуть-чуть и «работа на миллион долларов» будет у их ног.

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

Между тем, не все люди, которые работают в IT, могут программировать, тестировать, работать с серверами и «железом». Чтобы «войти в айти», совсем не обязательно быть айтишником — можно быть и «лириком»: HR- и PR-специалистом, маркетологом, копирайтером, переводчиком и т.д и т.п. Гуманитариев в IT индустрии на самом деле вагон и маленькая тележка…

Так ли обязательно получать техническое образование, чтобы попасть в IT? Нет, совсем не обязательно. Диплом психолога? — Станьте HR-специалистом! Диплом переводчика? — Попробуйте себя в маркетинге или копирайтинге. Вариантов хватает. Пусть вы и будете получать меньше ваших коллег по цеху, но зато будете заниматься именно тем, чем можете, а, если повезет, и по-настоящему хотите. Зачем изводить себя JavaScript или Python, если к языкам программирования у вас просто нет способностей. Вариант «не мытьем, так катанием» может работать, но только до какой-то степени. Может ли гуманитарий от природы стать, например, Senior Developer или Senior QA? Очень в этом сомневаюсь.

Сам я по образованию переводчик. Работаю в IT уже больше 3 лет, являясь при этом полнейшим… гуманитарием. У этого есть и плюсы, и минусы, и совсем уж жирные минусы. Собственно об этом, я бы и хотел поговорить. Начнем с позитива, конечно же.

The Ocean Cleanup — система барьеров для сбора плавающего мусора

Люди губят океаны. Но технологии могут помочь. В данной статье расскажем о 4-х проектах, которые помогают спасти океаны от уничтожения.

В 2010 году в океаны было сброшено более 8 миллионов тонн пластика. Чтобы понять, какой это объем, представьте, что на каждый квадратный метр побережья выкинули 5-6 пластиковых бутылок. Ранее в этом году было опубликовано исследование, судя по которому объем сбрасываемых в океаны пластиковых отходов в ближайшие годы увеличится в 10 раз, добавив к нынешней массе океанского мусора в 245,000 тонн.

Однако, не только загрязнение окружающей среды оказывает негативный эффект на океаны и моря. Под угрозой находится само разнообразие форм жизни в океанах — коралловые рифы умирают из-за повышающейся кислотности океанов. По прогнозам ООН, если тренд не переменится, то к 2100 году более половины морских видов будут под угрозой вымирания. Кроме того, уровень моря постепенно повышается из-за глобального потепления. По расчетам Национального управления океанических и атмосферных исследований США, каждый год уровень мирового океана повышается от 1 до 3 сантиметров, причем тенденция на увеличение ярко выражена.

Технологии уже начали играть большую роль в движениях за сохранение окружающей среды, консервацию существующих природных условий и рационализацию пищевых ресурсов. Сателлиты и подводные роботы уже вовсю используются для изучения океанов. А как насчет их спасения?

Давайте рассмотрим 4 технологии, которые могут помочь нам очистить и защитить моря и жизнь в них.

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

Оригинал: How Technology Has Hijacked Our Creative Spaces

Нам в буквальном смысле надо давать себе отдых от технологий, чтобы освободить разум.

Недавно я поняла, что креативные идеи посещают меня в то время, когда… Интернет отключен, а Wi-Fi не доступен. Или когда я иду выгуливать собаку и забываю смартфон. Или когда я еду домой, а батарея смартфона разряжена.

Да, конечно. Я прекрасно понимаю, что это далеко не новость. Или, может кто-то об этом еще не знает? Что касается меня, то это умозаключение открыло глаза на многое. Я никогда не хотела считать, что современные технологии — что-то, что может мешать мне быть креативной. Наоборот, я всегда думала, что технологии помогают креативности. Я могу читать интересные статьи, где и когда хочу. Я могу продуктивно использовать каждую минуту свободного времени. Всего пару нажатий на экран смартфона, и я могу получить доступ к нескончаемым запасам информации и знаний.

Но что толку? Какой смысл напичкивать себя информацией, если времени ее переработать и усвоить все равно нет?

Веб ожидает большое будущее.

Вчера Брендан Айк “взорвал” сообщество веб-разработки: веб получит новый низкоуровневый бинарный компилируемый формат, который будет работать гораздо лучше, чем JavaScript.

Google, Microsoft, Mozilla, а также несколько независимых специалистов работают над новым проектом в W3C WebAssembly Community Group, и то, над чем они работают, совсем не маленькая вещь.

Оригинал: New io.js Features You May Not Be Using

Платформа io.js развивается быстрыми темпами, оказывая большое влияние на всю экосистему Node. За короткое время в io.js было внесено множество исправлений, улучшена производительность, а также добавлены новые возможности и функции.

Если Вы не следили за развитием io.js, ничего страшного — в данной статье мы вкратце представим основные возможности платформы. Рассматривать их мы будет по мере выхода, то есть от старых к новым. Где это будет нужным, дадим ссылки на соответствующую документацию (на английском языке). Описывая каждую новую функциональность, будем указывать ее первую версию. Код написан с использованием стандартных функций ES6, которые доступны в io.js. Итак, начнем…

Оригинал: React To The Future With Isomorphic Apps

Изоморфные приложения. Взгляд в будущее с React

В разработке программного обеспечения все часто возвращается на круги своя. Так, например, на заре развития Интернета серверы подгружали контент сразу же на сторону клиента. В последнее же время, с разработкой современных веб-фреймворков, таких как AngularJS и Ember, мы видим тенденцию к обработке запросов на стороне клиента и использованию сервера только для API. Однако, это далеко не единственная тенденция. Сейчас происходит медленное возвращение или, скорее, слияние этих двух архитектур.