Язык Javascript. Часть 1

Автор: Илья Кантор
Год издания: 2019

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

#Javascript #русский

Реально ли менять дизайн страницы, оставляя её разметку такой же и изменяя только стили?

Вполне. Автор этой статьи показывает, как:

https://tprg.ru/YjTu

#фронтенд #css #html

#книга #vuejs #bootstrap

Vue.js 2 and Bootstrap 4 Web Development

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

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

#Vue #english #middle

#книга #js

Pro JavaScript Techniques, 2nd Edition

Автор: John Resig, Russ Ferguson, John Paxton
Год издания: 2015

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

#JavaScript #english #middle

#vuejs #статья

https://habr.com/ru/company/ruvds/blog/487684/

#js #статья

https://habr.com/ru/company/ruvds/blog/486690/

Сайт i Hate Regex, на котором можно воспользоваться шаблонами многих полезных регулярок:

https://tprg.ru/gchs

Также можно составить и протестировать собственноручно написанное выражение. На картинке ниже в качестве примера показано регулярное выражение для номера телефона.

#регулярки #шпаргалка

Новые функции в ES2020

https://dailycoding.io/article/VgO4VcAHmUyN6ZGwuaLo

Понимание правил и соотношений цветового контраста в вебе

https://css-tricks.com/understanding-web-accessibility-color-contrast-guidelines-and-ratios/

#js #react #reactnative #mobile

Небольшая презентация про разработку мобильного приложения на ReactNative. Существует также VueNative, основанный на ReactNative. Эти фреймворки позволяют веб-разработчику, знающему React/Vue быстро делать несложные (с точки зрения интерфейса) мобильные приложения без необходимости осваивать нативные средства (Java, Swift etc.)

https://www.youtube.com/watch?v=dat4PnoQvaQ

#css #tip

Воспользуемся CSS-селектором класса ˆ="form-", которые позволит выбрать все элементы, содержащие класс с префиксом form-:

[class^="form-"] {
background: red;
height: 100px;
width: 100px;
margin: 10px 0;
display:block
}
Теперь для всех элементов HTML-документа:

<div class="box-123"></div>
<span class="box-124"></span>
<article class="box-125"></article>
будут установлены одинаковые CSS-свойства.

Эффект частиц пыли на CSS

https://codepen.io/uiswarup/full/oNXYNOB

​Эффект перемещения частиц по гексагональной сетке

В новом видео наш подписчик рассказывает, как создать эффект перемещения частиц по гексагональной сетке. Без использования библиотек, на чистом JavaScript.

В конце получится несколько интересных анимаций. Вот их код:
— https://tprg.ru/tAHi
— https://tprg.ru/0mjW
— https://tprg.ru/4DRk
— https://tprg.ru/mYt8
— https://tprg.ru/QG8L
— https://tprg.ru/vEb3
— https://tprg.ru/kUdz

Другие уроки по анимации:
— анимация волнистых колец;
— эффект притяжения и отталкивания частиц;
— эффект электроразряда.

#фронтенд #javascript

#js #tip

Копирование текста в буфер обмена.


function copyToClipboard() {
const str = document.getElementById('item-to-copy').innerText;
const el = document.createElement('textarea');
el.value = str;
el.setAttribute('readonly', '');
el.style.position = 'absolute';
el.style.left = '-9999px';
document.body.appendChild(el);
el.select();
document.execCommand('copy');
document.body.removeChild(el);
}

#js #tip