Vue.js 2 and Bootstrap 4 Web Development

Автор: Olga Filipova
Год издания: 2017

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

#Vue #english #middle

“5 Vue.js Libraries I Can’t Live Without” by Titus Decali https://link.medium.com/tjdyJdoNj9

Как npm обеспечивает безопасность

https://habr.com/ru/company/domclick/blog/515848/

​​7 расширений для VS Code, установив которые, вы не захотите выходить из редактора

Полезные расширения для VS Code

Читать статью

“Have You Mastered These 9 Vue Techniques?” by Yanze Dai https://link.medium.com/CmzUZwEbq9

“Setup a Micro Frontend Architecture With Vue and single-spa” by Lawrence B. Almeida https://link.medium.com/G6pfI9Hbq9

#video #tutorial #sapper https://m.youtube.com/playlist?list=PL4cUxeGkcC9gdr4Qhx83gBBcID-KMe-PQ

Удивительные методы анимации с GSAP

https://frontend.horse/articles/amazing-animation-techniques-with-gsap/

​Learn Vue JS 2 + Google Maps API for Beginners (2020)
Автор: Raja Tamil
Количество страниц: 147

Google Maps API - надежный инструмент, который часто выбирают при создании приложений, работающих с местоположением пользователя. В книге автор учит создавать программы с использованием Vue.js, приводя в пример некоторые приложения. Книга основана на популярном курсе с Udemy.

Достоинства:
➕Хорошо подходит для новичков;
➕Множество примеров кода.

Недостатки:
➖Не замечено.

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

#english #book #intermediate

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/