Отличный гайд по оптимизации анимации. Прям рекомендую настоятельно всем, кто верстает с анимацией.
https://dou.ua/lenta/articles/css-animation/
https://dou.ua/lenta/articles/css-animation/
DOU
Плавность анимации CSS: миф или реальность
Виталий Калашников, Senior Front-end Developer, осваивая всевозможные эффекты в анимации и анализируя, почему не удается достичь максимальной плавности анимируемых элементов, понял, что при выполнении анимации проседает fps. Так родилась идея этой статьи.…
Forwarded from FrontEndDev
Заставляем JavaScript общаться с CSS и Sass
https://css-tricks.com/getting-javascript-to-talk-to-css-and-sass/
https://css-tricks.com/getting-javascript-to-talk-to-css-and-sass/
#frontend #js #tools
Я внезапно наткнулся на крутой UI-фреймворк DevExtreme.
Обычно, когда я начинаю знакомиться с UI-фреймворками, я в первую очередь смотрю, какие у них есть таблицы/гриды/деревья, потому что обычно это самые сложные в реализации элементы. Так вот, я давно уже не видел таких мощных таблиц.
Я сейчас делаю проект на Vuetify, но если бы мне подсунули DevExtreme в начала работы, я бы точно выбрал его - у него очень крутые компоненты. В общем, для следующего проекта я почти наверняка возьму именно его. Хотя Vuetify типа покрасивше местами)
https://js.devexpress.com/Demos/WidgetsGallery/
Я внезапно наткнулся на крутой UI-фреймворк DevExtreme.
Обычно, когда я начинаю знакомиться с UI-фреймворками, я в первую очередь смотрю, какие у них есть таблицы/гриды/деревья, потому что обычно это самые сложные в реализации элементы. Так вот, я давно уже не видел таких мощных таблиц.
Я сейчас делаю проект на Vuetify, но если бы мне подсунули DevExtreme в начала работы, я бы точно выбрал его - у него очень крутые компоненты. В общем, для следующего проекта я почти наверняка возьму именно его. Хотя Vuetify типа покрасивше местами)
https://js.devexpress.com/Demos/WidgetsGallery/
#theory
И снова про тестирование
https://medium.com/front-end-in-regions-grodno/%D1%82%D0%B5%D1%81%D1%82%D1%8B-%D0%BA%D0%BE%D1%82%D0%BE%D1%80%D1%8B%D0%B5-%D0%B4%D0%BE%D0%BB%D0%B6%D0%B5%D0%BD-%D0%BF%D0%B8%D1%81%D0%B0%D1%82%D1%8C-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%87%D0%B8%D0%BA-a04cab35f45b
И снова про тестирование
https://medium.com/front-end-in-regions-grodno/%D1%82%D0%B5%D1%81%D1%82%D1%8B-%D0%BA%D0%BE%D1%82%D0%BE%D1%80%D1%8B%D0%B5-%D0%B4%D0%BE%D0%BB%D0%B6%D0%B5%D0%BD-%D0%BF%D0%B8%D1%81%D0%B0%D1%82%D1%8C-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%87%D0%B8%D0%BA-a04cab35f45b
Medium
Тесты, которые должен писать разработчик
“После каждого исправления ошибки нужно прогнать весь набор контрольных примеров, по которым система проверялась раньше”
Forwarded from Находки в опенсорсе
Simple and complete #js testing utilities that encourage good testing practices.
Suitable for #vue, #react, and almost any other library.
https://testing-library.com/
Suitable for #vue, #react, and almost any other library.
https://testing-library.com/
#js #tips
Микро-гонки на JS. Сжатый код - 2кб. Выглядит вообще прикольно.
Попробуйте разобраться, как это работает ;)
http://pop.frontendweekly.co/HWDmzS?utm_campaign=Frontend%2BWeekly&utm_medium=email&utm_source=Frontend_Weekly_194
Микро-гонки на JS. Сжатый код - 2кб. Выглядит вообще прикольно.
Попробуйте разобраться, как это работает ;)
http://pop.frontendweekly.co/HWDmzS?utm_campaign=Frontend%2BWeekly&utm_medium=email&utm_source=Frontend_Weekly_194
pop.frontendweekly.co
How I made a 3D game in only 2KB of JavaScript
Months ago, when I heard that the legendary JS1k game jam would not be continuing, I talked it over with some other devs and decided to help fill the void we would host a 2k game jam on itch called…
#js #course
Веб-разработка с нуля. 51 час.
Бесплатный доступ ещё два дня. Регаемся)
https://www.udemy.com/share/101xIw/
Веб-разработка с нуля. 51 час.
Бесплатный доступ ещё два дня. Регаемся)
https://www.udemy.com/share/101xIw/
Udemy
The Complete Web Developer Masterclass: Beginner To Advanced
In this complete masterclass course students will learn how to build their very own website from scratch through example
Forwarded from FrontEnd книги для программистов
JavaScript для FrontEnd-разработчиков. Написание. Тестирование. Развертывание
Автор: Кириченко А. В.
Год издания: 2020
Скачать книгу
#JavaScript #русский #middle
Автор: Кириченко А. В.
Год издания: 2020
Скачать книгу
#JavaScript #русский #middle
Forwarded from FrontEnd книги для программистов
Professional Javascript ® for Web Developers
Автор: Matt Frisbie
Год издания: 2020
Скачать книгу
#Javascript #english #advanced
Автор: Matt Frisbie
Год издания: 2020
Скачать книгу
#Javascript #english #advanced
#typescript #course
Введение в Typescript. На русском.
https://youtube.com/watch?list=PLu6MFGxDdilhKzUePH96oqhedQXROTNmg&v=OMsP7_bCAxY
Введение в Typescript. На русском.
https://youtube.com/watch?list=PLu6MFGxDdilhKzUePH96oqhedQXROTNmg&v=OMsP7_bCAxY
YouTube
TypeScript #1 Введение и настройка окружения
В этом видео мы узнаем что такое TypeScript. А также настроем среду окружения для начала работы с ним.
Поддержать развитие канала: https://www.donationalerts.com/r/codeburger
VK: https://vk.com/id279967784
Почта для связи: codeBurger770@Gmail.com
#codeburger
Поддержать развитие канала: https://www.donationalerts.com/r/codeburger
VK: https://vk.com/id279967784
Почта для связи: codeBurger770@Gmail.com
#codeburger
GraphQL
Подробное ведение в GraphQL с примерами кода
https://prglb.ru/4s93s
🤩 + Интерактивный тренажер
https://prglb.ru/5muzb
#database #backend #api
Подробное ведение в GraphQL с примерами кода
https://prglb.ru/4s93s
🤩 + Интерактивный тренажер
https://prglb.ru/5muzb
#database #backend #api
Еще статейка про новый Vue Composition API взамен миксинов)
https://css-tricks.com/how-the-vue-composition-api-replaces-vue-mixins/
https://css-tricks.com/how-the-vue-composition-api-replaces-vue-mixins/
CSS-Tricks
How The Vue Composition API Replaces Vue Mixins | CSS-Tricks
Looking to share code between your Vue components? If you're familiar with Vue 2, you've probably used a mixin for this purpose. But the new Composition API,