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

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

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

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

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



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

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

😼 P.S. выравнивать нужно будет в основном котов
8👎2
Хостинг, сборка и развертывание проектов Next.js на GitHub Pages

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

👉 @sWebDev
👍5😁1
Snabbdom

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

👉 @sWebDev
👍5
Media is too big
VIEW IN TELEGRAM
ThreeJS Journey with Lighting Change

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

👉 @sWebDev
🔥6
Реактивность в веб-фреймворках

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

👉 @sWebDev
👍4🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
🔤У нас часто спрашивают: "Какие каналы мы читаем в телеграме?"

Хотим посоветовать крутой канал CodeRoll | Frontend, где вы найдете:

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


Не реклама, личная рекомендация.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
Media is too big
VIEW IN TELEGRAM
Untitled

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

👉 @sWebDev
👍8🔥2
Napa.js

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

👉 @sWebDev
👍6👎4
Angular: как сделать содержимое элемента редактируемым

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

👉 @sWebDev
👍6
Какая директива Angular позволяет редактировать содержимое элемента?
Anonymous Quiz
22%
ng-edit
24%
ng-editable
33%
ng-content-editable
21%
ng-content-edit
👍4👎1
Продвинутые техники маршрутизации в Angular

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

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

Директива 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
👍5
Media is too big
VIEW IN TELEGRAM
Galaxy

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

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

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

👉 @sWebDev
👍81👎1
P5.js

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

👉 @sWebDev
👍7
Материалы из этого канала дают на платных курсах

Frontend Portal — настоящий портал для тех кто хочет стать востребованным frontend-разработчиком. Полезные ресурсы, шпаргалки, разбор вопросов с собеседований, задачи, викторины и многое другое

👉 Присоединяйтесь к @FrontendPortal и станьте частью дружного frontend-комьюнити!
👍7
Самый простой способ создать свой первый пакет NPM

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

👉 @sWebDev
👍5👎1
2025/07/10 12:25:26
Back to Top
HTML Embed Code: