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

Чат: @web_overflow_chat
Співпраця: @web_overflow_support
Автори: @lluchkaa & @anastasiia_tarasenko
加入频道
У Насті сьогодні День Народження! 🥳🎉

Вона серце і душа цього каналу 💛

Настя дуже зрадіє привітанню кожного з вас. Вона щодня старається, щоб усім було цікаво і комфортно, тому давайте сьогодні постараємось для неї!
🎉171❤‍🔥135😱1
Good Morning, guys!

Let's practice our English! So...

👉 Have you set some goals for this year? Could you share some?

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

Have a wonderful Friday! 💛

#english_friday
7👍3🔥2😁1🤩1
Чому 0.1 + 0.2 ≠ 0.3?

Це вчать ще в школі, тому, на перший погляд, може виглядати дивно, що “розумний” компʼютер не знає такої простої математики.

Давайте трішки зануримось в те, як машина взагалі працює з числами. Всередині все представлено 1 і 0. І якщо з цілими числами все ще наче зрозуміло, з дійсними не все так просто. В компʼютерах вони представлені у форматі “чисел з рухомою крапкою”. Є цілий стандарт, який описує цю арифметику.

Є три основних компоненти - знак, мантиса та експонента. Саме в такому записі число і зберігається в компʼютері. Для аналогії в нашій, десятковій системі, спробуємо перетворити число -5.01 в такий формат. Число відʼємне, мантиса - 501, відповідно експонента - 10^-2, в результаті отримуємо - 1 * 501 * 10^-2.

Десь таким же способом компʼютер зберігає числа і в своїй памʼяті, тільки у двійковому форматі. Але проблема в тому, що в машини є обмежена кількість памʼяті, і через це є похибка у точності. Компʼютер просто не в змозі записати деякі числа в себе в памʼяті точно. Повертаючись до початкового питання, при додаванні 0.1 та 0.2 компʼютер отримує число наближене до 0.3.

Тримайте собі завжди за правило не порівнювати числа з плаваючою крапкою напряму, а лише порівнюючи з похибкою, наприклад отак:
Math.abs(a - b) < Number.EPSILON

Якщо ви хочете більше дослідити це питання, ось вам пояснення за 30 секунд та коротка стаття. А ще, для інтерактиву, можете погратись в конвертері.

#interview
👍425🤯4🔥3👏2
4🐳4🔥1🤔1
Що виведе консоль?
Anonymous Quiz
10%
some text
31%
Some text
13%
Some Text
45%
S
👍185🔥3🌭2😐2
#todo написати функцію на будь-якій мові програмування, яка на вхід отримує ціле число і повертає суму цифер вхідного числа. Наприклад, для числа 134 функція має повернути 8 (1 + 3 + 4 = 8).
👍18🤔3🔥2🤯21
😲 Боїшся ставити зайві пакети в проект?

Ми тебе розуміємо!

Тому знайшли для вас мегакрутий сайт - Bundlephobia!

Bundlephobia допомагає визначити вплив пакетів npm на продуктивність. Знайдіть розмір будь-якого пакета JavaScript і його вплив на ваш зовнішній пакет.

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

👉 Відкрити сайт

#tips
👍236🔥2🎉1🤩1
Welcome 👋

Let's practice our English! So...

👉 Do you remember your first rejection after an interview? Why did it happen?

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

Have a nice Friday! 💛

#english_friday
😁5👍4🔥21🤔1
Хей-хей 👋

Нам дуже важливо отримувати зворотній фідбек і бути цікавими для вас. Тому ми будемо дуже вдячними, якщо ви поділитесь тим, що б ви хотіли бачити на нашому каналі!

Дякуємо 💛
👍155🥰3🔥1
Хей 👋
Підготували для вас цікаву задачку!

#todo розшифрувати закодований текст - KHOOR IURP ZHERYHUIORZ

Успіхів! 💛
12🤯5👍3🔥2😁1
2022 report

Якщо вам цікаві підсумки минулого року в сфері IT, тоді ми з радістю хочемо поділитися з вами корисними посиланнями.

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

А ще, якщо вас цікавить світ JavaScript, на каналі Fireship можете переглянути звіт по 2022 року.

👉 Читати статтю
👉 Дивитися відео

#news
8👍7🔥2🥰1
🚀 Top 50 React Interview Questions You Must Prepare In 2023

Хей-хей 👋

Знайшли для вас мегакруту шпаргалку про React, яка допоможе вам успішно пройти співбесіду!

Дана стаття має чудову підбірку питань/відповідей про React і Redux. Він містить справді гарне пояснення віртуального DOM і охоплює відмінності між React і Angular, а також життєві цикли компонентів React. У розділі Redux є запитання, які перевіряють ваші знання про весь процес.

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

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

#interview
👍285🔥3👏2🤩1
👍63🔥2👎1🤔1
Що виведе консоль?
Anonymous Quiz
19%
false false
15%
false true
53%
true false
14%
true true
👍19🤯8🔥3🤔32💯2
#todo написати функцію на будь-якій мові програмування, яка на вхід отримує стрічку і повертає довжину останнього слова. Наприклад, для стрічки “ Hello from Web Overflow ” функція повинна повернути 8 (останнє слово Overflow і його довжина 8).
5👍4👏1🤔1🤯1
🦖 Docosaurus

Пропонуємо вам переглянути наступні веб-сайти:

👉 Jest
👉 React Native
👉 pnpm

Не помічаєте нічого спільного?

Ну, по перше, всі вони закликають підтримувати Україну, що дуже важливо! 🇺🇦

А ще, якщо придивитися, всі вони трішки схожі - кнопки, поля для пошуку та інші компоненти. Ви сильно здивуєтесь, якщо я скажу, що це ще один JavaScript фреймворк? 😱

Docusaurus - це генератор веб-сайту на основі React, який дозволяє фокусуватись саме на контенті і спрямований на побудову документацій.

Особливістю є те, що ви можете писати не тільки React-код, а просто Markdown сторінки. Ще тут є підтримка версіонування (яке швидше за все може знадобитись), інтернаціоналізація, пошук та налаштування візуальної теми.

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

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

#library
👍184🔥3🤔1
Good Morning, guys!

Let's practice our English! So...

👉 Which tools/services do you consider to be very useful so you pay for them (Ex: Google Drive, Netflix, Spotify and etc)?

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

Have a wonderful Friday! 💛

#english_friday
5👍5👏2🔥1🤔1
🚀 Arc Browser

Я думаю, що вже всі помітили, що я обожнюю постійно відкривати для себе щось нове. Ось і сьогодні я нарешті отримав доступ до нового браузера Arc Browser 🎉

І перше враження було вау 🤩

Вони обіцяли щось нове та незвичне, і вони свого слова дотримались - надзвичайно відполірований дизайн та реорганізовані всі звичні для нас інструменти. З основного ще виділю те, що він таки дає враження повністю повноекранного. Є вбудована функція split view, тому тепер з легкістю можна одночасно дивитися СуперМаму та ревʼювити код (це must have для Насті 😄). А ще є вбудовані нотатки та щось на кшталт муд-борду. Вражаюче 😱

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

А поки залишаємо їх сайт!

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

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

🎁 В мене ще є кілька запрошень, тому, якщо є охочі, пишіть в коментарі!

#news
👍115🔥3🤩3😁1🤡1
Підготували для вас трішки гавнокоду. #todo порефакторити його і пояснити, що з ним було не так.
👍6😁5🔥2🤔2😱1