Собираем и деплоим в Kubernetes приложение на Node.js и werf

В статье рассмотрим, как можно собрать Docker-контейнер Node.js-приложения и развернуть его в Kubernetes, используя werf.

👉 @sWebDev

Deno

Deno представляет собой среду выполнения JavaScript и TypeScript, обладающий сходством с Node.js. Но, разработанная на Rust и движке JavaScript V8. В статье узнаем о преимуществах и недостатках Deno перед Node.js. А также, изучим основные особенности и функции Deno.

👉 @sWebDev

Nodejs и Deno

На примере конвертации Nodejs в Deno рассматриваем их сходства и отличия. А также, особенности и пользу, которую принесла конвертация.

👉 @sWebDev

GraphQl сервер на NodeJS

В статье доступно пошаговое руководство по созданию GraphQL сервера на NodeJs.

👉 @sWebDev

Ecommerce приложение на NestJs

NestJs является одной из лучших сред для создания серверных приложений. В этом руководстве рассмотрим, как сделать несложное ecommerce приложение с применением NestJs.

👉 @sWebDev

IT образование в 2022 стало бесплатным!

Все лекции и гайды топовых вузов страны тут
https://t.iss.one/vse_ob_it

Suspense API в React

Suspense API работает в сочетании с "ленивыми" компонентами приложения для того, чтобы пользователи могли видеть альтернативный контент в момент того, как происходит загрузка медленного компонента. Все подробности по ссылке.

👉 @sWebDev

Визуальное объяснение операторов RxJS

По ссылке подробный обзор всех актуальных операторов библиотеки RxJS.

👉 @sWebDev

Избегайте ошибок в React!

В статье рассмотрим, как популярные, так и редкие ошибки, которые можно допустить при использовании React.

👉 @sWebDev

Ember.js

Достаточно известный JavaScript-фреймворк для разработки клиентской части веб-приложений.
Познакомиться с его возможностями можно по ссылке.

👉 @sWebDev

Временная шкала на GSAP

В статье рассмотрим, как создать прокручиваемую и отзывчивую шкалу с применением библиотеки GSAP.

👉 @sWebDev

Clipboard.js

Библиотека, позволяющая взаимодействовать с буфером обмена. Буквально две строки в HTML, а всё остальное сделает за вас библиотека, все подробности в репозитории по ссылке.

👉 @sWebDev

Ember.js vs Vue.js

Использование фреймворка определяет скорость и уровень сложности создания приложения. Таким образом, для достижения успешного результата необходимо выбрать лучший вариант для конкретной ситуации. Рассмотрим сравнение Ember.js и Vue.js.

👉 @sWebDev

Aurelia

"Аурелия - это просто JavaScript. Однако, не вчерашний JavaScript, а JS завтрашнего дня. Используя современный инструментарий, мы смогли написать Aurelia с нуля в ECMAScript 2016". Примерно так пишут о себе создатели данной библиотеки, а узнать все подробности можно по ссылке.

👉 @sWebDev

Организация компонентов React с помощью dot-notation

Компонентный подход является основополагающим при создании приложений с помощью react. Компоненты - это главные строительные блоки, которые в своей композиции помогают реализовать сложные системы. Изучим один из паттернов организации сложных react-компонентов, его сильные и слабые стороны.

👉 @sWebDev

Скролл-анимация на Three.js

Создаем анимацию, привязанную к скроллу, с использованием библиотеки Three.js.

👉 @sWebDev

+1 в копилку полезных каналов о фронтенде

С Senior Frontend стартовать в айти намного проще:

• готовые примеры кода: смотрите на превью, как работает код, и сразу редактируете его в CodePen

• лайфхаки по JS, HTML, CSS, которыми делятся только в крупных компаниях

• тесты и опросы для тех, кто не запоминает сухую инфу

Сохраняйте: @seniorFront

Быстрое руководство по Sapper и Svelte

Исследовав Svelte.js, можно убедиться, что на нем можно писать по-настоящему реактивные приложения, но при этом обходиться значительно меньшим количеством кода, чем при использовании других фронтенд-фреймворков. В то время, как можно создавать довольно сложные приложения при помощи одного только Svelte, код такого приложения быстро может прийти в беспорядок, поэтому стоит познакомиться с Sapper! Рассмотрим Sapper, продемонстрируем, как с его помощью писать полнофункциональные и легковесные приложения, а также детально разберем приложение для рендеринга на стороне сервера.

👉 @sWebDev

Angular слайдер

В статье поговорим про одно из таких решений — написание Angular-компонента Slider с помощью встроенных инструментов браузеров и с минимальным использованием Javascript. Рассмотрим доступность, интересное решение с многослойным градиентом, немного CSS-хитростей и даже Change Detection в Angular.

👉 @sWebDev

CountUp.js

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

👉 @sWebDev