Proxy  -  объект для перехвата операций с другими объектами, изменяющий саму операцию. С его помощью в JS можно реализовать валидацию значений свойств, сделать возможными отрицательные индексы в массиве и даже эмулировать приватные свойства. Как? Давайте посмотрим.

https://nuancesprog.ru/p/9361

@nuancesprog #статьи #JavaScript

Небольшое руководство по 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

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

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

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

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

#javascript #русский

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

“An Introduction to Vue Teleport — A New Feature in Vue3” by Matt Maribojoc https://link.medium.com/9rkt1ch8z9

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/

Laravel Vue SPA: Роли и права
https://youtu.be/JatpAUl6_5E

#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

Getting to Know Vue.js

Автор: Brett Nelson
Год издания: 2018

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

#vue #english

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

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

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

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

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

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

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

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

Три примера, когда не стоит использовать стрелочные функции JavaScript

Не существует синтаксиса, который был бы одинаково хорош во всех случаях, и стрелочные функции не являются исключением. Почему? Давайте разбираться.

https://nuancesprog.ru/p/9592

@nuancesprog #статьи #JavaScript

Vue 3.0 - чем хорош?

https://medium.com/@mattmaribojoc/what-does-vue-3-0-mean-for-web-development-851052fc0138