VueJS, JS, HTML, Frontend - Uncolored collection
125 subscribers
228 photos
8 videos
5 files
541 links
Пополняющаяся коллекция материалов по VueJS и смежных технологий.

Канал по Laravel:
https://t.me/laravel_uncolored

По Svelte:
https://t.me/svelte_uncolored

По React:
https://t.me/react_uncolored

Для связи @RainySkys
Download Telegram
Forwarded from Веб-страница
Почему для фавиконок сайтов стоит использовать SVG и как это реализовать:

https://tprg.ru/jq7Y

#фронтенд #svg
​​Despite all the recent hype, setting up a new #ts library can be tough. Between Rollup, Jest, tsconfig, Yarn resolutions, ESLint, and getting VSCode to play nicely....there is just a whole lot of stuff to do (and things to screw up). TSDX is a zero-config CLI that helps you develop, test, and publish modern TypeScript packages with ease - so you can focus on your awesome new library and not waste another afternoon on the configuration.

Features: linting, testing, building, and local development.

https://github.com/jaredpalmer/tsdx
Кто такой Deno и заменит ли он Node.js?

Несколько дней назад произошел долгожданный релиз Deno.

Разбираемся, чем Райану Дал недоволен в Node и какие перспективы у нового проекта.

Читать: https://blog.bitsrc.io/what-is-deno-and-will-it-replace-nodejs-a13aa1734a74

#node #deno
Forwarded from Веб-страница
Серия статей, объясняющих, как работать с CSS Grid

— Grid-контейнер: https://tprg.ru/YqQy
— Grid-линии: https://tprg.ru/JNBj
— Grid-области: https://tprg.ru/KpfM

#фронтенд #css
Логические операции с CSS-переменными

Статья Аны Тюдор рассказывает, как использовать всю мощь булевой логики в CSS, а главное - зачем это может понадобиться.

Читать: https://css-tricks.com/logical-operations-with-css-variables/

#css #advanced
Forwarded from Веб-страница
This media is not supported in your browser
VIEW IN TELEGRAM
Анимация кривых Безье на чистом JavaScript

У нашего подписчика вышло очередное видео, в котором он показывает, как создать анимацию кривых Безье на чистом JavaScript, как на видео в посте:

https://tprg.ru/4bRJ

Ещё несколько примеров использования такой анимации:
https://tprg.ru/nurR
https://tprg.ru/zeRC
https://tprg.ru/Md9U
https://tprg.ru/e6JT

А вот другие его уроки на тему анимации:
анимация частиц с параллакс эффектом;
эффект электроразряда;
анимация перемещения частиц по гексагональной сетке.

#фронтенд #javascript
Forwarded from FrontEndDev
Возможности TypeScript: основные фишки и ключевые отличия от JavaScript.

Плейлист от Евгения Ковальчувка

https://www.youtube.com/playlist?list=PLNkWIWHIRwMEm1FgiLjHqSky27x5rXvQa
Анимация это то, без чего невозможно представить сегодняшний веб. У меня даже одно тестовое было исключительно на понимание производительности анимаций.
Кто-то создаёт анимацию на JS, но CSS тоже не стоит забывать.

Вчера наткнулся на короткую, но хорошую статью - Анализ производительности CSS-анимаций

#css
​​Introducing @nuxt/components: module to scan and auto import components for Nuxt.js 2.10+

No need to import your components anymore.

- Scan and auto import components
- Multiple paths with customisable prefixes and patterns
- Lazy loading support
- Hot replacement
- Support for library authors

https://github.com/nuxt/components

#nuxt #vue #ts
#fullstack #js #node #react #mongo #course #english #нереклама

Бесплатный курс по фулстек-разработке на JS в стеке MERN (MongoDB, Express.js, React.js, Node.js). 10,5 часов. Еще два дня можно бесплатно зарегаться.

Я лично пока не готов в это окунаться, но есть вероятность, в будущем тоже пойду с ними разбираться.

https://www.udemy.com/course/mern-stack-master-course-building-your-own-instagram/?couponCode=ENJOYLOCKDOWN4
#frontend #mobile #js #react #course #english #нереклама

Еще один временно бесплатный курс по мобильной разработке на ReactNative (js). 14 часов.

Мобильная разработка при тех же трудозатратах часто стоит в разы больше, чем аналогичная веб-разработка. Есть, конечно, еще Vue Native, но он построен поверх React Native, и по нему еще не выложили бесплатный курс :)

Если уже знаешь React/Vue, то подумай: может, стоит перейти на мобилку? А? А? ;)

Я зарегался, а вы - как хотите.

https://www.udemy.com/course/react-native-and-redux-course-using-hooks/?couponCode=ENJOYLOCKDOWN