Медиа | Веб-разработка | CSS | JavaScript
Медиа
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
Веб-разработка
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
• Yaml для веб разработчиков
• Авторизация и аутентификация для всех
• Google отложил переход на mobile-first индексацию до марта 2021 года
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
- Доступность
•Перевод прототипов в доступный HTML/CSS код
•Как действовать и понять доступность уже сейчас
•Руководство для начинающих по ADA Website Accessibility Compliance
CSS
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
• Объяснение ключевых слов initial, inherit, unset и revert в CSS
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
JavaScript
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
- Теория
• Двоичное дерево поиска на JavaScript
• Практика функционального программирования на JavaScript — методы составления данных
• Работаем с датами на VanillaJS
•Что такое мемоизация?
- React
•Debouncing с помощью React Hooks: хук для функций
• Подробно о React Router. Часть 3— редиректы, передача props компоненту роута и вложенные роуты +бонус
•Давайте поговорим о SVG и его асинхронной загрузке в React
•Как реализовать React-миграцию и повысить производительность в 3 раза?
•Как использовать Styled-Components в React
•Юнит тестирование в React — Что нужно знать
•Тестирование в React, часть 2: библиотека React Testing
•4 популярных способа стилизации ваших React компонентов
- Vue
• Вам возможно не нужен Vuex с Vue 3
•Создание десктоп приложений с помощью Electron и Vue
•Как я использую Vue Slots на моем сайте
•Vue 3.0 вступил в стадию релиз-кандидата!
•Как создать доступное фронтенд приложение с помощью Chakra UI и Nuxt.js
•Code Coverage для приложений на Vue
•Шрифтовая иконочная система с SVG иконками для Vue
- Angular
•Ленивая подгрузка переводов с Angular
•Упрощение Change Detection в Angular
•Максимальное использование Angular DI: концепт приватных провайдеров
•5 советов, чтобы улучшить свои навыки в Angular
•Angular + CSS Modules
- Ember
•The Ember Times — Issue No. 157
•Магия, стоящая за модификаторами ember
•Обнаружение компонентов Ember.js, входящих или выходящих из области просмотра
- Libs & Plugins
•doom-scroller.js — забавная JavaScript библиотека, которая поможет вам избавиться от бесконечного скроллинга путем добавления элементов из Doom
•mailgo — новый концепт модальных окон для ссылок mailto и tel
•Perfect Arrows — Набор функций для рисования идеальных стрелок между точками и фигурами.
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
aio350
спасибо за подборку