APIs for your project

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

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

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

#article

#todo розшифрувати закодований текст - Ckfdf Erhf]ys!

Zod 💎

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

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

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

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

#library

🚀 400+ JavaScript Interview Questions and Answers

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

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

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

#interview

#todo написати функцію на будь-якій мові програмування, яка на вхід приймає масив об'єктів типу { price: number }, знаходить об'єкт з найменшим price і повертає його.

Yup

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

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

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

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

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

#library

Welcome 👋

Let's practice our English! So...

👉 What is the biggest goal in your career?

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

Have a nice Friday! 💛

#english_friday

Хочете зламати собі мозок за 3 хвилини? 🤯

Тоді подивіться дане відео, де автор показав 14 швидких тестів, які покажуть наскільки добре ви знаєте JSON.

👉 Поїхали - дивитись відео

#tips

#todo порефакторити код і пояснити, що з ним було не так.

Astro 🚀

JS фреймворків багато не буває. Тому сьогодні згадаємо ще один - Astro.

Основна мета Astro - фокусуватись на контенті та бути швидким. Фішкою даного фреймворку є острівна архітектура, де острови - це частинки вашої веб-сторінки.

Ви можете використати багато різних UI-фреймворків для побудови цих островів (React, Vue, Svelte та інші), та навіть комбінувати їх на одній сторінці. Astro сам про все подбає.

Тому не гайте часу та пробуйте.

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

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

#library

Базові команди Git 💻

З якою технологію ви б не працювали, базові знання про Git потрібно мати.

Git — це система контролю версій, яку розробники використовують для відстеження змін, внесених у їхній код.

Ми знайшли матеріали про команди Git, які дозволять вам впевнено використовувати його можливості.

👉 GitSheet — це проста шпаргалка, яка містить список поширених команд Git.
👉 А також зверніть увагу на дану статтю, в якій автор на детальних прикладах показує принцип роботи найпопулярніших команд Git.

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

А ще, вітаємо вас з Днем Святого Валентина! ❤️

#interview

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

Mermaid

Багато хто не любить будувати діаграми. Проте візуальне сприйняття одне з найкращих. Тому сьогодні хочемо поділитися з вами інструментом Paint Mermaid.

За допомогою спеціального і досить простого коду ви можете отримати різні типи діаграм. Найцікавіше те, що все це легко обробляється за допомогою JavaScript. А ще, цей інструмент вже вбудований в такі системи як GitHub, GitLab, Notion та багато інших.

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

#library

Welcome 👋

Let's practice our English! So...

👉 Tell us about the most interesting project you were working on (as much as NDA allows).

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

Have a nice Friday! 💛

#english_friday

Satisfies

У Typescript версії 4.9 було додано новий оператор satisfies. Якщо коротко, то satisfies дозволяє перевірити чи змінна задовільняє певний тип, проте не присвоює його в змінну.

Підготували для вас приклад, який допоможе вам ознайомитись з цим оператором. Зверніть увагу на тип .age в обох випадках 😉

👉 Переглянути приклад
👉 Читати документацію

#tips

Що таке CDN?

CDN, або Content Delivery Network - це мережа серверів, розподілених по всьому світу. Коли ви використовуєте CDN, статичний контент вашого сайту (зображення, відео, CSS, JavaScript) зберігається на всіх цих серверах, а не лише на одному. Коли користувач заходить на ваш сайт, контент завантажується з найближчого до нього сервера, що пришвидшує час завантаження.

Основна причина використання CDN - пришвидшити роботу вашого сайту. Розподіляючи ваш контент між кількома серверами, ви можете скоротити відстань між вашим сайтом і користувачами, у результаті чого веб-сайт буде швидше завантажуватись.

Ще одна перевага використання CDN полягає в тому, що вона може зменшити навантаження на ваш вихідний сервер. Перенаправляючи частину трафіку на CDN, ваш вихідний сервер може зосередитися на доставці динамічного контенту, що може додатково прискорити роботу вашого веб-сайту.

CDN також може допомогти захистити ваш веб-сайт від DDoS-атак. Оскільки ваш контент обслуговується з декількох серверів, він може обробляти більший обсяг трафіку, ніж ваш сервер-джерело.

А щоб почитати більше, ділимося з вами статтею від одного з CDN провайдерів.

👉 Читати більше

#interview