7 веб-сайтів для веб-розробника 🪄

💫 Jam
З ним повідомляти про помилки стане легше, ніж будь-коли.

💫 Blackbox
Перетворіть будь-які запитання на фрагмент коду або витягніть фрагмент коду з відео.

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

💫 CodinGame
Гарний спосіб покращити свої навички програмування розважаючись.

💫 Locofy
Перетворіть дизайни в Figma на готовий для продакшену інтерфейсний код для React, React Native, Nextjs, HTML-CSS і Gatsby.

💫 SourceAI
Поясніть, що ви хочете англійською мовою, і AI згенерує для вас фрагмент коду.

💫 Checkbot
Checkbot виявляє проблеми з SEO, швидкістю та безпекою раніше, ніж відвідувачі вашого сайту.

#codica_advice

Що таке кінцеві точки API? 🤔

📌 Кінцева точка API — це певна частина URL-адреси, яку веб-програма робить доступною для програмістів, які хочуть отримати доступ до її функцій.

💁‍♂️ Роблячи доступною кінцеву точку API, веб-програма дозволяє іншим розробникам писати код, який взаємодіє з програмою заздалегідь визначеним способом.

👀 Це може включати отримання даних із програми, додавання нових даних у програму або видалення даних із програми.

👆На зображенні вище описано URL-адресу API.
Вона створюється базовою URL-адресою та кінцевою точкою API.
Основна URL-адреса однакова для всіх URL-адрес API.

Як ви можете бачити в прикладі вище, кінцева точка така:

/posts/:id

📍Де «posts» описує ресурс, а «:id» описує параметр, який ми можемо передати кінцевій точці, щоб отримати конкретно запитуваний ресурс.

Ось тут і постає хороша документація API.
❗️Усі кінцеві точки мають бути добре описані з усіма параметрами та типами, які ви можете передати.

#codica_tech

Добрий вечір, everybody! 😏

Компанія Codica шукає досвідченого UI / UX Дизайнера - профі, який хоче, вміє та любить створювати лаконічні та зручні дизайни орієнтовані на користувачів.

▪️Коротко про нас:
Розробляємо складні веб рішення з нуля - Marketplaces, SaaS, PWA. Ми любимо якісний продукт та працюємо у спiльному контакті з іноземними замовниками.

Чого хочемо❓
✔️Досвід роботи у дизайні UI/UX від 0,5 років.
✔️Досвід розробки UX веб та мобільних інтерфейсів, а також їх прототипування.
✔️Досвід створення адаптивних веб-дизайнів.
✔️Досвід роботи з Figma, а також базові навички Photoshop, Adobe Illustrator.
✔️Бажання завжди бути в курсі актуальних тенденцій в галузі веб-дизайну / мобільних технологій.
✔️Бажання приймати незалежні проєктні рішення та обґрунтовувати їх.

Потрібно буде виконати тестове завдання, щоб ми до кінця зрозуміли один одного 🙂

🔗 Посилання на вакансію тут.

Пиши нам, надсилай резюме та посилання на портфоліо.

Побачимось! 😉

Чи існують 23-річні сеньйори? 👀

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

Сьогодні хотіла з вами поговорити на досить чутливу тему, яка хвилює багато IT форумів: чи може програміст у свої умовні 20 років бути сеньйором? 🤔

💁🏻‍♀️ На мою думку, сеньйорність не визначається таким:

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

🧓 Фізичними роками - не важливо, скільки вам років, 20 або 40, важливо те, що ви робили і якої якості був цей досвід.

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

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

І ще такий парадокс: люди, які називають себе сеньйорами, швидше за все, не помиляються. Справа в тому, що року достатньо, щоб досконало опанувати якусь тему, наприклад, мову або базу даних. ☝️ Але! Як завжди багато але…. Щоб бути справді досвідченим розробником у своїй сфері, треба знати купу пов'язаної інформації.

То що ж має вміти і знати 23-річний сеньйор? 🧐

💼 Кожна компанія має свої вимоги до сеньйорів. Ба більше, кожна людина має своє бачення того, хто може бути сеньйором. Завдання ще ускладнюється тим, що на ринку існують різні компанії, з різними проєктами, з різними методиками управління та різними бізнес-моделями. Тож єдиного універсального чинника «сеньйора» вивести неможливо!

💫 І все ж таки є якості, які визначають сеньйорність у всі часи:

▪️ Алгоритмічна та архітектурна складність проєктів, у яких вам довелося брати участь.
▪️Кількість проєктів певної складності на певних стадіях, які ви виконали.
▪️Ступінь вашого впливу на проєкт (фіксував баги або ухвалював рішення в архітектурі проєкту, суть зрозуміла…)
▪️Стадія проєктів, у яких ви брали участь (з нуля, багфікс, MVP, моноліти, виведення в продакшн та ін.)
Все ж таки рівень англійської має значення - чим вище, тим краще.
▪️Вміння чітко описувати проблеми, шляхи їх вирішення, аргументовано критикувати та пропонувати альтернативи.

💬 Що можна сказати молодим програмістам, які в 20 років мріють про лички сеньйора?

Хлопці та дівчата, шукайте цікаві проєкти!
😌 Програмування – це нескінченний процес вирішення інженерних завдань різного рівня складності. Чим більше ви вирішуєте таких завдань і чим більше наб'єте шишок, наберетеся досвіду в різних варіантах, тим більш крутими фахівцями ви будете.

А ви зустрічали 23-річних сеньйорів? Поділіться в коментарях 😏

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

📌 Код відповіді (стану) HTTP показує, чи був успішно виконаний певний запит HTTP

☝️ Код стану HTTP зашифрований в 3-х цифрах. Перша цифра вказує на клас стану (група кодів). Друга і третя цифра – порядковий номер коду відповіді.

💁‍♂️ Код стану HTTP повертається сервером. Він є частиною першого рядка відповіді сервера при запитах по протоколу HTTP і вказує на те, чи був успішно виконаний певний HTTP запит.

❗️Коди згруповані в 5 класів:

▪️Інформаційні (100 – 199): в цей клас виділені коди, що інформують про процес передачі.
▪️Успішні (200 – 299): клієнтський запит був отриманий, зрозумілий сервером, прийнятий і успішно оброблений.
▪️Перенаправлення (300 - 399): для успішного виконання операції необхідно зробити інший запит (як правило, по іншому URI).
▪️Клієнтські помилки (400 – 499): клієнт робить невірні запити.
▪️Серверні помилки (500 - 599): сервер ідентифікує, що сталася помилка з його вини або він по якійсь причині не в змозі виконати запит.

#codica_tech

☝️ Увага, у коді можуть бути баги. Я лише довів його коректність, але не запускав.

#Mister_Cody

Як навчитися програмувати 🤓
Частина 4

📌 Як використовувати командний рядок.

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

#codica_tech

🖱 Правда полягає в тому, що не потрібно бути генієм, щоб використовувати або розуміти командний рядок. Насправді він дозволяє нам виконувати багато тих самих завдань, які нам зручно виконувати за допомогою миші.

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

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

▪️Якщо ви користуєтеся Mac, відкрийте програму Terminal, яка, по суті, є терміналом командного рядка Unix.
▪️Якщо ви використовуєте операційну систему без GUI (графічного інтерфейсу користувача), як-от Linux або Unix, ви повинні бути в командному рядку під час запуску комп’ютера за замовчуванням. Якщо ваша версія Linux або Unix має графічний інтерфейс користувача, вам потрібно буде відкрити термінал вручну.

👤 Коли ви відкриваєте термінал, типове перше запитання: «Де я?». Ми можемо використати команду pwd (що розшифровується як «друкувати робочий каталог»), щоб зрозуміти це. Вона виводить наше поточне розташування у файловій системі, яка повідомляє нам, у якій папці ми зараз знаходимося.

😌 За замовчуванням, під час відкриття командного рядка, активною папкою є домашній каталог користувача, який увійшов у систему. Це можна налаштувати.

#codica_tech

Основи UI дизайну для розробників 🎨

⚪️ Білий простір
Білий простір (пробіл) — це порожній простір між елементами вашого інтерфейсу користувача (UI). Саме він надає вашому UI структуру.

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

⚪️ Масштаб
Масштаб - це розмір елементів, який необхідно ретельно враховувати.

⚪️ Типографія
Типографія — це не лише шрифт, це мистецтво, яке передбачає компонування гарнітури в різних комбінаціях шрифту, розміру та інтервалів.

⚪️ Контраст
У випадку шрифтів під контрастом розуміється відмінність між товщинами основних та другорядних штрихів. Відсутність читабельності може бути серйозною причиною того, чому користувачі не утримуються на сайті.

#codica_advice

Отримання даних з API в JavaScript 🪄

🧑‍💻 Отримання даних з API є одним із найпоширеніших завдань у розробці.
Ви будете робити це весь час під час створення програм!

✨ На щастя, функція "fetch" в JavaScript робить цей процес надзвичайно простим. Просто передайте їй URL-адресу, щоб повернути деякі дані, і все готово.

#codica_tech

Середа - час для задачки з JavaScript 😏

#codica_js