Небольшое руководство по CI/CD для фронтенд разработчиков

https://blog.maximeheckel.com/posts/guide-to-cicd-for-frontend-developers

​Форматирование чисел в JavaScript

Для этого чаще всего используют Number.prototype.toFixed(), стороннюю библиотеку или вручную обрабатывают число. Но современные браузеры поддерживают Number.prototype.toLocaleString() и Intl.NumberFormat, с помощью которых можно преобразовать число, добавить знак валюты, отформатировать проценты и многое другое.

Подробнее в статье: https://tprg.ru/jNCR

#javascript

Погружаемся в Jamstack с помощью React, Serverless и Airtable

https://css-tricks.com/going-jamstack-with-react-serverless-and-airtable/

6 советов и лучших практик для масштабируемого проекта на React

https://blog.bitsrc.io/best-practices-and-tips-for-a-scalable-react-application-db708ae49227

ReactJS Training.

Become a Web Developer with mastery over React. Learn latest ReactJS concepts - Redux, React Router, JSX, Webpack, more.

https://www.udemy.com/course/reactjs-training/?couponCode=REACTJS_SEP_UPLATZ

Учимся кодить на JavaScript. Javascript для подростков

Автор: Джереми Мориц

Год издания: 2019

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

#javascript #русский

Полное пошаговое руководство по API GraphQL с React и FaunaDB

https://css-tricks.com/a-complete-walkthrough-of-graphql-apis-with-react-and-faunadb/

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 #русский