Github отказывается от использования jQuery и переходит на чистый JavaScript

Mislav Marohnić объявил о том, что разработчики Github избавились от jQuery на фронтенде GitHub.com. Казалось бы, в самом этом факте нет ничего примечательного, если бы не один интересный момент.

Проблема выбора нового фреймворка для фронтенда была решена радикально — решено было обойтись без фреймворков в принципе.

Читать подробности

#news #js #github

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

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

Команды для работы с JavaScript-консолью в браузерах

#js #console

​​Классная пасхалочка в консоли у Reddit'a, вы замечали?

​​Подписчик написал, что пасхалка в консоли на Pikabu поинтереснее будет. А вы как считаете?

​​Magic — это невероятные кросс-браузерные анимации, которые можно использовать в дизайн-проектах. Еще у них есть версия для React.

Демо | GitHub

#css #animation

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

Жертвы GDPR. Кто прекратил работу из-за новых правил

#article #security

​​Bootstrap Magic — инструмент, предлагающий создать собственную 4.0 тему прямо в браузере. Вы начинаете с дефолтных цветов Бутстрапа и постепенно кастомизируете её в редакторе.

Bootstrap Magic | GitHub

#bootstrap #theme

Сложные, требующие долгого изучения и настройки интерфейсы — не для ленивых и, значит, не для людей.

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

Нужно себя заставить: драйверы и барьеры в интерфейсах

#design #ux

25 июля вышел Angular 6.1. Данный минорный релиз фреймворка можно рассматривать как замену Angular 6.0, включающую в себя некоторые новшества и исправления ошибок.

Подробности: Новые возможности Angular 6.1

#angular #news

Какой твой любимый frontend фреймворк?
anonymous poll

React – 315
👍👍👍👍👍👍👍 29%

Не использую – 276
👍👍👍👍👍👍 26%

Vue – 267
👍👍👍👍👍👍 25%

Angular – 165
👍👍👍👍 15%

Другой – 50
👍 5%

👥 1073 people voted so far. Poll closed.

Конструкция async/await появилась в стандарте ES7. Её можно считать замечательным улучшением в сфере асинхронного программирования на JavaScript. Она позволяет писать код, который выглядит как синхронный, но используется для решения асинхронных задач и не блокирует главный поток.

Несмотря на то, что async/await — это отличная новая возможность языка, пользоваться ей правильно не так уж и просто.

Конструкция async/await в JavaScript

#js #article

Фриланс vs. Офис

Эта знаменитая фраза — «Лучшие разработчики живут не в Сан-Франциско, а по всему миру». Развалившись в гамаке, на берегу острова Бора Бора, ты неспешно рисуешь скетч или отрабатываешь навыки js-ниндзя.
Может так и бывает, но уж точно не у автора статьи.

Недостатки фриланса. Личный опыт

#article #freelance

Специалисты Google очень информативно и компетентно пишут о PWA, но их рекомендации полезны больше тем, кто уже знаком с предметом.

Данная статья призвана показать, что Progressive Web Apps — это не сложно, и использовать эти технологии можно и нужно уже сейчас разработчикам любых сайтов.

PWA — это просто

#pwa #article

​​Push.js — кросс-браузерный плагин для отображения уведомлений на рабочем столе.

Демо | GitHub

#js #notifications

Во многих фронтенд-фреймворках, написанных на JavaScript (например, в Angular, React и Vue) имеются собственные системы реактивности. Понимание особенностей работы этих систем пригодится любому разработчику, поможет ему более эффективно использовать современные JS-фреймворки.

Реактивность в JavaScript

#js #article

Несколько лет назад мне посчастливилось стать инженером в команде Google Photos и поучаствовать в их первом запуске в 2015-м. Множество людей вложило силы в этот продукт — дизайнеры, продукт-менеджеры, исследователи и бесчисленные инженеры. Я отвечал за пользовательский веб-интерфейс, а точнее, за сетку с фотографиями.

Ниже я подробно расскажу о том, как мы справились с этими сложностями, и загляну под капот веб-версии Google Photos, как она работает.

Как мы делали веб-интерфейс для Google Photos

#article #ui #js

​​VSCodeThemes — удобный каталог тем для VS Code. Модные, тёмные и светлые темы.

vscodethemes.com

#theme #vscode

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

В этой статье приводится ряд рекомендаций по написанию качественного кода, проиллюстрированных примерами на JavaScript.

7 рекомендаций по оформлению кода на JavaScript

#js #style

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

Как улучшить интерфейс на примере YouTube

#ux #ui #design

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

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

Bullshit Web

#news