📌 На картинці зверху HTML 5

Не використовуйте елемент «Div» постійно ☝️

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

YouTube Codica People | Instagram Codica

#codica_advice

Як обговорювати зарплату на співбесіді❓

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

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

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

Отже, перше, що вам потрібно зробити, це ще вдома до інтерв'ю сформулювати для себе три цифри:

📌 згадати свій поточний дохід, якщо він у вас був. Продумати, за який функціонал ви одержували цю суму. Це вам допоможе звучати впевненіше на інтерв'ю;
📌 сформулювати бажаний дохід, тобто скільки в ідеалі вам хотілося б отримувати на новому місці роботи;
📌 продумати мінімальну планку очікувань, нижче за яку вам буде вже не цікаво працювати на даній посаді. Це вам допоможе відповісти на запитання рекрутера, якщо спитають, чи ви готові на менші очікування.

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

💁🏻‍♀️ При розмові про гроші я раджу завжди тримати доброзичливий, але діловий настрій. Що ми під цим розуміємо?

💰 про гроші краще не жартувати, якщо не володієте цим мистецтвом досконало, не всі зможуть це оцінити;
💰 не потрібно йти у розмиті формулювання, наприклад: “За різну роботу просять різні гроші”;
💰 не потрібно йти в маніпуляції на кшталт: “Хочу максимум, який може дозволити собі ваша компанія”;
💰 не брешіть, повірте, ті, хто проводить з вами співбесіду, добре знають ринок та очікування кандидатів.

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

На які аргументи можна спиратися під час обговорення ваших очікувань:

✔️ реалії ринку. Оперуйте інформацією про зарплати у вашій сфері. Говоріть про те, що вивчили ринок та знаєте реальну вартість ваших навичок;
✔️ вашу цінність як працівника. Для компанії вона вимірюється не лише в грошах, а й у тому, яку користь ви зможете принести. Наприклад, скільки нових клієнтів ви приведете, скільки вакансій зможете закрити, скільки статей напишете, чи зможете оптимізувати та налаштувати робочі процеси тощо;
✔️ унікальне поєднання необхідних роботодавцю навичок. Наприклад, ви можете робити не тільки бекенд частину, але ще й знаєте фронтенд, до того ж маєте розмовну англійську.

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

▪️ “Я зможу точно визначити свої очікування, коли конкретніше зрозумію своє навантаження та зміст роботи”;
▪️ “Я розраховую на справедливу середню компенсацію ринку”;
▪️ можна ставити зустрічне запитання: “Чи є у вас певний бюджет на цю роль?” - і таке інше.

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

❗️Загалом у процесі інтерв'ю ви повинні довести роботодавцю, що ваші навички та досвід будуть корисні компанії. Важливо не просто просити більше грошей, а протягом усієї розмови вибудовувати довірчі стосунки.

Бажаю всім грамотно обговорювати свою зарплату та отримати очікуване! ❤️

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

5 основних причин, чому варто використовувати React для веб-розробки 🙃

✔️ Перевірений часом, простий для розуміння робочий процес розробника.
✔️ Максимальна гнучкість і сумісність.
✔️ Висока продуктивність, посилена Virtual DOM.
✔️ Величезна спільнота та ресурси, що визначають ринок.
✔️ Синтаксис JSX для розширеного HTML.

Не соромтеся залишати свої думки в коментарях нижче 🙂
Надсилайте будь-які запитання, пов’язані з веб-розробкою.

YouTube Codica People | Instagram Codica

#codica_advice

Деякі речі і без світла очевидні 😁

#codica_humor

Тримайте невеличкий дайджест новин від @Mister_Cody 📰

👤 Портрет ІТ-спеціаліста — 2022. Аналітика
В опитуванні взяла участь рекордна кількість учасників — 15 135. Те, що 95% з них працюють фултайм, свідчить, що наша галузь непогано почувається в умовах воєнного часу.

🕹 В останньому оновленні Xbox з’явилася підтримка української мови

📲 «Все, що ви скажете, може бути використано проти вас»
В українському IT вже не раз траплялися випадки, коли спеціалісти та спеціалістки залишалися без роботи через свої дописи в соціальних мережах. Далеко не всі кейси ставали публічними, а рекрутери кажуть: йдеться не лише про висловлювання проросійської позиції.

🇺🇦 Україна отримає від НАТО системи боротьби з іранськими «мопедами»‎

💁‍♂️ SET University навчатиме кібербезпеки за донати від 100 грн, щоб допомогти вчителям із Бородянки
📅 Перший воркшоп заплановано на 26 жовтня. Він буде присвячений темі SQL та XSS ін’єкцій.
📆 Другий - стосуватиметься теми ризиків інформаційної безпеки компанії й пройде 1 листопада.

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

📌 Розглянемо трохи CSS.

CSS Cascading Style Sheets (каскадні листи стилів) – це набір правил оформлення і форматування, який може бути застосований до різних елементів сторінки.

💁‍♂️ Застосовуючи CSS, ви можете один раз описати властивості елементів і визначити цей опис як стиль, а надалі просто вказувати, що елемент, який ви бажаєте оформити відповідним чином, повинен прийняти властивості стилю, описаного вами.

#codica_tech

🖥 HTML-документ являє собою безліч вкладених один в одного елементів (наприклад, елементи BODY, DIV, P, H1, IMG та ін.).

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

👉 Серед усіх припустимих властивостей тегу є такі, які безпосередньо пов’язані зі стилями, які можливо задати за допомогою CSS (наприклад, гарнітура або колір шрифту конкретного абзацу, колір фону документа, розміри малюнка). Такі властивості називаються стильовими властивостями (або властивостями стилю).

📎 Властивість стилю – це параметр стильового оформлення документа, що визначається специфікацією CSS.

💁‍♂️ Якщо провести аналогію з синтаксисом HTML, то властивості, які застосовуються в листах стилів, нагадують атрибути тегів та їхні значення.

▪️Синтаксис:
найменування властивості : значення

Додавши до тегу атрибут style із вказівкою необхідних властивостей, досить легко змінити стиль елемента.

▪️Синтаксис:
<тег style=” найменування властивості: значення”>

✏️ Основна концепція CSS -
форматування документа повинно бути відділеним від його змісту.

🖇 Для розміщення інформації про стиль застосовується спеціальний контейнер <STYLE></STYLE>, який має вигляд:

<STYLE TYPE="text/css">
<!- Опис листа стилів->
</STYLE>

🔖 Значення text/css атрибута type повідомляє браузеру, що у поточному файлі застосований текст мовою CSS.

🪄 У каскадних таблицях стилів (CSS) для установки кольору елементу розмітки і його вмісту призначена CSS-властивість color (під вмістом елементу розмітки зазвичай розуміється текст, що міститься в нім), а для установки кольору фону елементу розмітки - CSS-властивість background-color.

CSS- правила:
🔳 запис коментарів;
🔳 стильові властивості вводяться за допомогою визначення стилю, що позначають фігурними дужками: {font-size:10pt};
🔳 у визначенні стилю можуть записуватися через крапку з комою кілька властивостей: {font-size:10pt; font-family: arial; color:green та ін.};
🔳 призначення стилю тому або іншому елементу html складається у встановленні зв’язку – елемент {визначення стилю}.

❗️Елемент, до якого належить обумовлений стиль, узагальнено називається селектором.

▪️Синтаксис:
селектор {властивість1: значення; властивість 2: значення }

🔎 Селектори діляться на декілька типів: селектори тегів, ідентифікатори і класи.

🗂 Запис, що складається із селектора та визначення стилю, називається CSS-правилом. Листи стилів – це, фактично, набори CSS- правил, які задають властивості форматування елементів документа.

#codica_tech

Ви просили - ми зробили 😉

#codica_ruby

5 інструментів для розробників, про які ви не чули 🙃

❓Біль: відсутність комунікаційних інструментів для розробників.
💡Рішення: GitLive потрібен для спільної роботи на GitHub у реальному часі. Дозволяє бачити в реальному часі активність інших користувачів.

👉 Після встановлення додає режим командного перегляду. Показує всі незавершені роботи кожного співробітника Git-репозиторію.

📌 Однією з головних функцій є автоматичне виявлення конфліктів злиття. Різниця між вашими локальними змінами та незавершеною роботою ваших колег відображається для поточного відкритого файлу в жолобі IDE.

#codica_tech

❓Біль: потреба в численних додатках CRUD, що виявляється повторюваним і часто трудомістким завданням.
💡 Рішення: Appsmith — фреймворк із відкритим вихідним кодом для створення внутрішніх інструментів. Автори Appsmith описують його як «UI-інструмент для сильно завантажених розробників». Він годиться для команд, які створюють безліч внутрішніх програм, що розміщуються всередині власної інфраструктури та брандмауера.

👉 За допомогою Appsmith можна легко створювати дашборди, робочі процеси та приладові панелі, перетягуючи готові віджети, що налаштовуються. Інструмент легко інтегрується з REST або GraphQL API та взаємодіє з JavaScript для створення логіки програми.

❓Біль: на код-рев'ю йде багато часу, що збільшує можливість появи помилки через людський фактор.
💡Рішення: DeepSource – платформа для швидкого та безпечного статистичного аналізу.

👀 Інструмент здатний автоматично виявити вразливості та проблеми з документуванням коду. Він може знаходити проблеми в кодовій базі та автоматично відправляти пул-реквест для їх виправлення.

👉 Працює з Docker, Java, JavaScript, Go, Python, Ruby, PHP та SQL. Інтегрується з GitHub, GitLab та BitBucket. Є можливість розгортання на місці. За словами авторів інструменту, його використання дозволяє заощадити 3,8 години в середньому на одного розробника на тиждень.

❓Біль: складні та громіздкі кодові бази та відсутність загального розуміння того, як код та функціональність пов'язані один з одним.
💡Рішенння: інструмент CodeSee Maps візуалізує кодову базу.

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

😌 Інструмент створений для розробників, але годиться всім, хто взаємодіє із командою.

🔖 Щоб розпочати використання CodeSee Maps, необхідно авторизувати CodeSee в обліковому записі GitHub, потім встановити та авторизувати CodeSee Architecture Diagrams GitHub у репозиторіях, для яких потрібно створити карти.

❓Біль: налаштування внутрішнього інструментарію та додатків забирає багато часу та відволікає розробників від реальних проблем, які вони намагаються вирішити.
💡Рішення: WayScript — хмарне віртуальне середовище розробки для створення та надання застосунків та внутрішніх інструментів.

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

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

YouTube Codica People | Instagram Codica

#codica_tech

На початку лютого CEO Codica Дмитро Чекалін дав інтерв'ю Харківському національному університету радіоелектроніки.

Що було на зустрічі:

✔️Поговорили про навчання в університеті та шлях в ІТ.
✔️Дізналися, як швидко після навчання можна почати працювати в ІТ.
✔️Чому IT — це перспективно.
Та ще багато цікавого 😏

🔗 Від студента ХНУРЕ до CEO Codica

Як угамувати хвилювання перед співбесідою 😖

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

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

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

Дозвольте собі прийняти відмову 😌

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

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

🧠 Попрацюйте з цією думкою. Скажіть собі, що відмова не найстрашніше у житті. І що ви обов'язково знайдете потрібну роботу. Продумайте найневдаліший варіант розвитку подій, перебільшуйте деталі до абсурду: рекрутер сміється з особистого життя, менеджер сварить за старомодний костюм, директор компанії особисто виганяє з будівлі... Коли сценарій стане зовсім фантастичним, ви відчуєте полегшення. І хвилювання вже не буде таким сильним.

Струсніться і стежте за тілом 🙌

😵‍💫 Стан «мене всього трясе» можна зняти, якщо насправді потрясти руками та кистями рук. Між тілом та емоціями є сильний зв'язок, і його можна використовувати, щоб зменшити хвилювання. Уявіть, що ви швидко струшуєте воду: з плечей, з ліктів, з кистей. І разом із водою струшуєте напругу.

💆‍♂️ Тремтять коліна - сядьте зручно і розімніть суглоби, потемніло в очах - прикрийте їх на пару хвилин і зробіть кілька глибоких вдихів і видихів.

🧼 Якщо від тривоги пітніють долоні, просушіть їх і постарайтеся зігріти. Розімніть пальці, промийте руки в теплій воді і насухо витріть рушником.

💧 Поставте поряд пляшечку води: під час зустрічі може раптово пересохнути у горлі.

Прорепетируйте відповіді 💬

✔️ Є класичні запитання, які завжди ставлять на співбесідах. Який у вас досвід роботи, чим займалися у попередній компанії, чому пішли звідти і чого чекаєте на новому місці. Пройдіться по своєму резюме і коротко запишіть, про що розповісте рекрутеру.

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

Ставте запитання❗️

📌 Невпевненість виникає ще й від нестачі інформації. А чи зможете ви бути корисними на новій роботі? Чи все вам відомо про графік, зарплату, сферу відповідальності? Не соромтеся розпитати про нове місце. З'ясуйте, на що чекає від вас керівник, які завдання потрібно буде вирішувати. Коли ініціатива у вас у руках, спілкуватися набагато легше.

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

Роботодавці теж люди 🙂

😁 Кандидату може здаватися, що співбесіду проводять непробивані надлюди, які ніколи не хвилюються і дуже добре вміють тримати себе в руках. Насправді HR-фахівці такі ж люди, як і решта. А якщо співбесіду проводить майбутній керівник, то він сам перебуває у незвичній для нього ситуації. Бажання підібрати гарного співробітника може бути настільки сильним, що з хвилюванням доведеться справлятися і йому.

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

А головне — постарайтеся не сприймати цю зустріч як ту, від якої залежить вся ваша доля. Не вийде тут - вийде в іншому місці.
Десь точно чекають саме на ваc ❤️

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

П'ятниця - час для тесту з англійської мови 😌

#codica_english