​SVG-редакторы в браузере

Одна из самых крутых вещей в SVG заключается в том, что несмотря на всю мощность этого инструмента, он остается понятным и легко редактируемым.

Есть множество инструментов для работы с SVG, в том числе браузерные:

👉 editor.method.ac
👉 SVG edit
👉 Vector Paint
👉 Drawing SVG
👉 Vecteezy Editor
👉 Vectr
👉 Janvas
👉 Boxy SVG
👉 RollApp

Подробный список с описаниями: https://prglb.ru/5gefr

#tools #svg

JavaScript Next

Автор: Raju Gandhi
Год издания: 2019

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

#JavaScript #english

Внезапный лайфхак с indexOf()

Обычно мы пишем как-то так:

if( 'Привет'.indexOf('ве')  >= 0)  alert('Найдено');

Вместо этого можно писать так:

if( ~'Привет'.indexOf('ве')  )  alert('Найдено');

Фишка в том, что в общем случае:

~x == -(x+1)

Пользуйтесь на здоровье ;)

JS паттерны - полуторочасовой курс

https://youtu.be/bTiAfLbmsnY

​​Tabler Icons: 558 Fully customizable free SVG icons.

https://tablericons.com

#css #html

Как изучить что угодно?

Learn Anything ‐ сервис с интерактивной картой материалов для изучения практически любых тем — https://learn-anything.xyz/

Вводите любую тему и сервис находит ключевые видео, курсы и статьи для изучения этого навыка

Похожий сайт, но только со списком лучших источников для изучения IT-навыков
https://project-awesome.org/

Управление зависимостями JavaScript
https://habr.com/ru/company/domclick/blog/509440/

​JavaScript for impatient programmers (2019)
Автор: Dr. Axel Rauschmayer
Количество страниц: 526

Эта книга делает JavaScript менее сложным в освоении для новичков, предлагая современный, максимально последовательный взгляд на язык.

Особенности книги:
✔️Начните программировать быстро, сосредоточившись на современных особенностях;
✔️Охватывает все основные функции JavaScript, вплоть до ES2019;
✔️Дополнительные расширенные разделы позволяют погрузиться в тему глубже.

Достоинства:
➕Лаконичность;
➕Хороший авторский стиль.

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

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

#english #book #beginner

Создание небольших десктопных приложений с Tauri и Vue.js

https://www.smashingmagazine.com/2020/07/tiny-desktop-apps-tauri-vuejs/

Графический интерфейс для удаления js-проектами. Есть подозрение, что vue ui с ним как-то связан)

https://guijs.dev/

Паттерны реактивности в 2020 году

Большое исследование моделей реактивности в современном фронтенде: https://prglb.ru/3jugh

#frameworks #tools #reactivity #frontend #bestpractices

Fullstack Vue. The Complete Guide to Vue.js and Friends

Автор: Hassan Djirdeh, Nate Murray, and Ari Lerner
Год издания: 2018

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

#vue #english

Научиться работать с SVG - полезная тема, можно делать более навороченные интерфейсы без канваса)

Руководство по работе с SVG

Огромный гайд по работе с векторной графикой в Adobe Illustrator, Sketch и Figma.

https://prglb.ru/4wn1v

#svg #tools

​​Единицы измерения CSS на основе области просмотра

Четыре единицы измерения CSS, зависящие от размеров области просмотра. Их различия, наглядные примеры применения, поддержка браузерами.

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

#book ООО, свежачок)

Building Progressive Web Applications with Vue.js: Reliable, Fast, and Engaging Apps with Vue.js

Автор: Carlos Rojas
Год издания: 2020

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

#vue #english

Четырёхдневный интенсив по работе с аудио в JS 27-30 июля. Полагаю, это будет интересно)

​​Напиши свой медиаплеер на JavaScript!

Залетай на бесплатный интенсив и сделай свой аналог iTunes на чистом JS.

Будет 4 дня кодинга, тебе точно понравится 😉

Программа интенсива: 👇🏻

✅ 1 День
— Подготовим проект и разобьем его модули
— Реализуем переключатель между плеерами

✅ 2 День
— Сделаем видеоплеер с возможностью проигрывать, перематывать, ставить видео на паузу

✅ 3 День
— При помощи API Audio реализуем потоковое вещание радио и смену радиостанций

✅ 4 День
— Напишем аудиоплеер, с возможностью переключения треков, перемотки, паузы и остановки, все с помощью JavaScript и методов API Audio
— Допилим весь функционал и зафиналим проект

Записывайся пока есть свободные места :)

Жми на ссылку и получай приглашение:
https://telegram.me/gloacademy_bot?start=5f1affba1ad0b2000c319157

Взгляд на новый Vue: что ожидать во Vue 3

https://www.telerik.com/blogs/what-to-expect-vue-3