💁‍♂️ Вже кілька років основні браузери вирішують проблеми сумісності. Головним завданням було стандартизувати API та покрити тестами функціонал, щоб кожен браузер мав однакову поведінку при тому самому API. Браузери вже покрили близько 90% всього функціоналу.

👉 У 2022 великий скачок зробив браузер Safari: у відсотковому співвідношенні покриває 94 відсотки функціоналу, тим самим перегнавши своїх конкурентів. Загроза, що Safari стане другим IE вже не виглядає реальною.

😌 IMHO завдяки такій спільній роботі скоро можна буде забути про кросбраузерну розробку, також доставка нових фіч у кожен браузер може прискоритися. Це все покращує DX фронтенд розробників, що не може не тішити.

Більш детально можна ознайомитись тут👇
▪️ https://web.dev/interop-2022/
▪️ https://web.dev/interop-2022-wrapup/
▪️ https://wpt.fyi/interop-2022

#codica_tech

📆 Починаємо рік із корисних звичок!

#НапуттяВід_HR Директорки Клименко Наталії

Друзі, протягом цього року ми вам написали дуже багато корисної інформації. Давайте зустрінемо цей рік добрими звичками, про які ми тут уже писали 👇

Не забувайте про правильне харчування 🍏

👉 Ми торік неодноразово згадували, як правильно та чим харчуватися. Якщо стисло, то наші рекомендації крутилися навколо середземноморського типу харчування. Це план харчування, натхненний раціоном мешканців Греції, Іспанії, Італії та Франції. У ньому багато овочів та фруктів, цільнозернових продуктів, бобових, горіхів, риби, а також оливкової олії. Ось чим корисна середземноморська дієта: знижує ризик інфаркту та інсульту більше ніж на 50%, підвищує рівень кальцію та захищає від остеопорозу, знижує захворюваність на цукровий діабет 2 типу, знижує ризик хвороби Паркінсона та Альцгеймера на 30%.

💁🏻‍♀️ Утім, не так важливо, чи ви будете використовувати цей тип харчування або інший принцип раціонального харчування. Важливо розуміти, що з одного боку, здоровий раціон – це завжди повноцінне та збалансоване харчування. А з іншого, важливо не виключати з раціону ласощі повністю і не сидіти на суворих дієтах, а повертати собі повноцінне харчування.

Спіть не менше як 7-8 годин на добу 🛌

Сон – основна складова здорового життя. Дорослі повинні регулярно спати 7 або більше годин на добу. Деяким, зокрема молодим людям та людям із хронічними захворюваннями, необхідно навіть більше – 9 годин сну на добу. Також недостатня кількість сну може вплинути на вашу здатність приймати рішення, збільшити ризик виникнення аварій на дорозі, спричинити помилки.
🥱 Декілька корисних звичок допоможуть вам покращити сон: дотримуйтеся режиму сну, не користуйтеся гаджетами прямо перед засинанням, уникайте кофеїну та алкоголю, створіть заспокійливу обстановку в спальні, не переїдайте і прогулюйтеся перед сном. Також чудово допомагають медитації та заспокійлива музика.

Пам'ятайте про загальний стан здоров'я 💪

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

Пам'ятайте про щеплення 💉

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

👉 Ризик підчепити грип чи застуду зараз дуже високий, Ковід теж нікуди не подівся – пам'ятаєте про це.

Утеплюйтесь🧣

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

👉 Ще вкривайте від холоду вуха – голова сама собою слабко захищена від холоду. При виборі взуття найкраще зупинитися на водонепроникних моделях з неслизькою підошвою (або купіть спеціальні льодоходи).

Пийте вітаміни 💊

Вітамін D допомагає боротися з інфекціями та покращує загальний показник здоров'я. Він виробляється під впливом УФ-променів, але взимку ми майже не бачимо сонця. Тому до продуктів, багатих вітаміном D (гриби, жирні види риб), потрібно щодня приймати його в дозуванні не менше 600 МО (IU).
👉 Але перш ніж приймати комплекс вітамінів краще відвідати свого терапевта та здати аналізи.

Психічна профілактика 🧠

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

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

Бажаю всім нам, щоб цей рік подарував нам багато приводів для радості! ☺️
Нехай старий рік забере всі негаразди та смуток, а новий принесе нам мир! ❤️

Друзі у нас коментарі завжди відкриті – і під цим дописом теж. Давайте залишимо один одному якихось хороших побажань у Новому році👇

#НапуттяВід_HR

Привіт, незламні! 👋

Шукаємо Node.js розробника, який прагне та готовий щодня вдосконалюватися разом із професійною командою.

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

Коротко про нас: ми аутсорсингова сервісна компанія, яка займається створенням складних веб та мобільних додатків з нуля – від планування та реалізації до запуску.

☝️ Ми не аутстафимо, не хапаємося за всі проєкти та ніколи не працюємо з токсичними клієнтами, а натомість самі обираємо, з ким хочемо стартувати спільну роботу.

Під капотом у нас:

🧑‍💻 Для бека: NodeJS (фреймворк Serverless, NestJS), Ruby (фреймворк Ruby on Rails)
🧑‍💻 На фронті юзаємо React, React Query, Typescript та Next.js
🧑‍💻 Працюємо з PostgreSQL, Redis, ElasticSearch
🧑‍💻 На всіх проєктах використовуємо Docker
🧑‍💻 Вся наша інфраструктура розташована на AWS - ми використовуємо такі сервіси як ECS, EC2, RDS, S3 і багато іншого

Чого ми потребуємо:

➡️ Комерційний досвід роботи з NodeJS від 1-го року
➡️ Впевнені знання JavaScript та TypeScript
➡️ Вміння писати API та досвід роботи з Rest API
➡️ Досвід роботи з базами даних PostgreSQL, MongoDB та Redis
➡️ Впевнені навички Git
➡️ English Intermediate (якщо вище - безперечно буде плюсом)
➡️ Здатність до самонавчання, критичне мислення

Точно буде плюсом:

➡️ Навички роботи з Docker та Swagger
➡️ Знання AWS
➡️ Знання фреймворку Serverless

Що ми можемо запропонувати:

✔️ Персональне рев’ю 1 раз на 6 місяців, де ми чесно і по суті обговорюємо вашу кар’єру та фінансові перспективи;
✔️ Систематичні 1-to-1 мітинги з ментором (раз на два місяці), на яких відбувається обговорення конкретних задач та найближчих перспектив;
✔️ Можливість перемикатися між проєктами, ми не застоюємося на якомусь одному;
✔️ Роботу з чітким стеком технологій, що дає змогу поглиблювати експертність;
✔️ Активне прокачування культури написання коду і систематичне Code Review;
✔️ Можливість брати активну участь в обговоренні кожного проєкту та всіх процесів загалом;
✔️ Професійне та відкрите до пропозицій керівництво, яке завжди шукає шляхи покращення робочих процесів та умов;
✔️ На 100% віддалену роботу;
✔️ Постійну підтримку та допомогу один одному (зверніть увагу на відгуки про нас).

Друзі, у нас є тестове завдання і нам дуже важливо подивитися на вашу реалізацію, щоб ми до кінця зрозуміли один одного 😉

📧 З усіх питань пишіть на пошту - job@codica.com
🔗 Посилання на вакансію Node.js Developer тут.

Надсилайте резюме, будемо раді поспілкуватися! 🙂

Тихого та спокійного ранку всім 😌

#codica_english

HTML/CSS, вебдизайн та JavaScript: топ самовчителів, які допоможуть швидко опанувати професію🔝

💻 HTML і CSS — це та сама база знань і навичок, необхідна для входу в IT. Саме з неї починає свій кар’єрний шлях більшість веброзробників та програмістів. Бажаєте увійти до IT? Почніть з вивчення HTML та CSS.

▪️Джон Дакет «HTML та CSS. Розробка та дизайн вебсайтів»
▪️Елізабет Робсон та Ерік Фрімен «Вивчаємо HTML, XHTML та CSS»
▪️Девід Макфарланд «Нова велика книга CSS»

#codica_advice

JavaScript — популярна мова програмування, яку зазвичай вивчають разом з HTML та CSS. Це той необхідний базис, з яким ви зможете розпочати кар’єру в IT-індустрії. Якісної літератури на цю тему теж достатньо👇

🔸 Девід Фленаган «JavaScript. Детальний посібник»
🔸 Марейн Хавербеке «Виразний JavaScript»
🔸 Елізабет Робсон «Вивчаємо програмування на JavaScript»
🔸 Джон Резіг, Беар Бібо та Йосип Марас «Секрети JavaScript ніндзя»
🔸 Дуглас Крокфорд «Як влаштований JavaScript»
🔸 Дуглас Крокфорд «JavaScript: сильні сторони»
🔸 Кайл Сімпсон «{Ви не знаєте JS} Типи та граматичні конструкції»

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

🎨 Ітан Маркот «Чутливий вебдизайн»
🎨 Аарон Волтер «Емоційний вебдизайн»
🎨 Стів Круг «Вебдизайн: не змушуйте мене думати»

#codica_advice

Коли фіксиш баг на проді 😅

#codica_humor

Всім спокійного і легкого ранку, тримайте невеличку добірку новин цього тижня 📰

🧑‍🎨 Design Digest: найважливіше у 2022 і тренди 2023

🥷 Хакери виклали понад 200 мільйонів вкрадених адрес із бази Twitter – ЗМІ

🫥 Google+, Vista та дивна антена в iPhone 4. Найбільші провали техногігантів за останні десятиріччя

💰 В Україні планують повернути довоєнні податки для бізнесу: що відомо

Доброго ранку та гарного тижня 🙂

#codica_ruby

Який Хостинг підібрати замовнику чи власному проєкту? 🤔

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

То як же зрозуміти, що хостеру можна довіряти?

✔️компанія на ринку вже, як мінімум, кілька років – перевірені хостери пережили більше за ваші домашні шкартпетки;
✔️uptime (час безперебійної роботи) хоча б 99,9%;
✔️цілодобова техпідтримка – чи не найголовніше, бо саме хороший супорт знімає з нас чимало технічної мороки;
✔️щоденні бекапи – це дозволить почуватися впевнено, коли треба відкотитись;
✔️стабільна ціна – якщо ви замовляли тариф не за акційною ціною, то продовжуватись маєте за такою ж самою.

Щоб спростити ваші пошуки, радимо українського хостера HostPro.

🎁 Ми домовилися з HostPro за знижку 20% на тарифи NVMe Хостингу. Покваптесь скористатися промокодом “CODICA” до 31.01.2023.
👉 https://bit.ly/3jiMNVc
Telegram HostPro – щоб не проґавити важливе.

Автоматичне оновлення копірайту в футері за допомогою JavaScript ☑️

📌 Декілька рядків коду — це все, що потрібно, щоб він постійно оновлювався автоматично.

Зберігайте, щоб не загубити 😉

#codica_tech

Що таке localhost та як його використовують в розробці 🤔

📝 Localhost або локальний хост — це зарезервоване ім’я для приватних IP-адрес. У випадку, коли мережа представлена ​​одним хостом, ця адреса визначена як 127.0.0.1.

Для шостої версії протоколу (IPv6) з доменним ім’ям локальної машини пов’язана адреса ::1/128 (0:0:0:0:0:0:0:1). Вона прив’язується до мережного інтерфейсу, що має назву loopback, у протоколі TCP/IP.

#codica_tech

☝️ Незважаючи на те, що localhost і 127.0.0.1 прийнято вживати як синоніми, ці поняття не тотожні. Хоча функціонально localhost і 127.0.0.1 ідентичні, перше — це мітка, друге — точна вказівка адреси.

😌 Розуміння цього дозволить вам уникнути проблем із конфігурацією програм. Доменне ім’я localhost легше вимовляти та запам’ятовувати, іноді йому може відповідати localhost.localdomain.

👉 Дані, що надсилаються через логічний інтерфейс loopback не схожі на стандартні пакети. Вони не проходять через апаратну частину, а на маршрутизаторах використовується правило, за яким пристрої не повинні маршрутизувати loopback IP-адресу.

❗️ Так, якщо дані надійдуть на 127.0.0.1, з першим октетом стек TCP/IP ідентифікує їх і надішле назад на локальний комп’ютер.

📎 Таким чином виходить «петля» цифрового потоку даних. На системах Unix мережевий інтерфейс loopback називається lo або lo0.

📌 Адреса зворотної петлі — це адреса, яка використовується петлевими інтерфейсами.

👀 Завдяки технології loopback на локальному ПК можна розгортати сервер, а також запускати вебпрограми, імітуючи роботу в реальних умовах.
👉 Так, якщо на комп’ютері розгорнуто та запущено вебсервер, перехід у браузері за посиланнями http://127.0.0.1/ або http://localhost/ відкриє сторінку сайту цього комп’ютера.

💁‍♂️ За допомогою loopback (через «продзвонювання» тестовими пакетами утилітою ping) можна виконувати тестування функцій IP-стеку.

🤝 Локальний хост застосовується для встановлення з’єднання, а також для передачі інформації між серверними та клієнтськими програмами, запущеними на тому самому комп’ютері.

🧑‍💻 У деяких іграх, які розраховані на велику кількість користувачів (наприклад, Minecraft), localhost можна використовувати, щоб розмістити сервер на власному ПК.

✅ Використання localhost дозволяє веброзробникам тестувати клієнт-серверну архітектуру на локальному ПК, без підключення до інтернету, а також виявляти несправності в мережі та налаштовувати різні сервіси.

Для закріплення отриманих знань рекомендуємо подивитися відео англійською, в якому йдеться про те, що таке localhost, що означає адреса 127.0.0.1 , а також викладено теорію про loopback в TCP/IP 👇

🔗 What is Localhost, 127.0.0.1, and Loopback in TCPIP?

#codica_tech

Доброго ранку та гарного дня всім 🌞

#codica_js

Як працює ітерація в JavaScript 🧐

📌 Протокол ітерації (iterator protocol) — це протокол, за допомогою якого ми можемо створити власні правила, за якими буде ітеруватися наш об’єкт. Якщо докладніше, то ітерувати ми зможемо такі типи даних, як string, array, object.

Головні правила iterator protocol 👇

▪️ Ми повинні мати метод next().
▪️ Метод next() повинен обов’язково повертати об’єкт типу iterable object. Він містить ключі value, який може мати будь-яке значення, та done, який може бути true або false.
▪️ Коли ітерація завершилася, потрібно обов’язково повернути об’єкт { done: true }, адже тільки після цього наша ітерація закінчиться.
▪️ Якщо done не буде повернуто або ж done буде мати будь-яке негативне значення, як-от undefined, null та інші, то наша ітерація буде нескінченною.

#codica_tech

Для створення ітеративної поведінки можна використовувати наступні підходи:

✔️ Symbol.iterator з методом next()

👉 Цикл for...of шукає у нашому об’єкті або серед тих, від яких він наслідується в prototype, чи має він Symbol.iterator. Якщо ні — то буде викликана автоматична помилка, а якщо так — тоді він викликає функцію, функція повертає наш об’єкт з методом next(), де і є вся наша основна логіка, та найголовніше, що при кожній ітерації циклу використовується метод next(), який і повертає значення за наших умов.

✔️ Symbol.iterator з генератором

👉 Генератор, якщо коротко, то це спосіб створення того ж iterable object для ітерації за iterator protocol, тобто в нього теж є метод next() і ітерується він циклом for...of, тільки синтаксис інший, та використовувати його у деяких випадках зручніше.

✔️ Symbol.asyncIterator з генератором

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

▫️ Клас Iterator створено для асинхронної обробки (зміни) великих масивів даних. У нього є один статичний метод generateAsyncLimitIterator, до якого ми маємо доступ, не використовуючи оператор new, метод generateAsyncLimitIterator приймає параметри:

🔸 from — з якого індексу змінювати масив;
🔸 to — по яку позицію за індексом змінювати масив;
🔸 limit — скільки елементів за одну ітерацію захопити та пройти;
🔸 asyncFunction — функція, в якій виконуються основні дії.

Наприклад, запит до бази даних для зміни об’єкта користувачів👇
asyncFunctionParams — параметри, які приймає функція asyncFunction.

😌 Після того, як ми створили асинхронний ітератор, ми просто використовуємо його в асинхронному циклі та не турбуємося про переповнений стек викликів і те, що заблокований Event Loop, а просто використовуємо надійний спосіб обробки даних.

#codica_tech