Все кто выбрал вариант 1 - молодцы 👍

Остальным рекомендую с этим разобраться в первую очередь!

Это простые и очень мощные инструменты для адаптивных макетов

Например, чтобы расположить элементы как на картинке достаточно добавить 2 свойства для родительского блока:

flex;
align-items: (один из вариантов)


Но это только верхушка айсберга, чтобы понастоящему разобраться - поиграйтесь с этим тренажером

Ребята разложили все по полочкам, а задания можно выполнять прямо в браузере

😼 P.S. выравнивать нужно будет в основном котов

Хостинг, сборка и развертывание проектов Next.js на GitHub Pages

Туториал о том, как развернуть проект Next.js на GitHub Pages. Вы найдете подробные инструкции по установке необходимых инструментов и зависимостей, настройке проекта Next.js для работы с GitHub Pages, сборке проекта и его публикации. Также туториал содержит советы по оптимизации производительности и безопасности проекта Next.js, развернутого на GitHub Pages.

👉 @sWebDev

Snabbdom

Snabbdom - это библиотека виртуального DOM, которая обеспечивает высокую производительность и гибкость. Она использует подход render-as-you-go для создания DOM, что позволяет избежать необходимости повторно создавать весь DOM при каждом изменении данных.

👉 @sWebDev

ThreeJS Journey with Lighting Change

Интерактивная сцена полета на ThreeJS.

👉 @sWebDev

Реактивность в веб-фреймворках

В статье рассказывается о концепции реактивности, которая позволяет создавать более отзывчивые и интерактивные приложения. Статья рассматривает основные концепции реактивности и сравнивает различные подходы к ее реализации в популярных веб-фреймворках, таких как React, Angular, Vue.js, Svelte и React Native.

👉 @sWebDev

Untitled

Анимированный трекер курсора на ThreeJS.

👉 @sWebDev

Napa.js

Napa.js - это фреймворк для создания полнофункциональных веб-приложений на основе TypeScript. Он основан на принципах реактивного программирования и предоставляет широкий набор инструментов и функций, которые упрощают разработку и развертывание веб-приложений.

👉 @sWebDev

Angular: как сделать содержимое элемента редактируемым

Какая директива Angular позволяет редактировать содержимое элемента?

👉 @sWebDev

Продвинутые техники маршрутизации в Angular

В статье рассказывается о том, как использовать параметры маршрута в Angular для передачи данных в компоненты и для обеспечения гибкости и функциональности маршрутизации.

👉 @sWebDev

Директива для доступа к информации о компонентах

Директива ng-reflect в Angular добавляет к элементу атрибуты, которые предоставляют доступ к информации о компоненте, директиве или шаблоне, в котором используется элемент. Эта информация может быть полезна для отладки и тестирования. ng-reflect не имеет атрибутов или свойств. Она просто добавляет атрибуты с префиксом ng-reflect- к элементу.

Пример использования:

<div ng-reflect-myProperty="123" ng-reflect-myMethod="myMethod()">
</div>

В этом примере к элементу div будут добавлены атрибуты ng-reflect-myProperty и ng-reflect-myMethod. Атрибут ng-reflect-myProperty будет содержать значение свойства myProperty компонента, а атрибут ng-reflect-myMethod будет содержать функцию myMethod компонента.

👉 @sWebDev

Galaxy

Анимация черной дыры на Three.js.

👉 @sWebDev

Как React Hooks революционизировали функциональные компоненты

В статье рассказывается о том, как React Hooks упростили и улучшили функциональные компоненты React. Hooks позволяют использовать состояние и побочные эффекты в функциональных компонентах, что ранее было возможно только в классах. Это делает функциональные компоненты более мощными и гибкими, а также упрощает их тестирование.

👉 @sWebDev

P5.js

P5.js - это библиотека JavaScript для творческого программирования, которая упрощает создание интерактивных визуальных работ. Она основана на библиотеке Processing, которая широко используется в образовании и искусстве.

👉 @sWebDev

Самый простой способ создать свой первый пакет NPM

В статье автор рассказывает о том, как создать свой первый пакет NPM.

👉 @sWebDev