Radio Kottans

2021-08-03 13:30:16 How Data Abstraction changed Computing forever - Barbara Liskov | TED

З кінця 60-х років до початку 80-х індустрія розробки програмного забезпечення переживала те, що пізніше назвали Software Crisis. Криза полягала у тому, що експертиза у розробці ПЗ сильно відставала від швидкості приросту розрахункових потужностей, тому писати ПЗ, яке б на повну силу використовувало нові можливості апаратного забезпечення не вдавалося. Саме у ці часи починала свою кар’єру Барбара Лісков: та сама Barbara Liskov, на честь чийого Liskov Substitution principle у SOLID є літера L.

У 20-хвилинному тед-тоці пані Барбара розповіла про одну з проблем, вирішення якої допомогло подолати Software Crisis: про використання сили абстракцій. У 60-70 роки ледь не єдиною абстракцією, доступною розробникам, була процедура. Тримати в голові складні програми було ледь не неможливо, що приводило до помилок та повільної швидкості розробки. Барабара Лісков брала активну участь у процесі приведення абстракцій до методології написання ПЗ. Відкрити / Коментувати

2021-07-30 13:00:25 How To Learn Stuff Quickly - ідеї з ефективного навчання

Джош Комо (Josh Comeau) у дописі про ефективне навчання добре сформулював проблему туторіалів: з туторіалами ти рідко набуваєш навички розв'язання проблем, які необхідні для успішної роботи. Це дуже прикро: ти наче витратив купу часу, але не маєш уявлення, з чого починати на реальному проєкті. Джош влучно назвав цей стан tutorial hell.

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

Джош зібрав багато ідей поєднання контрольованого та самостійного навчання у дописі. До речі, один з запропонованих варіантів - це public learning, тобто ділитися знаннями як метод поглиблення цих знань. Ментори курсів Kottans можуть підтвердити, що це працює!


https://www.joshwcomeau.com/blog/how-to-learn-stuff-quickly/ Відкрити / Коментувати

2021-07-29 12:00:13 Чи зможете ви пояснити, у чому різниця між конструкціями .then(onSuccess, onError) та .then(onSuccess).catch(onError)?

Перевірте себе з дописом Дмитра Павлютіна. Рекомендуємо звернути увагу на секцію коментарів, там є додаткові деталі. Відкрити / Коментувати

2021-07-22 13:00:15 Why React Needs Keys: пояснення Дена Абрамова

Ден Абрамов у твіттер-треді пояснив, навіщо потрібна властивість key з точки зору Реакту, а саме чому Реакт не може додати її сам (коротка відповідь: Реакт не знає вашу структуру даних, тому не може робити такі припущення).

Тред буде корисний тим, у кого досі не дійшли руки розібратися. Що буде, якщо використовувати індекс у масиві для щначення key? А якщо генерувати випадкове значення на кожному рендері? Коли варто використовувати key, окрім елементів у масиві? Відкрити / Коментувати

2021-07-21 12:00:08 Архітектура мікрофронтендів: досвід Wix (докладний допис)

Шахар Талмі (Shahar Talmi), голова фронтенд-розробки Wix, розповів про архітектуру мікрофронтендів на прикладі досвіду Wix.com. Цей дуже детальний допис розкриває не тільки тему мікрофронтенд-архітектури, але і багато інших нюансів великого фронтенд-проєкту.

Що таке мікрофронтенди?

Блог Мартіна Фаулера визначає мікрофронтенди так:
Архітектурний стиль, за якого створені незалежно один від одного фронтенд-застосунки компонуються у єдине ціле.

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

Wix являє собою конструктор сайтів, в якому користувач формує сайт для свого бізнесу з окремих компонентів та віджетів. Таким чином готовий сайт складається з невідомих заздалегідь елементів. До підходу мікрофронтендів Wix прийшов ще 2013 року, спираючись на вимоги продукту. Автор допису наголошує, що проблеми, які розв’язує архітектура мікрофронтендів, є типовими для будь-якої системи, що збирається з незалежних під’єднуваних елементів, а не тільки конструкторів сайтів, тому описаний досвід може бути корисний іншим продуктам.

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

https://shahata.medium.com/taking-micro-frontends-to-the-next-level-1a1a91adc476 Відкрити / Коментувати

2021-07-15 15:12:57 Подкаст від TechToloka на тему DevX

Сьогодні, 15 липня, о 19:45 TechToloka зустрінеться з Олексієм Озуном — Senior iOS Engineer в American Express. Тема подкасту — DevX як частина відповідальності Senior інженера. Окрім DevX планується розмова про відповідальність "сініорів" у ширшому сенсі: чи несе старший розробник відповідальність за успіх команди?

Посилання на стрім: 

Відкрити / Коментувати

2021-07-07 10:00:12 Докладно про Utility Types у TypeScript від Євгена Обрезкова

Євген @ghaiklor провів лекцію під час якої розповів про те як працюють деякі Utility Types та написав свої версії Pick, Omit та т.і.

Проте це досить прості приклади. Тож використовуючи infer він створив свою версію параметризованого типу Parameters. А після цього ще й розповів про рекурсивні типи.

Ну і докладно пояснив як працюють Mapped Types.

Гайда дивитись!

469 viewsIvan Tytarenko, 07:00

Відкрити / Коментувати

2021-07-06 10:00:08 Базова інформація про просунуті типи у TypeScript

Іван Титаренко у своїй лекції розповів про дженерики та utility types - чому вони зв’явились у TypeScript, які проблеми вирішують, які типи вже є у TypeScript і як писати свої.

Це початкова лекція з цієї теми. Наступна, поглиблена, буде від Євгена Обрезкова і посилання на неї ми викладемо завтра



Відкрити / Коментувати

2021-06-25 16:01:35 Компанія Uptech шукає Frontend developer.

Локація: Київ, Жилянська, 59

Необхідні навички:
- маєш гарні знання основ JavaScript
- маєш рік комерційного досвіду з React + Redux / MobX
- маєш досвід роботи з Webpack та Git
- маєш досвід роботи з версткою
- маєш відмінні комунікативні навички та досвід роботи в команді
- рівень англійської Intermediate

Буде плюсом:
- досвід роботи з TypeScript
- розуміння основ оптимізації веб-додатків
- уважність до деталей

Що пропонує компанія:
- цікаві проекти з досвідченими менторами
- конкурентру заробітну плату
- гнучкий робочий графік
- бонуси на навчання та персональні бонуси (покриття витрат на подорожі/спортзал/автошкола тощо)
- 50% компенсацію навчання англійської
- спортивні активності
- регулярні тімбілдинги та вечірки

Які матимеш обов”язки:
- створення та підтримка клієнтських інтерфейсів
- комунікація з командою
- активний вплив на розвиток продукту та пропонування власних ідей
- активна участь у процесі код-рев”ю та Scrum-активностях

Більше інформації про вакансію, команду та відправку резюме можеш знайти тут:
https://www.notion.so/Frontend-Developer-900-1600-78d17893af32409bb8b722c74311f6a7

Сайт Uptech:
https://uptech.team/

Якщо маєш питання, пиши @Yanaar33 Відкрити / Коментувати

2021-06-23 13:30:01 Gently Down The Stream: A gentle introduction to Apache Kafka

Ілюстрований вступ до Apache Kafka Мітча Сеймура (Mitch Seymour)

https://www.gentlydownthe.stream/

Навіть якщо технологія Kafka для вас наразі не зовсім актуальна, радимо подивитися ілюстрації, вони неймовірні!

Автор присвятив проєкт своїм донькам Відкрити / Коментувати