Что нового в Angular 5

21 ноября 2017г.


Долгожданное, а для многих наоборот, неожиданное, обновление мажорной версии популярного (среди меня и моей бабушки, конечно же) фреймворка Angular наконец-то состоялось. Случилось это 1 ноября, и вот спустя почти месяц я наконец-то осуществил перевод своего проекта на Angular 5 и могу поделиться своими впечатлениями.

Встречайте — Пентагональный Пончик!

Впечатления от Angular 5


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

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

Полный список акцентов

Долгий простой в блоге

25 октября 2017г.


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

А пока, вот вам картиночка:

Статическая и динамическая типизация

Релиз Bootstrap 4 Beta

16 августа 2017г.  ui     bootstrap4     ui system     релиз беты   


Скромно и без лишнего шума состоялся релиз beta-версии популярной UI-системы Bootstrap 4. Для меня релиз не был каким-то совсем уж долгожданным, благо всяческих конкурентов сейчас хватает. Но нельзя отрицать тот факт, что Bootstrap вдохновлял многих из них. Поэтому, давайте посмотрим, что изменилось со времен третей версии.

Что нового?


  • Откройте панель разработчика F12
  • Вызовите Меню Команд Ctrl + Shift + P
  • Введите screenshot
  • Выберите "Capture full size screenshot" для захвата всей страницы или "Capture screenshot" для захвата видимой области

Актуально для 59+ версии.


Каждый раз когда создаю новый проект, по привычке начинаю ориентироваться на верстку, которую предлагает старый добрый Bootstrap 3. Каюсь, просто очень привык. Тем не менее, существует большое число альтернативных CSS-фреймворков и сборников компонентов, о некоторых из которых я бы хотел рассказать.

Меня особо интересуют фреймворки, которые хорошо уживаются с Angular-ом.

Посмотреть всех

Релиз Webpack 3

26 июня 2017г.  webpack 3   


С момента выхода второй версии webpack прошло (по ощущениям) не так много времени. Не все даже успели сделать апгрейд с первой версии. Тем не менее, тихо и без происшествий зарелизился Webpack 3.

Что нового?


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

Bojler — boilerplate, созданный специально для упрощения этой задачи. С его помощью вы в самый короткий срок сможете собрать шаблон для рассылки, который будет красиво выглядеть в большинстве популярных email-клиентах.

Далее


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

Сильную и слабую типизацию рассматривать не будем, так как статья немного не об этом.

Что же лучше?


Решил опубликовать эту заметку, так как у меня довольно часто пригорает, когда коллеги и знакомые употребляют данное слово. И то, как они его употребляют, заставляет меня бить себя по лицу ладонью. Вы тоже наверняка слышали все эти "шедУл", "шедУле" и даже "щедАл".

Какое-то невероятно сложное для большинства неанглоговорящих слово. А ведь нужно всего лишь один раз запомнить правильный вариант.

Ответ тут


Выбор javascript фреймворка

Бытует мнение, что начать писать приложения с использованием Angular невероятно сложно. Половина из желающих собрать SPA своей мечты поддались веяниям моды и сразу отсеялись писать приложения на react.js. Высокий уровень вхождения из слухов "экспертов" отпугнул половину из тех, кто не поддался моде. Половину из оставшихся отвратила необходимость осваивать какой-то TypeScript (вам что обычного JS мало?) или Dart (а это что вообще такое?). Половину из этих оставшихся отпугивает чехарда с версиями Angular-а. Половина из тех, кто все-таки разобрался с версиями, не смогли пробиться через первые страницы документации на английском языке. Половина из оставшихся погрязли в устаревших boilerplate-ах и quickstart-ах для Angular 2 rc-X. И так далее, пока в конце концов, не остался один лишь ты, мой одинокий, но очень отважный читатель. И именно тебе я расскажу, правдив ли заголовок этой статьи.

Врет ли заголовок?

Про версии Angular-а

19 апреля 2017г.  angular     angularjs     framework     upgrade     frontend   


В данной заметке хотелось бы разобрать неразбериху с версиями фреймворка Angular и разобрать самые частые вопросы. Почему разработчики с опытом Angular 2 так неохотно откликаются на вакансии Angular 1.x? Какая версия текущая? При поиске разработчика, какую версию стоит указать? Почему после второй версии выпустили сразу третью?

Давайте разберемся


График релизов Angular

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

Узнать планы