Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
•
Подкаст «Сделайте мне красиво» Выпуск №32, в гостях Артур Кенжаев — Самая глупая статья и самый сложный выпуск
• Подкаст «Веб-стандарты» №210: Console.log или debug, вариативные шрифты, принципы a11y, НГ акции, одноразовый код
• Подкаст «CSSSR»: Новости 512 — Новогодний специальный выпуск 2020
•
Видео с PiterJS: #37 (T-Systems), #38 (Nexign), #40 (DataArt), #41 (DINS), #42 (JetBrains)
•
Прогрессивные веб-приложения в 2020
• CI/CD для фронтенда: обзор инструментов и практик для автоматизации разработки
• SEO-итоги 2019 года: ставка на асессоров
• Изучаем IndexedDB
•
Веб-разработка в 2020 году — взгляд в будущее
• Что вы можете сделать с помощью браузера в 2020 году
• Что мы читаем, 2019. Подборка ресурсов, на которых можно следить за тенденциями веб-разработки
• Что такое CORS (Cross Source Resource Sharing)?
• Storybook Docs для новых фреймворков
• Подборка креативных прототипов анимированных интерфейсов «UI Interactions & Animations Roundup #1»
• Создание макета ежедневника с помощью CSS Grid & Subgrid & Flexbox
• Понимание CSS-in-JS
• Понимание CSS Grid: создание Grid Container
• Могущественное свойство CSS z-index
• Полезен ли селектор “is”?
• 2 способа создания Holy Grail Layout на Flexbox
• Минимальная и максимальная ширина / высота в CSS
• Новый год, новая работа? Давайте создадим резюме на гридах!
• JavaScript Weekly 2019: самые популярные ссылки, статьи, туториалы и видео за 2019
• 70 вопросов для интервью по JavaScript
• Chrome V8 версии 8.0 — V8, — Чего ожидать?
• Смещение выборки, FDR и мысли о The State of JS
• Наиболее важные события 2019 года
• Автономный рунет, нейросети, спутники Starlink, складные смартфоны: как поменялась сфера IT за последний год
• Samsung Galaxy Fold, скандал с «кредитками» от Apple и проблемы Boeing: технологические неудачи в 2019 году
• GIGANEWS. Все самые важные новости безопасности за 2019 год
• Редизайн сайта или как сохранить позиции и трафик в поисковых системах
• В девяностых и сейчас: как менялись грузовик Coca-Cola, новогодние дудлы Google, стаканчики Starbucks и другие символы
• Пять лучших книг о науке за 2019 год по версии научного издания Nature
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Медиа | Веб-разработка | CSS | JavaScript | Занимательное |
Медиа
•
Подкаст «Сделайте мне красиво» Выпуск №32, в гостях Артур Кенжаев — Самая глупая статья и самый сложный выпуск•
Подкаст «Веб-стандарты» №210: Console.log или debug, вариативные шрифты, принципы a11y, НГ акции, одноразовый код•
Подкаст «CSSSR»: Новости 512 — Новогодний специальный выпуск 2020 •
Видео с PiterJS: #37 (T-Systems), #38 (Nexign), #40 (DataArt), #41 (DINS), #42 (JetBrains)
Веб-разработка
•
Прогрессивные веб-приложения в 2020• CI/CD для фронтенда: обзор инструментов и практик для автоматизации разработки
• SEO-итоги 2019 года: ставка на асессоров
• Изучаем IndexedDB
•
Веб-разработка в 2020 году — взгляд в будущее•
Что вы можете сделать с помощью браузера в 2020 году •
Что мы читаем, 2019. Подборка ресурсов, на которых можно следить за тенденциями веб-разработки •
Что такое CORS (Cross Source Resource Sharing)?•
Storybook Docs для новых фреймворков•
Подборка креативных прототипов анимированных интерфейсов «UI Interactions & Animations Roundup #1»- Производительность
• Оптимизация загрузки изображений
• Сравнение производительности HTTP/1.1, HTTP/2 и HTTP/2 + Server Push
• Прототипирование оптимизаций с помощью Cloudflare Workers и WebPageTest
• Как оптимизировать время загрузки страницы: другой взгляд на индекс фрустрации
• Как читать waterfall-диаграмму в WebPageTest
• Проблемы с производительностью JavaScript?
CSS
•
Создание макета ежедневника с помощью CSS Grid & Subgrid & Flexbox •
Понимание CSS-in-JS•
Понимание CSS Grid: создание Grid Container •
Могущественное свойство CSS z-index •
Полезен ли селектор “is”?•
2 способа создания Holy Grail Layout на Flexbox•
Минимальная и максимальная ширина / высота в CSS •
Новый год, новая работа? Давайте создадим резюме на гридах! JavaScript
•
JavaScript Weekly 2019: самые популярные ссылки, статьи, туториалы и видео за 2019•
70 вопросов для интервью по JavaScript •
Chrome V8 версии 8.0 — V8, — Чего ожидать? •
Смещение выборки, FDR и мысли о The State of JS- Теория
• Из чего сделан JavaScript?
• Быстрые и поддерживаемые шаблоны для создания выборки из базы данных
• Распространенные ошибки Javascript Promise, которые каждый новичок должен знать и избегать
• 5 функций JavaScript, без которых я не мог бы писать код
• 11+ функций JavaScript, которые вы, вероятно, никогда не использовали
• ES7-ES9 Features #8 String methods
- React
• Сила упрощения больших компонентов в React
• Сравнение библиотек тестирования React
• Работа со ссылками в Next.js
• Redux VS React Context: какой из них выбрать?
• Год React — обзор 2019
• React-Redux Hooks с Typescript в 2020
- Vue
• API Vue Composition: что это такое и как его использовать?
• Off Main Thread архитектура с помощью Vuex
• Шпаргалка по Vue, часть 3, продвинутая
• Vue Apollo v4: первый взгляд
• Создание веб-компонентов с помощью Vue.js
• Vue.js Composition API: использование с MediaDevices API
• Ленивое решение Observable API Services с Vue.js
• Обзор Vue Keep-Alive
- Angular
• Angular: Supercharging The Router
• 15 лучших статей по Angular за 2019 год
• Повысьте производительность SPA, разбив ваши библиотеки Angular на несколько частей
• compodoc — инструмент документации проектов на angular
- Ember
• Использование TailwindCss с Ember
• Promises и UI states в Ember.js
• Одна из причин, почему вы должны использовать URL
- Svelte
• Создайте отзывчивый веб-сайт с помощью Svelte за 30 минут.
• Как создать веб-компонент в Svelte
- Libs & Plugins
• Как правильно использовать библиотеки утилит в JavaScript
• IsoCity — Изометрический градостроительный симулятор на JavaScript
• Как выпустить библиотеку с открытым исходным кодом в 2020 году
Занимательное
• Наиболее важные события 2019 года
• Автономный рунет, нейросети, спутники Starlink, складные смартфоны: как поменялась сфера IT за последний год
• Samsung Galaxy Fold, скандал с «кредитками» от Apple и проблемы Boeing: технологические неудачи в 2019 году
• GIGANEWS. Все самые важные новости безопасности за 2019 год
• Редизайн сайта или как сохранить позиции и трафик в поисковых системах
• В девяностых и сейчас: как менялись грузовик Coca-Cola, новогодние дудлы Google, стаканчики Starbucks и другие символы
• Пять лучших книг о науке за 2019 год по версии научного издания Nature
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
