Portal scene

3D-модель, выполненная с помощью SCSS и библиотеки Three.js.

Код: https://codepen.io/aderaaij/pen/BapYONL

@javascriptv

Переключение тем

Темы оформления с возможностью переключения, выполненные с помощью PostCSS и JavaScript.

Код: https://codepen.io/argyleink/pen/vYxrrpd

@javascriptv

Hamburger Icons Animations

Несколько вариантов анимации иконки-гамбургера, реализованные с помощью CSS и JavaScript.

Код: https://codepen.io/ahmadbassamemran/pen/VQwPGr

@javascriptv

27 основных однострочных функций JavaScript

Список из 27 однострочных функций JavaScript, которые используются ежедневно и необходимы каждому разработчику.

https://webformyself.com/27-osnovnyx-odnostrochnyx-funkcij-javascript/

@javascriptv

☕️ JavaScript: выводим разные напитки в течение дня

Код: https://codepen.io/dudleystorey/pen/XbjMbr

#js #css

@javascriptv

Responsive House

При изменении положения слайдера изменяются значения дата-атрибутов, которые влияют на отображаемый контент.

Код: https://codepen.io/davidkpiano/pen/xLKBpM

#js #css

@javascriptv

Связь между микро-фронтендами

Микро-фронтенды отлично подходят для создания как средних, так и крупных веб-приложений. Возможность независимой разработки и развертывания выглядит особенно заманчивой для распределенных команд. Однако возникает одна проблема: как один микро-фронтенд будет связываться с другим?

https://nuancesprog.ru/p/7052

@javascriptv

Справочник для разработчика

Документация по HTML, CSS, JavaScript на русском языке!
На этом ресурсе вы также найдете информацию о Docker, Webpack, Node.js и многом другом.

Еще хочется отметить материалы на тему операционных систем, веб-серверах и о том как устроена сеть. Это очень полезно знать разраб

Справочник для разработчика: https://doka.guide/

Github: https://github.com/doka-guide/content

@javascriptv

Babel - бесплатный компилятор JS с открытым исходным кодом

Babel - это набор инструментов, который в основном используется для преобразования кода ECMAScript 2015+ в обратно совместимую версию JavaScript в текущих и старых браузерах или средах.

Особенности:
👉 изменение синтаксиса
👉 Преобразование синтаксиса Функции Polyfill, которые отсутствуют в вашей целевой среде (с помощью сторонних полифилов, таких как core-js)
👉 Преобразования исходного кода (codemods)

Ссылка: https://babeljs.io/
Гит: https://github.com/babel/babel

@javascriptv

Ищем разработчиков и дизайнеров 👨‍💻

Газпромбанк трансформируется и меняется. Мы постоянно улучшаем наши цифровые продукты и разрабатываем новые. Недавно мы выпустили большое обновление приложения, а в планах еще столько, что рук не хватает. Поэтому мы расширяем нашу команду.

Кто нам нужен прямо сейчас:
🔷 Frontend-разработчики (React, TypeScript, Next.js) для работы над сайтом и новым интернет-банком.
🔷 Мобильные разработчики под iOS (Swift) и Android (Kotlin), чтобы разрабатывать новый мобильный банк.
🔷 Дизайнеры, которые будут работать над цифровыми каналами и их продуктами.

Хотите работать в самом динамично развивающемся банке страны? Присылайте резюме на Podbor_It@gazprombank.ru с темой «В IT в Газпромбанк» и не забывайте указывать, какое направление интересует (разработчик iOS, дизайнер и т.п.).

Присылайте резюме, даже если профессии нет в списке — вакансии появляются постоянно. И перешлите это сообщение своим знакомым.

Anime.js - продвинутая JS библиотека для создания анимаций

Особенности / преимущества:
✔️Anime.js работает с атрибутами DOM, свойствами CSS, SVG, преобразованиями CSS и объектами JS.
✔️Работает со всеми основными браузерами
✔️Исходный код легко расшифровать и использовать.
✔️Есть сложные методы анимации, такие как перекрытие и постепенное завершение.
✔️ Мощный и простой API

Оф. сайт: https://animejs.com/
Гит: https://github.com/juliangarnier/anime/
Примеры использования: https://codepen.io/collection/XLebem/

@javascriptv