WebDev+ | Веб-разработка

🎥 Виды анимации на верстке: свойства, особенности, примеры кода

Автор рассказывает, как оптимизировать анимации и сделать их плавными. В статье разберёте CSS Transition, CSS Animation, SVG animation, JS-Анимацию, JS canvas и JS. WebGL / ThreeJs.

#учись

💻 Разрабатываем библиотеку компонентов с помощью React и TypeScript

В этой статье автор покажет Вам, как начать разработку библиотеки компонентов с помощью Vite, React, TypeScript и Storybook.

Вы разработаете библиотеку, состоящую из одного простого компонента — кнопки, подготовите библиотеку к публикации в реестре npm, а также сгенерируете и визуализируете документацию для кнопки.

#учись

📑 Что нового можем делать с формами в 2022?

Эта статья — перевод оригинальной статьи Ollie Williams "What’s New With Forms in 2022?"

#учись

⚒ PerfectPixel - расширение для браузера, которое упростит жизнь фронтендера

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

#полезныйресурс

🎙 Web Speech API в JavaScript: от текста к речи

Для того, чтобы преобразовать текст в речь в JavaScript существует готовое API под названием Web Speech API. Если хотите добавить на ваш сайт или в ваше приложение такую удобную функцию, то в этой статье автор вместе с читателями разбирается в её возможностях и функционале.

#javascript #учись

📒 Руководство для начинающих по шаблонам Jinja в Flask

Подробный гайд по шаблонизатору Jinja: от создания первого шаблона, использования условных операторов и for-циклов до применения фильтров и макросов.

#учись #python

✏️ Отрисовка в браузере большой анимации или как я ушел с mp4 к своему формату видео

Автор статьи поделился успешным опытом разработки рендера в браузере большой, постоянно расширяющейся анимационной сцены, состоящей из множества мелких двигающихся объектов, зацикленных в 5 секунд.

#учись

🧰 Как стать разработчиком React в 2022 году?

React  —  это ведущая технология для разработки первоклассных пользовательских интерфейсов, быстрых, масштабируемых и, главное, многократно используемых.

#учись

📖 Как написать кроссбраузерное расширение в 2022 году

Лид фронта из СберМаркета рассказывает, как написать браузерное расширение для внутреннего джобборда. Которое должно взаимодействовать с сайтами avito и hh, чтобы добавлять кандидатов в HR-систему, не скачивая и не вбивая вручную контакты из резюме на сайте. 

#учись

📟 ​Создание прогрессивного веб-приложения с помощью Django и Angular

В этом руководстве Вы создадите простую викторину в виде PWA, которая сочетает в себе лучшие аспекты, как веб-приложений, так и нативных приложений, используя Python и Django для серверного API и Angular с TypeScript для внешнего интерфейса.

Часть 2

#учись #python

Большое количество подписчиков, обращаются с вопросом о видеоконтенте. Раньше он был в ТикТок, но после блокировки, нигде не публикуется. Поэтому поступило предложение от подписчиков, создать Boosty и публиковать туда эксклюзивные видео с разными интересными и полезными материалами.

📉 Почему ваш веб-сайт должен быть меньше 14 КБ

Удивительно то, что страница на 14 КБ может грузиться гораздо быстрее, чем страница на 15 КБ, даже на 612 мс быстрее, хотя разница между страницами на 15 КБ и 16 КБ минимальна.

Так происходит из-за алгоритма медленного старта TCP. В этой статье Вы узнаете, что это такое, как оно работает и почему это важно. 

#полезныйресурс #учись

🧾 Алгоритмы для веб-разработчиков простыми словами

В этой статье узнаете о том, зачем вообще нужно знать алгоритмы веб-разработчикам, и затроните тему оценки сложности алгоритмов и Big O нотации.

#учись #полезныйресурс

📝 Как написать переключатель темы на базе файлов cookie с помощью CSS и ванильного JavaScript

В этой статье узнаете, как с легкостью создать механизм переключения на темную тему всего за пятьдесят две строчки кода.

#учись #css #javascript

🧰​ Продвинутый бэкенд на Node.js

В этом видео Вы узнаете, как реализовать масштабируемый бэкенд на Node.js с использованием фреймворка Nest.js. В качестве СУБД здесь используется PostgreSQL в связке с ORM Sequelize на Node.js. Вы также увидите, как обернуть приложение на Node.js в docker и docker compose.

#учись

📡 Keplergl — инструмент для визуализации геоданных на Python

Познакомьтесь с отличным инструментом Keplergl и с его помощью создайте веб-приложение для визуализации геоданных на Python.

#полезныйресурс #python

📖 Задачи на собеседованиях. Event loop. JS

Сначала интервьюер спрашивает кратко про event loop, затем показывает кусок кода, где обычно есть несколько console.log(), и нас просят сказать очередность появления логов.

#учись #полезныйресурс #javascript

🦠 ​Theatre.js — это библиотека анимации JavaScript с графическим интерфейсом

Она позволяет анимировать DOM, WebGL, а также любую переменную JavaScript. 2D, 3D, анимация клавиш, создание ховеров и прочее.

#полезныйресурс

🔮 Анимация смещения фона с помощью режимов наложения CSS

Вариант создания анимации смещения фона при скроллинге страницы, созданный с использованием режима наложения CSS и многослойной анимации.

#полезныйресурс #css