Канал, на котором выкладывают задачки по JavaScript разного уровня и решение на них.

Грех не подписаться на такой полезный канал 👉🏻 @js_test

Что такое JSON и зачем он нужен?

Небольшое, но подробное руководство по JavaScript Object Notation.

Ознакомиться: https://prglb.ru/1st0d

#json #javascript #beginners

SEO в React-приложениях: трудности и решения

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

Но в React-проектах с этим есть сложности:

☹️ Единый урл для всех страниц
☹️ Единые мета-теги для все страниц
☹️ Нет контента без работающего JS в браузере

Сообщество давно разработало инструменты для решения этих проблем даже без SSR:

☺️ React Router для изменения урлов
☺️ React Helmet для обновления метаданных
☺️ А также - грамотное использование Google Search Console!

Подробнее: https://prglb.ru/4h5bg

Во время самоизоляции многие работодатели наконец-то признали, что удалённые работники вполне эффективны. Пути назад нет — бизнес идёт туда, где ему выгодно, и скоро всё меньше рабочих мест будут требовать физического присутствия работника в офисе.

Мы предлагаем встретить эти перемены во всеоружии. С 14 по 16 апреля GeekBrains проводит серию бесплатных вебинаров «Все об удалёнке: как работать эффективно и зарабатывать»

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

Переходите по ссылке, чтобы узнать больше и записаться: https://proglib.io/w/5d56bc63

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