Скролл-анимация на 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

Мультиязычный редактор кода на React

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

👉 @sWebDev

Fresh

Fresh – новый full stack фреймворк для Deno. Fresh позиционируется как современный фреймворк на TS/JS, спроектированный для легкого создания высококачественных и производительных веб-приложений. Узнать весь функционал можно в обзоре по ссылке.

👉 @sWebDev

Какое расстояние от земли до луны? 🌚

Странный вопрос, но еще страннее - то, что его иногда задают разработчикам на собеседованиях.

Меня зовут MAX(), я - кот-ревью. Если ты находишься в поиске работы, то у меня для тебя крутые новости.

Тут я собрал кучу разных интересных кейсов и историй по то:

👉 Как сделать так, чтобы тебя начали звать на собеседования?

👉 Откуда брать опыт для резюме, если его нет?

👉 Что делать, если валишься на собеседованиях и не можешь получить оффер?

👉 Насколько стало сложнее искать работу с марта 2022 года?

Все это с примерами и пояснениями!

Если хочешь преисполниться в своих познаних, то залетай ко мне — буду тебя ждать 😉

Использование SVG в React

SVG-изображения можно вставлять непосредственно в html код, можно использовать символьные спрайты, теги <img>, <object> и даже <iframe>. Можно подключать SVG через data-url, css-backgrounds, css-filters и еще множеством способов. Но чтобы полноценно использовать всю суперсилу SVG, необходимо вставлять SVG-изображения непосредственно в html-разметку. Но, есть еще один удобный способ, о нем и поговорим в статье.

👉 @sWebDev

Node.js: использование веб-потоков. Часть 1

Веб-потоки (web streams) — это стандарт для потоков (streams), который поддерживается всеми основными веб-платформами: веб-браузерами, Node.js и Deno. Потоки — это абстракция для чтения и записи данных последовательно, небольшими частями из любого вида источника — файлов, данных, находящихся на сервере, и т.д. В данной статье рассматриваются веб-потоки в Node.js, но то, о чем мы будем говорить, применимо к любой поддерживающей их платформе.

👉 @sWebDev

Bun

Bun — среда выполнения JavaScript с собственным сборщиком, транспайлером, средством запуска задач и встроенным клиентом npm. Ознакомиться со всем функционалом можно по ссылке.

👉 @sWebDev

Короче, вот вам архивы с платными книгами, иначе так не выучите ни один язык:

📚 Полка Разработчика
📖 Кладовая Книг

🚽 IT Memes — тут чисто поржать, пока компилятор там возится;

🗞 3D News — актуальные новости IT-индустрии на случай, если мемы надоели.

Сохраняй, пригодится

Vue's watch vs watchEffect

В статье обзор и наглядное сравнение Vue's watch и watchEffect. Изучаем особенности и специфику применения. Все подробности по ссылке.

👉 @sWebDev

Barrel export для организации React компонентов.

В статье рассматриваем как использовать barrel export для организации React компонентов.

👉 @sWebDev

PureMVC

Фреймворк, основная цель которого состоит в разделении интересов создаваемого кода. Суть кроется в названии, MVC — Model, View и Controller. Узнать все подробности можно в статье по ссылке.

👉 @sWebDev

Тестирование компонентов React

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

👉 @sWebDev

Приложение с записками на React

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

👉 @sWebDev

Push.js

Ищете хорошее руководство и инструмент по реализации push-уведомлений? Познакомьтесь с библиотекой Push.js. Понятный интерфейс, доступная документация - это лишь несколько плюсов данной библиотеки.

👉 @sWebDev

6 проверенных методов повышения безопасности Node.js

Node.js широко используется в вебе и мобильных клиент-серверных приложениях. К сожалению, востребованность Node.js заставила злоумышленников искать новые лазейки к неправильным конфигурациям и уязвимостям. На разработчиках лежит ответственность за безопасность и защищенность от хакерских атак. Узнать о проверенных практиках повышения безопасности приложений Node.js можно в статье по ссылке.

👉 @sWebDev

Совместное использование компонентов React с Webpack 5

Существует множество статей, посвящённых использованию компонентов совместно с Webpack. В большинстве из них есть скрытые проблемы и ошибки, которые усложняют понимание материала. Эта статья написана с учетом возможных трудностей и позволяет понять процесс полностью.

👉 @sWebDev

React Virtualized

Библиотека React Virtualized помогает повысить эффективность рендеринга больших списков и табличных данных. Она позволяет ограничить количество запросов и элементов DOM и повышает общую производительность приложений React. Существует множество инструментов, похожих на React Virtualized, но что выгодно отличает эту библиотеку от конкурентов, так это количество функциональных возможностей и отличная поддержка.

👉 @sWebDev