Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Занимательное
•
Подкаст «Веб-стандарты», Выпуск №167: Редакторы, фреймворки, образование и Илья Климов из GitLab
•
Подкаст «Frontend Weekend» #89 – Что изменилось у Григория Петрова (уход из Voximplant, Moscow Python Conf и нейрофизиология)
•
Подкаст «CSSSR» Новости 512 — Выпуск №44 (23.03 — 29.03)
•
Подкаст «Фронтенд Юность (18+)» #89 Mind as a service
•
Подкаст «HardcodeFM», Episode 10: Make React^W code great again
•
Подкаст Argumentarium от CSSSR: «Типизация джаваскриптового коня в вакууме»
•
FrontSpot Show#4: Фронтенд в 2019, прыгуны, неадекватные собесы, курсы 'Весь JS за час'
•
«ALL YOUR HTML» #s2e8: «Точки в виде Beyonce»
•
JS со всех сторон: топ-10 докладов HolyJS 2018 Moscow
•
JavaScript fwdays'19, 20 видео с конференции, прошедшей в начале марта
•
AMP: будущее электронной почты
•
Почему SvelteJS возможно лучший фреймворк для новых веб-разработчиков
• Mozilla развивает WASI для использования WebAssembly вне браузера
•
Что нового в iOS 12.2 для прогрессивных веб-приложений
•
Причины, по которым веб-компоненты идеально подходят для большой компании.
•
Практическое руководство по изучению фронтенд разработки для начинающих
•
От разработчика фронтэнда до DevOps: введение в CI/CD
•
Прекращайте использовать столько div-ов! Введение в семантический HTML
• CSS селекторы 4-го уровня
•
Инструменты для создания адаптивного сайта без доступа к сайту
•
Чего мне никогда не говорили о CSS
•
Всё, что нужно знать об автоматических переносах в CSS
•
Руководство по CSS counter
•
Как сделать CSS Grid Layouts доступным
•
Как создать dark\light-переключатель с CSS и Javascript
•
Как выровнять всякие штуки в CSS
•
CSS Houdini может изменить способ, которым мы пишем и управляем CSS
•
Прикольное использование псевдоэлементов ::before и ::after
•
Выведение пользовательских свойств CSS из :root может быть хорошей идеей
• 5 типовых задач на собеседованиях по JavaScript
• JS Зарисовки на тему URL
• Подборка JS-фреймворков для работы с компьютерным зрением
•
12 хитростей JavaScript, которых вы не найдете в большинстве уроков
•
14 лучших JavaScript API
•
Надежный JavaScript: Часть I
•
Создание децентрализованного веб-чата за 15 минут
• Европарламент принял директиву об авторских правах в интернете с исключениями для открытого ПО
• На следующей неделе закроются соцсеть Google+ и сервис Inbox, общее количество «убитых Гуглом» проектов достигло 150
• «Черный день для свободы Интернета». Европарламент окончательно одобрил скандальную директиву об авторском праве в интернете
• 5 ИИ-сервисов, которые работают в браузере
• ИИ, больше RTX и автопилот: главное с конференции GTC 2019
• Microsoft запретила своим сотрудникам шутить на первое апреля
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Медиа | Веб-разработка | 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)
•
![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)
•
![video](https://habrastorage.org/storage3/976/d3e/38a/976d3e38a34b003f86f91795524af9f8.gif)
•
![video](https://habrastorage.org/storage3/976/d3e/38a/976d3e38a34b003f86f91795524af9f8.gif)
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.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)
• Mozilla развивает WASI для использования WebAssembly вне браузера
•
![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)
- Tools:
•Как публиковать пакеты в npm
•Обновление Webpack с 3 до 4
•majestic: GUI без конфигураций для Jest
CSS
• CSS селекторы 4-го уровня
•
![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
• 5 типовых задач на собеседованиях по JavaScript
• JS Зарисовки на тему URL
• Подборка JS-фреймворков для работы с компьютерным зрением
•
![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
•Иллюстрированное (и музыкальное) руководство по методам массивов Map, Reduce и Filter
•Кратчайший способ условного добавления свойства в литерал объекта
React:
•Чем функциональные компоненты React отличаются от компонентов, основанных на классах?
•Записка frontend-архитектора #1. Нельзя просто так взять и использовать Redux
•Полное руководство по useEffect
•По ту сторону Create React App: React Router, Redux Saga и другие
•Создание компонента Social Follow в React
•Видеопроигрыватель для веб на React
VueJS:
•Валидация форм во Vue.js
• Автоматическое развёртывание Vue.js-приложений
•Создание переиспользуемого компонента для постраничной навигации во Vue
•Итак, что нового в Vue CLI 3.0?
Angular:
•Ваше Angular-приложение в качестве PWA
•Создание продовольственного магазина с использованием Redux и Angular
•Основные преимущества использования Angular для вашего проекта
•Глубокое погружение в Angular NgOnDestroy
•Рекомендуемые расширения для VS Code для Angular разработчиков
- Libs & Tools:
• DotsMenu — удобное выпадающее меню
•eslint-plugin-unicorn: набор различных правил для ESLint
•Оптимизация код-ревью с ESLint + Prettier
•Cube.js — Open Source фреймворк для аналитики
Занимательное
• Европарламент принял директиву об авторских правах в интернете с исключениями для открытого ПО
• На следующей неделе закроются соцсеть Google+ и сервис Inbox, общее количество «убитых Гуглом» проектов достигло 150
• «Черный день для свободы Интернета». Европарламент окончательно одобрил скандальную директиву об авторском праве в интернете
• 5 ИИ-сервисов, которые работают в браузере
• ИИ, больше RTX и автопилот: главное с конференции GTC 2019
• Microsoft запретила своим сотрудникам шутить на первое апреля
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.