10 малоизвестных веб-API

Вместе с HTML5 появилось и большое количество новых API. Вот лишь некоторые из малоизвестных:

— Fullscreen API
— Async Clipboard API
— Resize Observer API
— Image Capture API
— Broadcast Channel API
— Performance Interface API
— Battery Status API
— Network Information API
— Vibration API
— Bluetooth API

О том, как с ними работать, читайте в статье:
https://tprg.ru/ctK3

#бэкенд #api

Самые популярные CSS фреймворки в 2020

https://dev.to/theme_selection/the-most-trending-css-frameworks-analogy-2020-a15

Deep Learning with JavaScript

Автор: Shanqing Cai, Stanley Bileschi, Eric D. Nielsen, With François Chollet
Год издания: 2020

Скачать книгу

#JavaScript #english

#ссылка дня
#css #js #mediaqueries #width #adaptive

Мы говорим “медиа-запросы” или “media queries” и обычно подразумеваем только часть с CSS. А когда дело касается JavaScript, во многих примерах, курсах и учебниках до сих пор используется сравнение window.innerWidth с желаемым значением на каждое событие изменения размера окна.

Конечно же, это неправильно и устарело. Уже давно существуют медиа-запросы для скриптов:

mediaQuery = window.matchMedia('(min-width: 768px)')

if (mediaQuery.matches) {
alert('Media Query Matched!')
}

Самое прекрасное в этом, что не надо слушать событие изменения размера окна. Достаточно лишь срабатывания самого медиа-запроса!

mediaQuery.addEventListener(function(e) {
if (e.matches) {
// your code
}
});

Подробнее и сравнение разных подходов в статье от Марко Илик (Marco Ilic) на CSS-Tricks: https://css-tricks.com/working-with-javascript-media-queries/

Создание анимации на JavaScript

10 видео с крутыми руководствами: https://prglb.ru/36e90

#video #animation

Изучаем Parcel — альтернативу Webpack для небольших проектов

https://habr.com/ru/post/516704/

Эффективное тестирование верстки

https://habr.com/ru/company/oleg-bunin/blog/499638/

​How to GraphQL

Полное руководство по GraphQL: https://prglb.ru/jofx

#graphql

React Native in Action

Автор: Nader Dabit
Год издания: 2019

Скачать книгу

#react #english

#course #russian #video

GraphQL

https://www.youtube.com/playlist?list=PLNkWIWHIRwMF2sVLwzRef0Cu5kzAOeRcu

Cache API в JavaScript

Разбираемся, как кэшировать ресурсы с помощью сервис-воркеров и Cache API: https://prglb.ru/1h202

#performance #browser

Функциональное программирование в JavaScript
https://www.youtube.com/watch?v=Mk93bhldluY&feature=emb_logo

Как перенести на TypeScript большую кодовую базу React UI-компонентов
https://habr.com/ru/company/badoo/blog/518246/

Путь к изучению React

Автор: Robin Wieruch и Alexey Pyltsyn
Год издания: 2018

Скачать книгу

#React #русский

Delightful React

Автор: Bhargav Ponnapalli
Год издания: 2019

Скачать книгу pdf
Скачать книгу djvu

#react #english #beginner

React programming. The Ultimate Beginner's Guide to Learn react js Programming. Step by Step

Автор: John Bach
Год издания: 2020

Скачать книгу pdf
Скачать книгу epub

#react #english

6 полезных библиотек для работы с React Native

https://medium.com/javascript-in-plain-english/c067b2b62c01

​Learning React (2020)
Авторы: Alex Banks, Eve Porcello
Количество страниц: 488

Если вы хотите научиться создавать эффективные веб-приложения на React, данная книга для вас. Эта обновленная версия также идеально подходит для веб-разработчиков и инженеров-программистов, которые знают основы JavaScript, CSS и HTML. В ней представлены передовые практики и шаблоны для написания современного кода на React. Никаких предварительных знаний о React или функциональном JavaScript не требуется.

Достоинства:
➕Самая актуальная книга по React на данный момент;
➕Хороший авторский стиль.

Недостатки:
➖Присутствуют ошибки в примерах кода.

Скачать книгу

#book #english #beginner

React and Redux for Absolute Beginners

FREE For 48 Hrs

Walkthroughs on basics React and Redux

https://coursevania.com/courses/react-and-redux-for-absolute-beginners/

Инструменты для авто-тестирования Frontend

Авто-тестирование - Это процесс, когда программные средства выполняют сценарии тестирования до выпуска продукта.

Chai - Библиотека BDD / TDD утверждений для узлов и браузеров, которые работают с любой инфраструктурой тестирования JavaScript.

Cucumber - Программный инструмент, используемый для тестирования ПО c помощью BDD.

FiveUI - Инструмент для оценки пользовательских интерфейсов HTML на соответствие определённым стандартам UI.

Jasmine - Фреймворк для BDD тестирования, не зависящий от браузеров, DOM и других фреймворков.

Jest - Фреймворк для юнит-тестов, используемый Facebook для тестирования сервисов и React приложений.

Sinon.js - Библиотека для эмуляции и проверки требуемого поведения в JavaScript с использованием spy, stub и mock.