Forwarded from FrontEndDev
Самые популярные CSS фреймворки в 2020
https://dev.to/theme_selection/the-most-trending-css-frameworks-analogy-2020-a15
https://dev.to/theme_selection/the-most-trending-css-frameworks-analogy-2020-a15
DEV Community
The Most Trending⚡️ CSS Frameworks🛠 Analogy 2020
Which framework will be suitable for you? Ever wondered, which parameters you should focus on while c...
“An Introduction to Vue Teleport — A New Feature in Vue3” by Matt Maribojoc https://link.medium.com/9rkt1ch8z9
Medium
An Introduction to Vue Teleport — A New Feature in Vue3
One of the new features of Vue3 that has been talked about for a while is the idea of Portals — or ways to move template HTML to different…
Forwarded from КНИГИ: REACT, JS, ANGULAR, NODE, VUE
Deep Learning with JavaScript
Автор: Shanqing Cai, Stanley Bileschi, Eric D. Nielsen, With François Chollet
Год издания: 2020
Скачать книгу
#JavaScript #english
Автор: Shanqing Cai, Stanley Bileschi, Eric D. Nielsen, With François Chollet
Год издания: 2020
Скачать книгу
#JavaScript #english
Forwarded from Будни разработчика
#ссылка дня
#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/
#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/
CSS-Tricks
Working with JavaScript Media Queries | CSS-Tricks
What’s the first thing that comes to mind when you think of media queries? Maybe something in a CSS file that looks like this:
Создание анимации на JavaScript
10 видео с крутыми руководствами: https://prglb.ru/36e90
#video #animation
10 видео с крутыми руководствами: https://prglb.ru/36e90
#video #animation
Forwarded from Laravel World
Laravel Vue SPA: Роли и права
https://youtu.be/JatpAUl6_5E
https://youtu.be/JatpAUl6_5E
YouTube
Laravel Vue SPA: Roles and Permissions
How to protect your SPA routes, both from the front-end and the back-end? So you need to show/hide menu items and buttons, but also secure API endpoints with Gates.
Download our solution in our QuickAdminPanel's Yearly Plan: https://quickadminpanel.com
…
Download our solution in our QuickAdminPanel's Yearly Plan: https://quickadminpanel.com
…
Cache API в JavaScript
Разбираемся, как кэшировать ресурсы с помощью сервис-воркеров и Cache API: https://prglb.ru/1h202
#performance #browser
Разбираемся, как кэшировать ресурсы с помощью сервис-воркеров и Cache API: https://prglb.ru/1h202
#performance #browser
Forwarded from Frontender's notes [ru]
Функциональное программирование в JavaScript
https://www.youtube.com/watch?v=Mk93bhldluY&feature=emb_logo
https://www.youtube.com/watch?v=Mk93bhldluY&feature=emb_logo
YouTube
Функциональное программирование в JavaScript | Лекция 9 | Web-разработка для начинающих
В этой лекции поговорим о парадигме функционального программирования приминительно к JavaScript. Но конкретно рассмотрим только читые функции, функции высшего порядка и рекурсию.
Это девятая лекция моих курсов для будущих веб-разработчиков. Остальные лекции…
Это девятая лекция моих курсов для будущих веб-разработчиков. Остальные лекции…
Forwarded from FrontEnd книги для программистов
Getting to Know Vue.js
Автор: Brett Nelson
Год издания: 2018
Скачать книгу pdf
Скачать книгу epub
#vue #english
Автор: Brett Nelson
Год издания: 2018
Скачать книгу pdf
Скачать книгу epub
#vue #english
Forwarded from Senior Frontend - javascript, html, css
Инструменты для авто-тестирования Frontend
Авто-тестирование - Это процесс, когда программные средства выполняют сценарии тестирования до выпуска продукта.
Chai - Библиотека BDD / TDD утверждений для узлов и браузеров, которые работают с любой инфраструктурой тестирования JavaScript.
Cucumber - Программный инструмент, используемый для тестирования ПО c помощью BDD.
FiveUI - Инструмент для оценки пользовательских интерфейсов HTML на соответствие определённым стандартам UI.
Jasmine - Фреймворк для BDD тестирования, не зависящий от браузеров, DOM и других фреймворков.
Jest - Фреймворк для юнит-тестов, используемый Facebook для тестирования сервисов и React приложений.
Sinon.js - Библиотека для эмуляции и проверки требуемого поведения в JavaScript с использованием spy, stub и mock.
Авто-тестирование - Это процесс, когда программные средства выполняют сценарии тестирования до выпуска продукта.
Chai - Библиотека BDD / TDD утверждений для узлов и браузеров, которые работают с любой инфраструктурой тестирования JavaScript.
Cucumber - Программный инструмент, используемый для тестирования ПО c помощью BDD.
FiveUI - Инструмент для оценки пользовательских интерфейсов HTML на соответствие определённым стандартам UI.
Jasmine - Фреймворк для BDD тестирования, не зависящий от браузеров, DOM и других фреймворков.
Jest - Фреймворк для юнит-тестов, используемый Facebook для тестирования сервисов и React приложений.
Sinon.js - Библиотека для эмуляции и проверки требуемого поведения в JavaScript с использованием spy, stub и mock.
Forwarded from NOP::Nuances of Programming
Три примера, когда не стоит использовать стрелочные функции JavaScript
Не существует синтаксиса, который был бы одинаково хорош во всех случаях, и стрелочные функции не являются исключением. Почему? Давайте разбираться.
https://nuancesprog.ru/p/9592
@nuancesprog #статьи #JavaScript
Не существует синтаксиса, который был бы одинаково хорош во всех случаях, и стрелочные функции не являются исключением. Почему? Давайте разбираться.
https://nuancesprog.ru/p/9592
@nuancesprog #статьи #JavaScript
Forwarded from TechBooks - книги для программистов
JavaScript Programming: A Comprehensive Programming Guide for Beginners That Will Enable You to Improve JavaScript Skills
Автор: Ethem Mining
Год издания: 2019
Скачать книгу
#JavaScript #русский
Автор: Ethem Mining
Год издания: 2019
Скачать книгу
#JavaScript #русский
Mousetrap.js
Легкая библиотека для привязки сочетания клавиш. Поддерживает множество действий и разные раскладки.
На github: https://prglb.ru/3mbx7
#tools #library
Легкая библиотека для привязки сочетания клавиш. Поддерживает множество действий и разные раскладки.
На github: https://prglb.ru/3mbx7
#tools #library
Forwarded from FrontEndDev
Оптимизация производительности фронтенда. Часть 2. Event loop, layout, paint, composite
https://habr.com/ru/company/hh/blog/517594/
https://habr.com/ru/company/hh/blog/517594/
Хабр
Оптимизация производительности фронтенда. Часть 2. Event loop, layout, paint, composite
Ночь. Стук в дверь. Открыть. Стоят двое. "Верите ли вы в Event loop, нашу главную браузерную цепочку?" Вздохнуть. Закрыть дверь. Лечь досыпать. До начала рабочег...
Forwarded from FrontEndDev
10 малоизвестных веб-API, которые вы можете использовать
https://blog.greenroots.info/10-lesser-known-web-apis-you-may-want-to-use-ckejv75cr012y70s158n85yhn
https://blog.greenroots.info/10-lesser-known-web-apis-you-may-want-to-use-ckejv75cr012y70s158n85yhn
GreenRoots Blog - Tapas Adhikary
10 lesser-known Web APIs you may want to use
API is the acronym for Application Programming Interface which defines interactions between multiple software architecture layers. Programmers carry out complex tasks easily using APIs in software development. Without APIs, a programmer's life would ...
Forwarded from Laravel World
Laravel Websockets + Laravel Echo + Vue
https://youtu.be/rNOGLLPXzwc
https://youtu.be/rNOGLLPXzwc
YouTube
Laravel Websockets and Laravel Echo with Vue
Want more? Explore the library at https://codecourse.com
Using Laravel as a pure API? This snippet walks through using Laravel Echo with a Vue project. We'll use the Laravel Websockets package to get broadcasting working, then pull Laravel Echo into our…
Using Laravel as a pure API? This snippet walks through using Laravel Echo with a Vue project. We'll use the Laravel Websockets package to get broadcasting working, then pull Laravel Echo into our…