Cododel.dev | Александр
98 subscribers
472 photos
62 videos
7 files
200 links
Alexander Cododel. Full Stack Web Dev since 2019.

📍 Канал: мысли и проекты
📍 Чат: @cododel_chat
📍 Связь: @cododel

🔗 https://cododel.dev
Download Telegram
Ссылки
- Наш приватный чат
- Мой GitHub
-
Read on your language

Соцсети:
📹 Twitch
😉 YouTube
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 На стриме был вопрос с собеседования:
Как сгенерировать массив чисел и найти в нем только четные?

Оставлю тут 🤷‍♂️
Решение на JavaScript
array = []
for (let i=0; i<100000; i++){
const num = Math.round(Math.random() * 10000000)
array.push(num)
}
array.filter(i=>!(i%2))


#javascript #forbeginners
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Не поверите!
Открыл для себя сегодня PetiteVue

Тоже самое, что AlpineJs, но ближе к Vue и мне больше нравится)

Интересно кому?

#web #frontend #javascript
Please open Telegram to view this post
VIEW IN TELEGRAM
Cododel.dev | Александр pinned « Ссылки - Наш приватный чат - Мой GitHub - Read on your language Соцсети: 📹 Twitch 😉 YouTube»
👩‍💻 Что-то я пропал немного 😁
Выше я писал про PetiteVue, сегодня проясню.

Я в тот момент делал полноэкранный вижет обратной связи. И естественно встраиваемый.
До этого я еще почитал о ShadowDom, но не осмелился взять его в работу.
А вот опыт перескакивания между фреймворками у меня большой)

#web #frontend #javascript
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
👩‍💻 Хотел делать как всегда на AlpineJs, который мне полюбился сразу, как я начал делать что-то подобное. Но меня не покидала мысль сделать это на VueJs с компонентами и нормальной разбивкой на части.
Начал делать и понял, что целый Vue тянуть это оч плохая идея. Да и долго это всё, окружение еще настроить, сборку в единый бандл и т.п.

Почитал о SolidJs, понял что долго буду вливаться, и тут промелькнул PetiteVue, которого поддерживает сам Evan You. Почитал кучу хвалебных статей, с помаркой, мол "Для виджетов". И загорелся.
Сразу написал вам пост, и взял в работу.

И вылезли подводные камни...
Мне очень хотелось компоненты, биндинги и вынос логики в JS. А так нельзя 😂
Выходит очень перегруженно, что-то более менее сложное - сломает ногу(
Потерял день и переписал всё обратно на Alpine.

Мораль:
Почитал статью про новый "Супер мега инструмент" и планируешь внедрять - проверь на достоверность 😉

— P.S.
И кстати потом постфактум человек заказчика заявил, что нужен "Подключаемый виджет, в одном .js файле". И инициализцией через JS функцию.
Я подсуетился и за полдня при помощи EsBuild - собрал JavaScript, подключил Sass, Pug и запихнул в бандл все HTML сущности в <template> тегах.
А Alpine c CDN подтягивается, чтобы не плодить кучу разных виджетов с Alpine внутри бандла.
Делается очень просто) Потом расскажу.

#web #frontend #javascript
Please open Telegram to view this post
VIEW IN TELEGRAM
А еще знаю, что есть новички в веб разработке, напишу Вам в чате.
Что-то хочется мне для вас устроить прямую трансляцию с разбором Canvas анимации на JavaScript.

Разберем и перепишем с использованием ООП очень простой пример, который у меня на гитхабе лежит. Чуть-чуть потрогаем и вспомним школьную геометрию 8-9 классов)

А кто совсем не "бум-бум" - посмотрит просто, одним глазком. 🙂

#web #frontend #javascript #canvas #animation
👩‍💻 Я наладил OBS с Sway, и он больше не просаживает FPS в системе при захвате экрана)

Все очень просто.
Делаем следующее:
- Ставим:
obs-studio
xdg-desktop-portal
- Далее под вашу систему:
xdg-desktop-portal-gnome для GNOME.
xdg-desktop-portal-kde для KDE.
xdg-desktop-portal-wlr для wlroots-based Wayland compositors (e.g. Sway, dwl)
— И для wlroots композиторов ставим wlrobs - в идеале с гита.
В AUR под ArchLinux есть два пакета
wlrobs - у меня работает на scpy, но просаживает FPS до 25, а dmabuf - в артефактах весь 😬
wlrobs-hg - scpy так-же просаживает FPS, но dmabuf заводится и урчит как котенок.


Теперь проясню, что это за абра-кодабра.
На Linux есть графический протокол, относительно новый, с кучей плюшек, называется Wayland, но сейчас не про него.
Так вот с ним стримить из OBS из коробки не получится. Надо настраивать.

Тут захват экрана устроен через местный фреймворк PipeWire, а для сего действа требуется разрешение.
Получить его как-раз может OBS через xdg-desktop-portal, который в свою очередь запросит это разрешение у композитора через плагин. В моем случае это xdg-desktop-portal-wlr.
Дальше мы ставим плагин wlrobs для OBS, чтобы под Sway у нас появились в меню варианты захвата экрана.

И всё.
Это первый вброс про линукс. Если будет фидбек - будут еще, но применю все свои "копирайтерские" навыки 🙂

#linux #archlinux #wayland #sway #pipewire
Please open Telegram to view this post
VIEW IN TELEGRAM
👏1
Подцепил телефон вместо вебки ☺️
Old phone instead of webcam)

#stream #blogging
👍1
Чёткий видос для начинаний 😉
Вслушайся и прислушайся.

Может такой же записать? 🤔

#learning #forbeginners