15 важных методов DOM

Все, что нужно, чтобы манипулировать элементами в браузере.

Читать: https://prglb.ru/54q7b

#javascript #browser

Учи JavaScript правильно. Путеводитель для растерявшихся

Заблудились в JavaScript? Это совсем неудивительно. Вам нужен гид, который расскажет, что на самом деле важно. У нас как раз есть такой.

https://proglib.io/p/learn-javascript

#javascript #beginners

GitHub авторизация на Node.js

Реализуем авторизацию через github-аккаунт с помощью Node.js и Express

Подробнее: https://prglb.ru/535ln

#node #api

Пожалуйста, отложите TypeScript ненадолго

TypeScript - это мощнейший быстро растущий инструмент. Но какова цена этой силы? Что стоит за этим инструментом, буквально меняющим правила игры?

Читать: https://prglb.ru/21rg9

#typescript

CSS псевдокласс :is() — как и где его использовать

Новый CSS псевдокласс :is() — это отличный способ выбирать нужные элементы, при этом не писать много лишнего кода, сохранять код читабельным.

Читать: https://prglb.ru/4y1wz

#css

Реактивное программирование на JavaScript

Способы реализации реактивного связывания в JS.

Смотреть: https://prglb.ru/47qbv

#javascript #video

Новые логические свойства в CSS!

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

Когда "слева" не значит "с начала строки"?

Читать: https://prglb.ru/2x9af

#css

Отзывчивые таблицы с минимумом CSS

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

Читать: https://prglb.ru/5srdp

#css

Переиспользование форм в Angular

Лучшие практики работы с формами в Angular.

Читать: https://prglb.ru/4u822

#frameworks #angular

10 лучших практик создания и поддержки больших проектов на Vue.js

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

Читать: https://prglb.ru/40thk

#frameworks #vue

​Гибкие лейауты на Flexbox

Подробное введение в свойства flexbox-модели с примерами.

Читать: https://prglb.ru/bft7

#css #beginners #layout

prefers-color-scheme

Лучшие практики создания темных тем на основе пользовательских предпочтений

Читать: https://prglb.ru/53ojy

#css #interface

Инструменты для разработчика

Большой список полезных инструментов и ресурсов для веб-разработчиков

Смотреть: https://tools.lullis.ru/

#tools #digest

Введение в производительность в вебе

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

Читать: https://calibreapp.com/blog/get-started-with-performance

#performance

Практическое руководство по Javascript Proxy

Proxy - мощный инструмент метапрограммирования в JS, обеспечивающий полный контроль при доступе к объекту. Он умеет отслеживать все основные операции (запрос значения свойства и его обновление, вызов метода, итерация, удаление свойств и т. д.)

Чтобы отслеживать какую-либо операцию, объект Proxy должен реализовать соответствующую "ловушку": метод get, set, deleteProperty и т. д.

Proxy может использоваться для реализации множества концепций:
- перегрузка операторов
- "настоящие" приватные свойства
- возвращения "нулевого значения"
- мокирование объектов
- кэширование данных и синхронизация состояний
- гибкие перечисления
- использование отрицательных индексов для поиска в массивах
- удобная работа с cookies
- реактивное изменение свойств

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

Подробнее о Proxy: https://webdevblog.ru/prakticheskoe-rukovodstvo-po-javascript-proxy/

#javascript #core

Полное руководство по ES10

Вспоминаем недавно добавленные JS-фичи - вдруг вы еще не начали их использовать 🤨

Речь пойдет о:
- больших числах
- плоских массивах
- стабильной сортировке
- стандартизированном глобальном объекте
- удалении пробелов из строк
- String.matchAll()
- Object.fromEntries()
- новых членах классов
- и еще многом другом

Читать: https://prglb.ru/5tkkz

#javascript #core

Пять причин поместить функции в класс

Краткий обзор того, как работают классы в JS, и пять причин, почему стоит преобразовывать функции в объекты.

Читать: https://nuancesprog.ru/p/7552/

#javascript #bestpractices

Создавай цифровые решения будущего и получи приз!

Мы объявляем онлайн-хакатон VirusHack от Ростелекома, организованный в партнерстве с Агентством инноваций Москвы и РАЭК. В нем вы прокачаете свои навыки в разработке технологий, которые помогут людям, бизнесу и государству приспосабливаться к нестандартным условиям жизни.

Победитель реализует свой проект при поддержке крупнейших компаний страны!

Призовой фонд хакатона 2 500 000 рублей!

Онлайн-хакатон пройдет с 3 по 5 мая 2020 года — успейте зарегистрироваться на него до 30 апреля 2020-го: https://proglib.io/w/ed95e79a

Добавляйтесь в чат хакатона: https://bit.ly/2RAQgOx

​React Native vs Flutter

React Native и Flutter - инструменты для быстрого и эффективного создания мобильных приложений для разных систем с единой кодовой базой. Но какой из них лучше?

Узнать: https://blog.soshace.com/react-native-vs-flutter-which-one-would-suit-you-better/

#mobile #react #flutter #frameworks

GraphQL

Подробное ведение в GraphQL с примерами кода
https://prglb.ru/4s93s

🤩 + Интерактивный тренажер
https://prglb.ru/5muzb

#database #backend #api

Размытые рамки в CSS

Несколько CSS-трюков для создания интересного блюр-эффекта.

#css