GSAP ANIMATION PIZZA LANDING PAGE

Анимированная сборка пиццы при скролле, выполненная на GSAP.js.

👉 @sWebDev

Лучшие практики для создания масштабируемого приложения Vue.js

Руководство по созданию масштабируемых веб-приложений с использованием фреймворка Vue.js. В статье рассматриваются различные аспекты разработки, начиная с организации проекта и заканчивая управлением состоянием с помощью Vuex.

👉 @sWebDev

React, Visualized

Интерактивное руководство по React. Если вы хотите полностью понять React, то важно погрузиться в контекст его появления. Проект будет особенно полезен начинающим разработчикам.

👉 @sWebDev

Нейросети — новая нефть

А ключевая информация в IT - на вес золота.

➤ Создать сайт? Держите Framer — справится за пару секунд.
➤ Не можете принять решение? Pros-cons за секунды распишет все «за» и «против».
➤ Не хотите тратиться на врача? Med-PaLM 2 от Google поставит точный диагноз.

Искусственному интеллекту под силу всё.
Главное — знать где искать и грамотно использовать.

Ссылки с инструкциями к ИИ.
Лучшие из новых нейросетей.
Революционные новости в IT.

Всё для вас в одном канале — @tg_gpt

Glass Card w/ SVG + GSAP

Проект с анимированной банковской картой, выполненной на GSAP.js.

👉 @sWebDev

Как улучшить производительность приложений Angular

Полезные советы и стратегии для улучшения производительности веб-приложений, разрабатываемых на Angular.

👉 @sWebDev

Taiga UI

Библиотека компонентов пользовательского интерфейса для Angular, React и Vue.js. У Taiga UI множество полезных компонентов, а также инструменты для настройки и стилизации. Она отличается высокой производительностью и хорошей документацией.

👉 @sWebDev

Как React 18 улучшает производительность приложения

React 18 представил конкурентные (concurrent) возможности, которые радикально меняют способ рендеринга приложений. В этой статье мы рассмотрим, как эти возможности улучшают производительность приложения.

👉 @sWebDev

Хотите работать с данными, но еще не слышали про телеграм-канал LEFT JOIN?
Это вы зря! Быть в курсе трендов сферы, лучших инструментов для анализа, познавательных докладов и лекций по архитектуре данных, и даже быть в контексте аналитических мемов — значительный буст для входа в профессию.

Итак, LEFT JOIN —
это канал о технологиях и данных, в котором простым языком рассказывают про:
🔵 всемогущий язык SQL и работу с базами данных,
🔵 статистику, без которой, как говорится, «не жизнь»,
🔵 полезные инструменты, которые заслуживают не меньшее внимание чем ChatGPT,
🔵 то, как нейросети могут облегчить работу аналитика данных.

А еще у авторов сейчас выходит отдельная рубрика «Основы статистики» — серия полезных карточек с теорией и понятными примерами, например, про p-value. Если вы еще не видели первые пять выпусков — наверстывайте упущенное и...

🔜 Подписывайтесь на @leftjoin!

Реклама. О рекламодателе erid:2VtzquhT6kG

Зачем нужен сервис Location в Angular?

Какое основное назначение сервиса Location в Angular?

👉 @sWebDev

Pokeball

Карточка покемона, реализованная с использованием GSAP.js.

👉 @sWebDev

Полезные практики React в 2023 году. Часть 2

Дочерние свойства (Children Props).
В JSX-выражениях с явно указанными открывающим и закрывающим тегами, содержимое передается как отдельное свойство: props.children. Это свойство, которое автоматически передается каждому компоненту в React. Оно используется для рендеринга содержимого, находящегося между открывающим и закрывающим тегами при вызове компонента.

Также оно применяется для вставки содержимого одного компонента внутри другого. Это свойство позволяет передавать функции в качестве дочерних компонентов.

   function house(props) {
     return <h3> Hello { props.children }!</h3>;
    }

     function room() {
     return (
     <>
     <h1>How Are You?</h1>
      <house type="duplex" />
     </>
     );
   }

👉 @sWebDev

Carousel

Карусель с эффектом размытия, выполненная с применением библиотеки Swiper.js.

👉 @sWebDev

Миграция ядрового модуля Angular в автономный режим

Рассмотрим миграцию основного модуля Angular в отдельный модуль. Руководство поможет улучшить структуру проекта и облегчить сопровождение кода.

👉 @sWebDev

Rematch

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

👉 @sWebDev

​Frontend online meetup - 11/10

✔️ CSS in JS или самая противоречивая техника стилизации веба — Ильдар Муллахметов, Авито Тех

В своем докладе я расскажу почему CSS in JS библиотеки вызывают так много противоречий среди frontend разработчиков. хочу рассмотреть влияние на производительность, поддерживаемость кода, девелопер экспириенс. Рассмотрю более подробно styled-components и сравню блоки кода со стилями между styled, tailwind, module. Рассмотрю как браузер обрабатывает styled. Продемонстрирую как влияет на семантику, работает с props и theme. Добавлю к сравнению Linaria и Astroturf, как самые быстрорастущие CSS in JS библиотеки.

✔️ Что такое Sentry и почему без него тяжело — Кирилл Логачев, Level.Travel

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

✔️ По ту сторону WebView — Максим Лавренюк, UZUM TECHNOLOGIES

Я бы хотел поделится некоторыми подходами и проблемами на примере встраивания сервиса доставки еды Uzum Tezkor в супер приложение Uzum Market. Я расскажу про то, что следует сделать в первую очередь при старте интеграции, как подружить нативные компоненты с вебом, как спрятать бесшовную авторизацию, а так же о чем попросить мобильных разработчиков, чтобы облегчить себе жизнь.

✔️ Web3 для фронтенд-разработчика — Назим Гафаров, Based.link

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

➖➖➖

🗓 11 октября в 19:00

✅ Регистрация - участие бесплатно!

🌐 Наш телеграам канал с анонсами митапов!

Letter Hop

Анимация букв, выполненная на Gsap.js.

👉 @sWebDev

Чистая архитектура макета для приложений Vue

Рассмотрим чистую архитектуру макета для приложений, разработанных на Vue.js. Автор предлагает практические советы для организации структуры кода и улучшения поддерживаемости проекта.

👉 @sWebDev

ngx-ui-tour

Библиотека для Angular, предоставляющая интуитивно понятные и интерактивные туры по веб-приложениям. Благодаря этой библиотеке вы сможете легко создавать гайды для пользователей своих веб-приложений.

👉 @sWebDev