Web Overflow 🇺🇦


Гео и язык канала: Украина, Украинский
Категория: Технологии


Затишний блог про веб-розробку і не тільки 💛
Чат: @web_overflow_chat
Співпраця: @web_overflow_support
Автори: @lluchkaa & @anastasiia_tarasenko

Связанные каналы  |  Похожие каналы

Гео и язык канала
Украина, Украинский
Категория
Технологии
Статистика
Фильтр публикаций


#how_to створити frying pan preloader 🥘

Виконаний з допомогою HTML та SCSS!

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


Welcome!

Let's practice our English! So...

👉 What’s one thing you wish people would stop doing on social media?

Have a nice #english_friday 💛


CSS changed 🟣

Перше, що варто зазначити, — CSS отримав нове лого. Історія походження цього кольору справді унікальна. Щоб дізнатися більше, перегляньте відео нижче.

Бонусом: Fireship розповідає про фічі CSS, які мало хто знає, але більшість із них вже стали або незабаром стануть стандартними у браузерах.

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

#tips


State of JS/React 🤨

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

Опитування щодо JavaScript і React відкриті!

На нашу думку, це не просто спроба отримати статистичні дані. Використайте це на свою користь: додавайте у свій Reading List нові речі, про які ви не чули, або ж чули, але досі не досліджували. Наприклад, у першому питанні ми для себе відзначили error.cause та hashbang grammar. Також позначайте своє ставлення до технологій у запитаннях — це дає корисний фідбек для всієї спільноти.

І, звісно, це ще одна нагода показати світу, що в Україні багато крутих спеціалістів!

👉 Відкрити State of JavaScript 2024 Survey
👉 Відкрити State of React 2024 Survey

#tips


Що виведе консоль?
Опрос
  •  
  •   1
  •   2
  •   4
145 голосов


#quiz


Як пройти співбесіду англійською? 📚

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

👉 Співбесіда англійською – 11 найпопулярніших запитань та відповідей
👉 Співбесіда англійською мовою - як пройти інтерв'ю на англійській?

#interview


Welcome!

Let's practice our English! So...

👉 If you could have an unlimited supply of one item (not connected to money), what would it be and why?

Have a nice #english_friday 💛


Driver.js 🚖
#post_from @vova_taras

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

Driver.js — бібліотека, яка дозволяє легко створити подібний тур по вашому продукту, підкреслюючи ключові елементи. Краще один раз побачити, ніж десять разів прочитати, тож перегляньте демо-тур на офіційному сайті driver.js.

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

#library


ESLint Stylistic 💅

ESLint має окремий плагін, який спрямований саме на стиль коду. Раніше ці правила були частиною самого ESLint, але тепер їх винесли окремо.

Звісно, це не зробить ваш код більш ефективним, але, можливо, ви захочете забезпечити єдиний стиль для всієї команди. У поєднанні з Prettier можна налаштувати досить суворі правила форматування. Тішить, що більшість правил підтримують auto-fix.

Ми зараз пробуємо додати цей плагін, щоб форсувати відступи під директивами ("use client"/"use server"). Можливо, це не надто корисно, але зате забезпечить узгодженість у всьому коді.

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

#tips


#todo написати функцію на будь-якій мові програмування, яка приймає ціле додатнє число ms - кількість мілісекунд, та викликає заздалегідь визначену функцію f. Функція має повернути результат виклику функції f, якщо функція f виконалась менш ніж ms мілісекунд, інакше - викинути помилку.


Що виведе консоль?
Опрос
  •   3 4
  •   4 3
  •   64 81
  •   12 12
200 голосов


#quiz


Axios adapter 🔌

На поточному Next.js проєкті ми використовуємо axios. І, якщо ви досліджували нові версії Next.js, то могли помітити, що вони розширюють вбудований fetch. Next.js дозволяє керувати кешем саме через fetch.

За замовчуванням axios використовує fetch аж третім в черзі. Проте, це можна легко змінити, встановивши параметр adapter, створюючи обʼєкт axios.

const api = axios.create({ adapter: ["fetch", "xhr", "http"] })


Після цього ми можемо передавати fetchOptions при виклику методів axios.

api.get("/", { fetchOptions: { ... } })


Відверто кажучи, ми ще не встигли це протестувати (PR поки висить), але вже цього тижня ми хочемо перевірити, чи все працює правильно.

#localhost


Яку бібліотеку для роботи з датами ви використовуєте?
Опрос
  •   date-fns
  •   Day.js
  •   Moment.js
  •   Стандартні методи Date
  •   Іншу
230 голосов


З Днем Народження, Web Overflow! 🎉

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

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

Сьогодні ми святкуємо не лише твій день народження, а й шлях, яким пройшли разом. Вітаємо тебе, ти особливе місце! 💛


Що виведе консоль?
Опрос
  •   1
  •   2
  •   4
  •   Нічого не виведе, буде помилка
262 голосов


#quiz


Live coding 😰

Live coding став частим явищем на технічних співбесідах (на жаль 😢). І хоча зазвичай ви не знаєте, які завдання вас чекатимуть, до них усе одно можна підготуватися.

Ми знайшли для вас цікаву статтю, в якій авторка розповідає, на які кроки під час live coding варто звернути увагу, як бути готовим до них та як правильно спілкуватися з інтерв’юером.

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

#interview


У нашого адміна сьогодні День Народження! 🥳

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

Вітаємо! 💛

Показано 20 последних публикаций.