Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
Медиа
• Подкаст «Frontend Weekend» #86 – Александр Коротаев о том, как и зачем писать игры на JavaScript и выступать за рубежом
• Подкаст «CSSSR» Новости 512 — Выпуск №33
• «Девшахта-подкаст»: #64: ECMAScript модули в Node.js — новый план
• Подкаст «Фронтенд Юность (18+)» #79 Монопаразитории и полиперы
• «ALL YOUR HTML» #s2e4: «Ползающие полоски»
Веб-разработка
• Новый год, новый GitHub: неограниченные бесплатные приватные репозитории
• Что не так с GraphQL, И как с этим бороться
• Визуализация концепций GraphQL
• Chrome DevTools: пять самых популярных советов для DevTools с 2018 года
- Производительность:
• Чеклист производительности фронтенда 2019 от Виталия Фридмана [PDF, Apple Pages, MS Word]
• Этика веб-производительности
- Accessibility:
• Создание доступных SVG
• Состояние доступности
- Анимация:
• Использование Animation Worklet
• Анимация меш-линий
CSS
• Подводные камни пользовательских CSS-свойств
• CSS — не отстой
• Новые горизонты в CSS: Houdini и Paint API
• Техники Sass из окопов
• Стилизация веб-компонентов
• Как работает специфичность CSS в браузере
• Зачем нам CSS subgrid
• Когда и как использовать CSS Multi-Column Layout
• Объединяем подходы к созданию Masonry Layout на CSS
• Введение в CSS Containment
JavaScript
• JavaScript: топ тем и фреймворков для изучения в 2019 году
• Результаты опроса 2018 JavaScript Rising Stars
• Computer science в JavaScript 2019: связанный список
• Защищенный JavaScript. Как писать код, который не делает то, что не должен
• Советы и рекомендации, которые могут вам понадобиться при работе с JavaScript (вопросы и ответы)
• 9 хитростей для крутых разработчиков JavaScript в 2019 году
• Удаление ключевого слова «this» в JavaScript делает его лучшим языком. B вот почему
• Я ненавижу циклы for, и вот почему
- Практика:
• Пятничный JS: квайн, который играет в крестики-нолики
• Как написать собственный Custom Mouse UI Class на ванильном JavaScript
• Как начать работать с соревновательным программированием на JavaScript
• Преобразование цветовых пространств в JavaScript
• Как создать просмотрщик PDF файлов на JavaScript
- ES2015+:
• Новые возможности ES2018, которые должен знать каждый разработчик JavaScript
• Как освоить Async / Await с помощью примера из реального мира
• Улучшите свой асинхронный JS-код с помощью async/await
- Node:
• Нет, вам не нужен Express в вашем REST API на Node.js
• Анонс Matterhorn — Node.js API Server Boilerplate
• Руководство для начинающих по серверной веб-разработке с Node.js
• Создание персонального бота в Facebook Messenger за 10 минут с NodeJS и библиотекой Standard
- React:
• Руководство по созданию React шаблона с нуля
• Как начать работать заниматься веб-разработкой с нуля to Create-React-App на Windows
• Начало работы с веб-доступностью в React
• Подробное руководство по React Boilerplate — от нуля до героя
• Справочник React
• Как я создал асинхронную библиотеку для валидации форм в ~ 100 строках кода с помощью React Hooks
• Создание Snapping Image Swiper в стиле Instagram на React
• React Kawaii — Милые React SVG компоненты
- VueJS:
• Vue.js, TypeScript и TSX в 2019 году
• 8 Vue.js UI компонентов для 2019
• 10 лучших советов для изучения Vue от мастеров Vue
• 30 Days of Vue. Введение во Vue в 30 маленьких частях. Написано авторами Fullstack Vue
- Angular:
• Прокачиваем Angular NGSW с помощью кастомной логики в Service Worker
• Хочешь выучить Angular?
• Angular Material Starter для поддержки Ng-Bootstrap
• Создай приложение со всем новым и интересным в Angular 7
• На пути к Angular 8: зарелизили Angular 7.2
• Анимации в Angular 7
- Libs & Plugins:
• Библиотека для создания веб-анимации Anime.js обновилась до версии v3.0.0. Работает со свойствами CSS, SVG, атрибутами DOM и объектами JavaScript.
• karin: элегантный HTTP клиент на базе промисов для браузеров и node.js
• Ваши помощники при работе с WebGL
Браузеры
• Встроенный в Chrome блокировщик рекламы заработает для всех стран летом текущего года
• Mozilla разрабатывает новый мобильный браузер Fenix
• Разработка Flexbox Inspector
Занимательное
• Что произошло в сфере IT-безопасности в 2018 году — утечки, атаки, майнинг и мемный хакинг
• Глава NVIDIA заявил, что закон Мура мертв
• Типографика в дополненной реальности: сделать шрифт более читаемым под разным углом обзора
• Что программист не должен был пропустить в 2018 — мнение экспертов
• Python назвали языком 2018 года в январском рейтинге TIOBE
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort