В этом эпизоде ребята обсудили производительность CSS-in-JS, поговорили о логических языках програмирования и подняли одну из довольно неоднозначных тем — место ООП в современном фронтенде.

0:00:30 — производительность CSS-in-JS

0:36:30 — языки логического программирования

1:04:25 — ООП в современном фронтенде

Слушайте на любимой платформе:

RSS — radio.csssr.com/rss/callback_hell.rss

Пишите нам и читайте:

Telegram—канал CSSSR: t.me/csssr

Twitter CSSSR: twitter.com/csssr_dev

В этом выпуске речь идёт о трудностях одновременной поддержки нескольких мажорных версий, участии венчурного капиталла в OSS и монетизация проектов с открытым исходным кодом. Третьей темой было возвращение тонкого клиента и облачный браузер Mighty.

Слушайте на любимой платформе:

RSS — radio.csssr.com/rss/callback_hell.rss

Пишите нам и читайте:

Telegram—канал CSSSR: t.me/csssr

Twitter CSSSR: twitter.com/csssr_dev

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8

Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-170/

Мониторинг — https://blog.kamyshev.me/solid-frontend-monitoring/

Тестирование UI — https://storybook.js.org/blog/how-to-actually-test-uis/

Прототипирование :has() — https://bkardell.com/blog/canihas.html

Кросс-браузерный CSS — https://ishadeed.com/article/cross-browser-development/

Гайд по Container Query — https://www.smashingmagazine.com/2021/05/complete-guide-css-container-queries/

Обновленный курс по git от Ильи Кантора — https://www.youtube.com/playlist?list=PLDyvV36pndZFHXjXuwA_NywNrVQO0aQqb

Bash-скрипты на JS — https://github.com/google/zx

Базовые TS-конфигурации — https://github.com/tsconfig/bases

Паттерны проектирования на Java — https://github.com/iluwatar/java-design-patterns

Шпаргалка по работе с Docker и Node.js — https://github.com/OWASP/CheatSheetSeries/blob/master/cheatsheets/NodeJS_Docker_Cheat_Sheet.md

Angular 12 — https://blog.angular.io/angular-v12-is-now-available-32ed51fbfd49

Node.js 14.17.0 — https://nodejs.org/en/blog/release/v14.17.0/

Deno 1.10 — https://deno.com/blog/v1.10

Safari Technology Preview 124 — https://webkit.org/blog/11672/release-notes-for-safari-technology-preview-124/

Bootstrap 5.0.1 — https://blog.getbootstrap.com/2021/05/13/bootstrap-5-0-1

TypeScript 4.3 RC — https://devblogs.microsoft.com/typescript/announcing-typescript-4-3-rc/

Инвестиции в Rome — https://rome.tools/blog/announcing-rome-tools-inc/

История date-fns — https://twitter.com/kossnocorp/status/1392449481053032450

Слушайте на любимой платформе:

RSS — https://radio.csssr.com/rss/news512.rss

Apple Podcasts — https://podcasts.apple.com/us/podcast/id1370045815

Google Podcasts — https://podcasts.google.com/?feed=aHR0cHM6Ly9yYWRpby5jc3Nzci5jb20vcnNzL25ld3M1MTIucnNz&ep=14

SoundCloud — https://soundcloud.com/csssr/sets/512-news

Я.Музыка — https://music.yandex.ru/album/7040324/track/54795992

Пишите нам и читайте:

Telegram—канал CSSSR: https://t.me/csssr

Twitter CSSSR: https://twitter.com/csssr_dev

Twitter новостей: https://twitter.com/csssr_news

Telegram ведущего: https://t.me/Vindizh

Twitter ведущего: https://twitter.com/Vindizh

В этом эпизоде ребята обсудили Vite и другие бандлеры, присоединение Microsoft к Bytecode Alliance и любовь к удалёнке, которая возникла у многих во время пандемии.

Слушайте на любимой платформе:

RSS — radio.csssr.com/rss/callback_hell.rss

Пишите нам и читайте:

Telegram—канал CSSSR: t.me/csssr

Twitter CSSSR: twitter.com/csssr_dev

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8

Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-169/

Продвинутые дженерики в TypeScript — https://habr.com/ru/company/yandex/blog/555520/

Fastify.js — https://habr.com/ru/post/555668/

Использование веб-компонентов в GitHub — https://github.blog/2021-05-04-how-we-use-web-components-at-github/

Репозиторий с компонентами от GitHub — https://github.com/github/github-elements

Кейс с веб-компонентами в Gitlab — https://about.gitlab.com/blog/2021/05/03/using-web-components-to-encapsulate-css-and-resolve-design-system-conflicts/

Ленивая загрузка модулей в Angular — https://arjavdave.com/2021/04/28/lazy-loading-in-angular-a-beginners-guide/

Функциональное реактивное программирование в Angular с RxJS — https://blog.asayer.io/functional-reactive-programming-in-angular-with-rxjs

e2e-тесты с Cypress [EN] — https://betterprogramming.pub/how-to-perform-end-to-end-testing-on-your-web-apps-with-cypress-io-47997375bad4

e2e-тесты с Cypress [RU] — https://habr.com/ru/post/555628/

Динамические CSS-маски — https://tympanus.net/codrops/2021/05/04/dynamic-css-masks-with-custom-properties-and-gsap/

Готовый пример масок — https://tympanus.net/Tutorials/codrops-masked-hero/

Гайд по исправлению ошибок в git — https://www.smashingmagazine.com/2021/05/undoing-mistakes-git-part1/

Bootstrap 5 — https://blog.getbootstrap.com/2021/05/05/bootstrap-5/

Гайд по миграции на Bootstrap 5 — https://getbootstrap.com/docs/5.0/migration/

V8 9.1 — https://v8.dev/blog/v8-release-91

Node.js 16.1.0 — https://nodejs.org/en/blog/release/v16.1.0/

Firefox 88.0.1 — https://www.mozilla.org/en-US/firefox/88.0.1/releasenotes/

Microsoft Edge for Linux Beta — https://twitter.com/MSEdgeDev/status/1389610702692782083

Security-релизы Django — https://www.djangoproject.com/weblog/2021/may/06/security-releases/

Security-релизы Ruby on Rails — https://weblog.rubyonrails.org/2021/5/5/Rails-versions-6-1-3-2-6-0-3-7-5-2-4-6-and-5-2-6-have-been-released/

Баг в Safari 14.1 — https://twitter.com/jaffathecake/status/1389493762129375232?s=20

Временное решение бага в Safari — https://twitter.com/jaffathecake/status/1389513086047072256

Microsoft присоединился к Bytecode Alliance — https://www.theregister.com/2021/04/28/microsoft_bytecode_alliance/

Финал истории с командой университета Миннесоты — https://lkml.org/lkml/2021/5/5/1244

Слушайте на любимой платформе:

RSS — https://radio.csssr.com/rss/news512.rss

Apple Podcasts — https://podcasts.apple.com/us/podcast/id1370045815

Google Podcasts — https://podcasts.google.com/?feed=aHR0cHM6Ly9yYWRpby5jc3Nzci5jb20vcnNzL25ld3M1MTIucnNz&ep=14

SoundCloud — https://soundcloud.com/csssr/sets/512-news

Я.Музыка — https://music.yandex.ru/album/7040324/track/54795992

Пишите нам и читайте:

Telegram—канал CSSSR: https://t.me/csssr

Twitter CSSSR: https://twitter.com/csssr_dev

Twitter новостей: https://twitter.com/csssr_news

Telegram ведущего: https://t.me/Vindizh

Twitter ведущего: https://twitter.com/Vindizh

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8

Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-168/

Второй эпизод «Истории фронтенда» — https://youtu.be/sgyoKkAfGpU

Статья к эпизоду — https://blog.csssr.com/ru/article/frontend-history-java-script-as-a-reflection-of-a-new-era/

История веба, часть 8 — https://css-tricks.com/chapter-8-css/

Производительность сайта Google I/O — https://jakearchibald.com/2021/io-site-perf/

История CORS и лучшие практики — https://ieftimov.com/post/deep-dive-cors-history-how-it-works-best-practices/

Базовый туториал по webpack — https://www.codeinwp.com/blog/webpack-tutorial-for-beginners/

Cookie Store API — https://mefody.dev/chunks/cookie-store-api/

Houdini Paint API — https://pavellaptev.medium.com/squircles-on-the-web-houdini-to-the-rescue-5ef11f646b72

dotfiles.github.io — https://dotfiles.github.io/

Safari 14.1 — https://webkit.org/blog/11648/new-webkit-features-in-safari-14-1/

Next.js 10.2 — https://nextjs.org/blog/next-10-2

RxJS 7 — https://rxjs.dev/

RxJS 7 breaking changes — https://rxjs.dev/deprecations/breaking-changes

Redux 4.1.0 — https://github.com/reduxjs/redux/releases/tag/v4.1.0

Babel 7.14.0 — https://babeljs.io/blog/2021/04/29/7.14.0

Google I/O 2021 — https://events.google.com/io/?lng=en

Angular прекращает поддержку IE11 — https://github.com/angular/angular/issues/41840

Facebook присоединился к Rust Foundation — https://developers.facebook.com/blog/post/2021/04/29/facebook-joins-rust-foundation/

Слушайте на любимой платформе:

RSS — https://radio.csssr.com/rss/news512.rss

Apple Podcasts — https://podcasts.apple.com/us/podcast/id1370045815

Google Podcasts — https://podcasts.google.com/?feed=aHR0cHM6Ly9yYWRpby5jc3Nzci5jb20vcnNzL25ld3M1MTIucnNz&ep=14

SoundCloud — https://soundcloud.com/csssr/sets/512-news

Я.Музыка — https://music.yandex.ru/album/7040324/track/54795992

Пишите нам и читайте:

Telegram—канал CSSSR: https://t.me/csssr

Twitter CSSSR: https://twitter.com/csssr_dev

Twitter новостей: https://twitter.com/csssr_news

Telegram ведущего: https://t.me/Vindizh

Twitter ведущего: https://twitter.com/Vindizh

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8

Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-167/

Puppeteer-рецепты — https://addyosmani.com/blog/puppeteer-recipes/

Измерение производительности с DevTools — https://www.debugbear.com/blog/devtools-performance

Angular будет использовать Ivy по умолчанию — https://blog.angular.io/upcoming-improvements-to-angular-library-distribution-76c02f782aa4

Создание tree-shakeable библиотек — https://blog.theodo.com/2021/04/library-tree-shaking/

Гайд по кастомным CSS-свойствам — https://css-tricks.com/a-complete-guide-to-custom-properties/

Гайд по Cumulative Layout Shift — https://jessbpeck.com/posts/completecls/

Функции плавности в CSS — https://www.smashingmagazine.com/2021/04/easing-functions-css-animations-transitions/

PostCSS-плагин postcss-easy-z — https://github.com/CSSSR/postcss-easy-z

Chrome 91 Beta — https://blog.chromium.org/2021/04/chrome-91-handwriting-recognition-webxr.html

Vivaldi 3.8 — https://vivaldi.com/blog/vivaldi-crumbles-cookie-dialogs-raises-privacy/

Как Vivaldi выживает на рынке и развивается — https://vc.ru/story/227125-zachem-delat-novyy-brauzer-i-kak-borotsya-s-chrome-kogda-zavisish-ot-ego-dvizhka-intervyu-s-sozdatelem-opera-i-vivaldi

Palemoon 29.2 — https://forum.palemoon.org/viewtopic.php?t=26690&p=213782#p213782

Mighty — https://www.mightyapp.com/

Security-обновление Composer — https://laravel-news.com/composer-security-update-cve-2021-29472

Fedora 34 — https://fedoramagazine.org/announcing-fedora-34/

Nessie — https://github.com/halvardssm/deno-nessie

Web Engines Hackfest 2021 — https://webengineshackfest.org/2021/

WebGPU — https://gpuweb.github.io/gpuweb/explainer/

Слушайте на любимой платформе:

RSS — https://radio.csssr.com/rss/news512.rss

Apple Podcasts — https://podcasts.apple.com/us/podcast/id1370045815

Google Podcasts — https://podcasts.google.com/?feed=aHR0cHM6Ly9yYWRpby5jc3Nzci5jb20vcnNzL25ld3M1MTIucnNz&ep=14

SoundCloud — https://soundcloud.com/csssr/sets/512-news

Я.Музыка — https://music.yandex.ru/album/7040324/track/54795992

Пишите нам и читайте:

Telegram—канал CSSSR: https://t.me/csssr

Twitter CSSSR: https://twitter.com/csssr_dev

Twitter новостей: https://twitter.com/csssr_news

Telegram ведущего: https://t.me/Vindizh

Twitter ведущего: https://twitter.com/Vindizh

Наш гостевой микрофон сегодня находится в Курске у Михаила Семёхина тимлида в компании TechGC (https://www.techgc.co/) и соорганизатор курского IT-сообщества и Бориса Окунского CTO в компании UBIO Limited (https://ub.io/).

Контакты гостей:

Борис Окунский - https://twitter.com/boris_okunskiy

Михаил Семёхин - https://twitter.com/mihon

Шоуноты:

⁃ Тернистый путь Бориса: написание for loops в 6 лет, работа в баре, программирование на Java и Scala. Как это все привело к JavaScript (00:00)

⁃ Из программистов в тимлиды и CTO (17:20)

⁃ Чем GameDev может быть полезен JavaScript-разработчику? (30:25)

⁃ Правда ли, что в GameDev нет привычных нам тулов и подходов: тесты, линтинг и прочее? (41:00)

⁃ Если вам не хватает алгоритмических задач, то GameDev - отличный способ их найти! (52:35)

⁃ Какой game engine лучше выбрать для быстрого старта (59:05)

Доп. cсылки:

Hex Laser Puzzle (игра Бориса) - https://play.google.com/store/apps/details?id=com.alphamagenta.HexLaser

Entry Point (Игра Михаила) - https://play.google.com/store/apps/details?id=com.hamsterscave.analyzer

Hex planet puzzle (Игра Михаила) - https://play.google.com/store/apps/details?id=com.hamsterscave.hexpuzzle

Описание доказательства проходимости уровня на Alloy - https://hillelwayne.com/alloy-randomizer/

Слушайте нас на любимой платформе:

RSS-лента: radio.csssr.com/rss/remotetalk.rss

Soundcloud: soundcloud.com/csssr/sets/remote-talk

Apple Podcasts: itunes.apple.com/us/podcast/remot…d1414821759?mt=2

Google Podcasts: podcasts.google.com/?feed=aHR0cHM6L…hbGsucnNz&ep=14

VK: vk.com/podcasts-185290073

Яндекс.Музыка: music.yandex.ru/album/9050141

Пишите нам и читайте:

Twitter Remote Talk: twitter.com/csssr_rt

Telegram—канал CSSSR: t.me/csssr

Twitter CSSSR: twitter.com/csssr_dev

Telegram ведущего: t.me/sgolovin

Twitter ведущего: twitter.com/_sgolovin

Telegram редакции: t.me/Vindizh

Twitter редакции: twitter.com/Vindizh

В этом эпизоде обсуждался отказ Wrike от Dart, DSL для стейт-машин и будущее визуальных языков программирования на примере Enso.

Отказ Wrike от Dart (0:01:00)

Enso (0:41:00)

Lucy (1:01:40)

Слушайте на любимой платформе:

RSS — radio.csssr.com/rss/callback_hell.rss

Пишите нам и читайте:

Telegram—канал CSSSR: t.me/csssr

Twitter CSSSR: twitter.com/csssr_dev

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8

Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-166/

Производительность CSS-in-JS — https://pustelto.com/blog/css-vs-css-in-js-perf/

Ленивые вычисления свойств объектов — https://humanwhocodes.com/blog/2021/04/lazy-loading-property-pattern-javascript/

Современные псевдоклассы — https://www.smashingmagazine.com/2021/04/guide-supported-modern-css-pseudo-class-selectors/

Пояснение по CSS Nesting — https://web-standards.ru/articles/css-nesting/

Как начать TypeScript-проект в 2021 — https://www.metachris.com/2021/04/starting-a-typescript-project-in-2021/

csshell.dev — https://csshell.dev/

Библиотека для создания и работы с таблицами — https://gridjs.io/

Ember.js 3.26 — https://blog.emberjs.com/ember-3-26-released/

ESLint 7.25 — https://github.com/eslint/eslint/releases/tag/v7.25.0

Ubuntu 21.04 — https://lists.ubuntu.com/archives/ubuntu-announce/2021-April/000268.html

Ядро Linux 5.12 — https://lkml.org/lkml/2021/4/25/225

ChromeOS 90 — https://chromereleases.googleblog.com/2021/04/stable-channel-update-for-chrome-os_21.html

GraalVM 21.1 — https://medium.com/graalvm/graalvm-21-1-96e18f6806bf

Новая фича для защиты GitHub Actions — https://github.blog/changelog/2021-04-22-github-actions-maintainers-must-approve-first-time-contributer-workflow-runs/

Как поучаствовать в развитии MDN — https://developer.mozilla.org/ru/docs/MDN/Contribute/Getting_started

Прошивка для open-source часов — https://www.pine64.org/2021/04/22/its-time-infinitime-1-0/

Слушайте на любимой платформе:

RSS — https://radio.csssr.com/rss/news512.rss

Apple Podcasts — https://podcasts.apple.com/us/podcast/id1370045815

Google Podcasts — https://podcasts.google.com/?feed=aHR0cHM6Ly9yYWRpby5jc3Nzci5jb20vcnNzL25ld3M1MTIucnNz&ep=14

SoundCloud — https://soundcloud.com/csssr/sets/512-news

Я.Музыка — https://music.yandex.ru/album/7040324/track/54795992

Пишите нам и читайте:

Telegram—канал CSSSR: https://t.me/csssr

Twitter CSSSR: https://twitter.com/csssr_dev

Twitter новостей: https://twitter.com/csssr_news

Telegram ведущего: https://t.me/Vindizh

Twitter ведущего: https://twitter.com/Vindizh