WebDEV

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

Код надо писать так, чтобы, во-первых, с ним, в будущем, удобно было бы работать другим программистам, включая его автора, а во-вторых  —  с учётом возможности расширения этого кода. То есть, нужно стремиться к тому, чтобы в приложение сравнительно просто было бы добавлять новые возможности, и чтобы его кодовую базу было бы удобно сопровождать. В этой статье приводится ряд рекомендаций по написанию качественного кода, проиллюстрированных примерами на JavaScript. 7 рекомендаций по оформлению кода на JavaScript #js #style

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

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

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

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

Специалисты Google очень информативно и компетентно пишут о PWA, но их рекомендации полезны больше тем, кто уже знаком с предметом. Данная статья призвана показать, что Progressive Web Apps — это не сложно, и использовать эти технологии можно и нужно уже сейчас разработчикам любых сайтов. PWA — это просто #pwa #article

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

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

Какой твой любимый frontend фреймворк? anonymous poll React – 315 👍👍👍👍👍👍👍 29% Не использую – 276 👍👍👍👍👍👍 26% Vue – 267 👍👍👍👍👍👍 25% Angular – 165 👍👍👍👍 15% Другой – 50 👍 5% 👥 1073 people voted so far. Poll closed.

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

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

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

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

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

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

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

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

Github отказывается от использования jQuery и переходит на чистый JavaScript Mislav Marohnić объявил о том, что разработчики Github избавились от jQuery на фронтенде GitHub.com. Казалось бы, в самом этом факте нет ничего примечательного, если бы не один интересный момент. Проблема выбора нового фреймворка для фронтенда была решена радикально — решено было обойтись без фреймворков в принципе. Читать подробности #news #js #github

Разработка безопасных и надежных облачных веб-приложений — очень, очень сложное дело. Если вы думаете иначе, вы либо не от мира сего, либо жизнь вас еще не проучила. После того, как вы просмотрите приведённый ниже контрольный список задач, которые нужно решить для обеспечения безопасности веб-проекта, вы, наверняка, сами увидите, что многое из того, что в нём есть, в вашей разработке не учтено. Безопасность для веб-разработчиков #article #security