VS [Front-end] @vs_frontend Channel on Telegram

VS [Front-end]

@vs_frontend


Вітаємо на каналі про JavaScript,який здивувує вас більше,ніж реклама,яка знає,що ви шукаєте в Інтернеті!На каналі ми збираємося розповісти вам все про JavaScript.

Якщо у вас виникли питання зверніться до адміністраторів:

-@vlad_sha2

-@alina_mytsa

VS [Front-end] (Ukrainian)

Ласкаво просимо на канал VS [Front-end], присвячений JavaScript, який дивує вас більше, ніж будь-яка реклама! Тут ви знайдете всю необхідну інформацію про JavaScript, яка допоможе вам підвищити свої навички веб-розробника. Вас чекають цікаві статті, корисні поради та інші матеріали, які допоможуть розширити ваші знання про цю мову програмування. Якщо у вас виникли питання або ви бажаєте обговорити щось з адміністраторами, будь ласка, звертайтеся до @vlad_sha2 або @alina_mytsa. Приєднуйтесь до нашого каналу, щоб стати справжнім експертом у JavaScript!

VS [Front-end]

26 Dec, 10:30


Ви знаєте, що збори тут вкрай рідко, але це перевірений збір від мого друга.

Збір для аеророзвідників 32 бригади на оновлення техніки після нищівного обстрілу русні.

https://send.monobank.ua/jar/2rzok7hR64?fbclid=PAZXh0bgNhZW0CMTEAAabAaj8LlUgkMPYVMZJ59HjeZJUIJNO9MpbW9hu8RbDl26_eIFT3b0yIU2o_aem_6qwQB4ciwDLoDq4T_KIr1w

номер картки банки:
4441 1111 2899 4336

оригінальний пост:

https://www.instagram.com/p/DCOrZ9jIfUY/?igsh=MXJzN3k3YXdhZnhiaQ==

VS [Front-end]

26 Dec, 10:00


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

25 Dec, 15:43


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

Planka - альтернатива Trello з відкритим вихідним кодом для вашого сервера.

В ньому ви можете займатися: створенням проектів, дошок, списків, карт, лейблів і завдань як у звичайному Trello, підтримка Markdown в описі карти та коментарі, а також доступні користувальницькі повідомлення, що дозволяє обмежити спідкування одним місцем.

🔗ПОСИЛАННЯ

#useful

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

25 Dec, 10:01


😂було вже, але ніколи не буде зайвим нагадати, бо так і є

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

24 Dec, 10:00


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

23 Dec, 10:01


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

22 Dec, 10:01


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

21 Dec, 13:01


Проста, але гарна анімація зміни тексту для ваших проектів 🤗

🔗ПОСИЛАННЯ НА CODEPEN

#codepen

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

21 Dec, 10:01


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

20 Dec, 10:02


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

20 Dec, 09:37


Знайдете там все, що завгодно🫣

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

Там є:

Проєкти для початківців, середнього рівня та для тих, хто знає, що робить:
- Кожна ідея має опис вимог і бажаний функціонал.
- Наприклад, простий «Туду-ліст» для початківців або складні додатки з авторизацією для просунутих.

Категорії ідей:
- Генератори паролів, конвертери одиниць, нотатники, чати, ігри тощо.

Навчання через практику:
- Ви можете вибрати ідею, спробувати її реалізувати, і, таким чином, покращувати навички програмування.

Можливість додавати свої ідеї:
- Це відкритий репозиторій, тому ви можете запропонувати власні ідеї для проєктів.


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

🔗ПОСИЛАННЯ

#resource

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

19 Dec, 10:01


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

18 Dec, 14:56


Генератор флексів

Якщо ще не всі на грідах, то ось вам онлайн-інструмент, який дозволяє візуально налаштовувати та генерувати код для CSS Flexbox, спрощуючи створення гнучких макетів.

🔗ПОСИЛАННЯ

Забирайте і користуйтеся🖥

#useful

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

18 Dec, 10:01


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

17 Dec, 10:01


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

16 Dec, 10:01


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

15 Dec, 10:00


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

14 Dec, 13:00


Завжди може статися так, що сторінка впаде😈

На цей випадок пропонуємо вам показати не станлартний 404, а таку гарненьку анімацію.

🔗ПОСИЛАННЯ НА CODEPEN

#useful #codepen

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

05 Dec, 14:00


Вирішили спробувати себе у фрілансі, і не знаєте де шукати проекти?

Зібрали для Вас список бірж, де можна знайти замовника😉

1. Upwork
Одна з найбільших фріланс платформ для будь-яких спеціалістів, включаючи розробників. Містить великий вибір проєктів та клієнтів.

2. FreelanceHunt
Українська біржа для фрілансерів. Проста у використанні, з великим попитом на розробників та дизайнерів.

3. Freelance.ua
Локальна українська біржа з широким вибором невеликих завдань і проєктів.

4. Fiverr
Міжнародна платформа, орієнтована на короткострокові завдання (гнучкість та фіксована оплата).

5. Contra
Фріланс платформа з проєктами для розробників, дизайнерів, маркетологів.

6. Peopleperhour
Європейська платформа для пошуку проєктів у розробці, дизайні, копірайтингу.

7. Toptal
Преміальна платформа для розробників із високими вимогами до фрілансерів.

8. Jobble
Більше орієнтована на тимчасові роботи, але іноді доступні й IT вакансії.

9. Flexjobs
Платформа для віддаленої роботи в різних галузях, включаючи розробку.

10. SimplyHired
Агрегатор вакансій із доступом до пропозицій для розробників і IT спеціалістів.

11. Guru
Міжнародна платформа для фрілансерів з різних сфер, включаючи IT.

12. Behance
Платформа для дизайнерів, але корисна для фронтенд-розробників, що працюють із UX/UI.

13. 99designs
Фокусується на графічному дизайні, але часто потрібна допомога фронтенд-розробників.

14. Dribble
Схожа на Behance, платформа для дизайнерів та креативних розробників.

15. Blend
Платформа для фахівців з IT, маркетингу та дизайну.

16. Welocalize
Платформа для роботи з локалізацією, де також бувають технічні проєкти для розробників.

17. Topcodes
Менш відома платформа для розробників, що пропонує завдання та фріланс-проєкти.

18. Crossover
Платформа для висококваліфікованих спеціалістів з великими оплатами.

19. We Work Remotely
Одна з найбільших платформ для пошуку дистанційної роботи, включаючи вакансії для розробників, дизайнерів та інших IT-спеціалістів. Пропонує як фріланс, так і постійну віддалену роботу.

20. LinkedIn ProFinder
Функція LinkedIn для фрілансерів і консультантів, де можна знайти проєкти в розробці, маркетингу, дизайні тощо.

#resource

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

05 Dec, 10:01


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

04 Dec, 14:02


Обробка помилок за допомогою try/catch/finally 📱

Конструкція try/catch/finally у JavaScript дозволяє ефективно обробляти помилки у вашому коді. Вона складається з трьох основних блоків:

1. try: У цьому блоці виконується основний код. Якщо під час його виконання виникає помилка, програма переходить до блоку catch.
2. catch: Цей блок активується у випадку помилки в блоці try. Він отримує об’єкт помилки, який можна використати для отримання деталей про проблему.
3. finally: Цей блок виконується завжди, незалежно від того, чи була помилка. Він підходить для завершальних операцій, таких як очищення ресурсів.

Де це корисно:

• Отримання даних із зовнішніх джерел:
Наприклад, при запитах до API, де можливі збої в мережі або некоректні відповіді.

• Введення даних користувачем:
При обробці непередбачуваних або неправильних даних.

• Складні обчислення:
Для запобігання аварійному завершенню програми через некоректні вхідні дані.

• Сторонні бібліотеки:
Для обробки несподіваних помилок, які можуть виникати в коді, що вам не підконтрольний.

Ця конструкція допомагає уникнути аварійного завершення програми та забезпечує надійність у виконанні навіть за наявності помилок.

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

04 Dec, 10:01


а ви шо думаєте про це?

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

03 Dec, 14:00


Певно, тисячі нереально красивих анімацій для ваших проектів безкоштовно і навіть без реєстрації 👀

Зробіть свій сайт в 10 разів привабливішим за допомогою Aceternity UI. Зберігайте і не губіть🫶🏽🤫

🔗ПОСИЛАННЯ

#useful #resource

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

03 Dec, 10:01


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

02 Dec, 19:54


Що таке JavaScript Intersection Observer API? 📱

Це інструмент для асинхронного спостереження за змінами видимості елемента відносно його батьківського контейнера або області перегляду (viewport). API дозволяє дізнатися, коли елемент потрапляє в зону видимості (intersects), і виконати певні дії.

Використовується для:

1. Лінивого завантаження зображень.
2. Анімації при скролінгу.
3. Відстеження видимості реклами.
4. Підвантаження нових даних, коли користувач дійшов до кінця сторінки.

Приклад з лінивим завантаженням зображень:


<img class="lazy" data-src="example.jpg" alt="Lazy loaded image">
<img class="lazy" data-src="example2.jpg" alt="Another lazy loaded image">


Атрибут data-src зберігає шлях до зображення, а src не заповнений, щоб уникнути завантаження до часу.


// Знаходимо всі зображення з класом "lazy"
const images = document.querySelectorAll('.lazy');

// Створюємо Intersection Observer
const imageObserver = new IntersectionObserver((entries, observer) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
const img = entry.target;
img.src = img.dataset.src; // Завантажуємо зображення
img.classList.remove('lazy'); // Видаляємо клас
observer.unobserve(img); // Зупиняємо спостереження за цим елементом
}
});
});

// Прив'язуємо спостерігач до кожного зображення
images.forEach(img => {
imageObserver.observe(img);
});


#useful

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

02 Dec, 12:07


😂в принципі, цього вистачить

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

30 Nov, 10:20


*не жарт взагалі*

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

29 Nov, 10:19


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

28 Nov, 15:55


Протистояння розробників і дизайнерів: одвічна проблема чи айтішний стереотип?

У новому випуску YouTube подкасту «Цього разу» поговорили про те, як комунікувати з інтровертами, визнавати помилки та працювати злагоджено в команді.

ТУТ:
➜ про червоні прапорці, які точно попередять вас про невдалу співпрацю і як це виправити;

➜ поради та інсайти для початківців в IT;

➜ справжній батл між дизайнерами й розробниками щодо питань, міфів і стереотипів.

Юлія Жуковська — UI/UX Designer у Sednor Holdings Limited і викладачка Hillel IT School, поділилася професійними «фішками» й дала поради початківцям для успішного працевлаштування.

Володимир Шайтан — Senior Full Stack Developer в UKEESS Software House і викладач Hillel IT School, розкрив бачення IT-ринку й розповів курйозні професійні історії.

Дізнаєтеся про підводні камені фрілансу та чому між користю й красою варто вибирати перше.

🔗ПОСИЛАННЯ

VS [Front-end]

28 Nov, 11:10


😂як вам таке?

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

27 Nov, 10:46


ну отаке

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

26 Nov, 11:57


😂вибачте

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

23 Nov, 10:01


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

22 Nov, 13:01


Якщо Ви коли-небудь задавалися питаннями що таке модуль у JavaScript і як працює імпорт/експорт, то ось вам стаття про це від Вови📱

Стаття “Як працюють нативні JavaScript imports” розглядає механізм імпорту в JavaScript, введений у стандарті ECMAScript 2015 (ES6). Вона пояснює, як імпорти сприяють модульності коду, полегшуючи його організацію, підтримку та розширення.
Детально описано процес імпорту, включаючи розміщення файлів, HTTP-запити, завантаження та виконання коду, а також область видимості імпортованих змінних і функцій. Окремо розглядається робота JavaScript-движка V8 з імпортами, зокрема аналіз, парсинг, завантаження файлів та кешування. Стаття також надає практичні приклади використання імпортів у JavaScript.

🔗ПОСИЛАННЯ НА СТАТТЮ

#article

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

22 Nov, 10:00


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

21 Nov, 14:14


Опитування нижче😉

VS [Front-end]

21 Nov, 10:01


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

20 Nov, 10:03


😂хто з нас?

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

19 Nov, 11:09


😂а у вас як?

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

18 Nov, 14:56


Ви, до речі, як? Цілі і здорові?🙁

VS [Front-end]

18 Nov, 14:55


Спливаюче повідомлення з індикатором виконання

Реалізовано на HTML, CSS та JS

🔗ПОСИЛАННЯ НА CODEPEN

#useful

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

18 Nov, 10:12


Особливо після ракет над головою

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

15 Nov, 12:37


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

14 Nov, 10:00


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

13 Nov, 14:00


Hidden Search Widget📱

Логіка розкриття реалізована у JS. Плавність досягається за допомогою CSS transition.

🔗ПОСИЛАННЯ НА CODEPEN

#useful

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

13 Nov, 10:00


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

12 Nov, 10:02


😂кому треба?

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

10 Nov, 10:01


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

09 Nov, 13:01


Cards with hover effects👋 Для тих, кому треба :)

10 прикладів того, як можна анімувати інтерактивні елементи у картках. Реалізовано з допомогою SCSS.

🔗ПОСИЛАННЯ НА CODEPEN

#useful

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

09 Nov, 10:00


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

08 Nov, 13:58


Опитування буде нижче😎

VS [Front-end]

08 Nov, 10:01


шлях на ранкові дейліки тільки такий

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

07 Nov, 16:01


⚡️GitHub прийшов в Telegram!

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

Варто підписатися: @GitHub

VS [Front-end]

07 Nov, 10:00


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

06 Nov, 10:01


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

05 Nov, 14:08


Хелло, знайшли прикольну штуку для тих, хто виділяє час на самонавчання :)

Наша особиста рекомендація: берете питання, яке не розумієте (або тему), просите AI згенерувати текст на цю тему і отримуєте текст + можливість додати до кожного абзацу приблизно дофіга різних діаграм/графіків/графічних пояснень тексту. Вуа-ля!

А якщо ви спитаєте мене на більш глибокому рівні:

Napkin AI — це інноваційний інструмент, який перетворює текстовий контент на візуальні елементи, такі як діаграми, інфографіку та блок-схеми. Це особливо корисно для створення документів, де візуалізація інформації підвищує її сприйняття.

Основні можливості Napkin AI:

• Автоматичне створення візуалізацій:
Введіть або вставте свій текст, і Napkin AI автоматично генерує відповідні візуальні елементи, що відображають зміст вашого тексту.

• Редагування та налаштування:
Створені візуалізації можна редагувати, змінюючи іконки, кольори, шрифти та інші елементи, щоб вони відповідали вашому стилю або бренду.

• Експорт у різних форматах:
Готові візуалізації можна експортувати у форматах PNG, PDF або SVG для подальшого використання в презентаціях, на веб-сайтах або в документах.

• Підтримка кількох мов:
Хоча Napkin AI спочатку був доступний англійською мовою, наразі він підтримує також німецьку, французьку, японську та китайську мови.

• Інтуїтивний інтерфейс:
Простий та зрозумілий інтерфейс дозволяє швидко створювати візуалізації без необхідності володіння спеціальними дизайнерськими навичками.

🔗ПОСИЛАННЯ

#useful

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

05 Nov, 11:27


Мда, і сказати нічого про це 🤦‍♂️

VS [Front-end]

05 Nov, 10:02


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

04 Nov, 13:58


Sale label🖥

Декілька прикладів реалізації рухомої етикетки розпродажу на чистому CSS.

#useful

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

04 Nov, 10:02


таке нам не підходить, я збираюся

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

03 Nov, 10:02


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

02 Nov, 10:01


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

01 Nov, 10:02


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

31 Oct, 16:22


Опитування буде нижче😎

VS [Front-end]

31 Oct, 10:00


😂ну як завжди

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

30 Oct, 14:00


Сайт, який допоможе Вам конвертувати код одного формату в інший без проблем😎

🎯 transform.tools — інструмент для швидкої обробки даних і форматування!
•Перетворення даних: JSON, CSV, XML, YAML.
•Форматування коду для кращої читабельності.
•Хешування та тестування регулярних виразів.
•Генерація TypeScript чи Go з JSON для швидкої роботи з типами.

А також:

HTML & JSX: швидке форматування та перетворення між HTML і JSX. Це особливо корисно при роботі з React, коли потрібно швидко перевести HTML у JSX-формат або навпаки.
CSS: надає можливість оптимізувати та форматувати CSS-код, що полегшує читання й структурування стилів.

🔗ПОСИЛАННЯ

#useful

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

30 Oct, 10:01


😂коли обіцяють 1000$ зі старту

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

29 Oct, 14:00


Як працює map.entries()? 📱

Метод map.entries() використовується для отримання всіх пар ключ-значення в об’єкті Map у вигляді спеціального об’єкта, який називається ітератором (Iterator). Коли цей метод викликається на Map, він повертає ітератор, що дозволяє поступово обійти кожен елемент у структурі Map та отримати доступ до його ключів і значень. Важливо, що порядок цих пар [key, value] завжди відповідає порядку, в якому їх було додано до Map, тобто вони зберігаються і повертаються в тому ж порядку.

Ітератор, повернутий map.entries(), не є масивом, але його можна використовувати в циклах for...of, щоб легко отримати кожну пару [key, value]. Це робить метод зручним для доступу до всіх елементів у Map в процесі виконання різних операцій, як-от перевірка значень або зміна значень в залежності від ключів.

Map.entries() надає розширені можливості для роботи зі структурами даних, оскільки дозволяє легко та ефективно отримати доступ до всієї інформації в Map.

На скріншотах приклади:
1. Як використовувати map.entries(),
2. Створення та ітерація по Map з кількома ключами та значеннями,
3. Ітерація Map, значенням якого є об’єкти,
4. Map: Ітерація по Map, який містить інший Map як значення,
5. Якщо вам потрібно конвертувати всі пари Map в масив.

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

29 Oct, 10:01


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

28 Oct, 10:14


soooo... Ми повернулися з лікарняного і знову тут!

Опитування буде, як завжди, нижче🤫

VS [Front-end]

28 Oct, 10:01


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

27 Oct, 09:00


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

26 Oct, 12:20


CSS🖥

float: everywhere
layout: no

#css

👀
Telegram | Youtube | LinkedIn

VS [Front-end]

26 Oct, 09:01


😂Черговий мемчанський

#мем

👉🏼 Telegram | Youtube | LinkedIn

VS [Front-end]

23 Oct, 09:00


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

22 Oct, 12:25


Трохи життєвого


Як мене «кинули» на гроші в IT-компанії ⬇️⬇️

У мене є декілька історій, які трапилися зі мною, однією з таких я зараз поділюся.

Тоді я був «зеленим», працював у компанії BeInWeb, розробляв сайти, верстав, програмував – загалом, сама звичайна робота веб-розробника.

Компанія спеціалізувалася на інтернет-магазинах, тож більшу частину часу я займався саме цим.

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

Через місяць настав час отримувати зарплату. Тоді я написав керівнику і наступного дня пішов до офісу. Там мене зустріли дві людини – керівник та його заступник, які відразу почали висувати мені претензії щодо виконаної роботи тощо. Відразу скажу, що під час розробки та тестування запитань щодо якості роботи, багів і т.д. мені не ставилося, було «все гуд, продовжуй».

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

Він все ж таки вийшов і пішов кудись собі покурити, після чого я залишився з керівником наодинці. На всі його «запитання» щодо якості, швидкості роботи тощо я відповів аргументовано і правдиво.

Цей діалог тривав досить довго, і в кінці він мені сказав: «Вова, насправді все набагато простіше. Наші клієнти розірвали з нами договори, хоча все було нормально і нічого такого не прогнозувалося. А до тебе не було питань під час розробки, тому що з розробкою все було стабільно і без якихось великих проблем, як і на будь-якому іншому проекті».

Але зарплату за половину місяця моєї роботи мені так і не заплатили, тому що «не було чим».

На той час вони залишились мені винні близько 200 доларів.

І чесно, це було дуже смішно, тому що керівник (це був повністю його бізнес) мав дві машини – BMW і якийсь Mercedes, новенькі, не старі. Одна для літнього сезону – кабріолет, а інша для холодної погоди.

Чому я це написав? Тому що він сам про це постійно розповідав :)

Трохи довга історія вийшла, насправді я вже майже все забув, але деякі тези до сих пір пам'ятаю."

VS [Front-end]

22 Oct, 09:00


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

21 Oct, 15:21


Після легенького опитування побігли читати цікаву, а головне корисну статтю👀

Робота з формами вже давно стала буденністю для фронт-енд розробників, тому ця тема актуальна як ніколи. Зараз є величезна кількість різних інструментів для обробки форм, де одним із найпопулярніших є Formik.

Стаття розкриває переваги використання бібліотеки Formik для обробки форм у React. Вона пояснює, як Formik спрощує управління станом форм, валідацію та обробку подій, дозволяючи зосередитися на бізнес-логіці.
Демонструється, як легко налаштувати Formik, використовуючи прості приклади, включаючи валідацію через Yup.

Особливу увагу приділено інтеграції Formik з компонентами Material-UI для покращення UI/UX.
У статті також обговорюються найбільш поширені помилки під час роботи з формами та способи їх уникнення. Це чудове введення для тих, хто хоче підвищити продуктивність своїх форм у React.

🔗ПОСИЛАННЯ НА СТАТТЮ

#article

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

21 Oct, 09:01


😂шось тут явно не так

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

20 Oct, 12:01


CSS Diner🥢

Прикольна невеличка гра для того, щоб згадати селектори CSS і як з ними працювати. Іноді приємно освіжити памʼять🍃

🔗ПОСИЛАННЯ

#resource

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

20 Oct, 09:01


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

19 Oct, 13:00


📽🎞Добірка фільмів для вас (там є навіть старі фільми, якщо хтось любить таке, бо ми так :))

1. “The Social Network” (2010) – драматична історія про заснування Facebook Марком Цукербергом. Фільм показує тернистий шлях від створення сайту до світової популярності, а також конфлікти й судові позови, що супроводжували цей процес.

2. “The Imitation Game” (2014) – біографічний фільм про Алана Тюрінга, який під час Другої світової війни створив машину для дешифрування нацистського коду “Енігма”. Тюрінг вважається піонером сучасного комп’ютерного програмування.

3. “WarGames” (1983) – школяр випадково проникає в систему військових комп’ютерів і запускає симуляцію ядерної війни, думаючи, що це лише гра. Після цього він намагається зупинити катастрофу.

4. “Tron” (1982) – програміст потрапляє у віртуальний світ комп’ютерних програм, де йому доводиться боротися за виживання та протистояти диктатурі, що панує у віртуальному світі.

5. “Ex Machina” (2014) – молодий програміст бере участь у тестуванні штучного інтелекту в ізольованій лабораторії. Питання, чи може робот мислити й відчувати як людина, стає центральним у сюжеті.

Дивилися щось із цього вже? Які Ваші враження?

#forfun

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

19 Oct, 09:00


😂Черговий мемчанський
(це, до речі, непоганий спосіб)

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

18 Oct, 12:01


Короче, придумали такеʼ *потираю руки*😈

Задача:
Напишіть функцію, яка приймає масиви та кількість елементів для ітерації. Функція повинна повертати елементи з цих масивів, переходячи до наступного масиву після досягнення кінця поточного. Якщо всі масиви пройдено, ітерація продовжується знову з першого масиву.

Приклад:
const arr1 = [1, 2, 3];
const arr2 = ['a', 'b'];
const result = iterateArrays([arr1, arr2], 7);
console.log(result); // [1, 'a', 2, 'b', 3, 1, 'a']

Давайте, де і як вам зручно (можна скріни, можна в коментарі просто), дуже хочеться подивитися хто як цікаво напише😋

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

18 Oct, 09:00


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn

VS [Front-end]

17 Oct, 16:25


В Hillel вийшов новий подкаст з Вовою 👀 пішли дивитися!

Скільки айтівця не годуй, він усе одно хантиться?

У новому YouTube подкасті «Цього разу» поговорили про те, що слід знати про ІТ-івців. Шукали відповіді з гостями, які є улюбленцями студентів і глядачів, але мають різний досвід та погляди на ІТ.

Volodymyr Shaitan — Senior Full Stack Developer в UKEESS Software House і викладач Hillel IT School. Дев’ять років працює розробником, викладає в школі курси з фронтенду, має крутий фан-клуб студентів та багато запитань до ІТ.

Євген Ламбов — Front-end Developer IT-департаменту Hillel IT School. Три роки працює розробником. Це його перший досвід в ІТ, де знайшов і реалізовує себе. Фанат ІТ та точно знає, «де питання і претензії навіть не планує шукати»)

🔗ПОСИЛАННЯ НА ПОДКАСТ

Чи можливо ви вже подивилися, що скажете?)

(попередній пост чомусь не можна було коментувати)

VS [Front-end]

17 Oct, 12:58


Опитування буде нижче😉

VS [Front-end]

17 Oct, 09:00


😂Черговий мемчанський

#мем

👀 Telegram | Youtube | LinkedIn