Web Overflow 🇺🇦
4.42K subscribers
380 photos
40 videos
3 files
518 links
Затишний блог про веб-розробку і не тільки 💛

Чат: @web_overflow_chat
Співпраця: @web_overflow_support
Автори: @lluchkaa & @anastasiia_tarasenko
加入频道
Що виведе консоль?
Anonymous Quiz
25%
Promise
33%
string
20%
object
22%
function
👍21🤯96🤔4🔥2
#todo написати функцію на будь-якій мові програмування, яка на вхід отримує дві стрічки та повертає boolean, який вказує, чи є ці стрічки анаграмами. Анаграма - переставлення літер у слові, в результаті чого утворюється нове слово.

Наприклад, "літо" та "тіло" - вхідні два слова мають однаковий набір літер та їх кількість.
👍11🤯8🤔4🔥2😁1
🚀 dnd kit

Пам'ятаєте, ми кидали відео, де описано, які бібліотеки краще використати для розробки drag and drop, а які вже застарілі?

Минулого тижня мені якраз випала нагода додати drag and drop функціонал. Тому я ще раз переглянула відео, обрала для себе dnd kit і не пожалкувала! Класна документація, багато прикладів, легкий у використанні. Тому сміло можу його рекомендувати!

Я задоволена, замовник задоволений - всі щасливі! ⤵️

* In addition, your landing pages and drag-and-drop designs are exceptional. You should be proud of the work you have produced!

👉 Відкрити документацію

Зберігайте та користуйтесь 💛

#library
👍16🔥43👏1
Good Morning, guys!

Let's practice our English! So...

👉 Please tell us how you imagine your perfect working day.

Як завжди, можете писати свої відповіді тут або в чаті.

Have a wonderful Friday! 💛

#english_friday
👍5🔥43🥰1
yargs + inquirer

Якщо ви пишете консольний застосунок, то рано чи пізно потрібно буде додавати аргументи від користувача. І тут я бачу два шляхи: прописувати їх відразу при запуску команди або запитувати аргументи в користувача походу роботи програми.

Почнемо з першого. Звісно, ви і без бібліотек зможете все прочитати, розпарсити і обробити. Але я все ж таки поділюсь з вами бібліотекою, якою сам неодноразово користувався.

Yargs - бібліотека node.js, яка допомагає вам розпарсити аргументи з командного рядка та згенерувати хороший інтерфейс користувача.

👉 Відкрити документацію

А якщо ви хочете додати більше інтерактиву по ходу виконання - зверніть увагу на inquirer. З цією бібліотекою ви з легкістю зможете ставити питання користувачу прямо в командному рядку, парсити та перевіряти відповіді. Тут є різні типи запитань: стандартне, числове, пароль, вибір зі списку тощо.

👉 Відкрити документацію

#library
👍122🔥2👏1
#todo опишіть будь-який патерн проектування і його практичне застосування 😎
🔥6🤔4👍3👏1
Інколи нам потрібно виводити список в стрічку і всі ми знаємо про метод .join. Але радимо спробувати зробити трішки елегантніший вивід, використовуючи вбудовані функції JavaScript.

Ділимось з вами коротким ютуб-тіктоком, в якому зможете побачити як це зробити 💛

👉 Дивитись відео

#tips
🔥16👍43🤔3👏1
🚀 Top 100+ Angular Interview Questions and Answers 2023

Нещодавно ми ділились шпаргалкою на співбесіду про React, а сьогодні знайшли для вас про Angular!

Дана стаття має чудову підбірку питань/відповідей про Angular, які допоможуть успішно пройти інтерв’ю.

👉 Читати статтю

Зберігайте та користуйтесь 💛

#interview
🔥10👍5👏3🥰1🤔1😍1
🤯6👍52🤔2👏1
🤯13👍102🤔2👏1💯1
#todo написати функцію на будь-якій мові програмування, яка виконує транспонування матриці.

Приклад транспонування:
[[1, 2, 3], [[1, 4, 7],
[4, 5, 6], => [2, 5, 8],
[7, 8, 9]] [3, 6, 9]]
🤔18👍7🔥32👏1🤡1
🚀 Noty.ai

Один з наших близьких друзів зараз активно штурмує британський ІТ ринок. АЛЕ коли він заходить до них на дзвінки, він абсолютно нічого не розуміє. На жаль, якщо ви добре знаєте американську англійську, це не означає, що ви зрозумієте британську.

💡 Він знайшов рішення!

Noty.ai автоматично створює субтитри в режимі реального часу під час дзвінків за допомогою Google Meet і Zoom. Але це ще не все! Він зберігає всі ваші нотатки, статистику та підсумки.

Якщо для вас ця проблема знайома (і не лише з британською ангійською, а взагалі), можете сміло використовувати Noty.ai.

👉 Відкрити посилання

#tips
👍165🤯3🔥1🥰1👏1🤔1
Welcome 👋

Let's practice our English! So...

👉 Which technology would you choose if you were forced to replace your current one and why?

Як завжди, можете писати свої відповіді тут або в чаті.

Have a nice Friday! 💛

#english_friday
8👍3🔥3👏1🤔1
APIs for your project

Всі ми мали справу з пет-проектами. Однією з основних цілей їх створення є навчання, спроба побудувати щось цікаве та живе.

Хочемо поділитися з вами статтею з списком відкритих API, з яких ви можете почерпнути трохи натхнення та знайти ідею для власного проекту.

👉 Читати статтю

#article
👍224🔥4😁1🤩1
#todo розшифрувати закодований текст - Ckfdf Erhf]ys!
👍8🤔4🔥3🤯1
Zod 💎

Щодня більше і більше розробників використовують в своїх проектах TypeScript. Він сильно покращує developer experience. І, хоч основною задачею TypeScript є саме додавання типів в JavaScript, всі ми знаємо, що він виконує перевірки тільки при розробці, а в вже в процесі роботи ми ніяк не захищені.

Ділимося з вами бібліотекою zod, яка дозволяє описувати тип та виконувати перевірки вже в процесі роботи вашого застосунку. Бібліотека дуже добре працює з TypeScript та має широкий функціонал.

Також ділимось з вами короткими відео-туторіалами, щоб ви могли швидко ознайомитись і зрозуміти як це все працює.

Читати документацію
Дивитись відео

#library
👍10🤔5🔥43👎1
🚀 400+ JavaScript Interview Questions and Answers

Знайшли для вас круту шпаргалку про JavaScript, яка має понад 400 найрізноманітніших питань та відповідей на них! З нею вам вже ніяка співбесіда не страшна!

А ще, вкінці ви знайдете цікаві тести, які допоможуть вам перевірити ваші знання!

👉 Читати статтю

#interview
👍23🔥73🤩2
🤯14🔥4👍2👏1
Що виведе консоль?
Anonymous Quiz
32%
1
34%
10
19%
undefined
14%
Error
👍11🤯4🔥3👏1😢1
#todo написати функцію на будь-якій мові програмування, яка на вхід приймає масив об'єктів типу { price: number }, знаходить об'єкт з найменшим price і повертає його.
🔥7🤯3👍2🤔2👏1
Yup

+1 корисна бібліотека, яка неодноразово мене виручала!

Коли ви маєте багато форм на вашому веб-сайті, бажано їх добре валідувати. Звичайно, ви можете прописувати всі кейси вручну, а можете використати Yup, який допоможе вам це зробити швидше і лаконічніше.

Yup - це конструктор схем JavaScript для аналізу та перевірки значень. Тому ви можете його використовувати не лише для форм, а просто для валідації ваших даних в програмі.

А ще, він інтегрований з різними бібліотеками для побудови форм, такі як, Formik, React Hook Form та інші.

👉 Відкрити бібліотеку

#library
👍226🔥3👏1🕊1