Codica - корисне про IT
2.01K subscribers
2.48K photos
129 videos
11 files
1.32K links
Привіт, друже, це канал про корисності в ІТ🤘

🔺Даємо практичні матеріали з RoR, JavaScript, QA, DevOps
🔺Розкажемо як знайти першу роботу без хвилювань та проблем

✍️Для звʼязку-@klimenko_nataly

👉 Відкриті вакансії - www.codica.com/careers
Download Telegram
Нарешті ми додали дислайк до нашого стікерпаку 😅
Ставте 👎🏻, якщо користуєтеся нашими стікерами.

Ви також можете взяти участь у створенні нових стікерів. Надсилайте свої ідеї для стікерів у коментарях під цим постом 👇

#Mister_Cody
👎25🔥4
5 розширень для підвищення продуктивності під час програмування у Visual Studio Code 💻

Todo Tree
Це розширення швидко шукає у вашій робочій області коментарі з тегами, як-от TODO та FIXME, і відображає їх у вигляді дерева на панелі провідника.

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

GitLens
GitLens розширює можливості Git, вбудованого у Visual Studio Code. Одним кліком можна отримати інформацію про автора, анотацію та інше порядково.

Code Spell Checker
Базова програма для перевірки орфографії, яка добре працює з camelCase.

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

#codica_advice
🔥12👍61
Codica - корисне про IT
Чи зробить вас Codewars кращим програмістом? 🧐 (Частина 1) Що таке Codewars Codewars — це онлайн-платформа, яка пропонує своїм користувачам завдання з програмування під назвою «kata». Користувачі працюють із завданнями індивідуально, а потім знайомляться…
Чи зробить вас Codewars кращим програмістом? 🧐 (Частина 2)

👀 З точки зору початківця, Codewars може бути складним і може відлякувати початківців через складність завдань. Однак вам завжди доведеться вирішувати складні проблеми як розробнику, і почати рано — непогана ідея.

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

☑️ Для розробників-самоуків Codewars може стати чудовим ресурсом, якщо у вас майже немає досвіду роботи з алгоритмами (що є реальністю для більшості).

#codica_advice
8🔥1
Чи допоможе Codewars знайти роботу? 🧐

💁‍♂️ Ніщо не зрівняється з реальним досвідом, коли справа доходить до пошуку гарної роботи. Згадка про це в резюме свідчить про те, що ви прагнете вирішувати проблеми самостійно і що ви в цьому досягаєте певних результатів. Це плюс у вашому резюме. Лише не чекайте, що він зіграє велику роль у пошуку роботи.

Чи зробить Codewars мене кращим розробником

😏 Якщо коротко, так, це може допомогти вам стати кращим розробником. Ви дізнаєтеся набагато більше про те, як розробляти чудове програмне забезпечення, створюючи власні проєкти та переглядаючи деякі речі по ходу. Codewars допоможе вам розвивати свої навички вирішення проблем у веселій та захопливій формі.
📌 Ми також радимо читати документацію, книги і відвідувати технічні лекції, а не лише розв’язувати kata на Codewars.

#codica_advice
12🔥2👍1
Сьогодні ми святкуємо День Незалежності 🇺🇦

Не має значення, де ми народилися: у Києві чи Севастополі, Львові чи Донецьку, Полтаві чи Одесі, не має значення скільки нам років і якою мовою ми говоримо. Лише одне має вирішальне значення: наша спільна Батьківщина і наше спільне майбутнє. І тільки разом ми можемо його змінити на краще ☺️
23👍1🥰1
З нагоди цієї важливої дати ми підготували для вас добірку цікавих фактів про Україну:

✔️ Вперше День Незалежності України святкували не 24 серпня, а 16 липня – у день, коли Верховна Рада ухвалила Декларацію про державний суверенітет України.

✔️Українців визнано найспівучішою нацією, яка створила найбільшу кількість народних пісень у світі – близько 200 тисяч.

✔️У нашій країні в ДП "Антонов" спроектували та створили найпотужніший у світі літак із найбільшою вантажопідйомністю - Ан-225 "Мрія".

✔️ В Україні є найбільша в Європі пустеля - Олешківські піски, яку ще називають українською Сахарою. Її площа становить понад 160 тисяч гектарів.

✔️ Українська Конституція - одна з перших у Європі: Конституція Пилипа Орлика, проголошена 1710 року.

✔️ Першим закладом вищої освіти у Східній Європі стала Острозька академія, в 1576 її заснував князь Острозький Костянтин-Василь.

Зі святом нас! Слава Україні 💙💛
🥰159👍1
Що буде виведено у консоль?
Anonymous Quiz
82%
[3, 2, 1]
14%
[1, 2, 3]
1%
[2, 2, 2]
3%
undefined
🔥101
7 помилок розробників-початківців

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

Нещодавно у нас з ІТ рекрутинговою компанією був стрім, на якому програмісти-початківці засипали нас питаннями. Серед інших звучало і це питання - які помилки ви зустрічаєте у розробників-початківців найчастіше? 🤔
4🔥2
Зі свого досвіду розкажу вам про типові помилки, які роблять програмісти-початківці:

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

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

❗️Третя помилка - це залипати над завданням нескінченно довго і боятися запитати у товаришів, як вони з ним справлялися. У нас у компанії є правило (це не догма), яке навіть прописано в нашому внутрішньому документі та яке допомагає впоратися з цими помилками. ☝️ Називається правило "15 хвилин". Тут усе просто. Якщо ви робите завдання і воно у вас не виходить, ви гуглите і не знаходите правильного рішення за умовні 15 хвилин, ви не впевнені за який напрямок братися і куди слід копати далі, то ви записуєте/вибираєте правильний напрямок і йдете до свого ліда обговорити завдання. Це, по-перше, допомагає не боятися запитати, а по-друге, допомагає весь процес зробити прозорішим.

❗️Четверте - новачки, зіткнувшись із проблемою, схильні хапатися за перше рішення, що трапилося, не подумавши про побічні ефекти в перспективі. Хороші рішення з'являються після роздумів, спроб і помилок, після добирання найоптимальнішого варіанту.

❗️П'ята (теж досить часта помилка новачка) - це в жодному разі не відступати від уже написаного, нехай і поганого, але такого рідного свого улюбленого коду. Підхід "не здаватися" гарний у багатьох сферах, але не в програмуванні. Програмістам корисно визнавати помилки раніше та частіше. Щойно ви засумнівалися у вирішенні, відкиньте його та переосмисліть проблему. Не важливо, скільки ви вже вклали в цей шлях.

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

❗️Сьоме – одержимість новим суперсучасним проєктом. Чомусь частина розробників-початківців вважає, що вони зможуть навчитися програмувати тільки на “нових” проєктах, що легасі-код їх не зможе прокачати. Зараз не обговорюватимемо можливості легасі-проєктів, це окрема тема. Але я вас розчарую: “найкращих проєктів” не існує. Коли ви навчаєтеся, найкращим проєктом буде той, що під рукою. Бувають хороші проєкти на сьогоднішній день і для цієї мови програмування. Тому не переймайтеся щодо "найкращих проєктів", а зосередьтеся на тому, що ви можете зробити добре вже сьогодні 😌

Незабаром ми плануємо зробити технічний стрім, де наші технічні спеціалісти зможуть розвинути цю тему ширше та об'ємніше 😉

Усім чистого, зрозумілого та простого коду! ❤️

#НапуттяВід_HR
👍206🔥3
9 безкоштовних веб-сайтів, які допоможуть швидше навчитися веб-розробці 💻

✔️ How HTTP Works
Все, що вам потрібно знати про систему на основі HTTP.

✔️ 30 Days of Node
Вивчіть Node крок за кроком з інтерактивними прикладами та фрагментами коду за 30 днів.

✔️ How DNS Works
Дізнайтеся, що відбувається, коли ви вводите адресу веб-сайту у своєму браузері.

✔️ Git
Перегляньте цей чудовий безкоштовний веб-сайт, щоб візуально вивчити Git.

✔️ JavaScript
Візуалізуйте код JavaScript і вивчіть робочий процес.

✔️ Algorithm Visualizer
Вивчати алгоритми завжди трохи складно. Але цей веб-сайт може зробити цей процес простішим.

✔️ Cryptozombies
Навчіться кодувати Blockchain DApps, створюючи прості ігри.

✔️ useWeb3
useWeb3 — це платформа для розробників, щоб досліджувати та вивчати Web3.

✔️ Sorting Algorithms
Вивчіть алгоритми сортування візуально та інтуїтивно.

#codica_advice
👍223
Now he … around Europe. He is not in the town.
Anonymous Quiz
6%
travel
25%
travels
66%
is travelling
2%
was travelling
🔥123
True story 😅

#codica_humor
😁35🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
6🥰2
А ви знали, що у Києві встановили мініскульптуру “Привид Києва”? 🙃

📌 Мініскульптурка, присвячена Привидові Києва, встановлена на фасаді будівлі за адресою вул. Хмельницького, 56А.

☺️ Прикмета скульптурки: Мене торкнись – перемогу наблизь.

#Mister_Cody
21🔥2
9 найкращих фронтенд-фреймворків 2022 року 🔥

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

#codica_tech
7🔥1
React
React базується на бібліотеці JavaScript, є одним із найкращих фреймворків з відкритим кодом на сьогоднішній день, який використовують 40,14% розробників (згідно з опитуванням розробників StackOverflow 2021).

☝️ Розробники, які працюють з React, використовують JavaScript і декларативне програмування. Спеціальна функція JSX дозволяє їм використовувати HTML для оновлення DOM (модель об’єктів документа) і створювати віртуальну DOM, що забезпечує кращу продуктивність.

Vue.js
Одним із найперспективніших фронтенд-фреймворків JavaScript є Vue. Його перша версія була випущена в 2015 році.

👉 Випуск Vue 3.0 у 2020 році був омріяною подією для розробників у всьому світі, і версія виправдала очікування. Він був повністю переписаний мовою TypeScript, з'явилися нові API для вирішення масштабних завдань. Крім того, Vue підтримує рендеринг на стороні сервера (SSR), надаючи більше можливостей для розробки.

Angular
Унікальність Angular можна пояснити тим фактом, що Angular має функцію двостороннього зв’язування. Двостороннє зв’язування дає компонентам вашої програми обмінюватися даними.

Svelte
Цей фреймворк є новачком у світі фронтенд-розробки: перший реліз був у 2016 році, але стабільний реліз вийшов у 2021 році. Незважаючи на свій вік, Svelte заслуговує на увагу, оскільки пропонує принципово новий підхід до UI розробки.

📌 Суть полягає в тому, що основну роботу Svelte виконує в компіляторі на етапі збірки, а не в браузері, як інші фреймворки. Як результат, вам не потрібен віртуальний DOM і ви можете завантажити на сторінку лише компоненти, необхідні для відображення вашої програми.

Preact
Хоча React є найпопулярнішим фреймворком для розробки інтерфейсу, він також має деякі недоліки. Ідея полягала в тому, щоб розробити фреймворк невеликого розміру, який пропонуватиме ті ж функції, що й React. Так з’явилася мініатюрна версія React — Preact.

📎 Preact і React використовують той самий API та використовують ті самі методології для розробки додатків. Різниця полягає в тому, що Preact набагато менший за розміром і використовує найменший і найшвидший віртуальний DOM.

Backbone.js
Backbone — це простий і легкий фронтенд-фреймворк, випущений у 2010 році. Він базується на шаблоні проектування Model-View-Presenter (MVP) і спрямований на розробку односторінкових програм.

Ember.js
Ember.js існує на ринку з 2011 року. Хоча він не так широко використовується, як деякі інші фреймворки, амбітні веб-розробники використовують Ember для створення масштабованих міжплатформних програм.

Semantic-UI
Semantic-UI — це фреймворк для розробки, який зосереджується на створенні красивих та адаптивних веб-сайтів. Він все ще активно розвивається, покращує свою функціональність і розширює можливості. Це робить його гарною альтернативою Bootstrap (побудованого на HTML, CSS і JavaScript (JS) для сприяння розробці адаптивних мобільних сайтів і програм).

Foundation
Будучи надійною альтернативою Bootstrap, Foundation використовується для розробки привабливих веб-сайтів, електронних листів і програм, які однаково добре виглядають у різних браузерах і мобільних пристроях. Фреймворк заснований на мові сценаріїв Sass, CSS, HTML і JavaScript.

#codica_tech
14🔥4👍2
5 корисних плагінів для розробників 💻

✔️ GitLive
Сервіс GitLive відображає real-time активності на GitHub.
Він відслідковує такі активності на GitHub: issues, pull requests, forks, stars.

✔️ TabNine
Deep TabNine — інструмент на базі штучного інтелекту, що допомагає швидше писати код.

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

✔️ EditorConfig
EditorConfig — це конфігураційний файл і набір розширень, до великої кількості редакторів коду та IDE. Його завдання — створити єдиний формат налаштувань, і раз і назавжди вирішити питання на кшталт "таби чи прогалини" для всіх IDE і всіх мов програмування.

✔️ Better Comments
Розширення Better Comments дозволяє розширити можливості роботи з коментарями. Зокрема, воно дозволяє поділяти коментарі на категорії. Це можуть бути сповіщення, запити, списки справ, примітки.

#codica_advice
10🔥3👍1