#youtube #frontend
Frontend-фреймворки
Начинаем публиковать фрагменты большой лекции в МГТУ им. Баумана. Ведущий — один из наших управляющих партнеров Сергей Чернобровкин.
Сегодня поговорим про фронтенд-фреймворки и зачем они появились.
Когда JS использовали по большей части дизайнеры для интерактива на странице, все было довольно просто. Но со временем начали появляться более сложные сайты и приложения, и управлять логикой их работы стало сложнее.
Задача фреймворков — упростить разработку.
Смотреть видео ▶️
Frontend-фреймворки
Начинаем публиковать фрагменты большой лекции в МГТУ им. Баумана. Ведущий — один из наших управляющих партнеров Сергей Чернобровкин.
Сегодня поговорим про фронтенд-фреймворки и зачем они появились.
Когда JS использовали по большей части дизайнеры для интерактива на странице, все было довольно просто. Но со временем начали появляться более сложные сайты и приложения, и управлять логикой их работы стало сложнее.
Задача фреймворков — упростить разработку.
Смотреть видео ▶️
YouTube
Frontend-фреймворки — зачем нужны и как появились
Фрагмент лекции по фронтенду в МГТУ им. Баумана. Ведущий лекции — Сергей Чернобровкин.
Содержание:
0:00 — Почему вообще появились frontend-фреймворки?
1:43 — SPA
3:14 — Устройство классического приложения
4:24 — Устройство одностраничного приложения SPA…
Содержание:
0:00 — Почему вообще появились frontend-фреймворки?
1:43 — SPA
3:14 — Устройство классического приложения
4:24 — Устройство одностраничного приложения SPA…
#youtube #frontend
React: подготовка проекта
Еще один небольшой фрагмент лекции по фронтенду. Сегодня рассказываем про подготовку проекта на React. Поговорим про пакетный менеджер NPM, создание проекта и установку пакетов.
Объясняет Сергей Чернобровкин.
Смотреть видео ▶️
React: подготовка проекта
Еще один небольшой фрагмент лекции по фронтенду. Сегодня рассказываем про подготовку проекта на React. Поговорим про пакетный менеджер NPM, создание проекта и установку пакетов.
Объясняет Сергей Чернобровкин.
Смотреть видео ▶️
YouTube
NPM: структура package.json
Фрагмент лекции по фронтенду в МГТУ им. Баумана. Ведущий лекции — Сергей Чернобровкин.
Содержание:
0:00 — NPM
0:50 — Создание проекта
1:10 — Установка пакетов
Не пропусти будущие наборы на курс, вступай в чат: https://t.iss.one/kts_dev
Сайт Школы Metaclass:…
Содержание:
0:00 — NPM
0:50 — Создание проекта
1:10 — Установка пакетов
Не пропусти будущие наборы на курс, вступай в чат: https://t.iss.one/kts_dev
Сайт Школы Metaclass:…
#youtube #frontend #сергей_чернобровкин
Create React App: быстрый разбор
Выпустили новое видео на нашем канале. Познакомимся с утилитой CRA, разберем основные команды и создадим первый проект.
Содержание:
0:00 — Что такое CRA
1:08 — Создание папки с нужными файлами
2:03 — yarn start
4:01 — yarn build
5:57 — Что делать дальше
6:40 — Пример продакшна
7:57 — yarn run eject
8:55 — Преимущества и недостатки
Объясняет Сергей Чернобровкин.
Смотреть видео целиком
Create React App: быстрый разбор
Выпустили новое видео на нашем канале. Познакомимся с утилитой CRA, разберем основные команды и создадим первый проект.
Содержание:
0:00 — Что такое CRA
1:08 — Создание папки с нужными файлами
2:03 — yarn start
4:01 — yarn build
5:57 — Что делать дальше
6:40 — Пример продакшна
7:57 — yarn run eject
8:55 — Преимущества и недостатки
Объясняет Сергей Чернобровкин.
Смотреть видео целиком
YouTube
Create React App: быстрый разбор
Познакомимся с утилитой CRA, разберем основные команды и создадим свой первый проект.
Фрагмент лекции по фронтенду в МГТУ им. Баумана. Ведущий лекции — Сергей Чернобровкин.
Содержание:
0:00 — Что такое CRA
1:08 — Создание папки с нужными файлами
2:03 —…
Фрагмент лекции по фронтенду в МГТУ им. Баумана. Ведущий лекции — Сергей Чернобровкин.
Содержание:
0:00 — Что такое CRA
1:08 — Создание папки с нужными файлами
2:03 —…
👍4
#youtube #frontend #сергей_чернобровкин
Основы компонентов в React
Выпустили новое видео на нашем канале ▶️
Разберем, что такое компоненты, какие они бывают, как выстраиваются в дерево и как между ними передавать данные и события.
Содержание:
0:00 — Структура проекта
1:54 — Компоненты
3:00 — Что такое React
4:24 — Компонент-класс
6:01 — Дерево компонентов
7:50 — Props
9:41 — Пример компонента
11:40 — Поток данных и событий
Рассказывает наш управляющий партнер Сергей Чернобровкин.
Смотреть видео целиком ⏯
Основы компонентов в React
Выпустили новое видео на нашем канале ▶️
Разберем, что такое компоненты, какие они бывают, как выстраиваются в дерево и как между ними передавать данные и события.
Содержание:
0:00 — Структура проекта
1:54 — Компоненты
3:00 — Что такое React
4:24 — Компонент-класс
6:01 — Дерево компонентов
7:50 — Props
9:41 — Пример компонента
11:40 — Поток данных и событий
Рассказывает наш управляющий партнер Сергей Чернобровкин.
Смотреть видео целиком ⏯
YouTube
Основы компонентов в React
Разберем, что такое компоненты, какие они бывают, как они выстраиваются в дерево и как между ними передавать данные и события.
Фрагмент лекции по фронтенду в МГТУ им. Баумана. Ведущий лекции — Сергей Чернобровкин.
Содержание:
0:00 — Структура проекта
1:54…
Фрагмент лекции по фронтенду в МГТУ им. Баумана. Ведущий лекции — Сергей Чернобровкин.
Содержание:
0:00 — Структура проекта
1:54…
🔥6
#youtube #frontend #сергей_чернобровкин
React State
Выпустили новое видео на нашем канале ▶️
Разберем, что позволяет писать логику и хранить данные внутри компонента.
Содержание:
0:00 — Что такое State
0:55 — useState — подцепляемся к состоянию
1:58 — setCounter: изменения происходят не сразу
5:11 — Функция-сеттер
Рассказывает наш управляющий партнер Сергей Чернобровкин.
Смотреть видео целиком ⏯
React State
Выпустили новое видео на нашем канале ▶️
Разберем, что позволяет писать логику и хранить данные внутри компонента.
Содержание:
0:00 — Что такое State
0:55 — useState — подцепляемся к состоянию
1:58 — setCounter: изменения происходят не сразу
5:11 — Функция-сеттер
Рассказывает наш управляющий партнер Сергей Чернобровкин.
Смотреть видео целиком ⏯
YouTube
React State
Фрагмент лекции по фронтенду в МГТУ им. Баумана. Ведущий лекции — Сергей Чернобровкин.
Содержание:
0:00 — Что такое State
0:55 — useState — подцепляемся к состоянию
1:58 — setCounter: изменения происходят не сразу
5:11 — Функция-сеттер
Не пропусти будущие…
Содержание:
0:00 — Что такое State
0:55 — useState — подцепляемся к состоянию
1:58 — setCounter: изменения происходят не сразу
5:11 — Функция-сеттер
Не пропусти будущие…
👍5
#youtube #frontend #сергей_чернобровкин
Жизненный цикл React-компонентов
Выпустили новое видео на Youtube-канале ▶️
Разберем этапы жизненного цикла у React-компонентов и как с ними работать.
📋 Содержание:
0:00 — Процессы жизненного цикла
1:00 — Этапы обновления
1:24 — Жизненный цикл функционального компонента
2:09 — Демо жизненного цикла
4:57 — useEffect: асинхронные операции
7:05 — useEffect: массив обновлений
9:26 — useEffect: отслеживаем обновления
10:07 — useEffect: сбрасываем подписки
13:02 — Hooks
Рассказывает наш управляющий партнер Сергей Чернобровкин.
Смотреть видео целиком ⏯
Жизненный цикл React-компонентов
Выпустили новое видео на Youtube-канале ▶️
Разберем этапы жизненного цикла у React-компонентов и как с ними работать.
📋 Содержание:
0:00 — Процессы жизненного цикла
1:00 — Этапы обновления
1:24 — Жизненный цикл функционального компонента
2:09 — Демо жизненного цикла
4:57 — useEffect: асинхронные операции
7:05 — useEffect: массив обновлений
9:26 — useEffect: отслеживаем обновления
10:07 — useEffect: сбрасываем подписки
13:02 — Hooks
Рассказывает наш управляющий партнер Сергей Чернобровкин.
Смотреть видео целиком ⏯
YouTube
Жизненный цикл React-компонентов
Разберем этапы жизненного цикла у React-компонентов и как с ними работать.
Фрагмент лекции по фронтенду в МГТУ им. Баумана. Ведущий лекции — Сергей Чернобровкин.
Содержание:
0:00 — Процессы жизненного цикла
1:00 — Этапы обновления
1:24 — Жизненный цикл…
Фрагмент лекции по фронтенду в МГТУ им. Баумана. Ведущий лекции — Сергей Чернобровкин.
Содержание:
0:00 — Процессы жизненного цикла
1:00 — Этапы обновления
1:24 — Жизненный цикл…
👍4
#youtube #frontend #сергей_чернобровкин
Правило хуков
Выпустили новое видео на Youtube-канале ▶️
Как должны располагаться хуки и почему. Расскажем про правильное использование хуков и где их использовать не надо.
📋 Содержание:
0:00 — где должны располагаться
0:13 — пример неправильного использования
01:08 — правильное использование
01:25 — как можно вызывать хуки
01:38 — как нужно именовать хуки
02:03 — какие еще есть хуки
Рассказывает наш управляющий партнер Сергей Чернобровкин.
Смотреть видео целиком ⏯
Правило хуков
Выпустили новое видео на Youtube-канале ▶️
Как должны располагаться хуки и почему. Расскажем про правильное использование хуков и где их использовать не надо.
📋 Содержание:
0:00 — где должны располагаться
0:13 — пример неправильного использования
01:08 — правильное использование
01:25 — как можно вызывать хуки
01:38 — как нужно именовать хуки
02:03 — какие еще есть хуки
Рассказывает наш управляющий партнер Сергей Чернобровкин.
Смотреть видео целиком ⏯
YouTube
Правило хуков в React
Узнаем, как должны располагаться хуки и почему. Расскажем про правильное использование хуков и где их использовать не надо.
0:00 — где должны располагаться
0:13 — пример неправильного использования
01:08 — правильное использование
01:25 — как можно вызывать…
0:00 — где должны располагаться
0:13 — пример неправильного использования
01:08 — правильное использование
01:25 — как можно вызывать…
👍7
Forwarded from Программисты делают бизнес
#хабр #frontend #react
Заводная boop!-статья на Хабре
Что заставляет девочек визжать от восторга, а парней украдкой смахивать скупую слезу от умиления? Конечно, hover-анимация!
В нашей новой статье-переводе мы попробуем научиться этой хитрой магии ✨
Если не знаешь, чем зацепить на первом свидании — срочно читай: https://habr.com/ru/company/kts/blog/670234/
(но лайки обязательны в любом случае 👍)
Заводная boop!-статья на Хабре
Что заставляет девочек визжать от восторга, а парней украдкой смахивать скупую слезу от умиления? Конечно, hover-анимация!
В нашей новой статье-переводе мы попробуем научиться этой хитрой магии ✨
Если не знаешь, чем зацепить на первом свидании — срочно читай: https://habr.com/ru/company/kts/blog/670234/
(но лайки обязательны в любом случае 👍)
Хабр
boop! Необычные эффекты по ховеру или введение в React-Spring
Анимация при наведении – прекрасный способ сделать приложение динамичным и отзывчивым. Это мелочь, но именно такие детали в итоге могут сделать продукт классным. Хотя порой простого изменения...
🔥6👏1
#youtube #frontend #сергей_чернобровкин
Обновление компонентов
Выпустили новое видео на Youtube-канале ▶️
Поговорим про алгоритм оптимизации, React.iss.onemo, Key и React.fragment.
📋 Содержание:
Алгоритм React для оптимизации компонентов 0:00
Как это работает 1:02
Что делает React.iss.onemo 1:49
Свойство Key 2:40
React.Fragment 4:20
Рассказывает наш управляющий партнер Сергей Чернобровкин.
Смотреть видео целиком ⏯
Обновление компонентов
Выпустили новое видео на Youtube-канале ▶️
Поговорим про алгоритм оптимизации, React.iss.onemo, Key и React.fragment.
📋 Содержание:
Алгоритм React для оптимизации компонентов 0:00
Как это работает 1:02
Что делает React.iss.onemo 1:49
Свойство Key 2:40
React.Fragment 4:20
Рассказывает наш управляющий партнер Сергей Чернобровкин.
Смотреть видео целиком ⏯
👍3
#youtube #frontend #сергей_чернобровкин
Роутинг
Выпустили новое видео на Youtube-канале ▶️
Опишем роуты, научимся делать навигацию, разберем хуки react-router.
Содержание:
Что такое роутинг 0:10
Демо 2:32
Route 3:58
Каким IDE лучше пользоваться для написания приложений на React 4:44
Навигация 6:50
Вложенные роуты 7:48
Другие хуки react-router 17:04
Типы роутеров 28:30
Рассказывает управляющий партнер KTS Сергей Чернобровкин.
Смотреть видео целиком ⏯
Роутинг
Выпустили новое видео на Youtube-канале ▶️
Опишем роуты, научимся делать навигацию, разберем хуки react-router.
Содержание:
Что такое роутинг 0:10
Демо 2:32
Route 3:58
Каким IDE лучше пользоваться для написания приложений на React 4:44
Навигация 6:50
Вложенные роуты 7:48
Другие хуки react-router 17:04
Типы роутеров 28:30
Рассказывает управляющий партнер KTS Сергей Чернобровкин.
Смотреть видео целиком ⏯
YouTube
React-router
Опишем роуты, научимся делать навигацию, разберем хуки react-router и типы роутеров.
Содержание:
Что такое роутинг 0:10
Демо 2:32
Route 3:58
Каким IDE лучше пользоваться для написания приложений на React 4:44
Навигация 6:50
Вложенные роуты 7:48
Другие…
Содержание:
Что такое роутинг 0:10
Демо 2:32
Route 3:58
Каким IDE лучше пользоваться для написания приложений на React 4:44
Навигация 6:50
Вложенные роуты 7:48
Другие…
🐳5🔥3🎉1
#youtube #frontend #сергей_чернобровкин
Context
Выпустили новое видео на Youtube-канале ▶️
Обычно данные идут от родительского компонента к дочернему. Разбираем, какие проблемы это может вызвать и что с этим делать.
Содержание:
Что такое Context 0:00
Как это работает 1:00
Context в классах 3:08
Несколько источников 4:06
Рассказывает управляющий партнер KTS Сергей Чернобровкин.
Смотреть видео целиком ⏯
Context
Выпустили новое видео на Youtube-канале ▶️
Обычно данные идут от родительского компонента к дочернему. Разбираем, какие проблемы это может вызвать и что с этим делать.
Содержание:
Что такое Context 0:00
Как это работает 1:00
Context в классах 3:08
Несколько источников 4:06
Рассказывает управляющий партнер KTS Сергей Чернобровкин.
Смотреть видео целиком ⏯
YouTube
Context в React
Обычно данные идут от родительского компонента к дочернему. Разбираем, какие проблемы это может вызвать и что с этим делать.
Содержание:
Что такое Context 0:00
Как это работает 1:00
Context в классах 3:08
Несколько источников 4:06
Не пропусти будущие наборы…
Содержание:
Что такое Context 0:00
Как это работает 1:00
Context в классах 3:08
Несколько источников 4:06
Не пропусти будущие наборы…
👍4
#youtube #frontend #сергей_чернобровкин
Менеджеры состояния в React
«Это же уже Redux»! — скажете вы. Всё так, но всё законно... Об этом мы тоже поговорим в новом видео на Youtube-канале ▶️
Представьте: вы разрабатываете приложение, и со временем в нем появляется все больше данных и логики по их отображению и обработке. Приложение может состоять из множества компонентов, и их данные связаны между собой. Управлять такими данными сложно, поэтому нужны сущности, которые инкапсулируют логику с данными и сделают работу с ними в компонентах удобнее.
Содержание 💬
0:00 О Менеджерах состояния
1:20 Зачем управлять состоянием
2:13 Handmade: подробное demo, пишем свой мини-менеджер
6:50 Зачем использовать useMemo
15:37 Актульные технологии в 2021-2022
19:01 Какие еще есть state manager
23:20 Redux
24:27 Пример работы Redux
26:38 Преимущества и недостатки Redux
29:34 MobX
31:03 Преимущества и недостатки MobX
Фрагмент лекции Сергея Чернобровкина в МГТУ Баумана.
Смотреть видео целиком ⏯
Менеджеры состояния в React
«Это же уже Redux»! — скажете вы. Всё так, но всё законно... Об этом мы тоже поговорим в новом видео на Youtube-канале ▶️
Представьте: вы разрабатываете приложение, и со временем в нем появляется все больше данных и логики по их отображению и обработке. Приложение может состоять из множества компонентов, и их данные связаны между собой. Управлять такими данными сложно, поэтому нужны сущности, которые инкапсулируют логику с данными и сделают работу с ними в компонентах удобнее.
Содержание 💬
0:00 О Менеджерах состояния
1:20 Зачем управлять состоянием
2:13 Handmade: подробное demo, пишем свой мини-менеджер
6:50 Зачем использовать useMemo
15:37 Актульные технологии в 2021-2022
19:01 Какие еще есть state manager
23:20 Redux
24:27 Пример работы Redux
26:38 Преимущества и недостатки Redux
29:34 MobX
31:03 Преимущества и недостатки MobX
Фрагмент лекции Сергея Чернобровкина в МГТУ Баумана.
Смотреть видео целиком ⏯
YouTube
Менеджеры состояния React
Менеджеры состояния? Это же уже Redux! Все так, и об этом мы тоже поговорим.
Представьте: вы разрабатываете приложение, и со временем в нем появляется все больше данных и логики по их отображению и обработке. Приложение может состоять из множества компонентов…
Представьте: вы разрабатываете приложение, и со временем в нем появляется все больше данных и логики по их отображению и обработке. Приложение может состоять из множества компонентов…
👍6
#курсы #frontend #backend #хабр
Интервью со студентами школы Metaclass 🏪
В понедельник начинают учиться студенты новых бесплатных курсов по React и Python, а мы пока собрали немного обратной связи от тех, кто уже прошёл обучение и попал к нам на стажировку:
🔸 Интервью с Анастасией Жуковой, курс «Начинающий React-разработчик»
🔹 Интервью с Иваном Пакеевым, курс «Начинающий Backend-разработчик»
Пока мы готовили интервью, набор на курс по фронтенду закрылся из-за большого количества участников, но вы ещё можете записаться на курс по бэкенду. Старт — 6 февраля.
Интервью со студентами школы Metaclass 🏪
В понедельник начинают учиться студенты новых бесплатных курсов по React и Python, а мы пока собрали немного обратной связи от тех, кто уже прошёл обучение и попал к нам на стажировку:
🔸 Интервью с Анастасией Жуковой, курс «Начинающий React-разработчик»
🔹 Интервью с Иваном Пакеевым, курс «Начинающий Backend-разработчик»
Пока мы готовили интервью, набор на курс по фронтенду закрылся из-за большого количества участников, но вы ещё можете записаться на курс по бэкенду. Старт — 6 февраля.
Хабр
Интервью со студенткой школы Metaclass, которая прошла два наших курса и дважды попала на стажировку в KTS
Привет! 6 февраля начинается очередной поток нашей школы Metaclass по курсам frontend и backend для начинающих. К сожалению, пока мы готовили интервью, набор на курс React-разработчика пришлось...
🔥7
Интервью со студентом школы Metaclass c курса бэкенда
21-го августа мы запустим новый поток школы, а пока собираем и делимся обратной связью от выпускников — стажёров KTS.
В сегодняшней статье-интервью о прохождении курса рассказывает наш бэкендер Кирилл Лапушинский:
👉 читать статью
#курсы #frontend #backend #хабр
21-го августа мы запустим новый поток школы, а пока собираем и делимся обратной связью от выпускников — стажёров KTS.
В сегодняшней статье-интервью о прохождении курса рассказывает наш бэкендер Кирилл Лапушинский:
👉 читать статью
#курсы #frontend #backend #хабр
Хабр
Как за полтора месяца получить опыт в IT и найти работу: интервью со студентом школы Metaclass
Привет! 21-го августа начинается очередной поток нашей школы Metaclass по курсам фронтенда и бэкенда для начинающих. Для улучшения курсов мы спрашиваем наших учеников о том, что было легко во время...
👍2👀2🔥1👌1
Сегодня — вебинары по курсу фронтенда и бэкенда
Напоминаем, что сегодня мы проводим вебинары по школе, которая стартует 21-го августа. Зарегистрироваться и получить ссылку можно на страницах курсов:
🔹«Начинающий Backend-разработчик», начало в 17:00 МСК
🔸«Начинающий React-разработчик», начало в 18:00 МСК
На вебинарах расскажем:
1. Про команды преподавателей на фронтенде и бэкенде
2. О программах каждого из курсов
3. Кому обучение подойдёт лучше всего
4. Как проходят занятия
5. Что нужно будет сделать на выпускном проекте
6. Кто в команде менторов в этому году
У вас есть свой вопрос? Приходите и задайте его!
Вебинары проводят ведущие преподаватели курсов Андрей Баронский и Фёдор Биличенко.
#школа #frontend #backend
Напоминаем, что сегодня мы проводим вебинары по школе, которая стартует 21-го августа. Зарегистрироваться и получить ссылку можно на страницах курсов:
🔹«Начинающий Backend-разработчик», начало в 17:00 МСК
🔸«Начинающий React-разработчик», начало в 18:00 МСК
На вебинарах расскажем:
1. Про команды преподавателей на фронтенде и бэкенде
2. О программах каждого из курсов
3. Кому обучение подойдёт лучше всего
4. Как проходят занятия
5. Что нужно будет сделать на выпускном проекте
6. Кто в команде менторов в этому году
У вас есть свой вопрос? Приходите и задайте его!
Вебинары проводят ведущие преподаватели курсов Андрей Баронский и Фёдор Биличенко.
#школа #frontend #backend
🔥2👍1👌1
Записи ознакомительных вебинаров 17-го августа по курсам фронтенда и бэкенда
Записи вебинаров доступны по ссылкам:
🔹«Вебинар о курсе Начинающий Backend-разработчик»
🔸«Вебинар о курсе Начинающий React-разработчик»
Посмотреть программу куров и записаться можно по ссылкам:
🔹«Начинающий Backend-разработчик»
🔸«Начинающий React-разработчик»
#школа #frontend #backend
Записи вебинаров доступны по ссылкам:
🔹«Вебинар о курсе Начинающий Backend-разработчик»
🔸«Вебинар о курсе Начинающий React-разработчик»
Посмотреть программу куров и записаться можно по ссылкам:
🔹«Начинающий Backend-разработчик»
🔸«Начинающий React-разработчик»
#школа #frontend #backend
👍2🔥2👏1
Роадмап по современному фронтенду от KTS
Наш фронтенд-тимлид Федя Биличенко составил подробный роадмэп для фронтендеров и написал к нему статью. Он будет полезен не только начинающим, но и опытным специалистам.
В статье и роадмэпе расписан путь развития во фронтенд-разработке и отмечены те варианты, которые используются в KTS. Даже если вы уже далеко продвинулись как разработчик, в материале вы сможете выбрать ориентир для дальнейшего развития.
👉 По ссылке можно прочитать статью и скачать роадмэп с кликабельными ссылками на разделы статьи.
#frontend #федор_биличенко
Наш фронтенд-тимлид Федя Биличенко составил подробный роадмэп для фронтендеров и написал к нему статью. Он будет полезен не только начинающим, но и опытным специалистам.
В статье и роадмэпе расписан путь развития во фронтенд-разработке и отмечены те варианты, которые используются в KTS. Даже если вы уже далеко продвинулись как разработчик, в материале вы сможете выбрать ориентир для дальнейшего развития.
👉 По ссылке можно прочитать статью и скачать роадмэп с кликабельными ссылками на разделы статьи.
#frontend #федор_биличенко
Хабр
Роадмэп по современному фронтенду от KTS
Привет! Меня зовут Фёдор, я фронтенд-тимлид в KTS и преподаватель школы Metaclass . Перед одним из потоков курса « Начинающий React-разработчик » мы провели вебинар, на котором рассказали, что из себя...
👍5🔥5❤1⚡1