Що виведе консоль?
Anonymous Quiz
37%
undefined true
41%
undefined false
11%
null true
11%
null false
👍8
#todo написати функцію на будь-якій мові програмування, яка приймає масив чисел і повертає той самий масив, але з усіма нулями, переміщеними в кінець, зберігаючи порядок ненульових елементів.
Наприклад:
Наприклад:
[0, 1] => [1, 0][0, 1, 0] => [1, 0, 0][0, 1, 0, 3, 12] => [1, 3, 12, 0, 0][0, 12, 0, 1, 3] => [12, 1, 3, 0, 0]❤3👍3
Aerospace Script 🪟
Window manager — це програма, яка керує вікнами ваших застосунків: їхнім розташуванням і розміром.
Серед таких програм (або схожих до них) можна виділити:
- Linux: i3, Hyprland;
- MacOS: Magnet, Rectangle, Yabai, Amethyst.
Зараз я тестую Aerospace. І в один момент я зрозумів, що мені дечого не вистачає.
#how_to втикати відосіки під час роботи, якщо у вас один монітор: двічі натискаєте праву клавішу на відео в YouTube та натискаєте Picture in Picture.
Проблема в тому, що через використання WM я розділяю вікна на різні воркспейси, а вікно Picture in Picture залишається тільки на одному з них. Оскільки fixed-режиму для вікон немає, єдиний варіант — змусити вікно автоматично переміщуватися під час зміни воркспейсу.
Ось як це зробив я:
#experience
Window manager — це програма, яка керує вікнами ваших застосунків: їхнім розташуванням і розміром.
Серед таких програм (або схожих до них) можна виділити:
- Linux: i3, Hyprland;
- MacOS: Magnet, Rectangle, Yabai, Amethyst.
Зараз я тестую Aerospace. І в один момент я зрозумів, що мені дечого не вистачає.
#how_to втикати відосіки під час роботи, якщо у вас один монітор: двічі натискаєте праву клавішу на відео в YouTube та натискаєте Picture in Picture.
Проблема в тому, що через використання WM я розділяю вікна на різні воркспейси, а вікно Picture in Picture залишається тільки на одному з них. Оскільки fixed-режиму для вікон немає, єдиний варіант — змусити вікно автоматично переміщуватися під час зміни воркспейсу.
Ось як це зробив я:
exec-on-workspace-change = [
'/bin/bash/', '-c',
'aerospace move-node-to-workspace --window-id $(aerospace list-windows --monitor focused --app-bundle-id com.google.Chrome --format "%{window-id} %{window-title}" | awk "\$0 ~ /Picture in Picture/ {print \$1}") $AEROSPACE_FOCUSED_WORKSPACE'
]
#experience
❤2👍2🔥2
Welcome!
Let's practice our English! So...
👉 Do you think certifications matter in software development? Why or why not?
Have a nice #english_friday 💛
Let's practice our English! So...
👉 Do you think certifications matter in software development? Why or why not?
Have a nice #english_friday 💛
😁15❤2
This media is not supported in your browser
VIEW IN TELEGRAM
#how_to створити ефект прокручування на числах.
Бібліотека NumberFlow дозволяє легко реалізувати цей ефект, не має жодних залежностей і добре кастомізується. Підтримує React, Vue, Svelte та Vanilla JS.
👉 Відкрити посилання
Бібліотека NumberFlow дозволяє легко реалізувати цей ефект, не має жодних залежностей і добре кастомізується. Підтримує React, Vue, Svelte та Vanilla JS.
👉 Відкрити посилання
🔥9❤3👍3
Чи продовжували б ви програмувати / вивчати програмування, якби мали достатньо коштів для комфортного життя?
Anonymous Poll
38%
Так
36%
Скоріше так, ніж ні
17%
Скоріше ні, ніж так
8%
Ні
👍7❤1😁1
Web Overflow 🇺🇦
Ховайте свої API-ключі 🎂 Починаємо тиждень із повчальних історій. Якщо ви вже давно з нами, то знаєте, що Настя — людина традицій. І кожного 21 березня вона збирає всіх наших друзів їсти київський торт. Ніхто його не любить, і вона сама теж, але це вже традиція.…
Єєє! Все-таки зберіг свій безкоштовний PRO-акаунт. Як то кажуть, зекономив – значить заробив 😅
😁12🔥6👍3
👍11
#todo поділіться своїм останнім досвідом проходження технічної співбесіди. Які запитання ви отримували? Чи відповідали вони вашому рівню?
Так, так, ми давно не були на співбесіді, which is a shame, але нам цікаво, що там зараз відбувається! 🥲
Так, так, ми давно не були на співбесіді, which is a shame, але нам цікаво, що там зараз відбувається! 🥲
😁15👍1
Я тепер Vibe coder 💅
Нещодавно @Yurets7777 розповідав у чаті, що замовник хоче почути пояснення від тих, хто не використовує Cursor: як вони планують залишатися такими ж продуктивними, як ті, хто працює з ним?
ШІ настільки швидко розвивається, що важливо навчитися ефективно ним користуватися. Тож я вирішив спробувати й встановив Cursor, зараз тестую Free Trial.
Перше, що варто відзначити: Cursor побудований на базі VS Code. Тому, якщо ви працювали у VS Code, звикнути до нього буде легко. Передбачено імпорт налаштувань, хоча у мене виникли труднощі з перенесенням профілів. У VS Code я використовував різні конфігурації для різних проєктів, але перенести їх у Cursor не вдалося. Я спробував вручну відтворити налаштування, але зіткнувся з іншою проблемою: при відкритті не-default профілю всі параметри постійно скидалися. Загалом, останнім часом я працював у Neovim, тому перехід дався непросто.
Ще не до кінця розібрався з робочим процесом у Cursor. Тут є кілька режимів (chat, agent…), і підказки буквально вискакують на кожному кроці, навіть коли їх не просиш. Поки що ретельно перевіряю кожну зміну, яку він пропонує, і досить часто доводиться вказувати, що виправити. Також не до кінця зрозумів, як краще з ним працювати: давати одразу велику задачу й доопрацьовувати її частинами чи самому продумувати загальну схему, а потім просити імплементувати окремі шматки?
Загалом, враження поки змішані. Для мене ШІ — це інструмент, яким можна користуватися, але точно не той, що зробить усю роботу за мене. Водночас здається, що Cursor (разом із Windsurf, Trae та іншими) задає правильний напрямок. Vibe coder-ом я поки точно бути не хочу, але намагаюся знайти оптимальний спосіб інтеграції ШІ у свій робочий процес.
Подивимося, як ця технологія розвиватиметься далі.
А ви вже тестували щось подібне? Діліться враженнями! 💛
#experience
Нещодавно @Yurets7777 розповідав у чаті, що замовник хоче почути пояснення від тих, хто не використовує Cursor: як вони планують залишатися такими ж продуктивними, як ті, хто працює з ним?
ШІ настільки швидко розвивається, що важливо навчитися ефективно ним користуватися. Тож я вирішив спробувати й встановив Cursor, зараз тестую Free Trial.
Перше, що варто відзначити: Cursor побудований на базі VS Code. Тому, якщо ви працювали у VS Code, звикнути до нього буде легко. Передбачено імпорт налаштувань, хоча у мене виникли труднощі з перенесенням профілів. У VS Code я використовував різні конфігурації для різних проєктів, але перенести їх у Cursor не вдалося. Я спробував вручну відтворити налаштування, але зіткнувся з іншою проблемою: при відкритті не-default профілю всі параметри постійно скидалися. Загалом, останнім часом я працював у Neovim, тому перехід дався непросто.
Ще не до кінця розібрався з робочим процесом у Cursor. Тут є кілька режимів (chat, agent…), і підказки буквально вискакують на кожному кроці, навіть коли їх не просиш. Поки що ретельно перевіряю кожну зміну, яку він пропонує, і досить часто доводиться вказувати, що виправити. Також не до кінця зрозумів, як краще з ним працювати: давати одразу велику задачу й доопрацьовувати її частинами чи самому продумувати загальну схему, а потім просити імплементувати окремі шматки?
Загалом, враження поки змішані. Для мене ШІ — це інструмент, яким можна користуватися, але точно не той, що зробить усю роботу за мене. Водночас здається, що Cursor (разом із Windsurf, Trae та іншими) задає правильний напрямок. Vibe coder-ом я поки точно бути не хочу, але намагаюся знайти оптимальний спосіб інтеграції ШІ у свій робочий процес.
Подивимося, як ця технологія розвиватиметься далі.
А ви вже тестували щось подібне? Діліться враженнями! 💛
#experience
👍9🔥5😢2💅1
Welcome!
Let's practice our English! So...
👉 What do you think about this situation? Is the author right or not?
📎 You can check the source here
Have a nice #english_friday 💛
Let's practice our English! So...
👉 What do you think about this situation? Is the author right or not?
📎 You can check the source here
Have a nice #english_friday 💛
😁11
Media is too big
VIEW IN TELEGRAM
#how_to захистити ваші гілки на GitHub 😎
Буває, що кіт випадково пробіжить по клавіатурі і робить force push на стейджинг видаляючи половину всієї історії? 🐈
Щоб уникнути таких неприємностей, можна налаштувати правила для окремих гілок.
Для цього перейдіть у Settings вашого репозиторію, а потім в Rulesets. Там ви можете створити окремий список правил, які застосовуються до певних гілок або тегів (target). Можна одразу заблокувати force push на основні гілки, вимагати лінійну історію (якщо це потрібно) та дозволяти зміни лише через PR, який має бути обов'язково перевірений іншою особою, а всі коментарі — закриті. Налаштувати можна навіть список дозволених способів зливання гілок (merge, rebase, squash). Загалом, які налаштування вибрати — залежить від ваших вимог.
UPD: Доступні rulesets в public репозиторіях або ж у приватних репозиторіях з підпискою GitHub Pro, GitHub Team чи GitHub Enterprise Cloud.
👉 Protected branches on GitHub
👉 Protected branches on GitLab
Буває, що кіт випадково пробіжить по клавіатурі і робить force push на стейджинг видаляючи половину всієї історії? 🐈
Щоб уникнути таких неприємностей, можна налаштувати правила для окремих гілок.
Для цього перейдіть у Settings вашого репозиторію, а потім в Rulesets. Там ви можете створити окремий список правил, які застосовуються до певних гілок або тегів (target). Можна одразу заблокувати force push на основні гілки, вимагати лінійну історію (якщо це потрібно) та дозволяти зміни лише через PR, який має бути обов'язково перевірений іншою особою, а всі коментарі — закриті. Налаштувати можна навіть список дозволених способів зливання гілок (merge, rebase, squash). Загалом, які налаштування вибрати — залежить від ваших вимог.
UPD: Доступні rulesets в public репозиторіях або ж у приватних репозиторіях з підпискою GitHub Pro, GitHub Team чи GitHub Enterprise Cloud.
👉 Protected branches on GitHub
👉 Protected branches on GitLab
👍8🔥3❤2😁1
👍3💅2
Next.js App Router 🚏
Колись давно, до Next.js 13, існував лише pages router. Він працював за доволі простими правилами: є папка pages, у якій кожен файл (крім деяких зарезервованих) автоматично стає сторінкою. Шлях до сторінки визначався її розташуванням у цій папці.
Однак із появою серверних компонентів, actions та підтримки streaming зʼявився і новий підхід до роутингу.
У Next.js 13 було представлено новий App Router. Замість папки pages тепер використовується папка app, де сторінками є лише файли з іменем page.tsx (чи з іншим відповідним розширенням). Такий підхід дозволяє використовувати всі нові можливості React: асинхронні компоненти, серверні функції, а також новий функціонал, зокрема layout, loading, паралельні роути тощо.
Загалом, з переваг можемо відмітити кращу модульність, більший фокус на сервері та можливості роботи з ним, та, здається, краща продуктивність. Але, на жаль, тим хто ще не перейшов на новий роутер потрібен час, щоб його вивчити та дослідити.
👉 А який тип роутера ви використовуєте у своїх застосунках?
#interview
Колись давно, до Next.js 13, існував лише pages router. Він працював за доволі простими правилами: є папка pages, у якій кожен файл (крім деяких зарезервованих) автоматично стає сторінкою. Шлях до сторінки визначався її розташуванням у цій папці.
Однак із появою серверних компонентів, actions та підтримки streaming зʼявився і новий підхід до роутингу.
У Next.js 13 було представлено новий App Router. Замість папки pages тепер використовується папка app, де сторінками є лише файли з іменем page.tsx (чи з іншим відповідним розширенням). Такий підхід дозволяє використовувати всі нові можливості React: асинхронні компоненти, серверні функції, а також новий функціонал, зокрема layout, loading, паралельні роути тощо.
Загалом, з переваг можемо відмітити кращу модульність, більший фокус на сервері та можливості роботи з ним, та, здається, краща продуктивність. Але, на жаль, тим хто ще не перейшов на новий роутер потрібен час, щоб його вивчити та дослідити.
👉 А який тип роутера ви використовуєте у своїх застосунках?
#interview
👍7🔥4
🤯8👍5