Медиа | Веб-разработка | CSS | JavaScript | Браузеры
Медиа
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![video](https://habrastorage.org/storage3/976/d3e/38a/976d3e38a34b003f86f91795524af9f8.gif)
Веб-разработка
•
![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)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
- Инструменты
•10 лучших практик контейнеризации веб-приложений Node.js с помощью Docker
•Deno в 2020
•Релиз Snowpack v3.0
•Семь способов проверить доступность вашего веб-сайта с помощью браузерных инструментов разработчика
- Производительность
•Front-End Performance Checklist 2021. Всеобъемлющий чеклист производительности от Виталия Фридмана.
•Как ускорить работу мобильного сайта за 5 шагов + инструменты для тестирования скорости мобильного сайта
•Отслеживайте производительность вашего веб-приложения с помощью JavaScript
- Эффекты
•Анимация бесконечного гиперболического геликоида с помощью Three.js
•Анимация с Lottie
•Создание огня из Doom Fire с помощью современного JavaScript
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)
•
![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
• 2020 JavaScript Rising Stars. Обзор трендов JS-проектов исходя из количества звёзд на GitHub
• State of JS 2020: Результаты опроса
• Практическое введение во внедрение зависимостей (Dependency Injection)
•
![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: декораторы
• Операторы логического присваивания
• Стек и очередь в JavaScript
•Асинхронные циклы и почему они терпят неудачу. Часть 1
•Новый метод массива, который вам понравится: array.at(index)
•Новые неизменяемые типы данных JavaScript: записи и кортежи
•Руководство для новичков по JavaScript мемоизации
•Глубокое погружение в модули JavaScript
- React
•Код на React и TypeScript, который работает быстро. Доклад Яндекса
•Дорожная карта React: 10 шагов, чтобы стать разработчиком React в 2021 году
•Вы не знаете useState, пока не воспользуетесь функциональными обновлениями
•Профилирование приложений React с помощью Profiler API
•3 подхода к интеграции React с пользовательскими элементами
•Интеграция Dialogflow в приложение на React
•Использование redux-like middleware для useReducer в React
•Введение в React Server Side Rendering
•React vs. web components
- Vue
•Пишем мессенджер на Vue в облаке Amazon
•2020-2021: Размышления Эвана Ю о Vue
•vno: a vue / deno love story
•Взгляд на Scoped Slots во Vue
- Angular
•Taiga UI — библиотека компонентов под Angular, которую вам стоит попробовать
•Мысли про документацию Angular: смотрим в будущее, оглядываясь назад
•Демистификация корневого компонента Taiga UI: паттерн порталов в Angular
- Ember
•The Ember Times — Issue No. 171
•I Love Ember.js — Routes & Ember Data
•Расстаньтесь со своим фронтенд монолитом с помощью Ember Engines
•Микро-фронтенды с Glimmer.js и single-spa
- Libs & Plugins
•qs — querystring-парсер с поддержкой вложенности
•Altair — красивый многофункциональный клиент GraphQL для всех платформ.
Браузеры
• Google отключит сторонние браузеры на движке Chromium от своих служб
• Пользователи теперь могут выбрать версию Microsoft Edge для устройств Apple M1
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
aio350
Благодарю за подборку
alexzfort Автор
И вам спасибо