Предлагаем вашему вниманию последнюю в этом году подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
Медиа
• Подкаст «Веб-стандарты», Выпуск №153: Сообщество в Астане, YouTube против Edge, Android и PWA, картинки, офлайн и сервис-воркеры, про CSS прямо из спеки, фулстек как единорог
• Подкаст «Пятиминутка Angular» #14 — More groups and channels, Optimisation, StackBlitz, RxJS puzzle, NGX
• Подкаст «Frontend Weekend» #85 – Дмитрий Махнев о работе в Одноклассниках и нюансах подготовки конференций
• Подкаст «Фронтенд Юность (18+)» Новогодний стрим Фронтенд Юности
• Подкаст «CSSSR», Новости 512 — Новогодний спецвыпуск
• «ALL YOUR HTML» #s2e3: «Снежинки, canvas-sketch»
Веб-разработка
• Фронтенд-2018: итоги года
• Вопросы кандидату на должность front-end разработчика
• WebP сегодня: зачем и как?
• Создаём оффлайн-страницу для своего сайта
• Комплексный взгляд на фронтенд в 2018 году
• Создаем сайт как в 1998 году
• Создаем сайт как в 2018 году
• Понимание Virtual DOM
- Производительность:
• Начало работы с веб-производительностью: руководство для новичков 2019
• Улучшение воспринимаемой производительности вашего веб-приложения
• Градиентные плейсхолдеры для изображений
- PWA:
• Создание PWA всего за минут
• Siri Shortcuts для создания значков PWA и Web App Manifest
• Мой список пожеланий для прогрессивных веб-приложений в 2019 году
• Заменят ли PWAs нативные мобильные приложения?
- Tools:
• Fiddly — Создавайте красивые и простые HTML-страницы из ваших Readme.md файлов
• Webpack: от 0 до автоматического тестирования
- Анимация:
• Трехмерные презентации товаров на THREE.js для самых маленьких
• Подборка крутых демок за 2018
CSS
• Grid Layout как основа современной раскладки
• Анимация подчёркивания ссылок на чистом CSS
• Начальная реализация clip-path: path ();
• Как создать галерею изображений с помощью with CSS Grid
• Градиентные бордеры в CSS
• Типичные проблемы CSS для фронтенд-проектов
JavaScript
• 19 идей для Node.js-разработчиков, которые стремятся вырасти над собой в 2019 году
• Принципы функционального программирования в JavaScript
• JS итоги 2018 и прогнозы на будущее
• Укрощение данных с помощью JavaScript
• Как выполнить веб-скраппинг с помощью Node.js
• Разбираемся с Throttling и Debouncing
- React:
• Конечные React Компоненты
• React Hooks: что будет с моими тестами?
• Как кастомизировать сторонние компоненты в React
• Пересмотр тестирования в React в 2019
• Вопросы для собеседования по React/Redux
• Управление веб-аудио с помощью React и Redux Middleware
- Angular:
• Статистика русскоязычного сообщества Angular за 2018
• Как мы обновили веб-сайт с полмиллиардом пользователей в год до Angular 7 менее чем за день
• Развлекаемся с миксинами в Angular
• Quicklink — новая cтратегия предзагрузки Angular
• Умная страница 404 в Angular
- VueJS:
• Как я работаю со Vue в 2019 году: TypeScript и TSX
• Как создать приложение BookSearch, используя Vue.js и ElasticSearch
- Libs & Plugins:
• Shortcuts JS — создание Apple Shortcuts с помощью
• Magic Grid — простая и легкая Javascript библиотека для динамических грид-лейаутов
• netlify-shortener — Ваш собственный бесплатный сокращатель URL с Netlify
• node-security — Самый простой способ контролировать доступ к модулям npm
Браузеры
• Доступен Librefox, вариант Firefox с изменениями для приватности и безопасности
• Xiaomi выпустила Mint Browser – браузер для Android с ночным режимом, синхронизацией закладок и без рекламы
• Microsoft сравнила эффективность браузеров в Windows 10 October 2018 Update
• В Firefox 66 появится кнопка для поиска вкладок
• Как добавить пользовательские стили в Firefox
Занимательное
• Рисуем нарядные новогодние ёлочки символами ASCII (и не только)
• История проекта Dragonfly: как Google на Китай ходила
• Самые бесполезные инновации 2018 года — список Inc.
• Турбулентность в ИТ: с какими проблемами столкнулись технологические лидеры в 2018 году
• TechCrunch назвал лучшие и худшие гаджеты 2018 года
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort