Данная публикация является переводом статьи «Introduction to commonly used ES6 features» под авторством Zell Liew, размещенного здесь. Перевод разделён на 2 части. Перевод 2-ой части находится здесь.

JavaScript серьезно развился в последние несколько лет. Если вы изучаете язык в 2017 году и при этом не касались ECMAScript 6 (ES6), то упускаете легкий способ читать и писать на нём.

Не волнуйтесь, если вы еще не знаток языка. От вас не требуется превосходно знать его, чтобы пользоваться преимуществами «бонусов», добавленных в ES6. В этой статье хотел бы поделиться восемью особенностями ES6, которые использую каждый день как разработчик, что поможет вам легче погрузиться в новый синтаксис.

Данная публикация является 2-ой частью перевода статьи «Introduction to commonly used ES6 features» под авторством Zell Liew, размещенного здесь. Перевод 1-ой части находится здесь.

Деструктуризация

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

Деструктуризация объектов

Допустим, имеется следующий объект:

const Zell = {
  firstName: 'Zell',
  lastName: 'Liew'
}

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

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

Еще не успели просохнуть чернила на их докторских дипломах, как он с Финнерти и Шефердом был направлен в механический цех для производства таких записей. Начальник цеха указал им своего лучшего работника — как же было его имя? — и, подшучивая над озадаченным токарем, трое способных молодых людей подключили записывающий аппарат к рычагам токарного станка. Гертц! — вот как звали этого токаря. Руди Гертц, человек старого уклада, которого вот-вот должны были отправить на пенсию. Сейчас Пол вспомнил и его имя и то почтение, с которым старик относился к талантливым молодым людям.

По окончании работы они упросили начальника цеха отпустить с ними Руди и с показным и эксцентричным демократизмом людей «от станка» пригласили Руди в пивную напротив завода. Руди не очень разобрался, зачем понадобились им все эти записи, но то, что он понял, ему понравилось: ведь именно его выбрали из тысяч других токарей, чтобы обессмертить его движения, записав их на магнитную ленту.

Sql, RegExp, Gradle — что их объединяет? Всё это примеры использования проблемно-ориентированных языков или DSL (domain-specific language). Каждый такой язык решает свою узконаправленную задачу, например, запрос данных из БД, поиск совпадений в тексте или описание процесса сборки приложения. Язык Kotlin предоставляет большое количество возможностей для создания собственного проблемно-ориентированного языка. В ходе статьи мы разберемся, какие инструменты есть в арсенале программиста, и реализуем DSL для предложенной предметной области.

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

Представляю вашему вниманию типичные варианты использования Observable объектов в компонентах и сервисах Angular 4.

Подписка на параметр роутера и мапинг на другой Observable

Задача: При открытии страницы example.com/#/users/42, по userId получить данные пользователя.

Решение: При инициализации компоненты UserDetailsComponent мы подписываемся на параметры роутера. То есть если userId будет меняться — будер срабатывать наша подписка. Используя полученный userId, мы из сервиса userService получаем Observable с данными пользователя.

// UserDetailsComponent

ngOnInit() {
  this.route.params
    .pluck('userId') // получаем userId из параметров
    .switchMap(userId => this.userService.getData(userId))
    .subscribe(user => this.user = user);
}

• Как разместить публикацию на Product Hunt
• На чём следует сосредоточиться
• Чего стоит избегать
• Как подготовиться заранее
• Как подавать свой продукт
• Бонус: Как сделать так, чтобы о вас рассказали официальные аккаунты Product Hunt в Twitter и Facebook, а также как попасть в рассылку, которую ежедневно получают сотни тысяч читателей (даже после запуска).

• Возможность использования типизированного JS — Typescript
• Обеспечение удобства и производительности разработки с помощью HMR (hot module replacement);
• Модульность приложений и возможность отложенной загрузки модулей (Lazy Loading);
• AoT — режим (ahead-of-time), повышающий производительность приложения.

Самый распространенный способ получить данные из web служб — это через Http. И в этой статье мы посмотрим как это можно сделать Http-запрос в Angular 4.3 через новый HttpClient.

Начиная с версии Angular 4.3 появился новый HttpClient. В этой статье описывается только новый клиент.

Привет.

Я впервые пишу в поток об управлении и найме персонала. Речь пойдет об одном из способов классифицировать ваших будущих или действующих программистов. Мой основной тезис: все разработчики, грубо говоря, делятся на 4 больших типажа и каждому из этих типажей есть своя область применения. Попытка направить неправильный типаж на решение неподходящих для него задач ведет к провалу (неэффективная работа, или сотрудник покидает команду). Хотите знать почему так — добро пожаловать под кат. Приготовьтесь, текста много.