Radio Kottans

2021-06-11 12:00:26 Інтернатура Clario Students Camp для майбутніх macOS-розробників

Продуктова компанія Clario запрошує студентів IT-спеціальностей до літньої школи з розробки десктопних застосунків для macOS. Найкращі випускники програми зможуть приєднатися до команди Clario.

Навчання проходитиме з липня по вересень офлайн. В програмі Objective-C, Swift та основи розробки GUI платформи macOS.

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

Більше інформації тут https://dou.ua/calendar/38142/ Відкрити / Коментувати

2021-06-11 10:00:25 StackOverflow повідомили, що платформу придбає компанія Prosus. Серед брендів, якими володіє Prosus, маркетплейс OLX та освітні онлайн-платформи Codecademy і Udemy.

CEO StackOverflow Прашант Шандрасекар запевнив, що цілі та пріоритети платформи не змінилися, але тепер StackOverflow матиме більше ресурсів для зростання

https://stackoverflow.blog/2021/06/02/prosus-acquires-stack-overflow/ Відкрити / Коментувати

2021-06-09 17:02:23 React 18 готується до релізу - новий хук, поліпшення для конкуретного рендерінгу та автоматичне групування змін

Команда розробників Реакту виклала допис стосовно нового мажорного релізу бібліотеки.

Так, буде додано новий хук startTransition https://github.com/reactwg/react-18/discussions/41, який дає можливість Реакту точніше планувати рендер і виконання коду компонента. Операції загорнуті у startTransition можуть бути прервані Реактом, у разі коли є якісь більш важливі зміни.

Наприклад, просто setInputValue(newValue) призведе до негайного зміну стану, якщо у цьому навіть не має потреби, і тому може призводити до уповільнення рендеру сторінки. А от

startTransition(() => setInputValue(newValue))

буде виконано у разі якщо у черзі змін немає нічого нагального.

Запровадиться нова архітектура SSR https://github.com/reactwg/react-18/discussions/37, яка дозволить стрімити зміни сайту з сервера на клієнт - поступово вираховувати та передавати оновлення.

Також, буде поліпшено автоматичне групування змін - batching. https://github.com/reactwg/react-18/discussions/21

Реакт може збирати декілька змін та застосовувати іх за один раз, таким чином уникаючи надлишкового перерендеру. До 18 версії це робилось лише зі змінами в обробниках подій - event handlers. З 18 версії, це буде робитись у промісах, викликах setTimeout та таке інше.

Більш детальний анонс змін ви можете знайти тут https://github.com/reactwg/react-18/discussions/4

А ось посилання на допис https://reactjs.org/blog/2021/06/08/the-plan-for-react-18.html

Ну і якщо у вас є бажання детальніше розібратися з ‘Suspense’ API, зверніть увагу на цей тред - https://twitter.com/0xca0a/status/1402558011357470720 Відкрити / Коментувати

2021-06-09 15:00:32 Цифрове відео: безкоштовний мітап для NodeJS-розробників

30 червня о 19:00 Yalantis запрошує backend-розробників на безкоштовну онлайн-зустріч Web Crowd, присвячену Node.js

Тема: Історія цифрового відео та засоби використання протоколів прямої трансляції.

Деталі і реєстрація: https://bit.ly/3ioo8Ms

Про що йтиметься на мітапі?

Як еволюціонувало цифрове відео? Що важливо враховувати зараз?
Як працює комунікація в режимі реального часу?
Практичні кейси. Як застосовувати принципи роботи потокового відео у своїх розробках?

Кому буде цікаво?

backend-розробникам
JS-девелоперам, які хочуть інтегрувати онлайн-трансляції у свої додатки
всім, хто хоче дізнатися, як функціонує потокове відео

Експерт: Володимир Домбровський, Node.js developer в Yalantis. Володимир створює предетерміновані системи на платформі Node.js вже шостий рік. Розуміється на роботі з даними в реальному часі та open-source.

Зустріч 30 червня о 19:00! Відкрити / Коментувати

2021-06-09 12:03:12 Код гри Perimeter викладено у вільний доступ

Один з розробників гри у жанрі RTS Perimeter Андрій Кузьмін, a.k.a. KranK, виклав у вільний доступ сирцевий код гри.

Гра досить стара, тому для збірки вам знадобляться Visual Studio Code 2005, Windows SDK 7.1 та Windows XP.

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

Код досить гарно структуровано та написано. Ми не помітили великих if … else або чогось іншого дивного для світу програмування. Але файли по 1300+ рядків там все ж таки є. Як і коментар російською //потом переделать, для более аккуратного использования памяти. який невдало конвертувався GitHub .

Сама гра свого часу була прикладом інноваційних гральних механік побудованих навколо фізики. Як приклад, можна подивитись як реалізована фізика для Rocket та Missle

Для обговорення коду розробник створив канал у телеграмі https://t.me/PerimeterGame

У будь-якому разі приємно бачити, як ігри, що дарували новий досвід, з’являються у вільному доступі. Приємного перегляду! Відкрити / Коментувати

2021-06-07 11:03:12 Chrome 91 версії підтримує JSON модулі

Сам імпорт виглядає ось так:

import json from ‘./data.json’ assert { type: ‘json’ }

При цьому використовується синтаксис import assertions, мета якого повідомляти JS рушію про те, який саме тип файла імпортується.

Це зроблено задля того, щоб не прив’язуватись до розширення файла - .json , .wasm, тощо. Тож, наприклад, браузер також зрозуміє та зможе використати дані і у такому випадку:

import json from ‘./data’ assert { type: ‘json’ }

Докладніше про import assertions та імпорт JSON модулів ви можете прочитати тут https://2ality.com/2021/01/import-assertions.html

А про JSON модулі тут https://www.chromestatus.com/feature/5749863620804608 Відкрити / Коментувати

2021-05-27 12:29:06 Зовсім скоро розпочнеться 9-та конференція JavaScript fwdays’ 21

Те, що ви почуєте, ще довго зможете обговорювати зі своїми колегами

На вас чекає:

Один із викладачів старої гвардії Котанів - Андрій Лісточкін, який проведе воркшоп. Ви вдосконалите знання адаптивної верстки та Http headers, покращите навички JS  та доведете їх до автоматизму.

Іноземні провідні спікери такі як Michel Westrstrate (автор бібліотеки MobX) та Sara Viera поділяться інсайтами з професійної сфери, кейсами і важливими висновками кар’єри 

Незвичні доповіді Антона Вєрінова та Володимира Вишка, які покажуть JavaScript з іншої сторони.

Улюбленці аудиторії Вадим Макєєв, Ілля Клімов, Тимур Шемседінов розкажуть про звичні  технології на новий лад. Понад 300 хв доповідей, дискусії експертів.

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


Старт: 5 червня (субота)  та будні вечори з додатковими поглибленими форматами.

Пакети участі:

1. Пакет FREE: конференція для всіх безкоштовна
2. Пакет FULL включає:
участь у додаткових форматах у будні вечори
доступ до записів всіх ефірів одразу після івенту
Q&A зі спікерами
доступ до приватного чату учасників
сертифікат участі


Для нашої спільноті є прокомод на знижку 10% BFD5095A16

Посилання: https://bit.ly/33RUEyk Відкрити / Коментувати

2021-05-27 12:29:06 Відкрити / Коментувати

2021-05-26 12:02:26 Цікава можливість для тих, хто шукає інтернатуру та знається на C/C++ та цифровій обробці сигналів!

Оплачуване стажування з можливістю подальшого працевлаштування для розробників цифрової обробки сигналів - DSP developer interns.
⠀
Основним продуктом компанії є набір передових інструментів для вдосконалення звуку, які вносять передові технології у побутові аудіосистеми. Проєкт пропонує стажистам можливість розпочати роботу з аудіопрограмним забезпеченням та дізнатися усі тонкощі ремесла від досвідчених професіоналів.
⠀
Термін стажування: 3 місяці.
Локація: Київ, full-time office
⠀
Детальніше:
https://cna-it.com/vacancies/junior-dsp-developer/
⠀
Надсилайте ваші резюме:cl@cna-it.com
Запитання:@MarynaShevliakova Відкрити / Коментувати

2021-05-25 16:00:32 Container Queries - стислий вступ до теми

Якщо ви ще не чули про Container Queries або не мали часу розібратися, то цей короткий допис повідомить вам необхідний мінімум.

Container Queries - очікуваний багатьма розробникам додаток до CSS. Сьогодні специфікація має статус пропозиції та реалізована у Chrome Canary за флагом. Тобто, це експериментальна можливість. Щоб її аквтивувати, слід зайти у “хромі” на урл chrome://flags та явно вибрати Enable CSS Container Queries у списку доступних експериментів.

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

Наведемо слова Уни Краветс:

Контейнерні запити (Container queries) принесуть найбільші зміни у світ веб-стилів з часів CSS3: вони змінять наше розуміння адаптивнивного дизайну.

Тож, що чекає на нас у майбутньому?

Нам часто потрібно задати стилі компонента залежно від розмірів батьківського елемента. Скажімо, той самий елемент меню може виглядати по-різному залежно від розмірів самого меню. До недавнього часу при визначенні стилів для такого елемента ми могли відштовхуватися лише від розміру видимого простору (viewport). Цього достатньо, коли нам потрібні різні стилі для десктоп-меню та мобільного меню, проте що як ми хочему по-різному стилізувати елемент меню залежно від того, якого розміру саме меню?

Пропозиція Container Queries додає новий синтаксис для стандарту CSS, що дозволяє звертатися до розмірів контейнера та залежно від цих розмірів задавати стилі дочірніх компонентів. Дуже схоже на media query, тільки ми відштовхуємося не від розмірів видимого простору, а від розмірів певного елемента-контейнера.

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

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

Основний випадок застосування таких запитів - складні розкладки сторінок, де окремі елементи можуть містити цілі лейаути всередині.
Зокрема Container Queries відкривають широкі можливості для веб-компонентів, які мають ізольовані стилі, проте досі не мали змоги розраховувати стилі вкладених компонентів залежно від кореневого компонента. Макс Бьок дослідив нові можливості стилізації еб-компонентів за допомогою Container Queries у дописі Container Queries in Web Components

Де можна почитати докладніше?

Допис авторки пропозиції Міріам Сузанн

Текст пропозиції, якщо хочете самотужки розібратися у технічних деталях (до речі, ці деталі викладені цілком доступно)

Допис Уни Краветс

Допис Ахмада Шадіда Відкрити / Коментувати