Все кто выбрал вариант 1 - молодцы 👍
Остальным рекомендую с этим разобраться в первую очередь!
Это простые и очень мощные инструменты для адаптивных макетов
Например, чтобы расположить элементы как на картинке достаточно добавить 2 свойства для родительского блока:
Но это только верхушка айсберга, чтобы понастоящему разобраться - поиграйтесь с этим тренажером
Ребята разложили все по полочкам, а задания можно выполнять прямо в браузере
😼 P.S. выравнивать нужно будет в основном котов
Остальным рекомендую с этим разобраться в первую очередь!
Это простые и очень мощные инструменты для адаптивных макетов
Например, чтобы расположить элементы как на картинке достаточно добавить 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
Туториал о том, как развернуть проект Next.js на GitHub Pages. Вы найдете подробные инструкции по установке необходимых инструментов и зависимостей, настройке проекта Next.js для работы с GitHub Pages, сборке проекта и его публикации. Также туториал содержит советы по оптимизации производительности и безопасности проекта Next.js, развернутого на GitHub Pages.
👉 @sWebDev
👍5😁1
Snabbdom
Snabbdom - это библиотека виртуального DOM, которая обеспечивает высокую производительность и гибкость. Она использует подход
👉 @sWebDev
Snabbdom - это библиотека виртуального DOM, которая обеспечивает высокую производительность и гибкость. Она использует подход
render-as-you-go
для создания DOM, что позволяет избежать необходимости повторно создавать весь DOM при каждом изменении данных.👉 @sWebDev
👍5
Реактивность в веб-фреймворках
В статье рассказывается о концепции реактивности, которая позволяет создавать более отзывчивые и интерактивные приложения. Статья рассматривает основные концепции реактивности и сравнивает различные подходы к ее реализации в популярных веб-фреймворках, таких как React, Angular, Vue.js, Svelte и React Native.
👉 @sWebDev
В статье рассказывается о концепции реактивности, которая позволяет создавать более отзывчивые и интерактивные приложения. Статья рассматривает основные концепции реактивности и сравнивает различные подходы к ее реализации в популярных веб-фреймворках, таких как 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
Napa.js
Napa.js - это фреймворк для создания полнофункциональных веб-приложений на основе TypeScript. Он основан на принципах реактивного программирования и предоставляет широкий набор инструментов и функций, которые упрощают разработку и развертывание веб-приложений.
👉 @sWebDev
Napa.js - это фреймворк для создания полнофункциональных веб-приложений на основе TypeScript. Он основан на принципах реактивного программирования и предоставляет широкий набор инструментов и функций, которые упрощают разработку и развертывание веб-приложений.
👉 @sWebDev
👍6👎4
Angular: как сделать содержимое элемента редактируемым
Какая директива Angular позволяет редактировать содержимое элемента?
👉 @sWebDev
Какая директива 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
В статье рассказывается о том, как использовать параметры маршрута в Angular для передачи данных в компоненты и для обеспечения гибкости и функциональности маршрутизации.
👉 @sWebDev
👍6❤1
Директива для доступа к информации о компонентах
Директива
Пример использования:
В этом примере к элементу div будут добавлены атрибуты
👉 @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
👍5
Как React Hooks революционизировали функциональные компоненты
В статье рассказывается о том, как React Hooks упростили и улучшили функциональные компоненты React. Hooks позволяют использовать состояние и побочные эффекты в функциональных компонентах, что ранее было возможно только в классах. Это делает функциональные компоненты более мощными и гибкими, а также упрощает их тестирование.
👉 @sWebDev
В статье рассказывается о том, как React Hooks упростили и улучшили функциональные компоненты React. Hooks позволяют использовать состояние и побочные эффекты в функциональных компонентах, что ранее было возможно только в классах. Это делает функциональные компоненты более мощными и гибкими, а также упрощает их тестирование.
👉 @sWebDev
👍8❤1👎1
P5.js
P5.js - это библиотека JavaScript для творческого программирования, которая упрощает создание интерактивных визуальных работ. Она основана на библиотеке Processing, которая широко используется в образовании и искусстве.
👉 @sWebDev
P5.js - это библиотека JavaScript для творческого программирования, которая упрощает создание интерактивных визуальных работ. Она основана на библиотеке Processing, которая широко используется в образовании и искусстве.
👉 @sWebDev
👍7
Материалы из этого канала дают на платных курсах
Frontend Portal — настоящий портал для тех кто хочет стать востребованным frontend-разработчиком. Полезные ресурсы, шпаргалки, разбор вопросов с собеседований, задачи, викторины и многое другое
👉 Присоединяйтесь к @FrontendPortal и станьте частью дружного frontend-комьюнити!
Frontend Portal — настоящий портал для тех кто хочет стать востребованным frontend-разработчиком. Полезные ресурсы, шпаргалки, разбор вопросов с собеседований, задачи, викторины и многое другое
👉 Присоединяйтесь к @FrontendPortal и станьте частью дружного frontend-комьюнити!
👍7
Самый простой способ создать свой первый пакет NPM
В статье автор рассказывает о том, как создать свой первый пакет NPM.
👉 @sWebDev
В статье автор рассказывает о том, как создать свой первый пакет NPM.
👉 @sWebDev
👍5👎1