CSSSR

В этом выпуске мы поговорим о Svelte — «исчезающем» фреймворке — и его месте в мире фреймворков. Правы ли сторонники «Большой тройки» — React, Angular и Vue, говоря что он «не нужен» или что «его нельзя использовать для production»?В чём разница и в чём особенности Svelte?

Сегодня будем разбираться.

Запись стрима: https://www.youtube.com/watch?v=yIo036hFm1s

В гостях Павел Малышев: Опытный fullstack-разработчик, руководитель проектов и предприниматель. Евангелист Svelte в России. Руководит разработкой SmartTV и веб-проектов студии Mustlab.

Сергей Головин (ведущий): Senior JS, работает на Vanilla, React, Angular. Активно двигает региональные IT-сообщества: автор подкаста Remote Talk и соорганизатор сообщества Meetup Universe.

Twitter: https://twitter.com/_sgolovin

Андрей Мельников: JS разработчик, пишет на React, практикует FP. Говорит всем, что любит математику, но в душе гуманитарий. Участвовал в переводе «You Don’t Know JS», написал ряд статей для блога CSSSR.

Twitter: https://twitter.com/bracketsarrows

Артём Арутюнян: разрабатывал и запускал проекты для крупнейших финансовых компаний. Сейчас сфокусирован на разработке фронтенда крупных веб-приложений. Пишет свой стейт-менеджер, выступает с докладами.

Twitter: twitter.com/art_al_ar

Егор Огарков: сфера интересов — фронтенд и немного бэкенд на языке Go. Любит создавать быстрые и умные интерфейсы.

Twitter: https://twitter.com/Windrushfarer

Twitter CSSSR: twitter.com/csssr_dev

Мы в Telegram: css.sr/pd9

Слушайте наши подкасты: css.sr/da700

Присоединяйтесь к нашей команде — наши вакансии: css.sr/xww

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

Интересные публикации:

Профайлер Python от Mozilla — https://hacks.mozilla.org/2020/05/building-functiontrace-a-graphical-python-profiler/

JavaScript-фреймворки на MDN — https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks

Разбираем ECMAScript, часть 4 — https://v8.dev/blog/understanding-ecmascript-part-4

Документация Angular на русском — https://habr.com/ru/post/499852/

Разбор перформанса Notion — https://3perf.com/blog/notion/

Диагностика NodeJS-приложений — https://nodesource.com/blog/diagnostics-in-NodeJS-1

git и графы: как это работает — https://codewords.recurse.com/issues/two/git-from-the-inside-out

Quickref.dev — https://quickref.dev/

API Stylebook — http://apistylebook.com/

Ускоряем Google Fonts — https://csswizardry.com/2020/05/the-fastest-google-fonts

Новые релизы:

Релиз Chrome 83 — https://chromereleases.googleblog.com/2020/05/stable-channel-update-for-desktop_19.html | https://developers.google.com/web/updates/2020/05/nic83

Релиз Lighthouse 6.0 — https://web.dev/lighthouse-whats-new-6.0/

Релиз NodeJS 14.3.0 — https://nodejs.org/en/blog/release/v14.3.0/

Релиз Puppeteer 3.1.0 — https://github.com/puppeteer/puppeteer/releases/tag/v3.1.0

Релиз ESLint 7.1.0 — https://eslint.org/blog/2020/05/eslint-v7.1.0-released

Релиз Gitlab 13.0 — https://about.gitlab.com/releases/2020/05/22/gitlab-13-0-released/

Релиз Electron 9.0 — https://www.electronjs.org/blog/electron-9-0

Релиз Laravel 7.12.0 — https://laravel-news.com/laravel-7-12-0

Релиз njs 0.4.1 — http://nginx.org/en/docs/njs/changes.html

Релиз BackBox Linux 7 — https://blog.backbox.org/2020/05/15/backbox-linux-7-released/

Релиз OpenBSD 6.7 — https://marc.info/?l=openbsd-announce&m=158989783626149&w=2

Релиз Oracle Solaris 11.4 — https://blogs.oracle.com/solaris/announcing-oracle-solaris-114-sru21

Другие новости:

Новости с конференции Microsoft Build 2020 — https://blogs.windows.com/windowsdeveloper/2020/05/19/developing-for-all-1-billion-windows-10-devices-and-beyond/

Microsoft признаёт, что выбрала не ту сторону в истории Open Source — https://www.theregister.co.uk/2020/05/15/microsoft_brad_smith_open_source/

Предсказание о смерти IE11 — https://www.swyx.io/writing/ie11-eol/

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

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

iTunes — podcasts.apple.com/us/podcast/id1370045815

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

Spotify — open.spotify.com/show/5Hq6ToODwWvWQfKs5uZqSd

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

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

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

Twitter CSSSR: twitter.com/csssr_dev

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

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

В этом выпуске мы всё ещё в Нижнем Новгороде. У нас в гостях Павел Малышев — fullstack-разработчик, руководитель проектов и предприниматель. Евангелист Svelte в России. Руководит разработкой SmartTV и веб-проектов студии Mustlab.

— О работе над проектом Motorola и переходе с C++ в веб-разработку (00:40)

— Пригодились ли знания низкоуровневого программирования в разработке веб-приложений (06:18)

— На сколько сейчас активен рынок разработки под Smart TV (08:22)

— О причинах выбора Svelte в Mustlab (12:30)

— Что за Svelte такой и чем он отличается от других фреймворков и библиотек (16:05)

— Как работает change detection в Svelte (19:55)

— Недостатки Svelte. Есть ли они, а если есть, то какие? (26:50)

— На сколько большое сообщество у Svelte (33:15)

— Станет ли Svelte на столько же популярным, как React, Angular или Vue (37:30)

— Плюсы и минусы жизни в Нижнем Новгороде. IT-сообщества Нижнего Новгорода (50:20)

Полезные ссылки:

Svelte - https://svelte.dev/

Статья с “набросами” на Svelte - https://habr.com/ru/post/498650/

Ответ Павла на статью выше - https://habr.com/ru/post/498702/

Сообщество Svelte в телеграме - https://t.me/sveltejs

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

Браузерные хранилища данных — https://web.dev/storage-for-the-web/

Persistent storage — https://web.dev/persistent-storage/

React Europe online — https://youtu.be/41Ia291KIvI

Увеличение памяти для WASM в V8 — https://v8.dev/blog/4gb-wasm-memory

Настройка TypeScript с нуля для React-приложений — https://www.smashingmagazine.com/2020/05/typescript-modern-react-projects-webpack-babel/

Web Vitals в деталях — https://web.dev/optimize-lcp/ | https://web.dev/optimize-fid/ | https://web.dev/optimize-cls/

Обновление Facebook — https://engineering.fb.com/web/facebook-redesign/

Регулярные выражения для всех — https://refrf.shreyasminocha.me/

Проблемы SPA — https://macwright.org/2020/05/10/spa-fatigue.html

Deno 1.0 — https://deno.land/v1 | https://habr.com/ru/post/501480/

TypeScript 3.9 — https://devblogs.microsoft.com/typescript/announcing-typescript-3-9/

NextJS 9.4 — https://nextjs.org/blog/next-9-4

NestJS 7.0.13 — https://github.com/nestjs/nest/releases/tag/v7.0.13

Bootstrap 4.5.0 — https://blog.getbootstrap.com/2020/05/12/bootstrap-4-5-0/

Laravel 7.11.0 — https://laravel-news.com/laravel-7-11-0

Dart 2.8 — https://medium.com/dartlang/announcing-dart-2-8-7750918db0a

Релиз Erlang 23 — https://www.erlang.org/news/140

Kali Linux 2020.2 — https://www.kali.org/news/kali-linux-2020-2-release/

Debian 10.4 — https://www.debian.org/News/2020/20200509

Релиз сервера Caddy 2.0 — https://caddyserver.com/v2

Обновление Chrome OS — https://chromereleases.googleblog.com/2020/05/stable-channel-update-for-chrome-os.html

Бибилиотека для статической типизации Hegel — https://hegel.js.org/

Github Sponsors вышла из беты — https://github.blog/2020-05-12-github-sponsors-is-out-of-beta-for-sponsored-organizations/

Борьба Chrome с ресурсоёмкой рекламой — https://blog.chromium.org/2020/05/resource-heavy-ads-in-chrome.html

Диспетчер процессов в Firefox — https://techdows.com/2020/05/firefox-78-gets-process-manager-at-aboutprocesses-page.html

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

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

iTunes — podcasts.apple.com/us/podcast/id1370045815

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

Spotify — open.spotify.com/show/5Hq6ToODwWvWQfKs5uZqSd

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

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

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

Twitter CSSSR: twitter.com/csssr_dev

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

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

В этом выпуске мы посетим Люксембург. У нас в гостях Василика Климова — спикер на Frontend-конференциях, основатель своей школы веб-разработки SkillUp School Luxembourg, преподаватель и ментор. Родом из Твери. Advanced diver и геймер.

Сайт Василики: https://vasilika.ru/

SkillUp School Luxembourg — https://skillup.lu/

— Как Василика попала в Люксембург

— Море экспатов и многоязычие

— Как устроен территориально город-страна Люксембург

— Жильё, автомобиль и кредиты

— COVID-19 в Люксембурге

— Основание школы веб-разработки и предпринимательство

— IT-митапы в Люксембурге

— Адаптация: быт, переработка мусора, онлайн-банкинг и местные банки, доставка товаров и цены, медицинская страховка, налоги

— Местная кухня и национальные праздники

— Климат и погода

Карта с местами от Василики: https://goo.gl/maps/o79X7qTv9tLoeKheA

Кафе и рестораны Люксембурга, в которых стоит побывать: https://www.expatica.com/lu/lifestyle/food-drink/top-10-foods-in-luxembourg-with-recipes-507809/

Пишите нам и читайте, мы будем рады обратной связи, предложениям и пожеланиям:

RSS: radio.csssr.com/rss/www.rss

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

Twitter CSSSR: twitter.com/csssr_dev

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

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

V8 Logical assignement — https://v8.dev/features/logical-assignment

Audio Worklets in FireFox 76 — https://hacks.mozilla.org/2020/05/high-performance-web-audio-with-audioworklet-in-firefox/

Автоматизация Web Performance тестирования с Puppeteer — https://github.com/addyosmani/puppeteer-webperf

Профилирование React — https://addyosmani.com/blog/profiling-react-js/

Web Vitals от Google — https://web.dev/vitals/ | https://blog.chromium.org/2020/05/introducing-web-vitals-essential-metrics.html

Masonry Layout в CSS-спецификации — https://rachelandrew.co.uk/archives/2020/05/05/does-masonry-belong-in-the-css-grid-specification/

Masonry-приключения, Илья Стрельцын — https://css-live.ru/css/priklyucheniya-masonry-raskladki-v-css.html

Сохранение стейта React-приложения между браузерными сессиями — https://www.executeprogram.com/blog/restoring-react-reducer-state-across-browser-sessions

Ruby Next — https://evilmartians.com/chronicles/ruby-next-make-all-rubies-quack-alike

14 фишек для оптимизации Angular-приложения — https://www.grapecity.com/blogs/14-ways-to-speed-up-your-angular-app

SVG как фавиконки для сайта — https://medium.com/swlh/are-you-using-svg-favicons-yet-a-guide-for-modern-browsers-836a6aace3df

NodeJS 14.2.0 — https://nodejs.org/en/blog/release/v14.2.0/

Firefos 76 — https://hacks.mozilla.org/2020/05/firefox-76-audio-worklets-and-other-tricks/

Tor 9.0.10 — https://blog.torproject.org/new-release-tor-browser-9010

Playwright 1.0 — https://medium.com/@arjunattam/fast-and-reliable-cross-browser-testing-with-playwright-155c0e8a821f

Laravel 7.10.0 — https://laravel-news.com/laravel-7-10-0

CakePHP 3.8.12 — https://bakery.cakephp.org/2020/05/07/cakephp_3812_released.html

Django 3.0.6 — https://www.djangoproject.com/weblog/2020/may/04/django-bugfix-release-306/

RoR 6.0.3 — https://weblog.rubyonrails.org/2020/5/6/Rails-6-0-3-has-been-released/

Ubuntu DDE 20.04 — https://ubuntudde.com/blog/ubuntudde-20-04-lts-final-release-note/

Oracle Linux 8.2 — https://blogs.oracle.com/linux/announcing-the-release-of-oracle-linux-8-update-2

Github Codespaces — https://github.com/features/codespaces | https://github.blog/2020-05-06-new-from-satellite-2020-github-codespaces-github-discussions-securing-code-in-private-repositories-and-more/

Статистика активности разработки во время COVID-19 — https://github.blog/2020-05-06-octoverse-spotlight-an-analysis-of-developer-productivity-work-cadence-and-collaboration-in-the-early-days-of-covid-19/

Запуск Microsoft Office на Ubuntu — https://twitter.com/unixterminal/status/125703941193981542

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

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

iTunes — podcasts.apple.com/us/podcast/id1370045815

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

Spotify — open.spotify.com/show/5Hq6ToODwWvWQfKs5uZqSd

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

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

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

Twitter CSSSR: twitter.com/csssr_dev

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

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

WASM decompile — https://v8.dev/blog/wasm-decompile

Введение в Nuxt.js — https://www.smashingmagazine.com/2020/04/getting-started-nuxt/

Размер шрифта и веб-доступность — https://css-tricks.com/accessible-font-sizing-explained/

Шпаргалка по window.location — https://dev.to/samanthaming/window-location-cheatsheet-4edl

Стратегии миграции проекта на TypeScript — https://2ality.com/2020/04/migrating-to-typescript.html

Автоматизация рефакторинга кода — https://nikitakirsanov.com/ru/blog/refactor-as-no-one-is-watching/

Web Components в реальном проекте — https://habr.com/ru/company/exness/blog/498560/

Обмен сообщениями React-приложений через iFrame — https://dev.to/damcosset/iframes-and-communicating-between-applications-31k5

Профилирование CSS-анимаций — https://medium.com/chegg/performance-monitoring-in-css-animations-f11a21d0054f

Web Skills: подборка веб навыков от фронтенда до тестирования и серверов — https://andreasbm.github.io/web-skills/

NodeJS 13.14.0 — https://nodejs.org/en/blog/release/v13.14.0/

qutebrowser 1.11.0 — https://github.com/qutebrowser/qutebrowser/releases/tag/v1.11.0

Mozilla Fenix 5.0.0 — https://github.com/mozilla-mobile/fenix/releases/tag/v5.0.0

Vue.js 3 beta.7 — https://github.com/vuejs/vue-next/releases/tag/v3.0.0-beta.7

TypeScript 3.9 RC — https://devblogs.microsoft.com/typescript/announcing-typescript-3-9-rc/

Middy 1.0.0 — https://loige.co/middy-1-is-here/

Laravel 7.8.0 — https://laravel-news.com/laravel-7-8-0

Security-релизы RoR — https://weblog.rubyonrails.org/2020/4/27/this-week-in-rails-security-releases-new-mailing-list-new-features-and-refactoring/

RoR 6.0.3 RC — https://weblog.rubyonrails.org/2020/5/1/Rails-6-0-3-rc1-has-been-released/

Redis 6.0.0 — http://antirez.com/news/132

CentOS 7 для x64 архитектур — https://lists.centos.org/pipermail/centos-announce/2020-April/035696.html

Red Hat Enterprise Linux 8.2 — https://www.redhat.com/en/technologies/linux-platforms/enterprise-linux

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

Manjaro 20.0 — https://forum.manjaro.org/t/manjaro-20-0-lysia-released/138633

MsQuic теперь open-source — https://techcommunity.microsoft.com/t5/networking-blog/msquic-is-open-source/ba-p/1345441

Пресс-релиз Ubuntu 20.04 LTS — https://www.theregister.co.uk/2020/04/23/canonical_releases_ubuntu_2004_claims/

Борьба Chrome Web Store со спамом — https://blog.chromium.org/2020/04/keeping-spam-off-chrome-web-store.html

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

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

iTunes — podcasts.apple.com/us/podcast/id1370045815

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

Spotify — open.spotify.com/show/5Hq6ToODwWvWQfKs5uZqSd

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

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

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

Twitter CSSSR: twitter.com/csssr_dev

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

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

В этом выпуске Argumentarium мы продолжим стремиться к истине вместе с нашими гостями из Hexlet и команды Газпром Нефти.

Запись стрима: https://www.youtube.com/watch?v=FChHloYqclI

Что такое таинственная вёрстка и кто должен практиковать это знание?

Должен ли уметь верстать дизайнер?

Должен ли уметь верстать JS-разработчик?

Исчезнет ли профессия «верстальщик» и заменят ли её машины и онлайн-сервисы?

Ответы на эти вопросы мы сегодня постараемся найти.

Участники:

Вадим Матвеев: арт-директор и дизайнер в команде Газпром Нефти. Преподаёт в школе Epic Skills.

Twitter: https://twitter.com/fooontic_

Никита Михайлов: HTML&CSS чародей, наставник и гуру профессии «Верстальщик» в Hexlet.

Twitter: https://twitter.com/nmikhaylov1

Сергей Головин: Senior JS, работает на Vanilla, React, Angular. Активно двигает региональные IT-сообщества: автор подкаста Remote Talk и соорганизатор сообщества Meetup Universe.

Twitter: https://twitter.com/_sgolovin

Андрей Мельников: JS разработчик, пишет на React, практикует FP. Говорит всем, что любит математику, но в душе гуманитарий. Участвовал в переводе «You Don’t Know JS», написал ряд статей для блога CSSSR.

Twitter: https://twitter.com/bracketsarrows

Ислам Виндижев (ведущий): в IT пришел 7 лет назад. Писал бэкенд и фронтенд, управлял проектами, а теперь рассказывает об этом другим. Готовит подкасты CSSSR, ведёт Новости 512 и помогает другим разработчикам готовиться к выступлениям. Мастер по складыванию пазлов с котиками и не только.

Twitter: https://twitter.com/Vindizh

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

Мы в Telegram: http://css.sr/pd9

Слушайте наши подкасты: http://css.sr/da700

Присоединяйтесь к нашей команде — наши вакансии: http://css.sr/xww

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

Качество кода в Mozilla — https://hacks.mozilla.org/2020/04/code-quality-tools-at-mozilla/

WebGPU API в Firefox — https://hacks.mozilla.org/2020/04/experimental-webgpu-in-firefox/

Лямбда-исчисление на JavaScript — http://willtaylor.blog/an-introduction-to-lambda-calculus-explained-through-javascript/

Серия статей о Django — https://www.smashingmagazine.com/2020/04/django-highlights-models-admin-relational-database/

NodeJS под капотом — https://www.smashingmagazine.com/2020/04/nodejs-internals/

«Цена» JavaScript-фреймворков — https://timkadlec.com/remembers/2020-04-21-the-cost-of-javascript-frameworks/

Исследование о читаемости кода — https://howreadable.com/

Последний релиз Python 2 — https://pythoninsider.blogspot.com/2020/04/python-2718-last-release-of-python-2.html

Ещё один security-релиз Chrome 81 — https://chromereleases.googleblog.com/2020/04/stable-channel-update-for-desktop_21.html

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

Релиз NodeJS 14.0.0 — https://nodejs.org/en/blog/release/v14.0.0/

Security-релизы git — https://lkml.org/lkml/2020/4/20/1252

Ubuntu 20.04 LTS — https://lists.ubuntu.com/archives/ubuntu-announce/2020-April/000256.html

Laravel 7.7 — https://laravel-news.com/laravel-7-7-released-with-variadic-container-support

njs 0.4.0 — http://nginx.org/en/docs/njs/changes.html#njs0.4.0

nginx 1.18 — http://nginx.org/en/CHANGES-1.18

Rambler оставил NGINX в покое — https://ramblergroup.com/news/268

Новый руководитель проекта Debian — https://lists.debian.org/debian-devel-announce/2020/04/msg00011.html

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

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

iTunes — podcasts.apple.com/us/podcast/id1370045815

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

Spotify — open.spotify.com/show/5Hq6ToODwWvWQfKs5uZqSd

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

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

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

Twitter CSSSR: twitter.com/csssr_dev

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

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

В этом выпуске у нас в гостях Арарат Мартиросян, наш товарищ и друг, разработчик, несколько лет прожил в Китае и, по стечению обстоятельств, в том самом Ухане. Незадолго до эпидемии он уехал в Голландию, но это не делает его рассказ про Китай менее интересным.

— Как попасть в Китай

— Популярность иностранцев в Китае

— Влияние на тренды

— Английский язык в Китае и изучение китайского

— Первое собеседование и работа в Китае

— Особенности национальной работы: экспресс-обед, дневной сон и другие правила

— Средства передвижения и общественный транспорт

— Банковский счёт, виза и другие документы

— Великий китайский интернет

— Еда, специфичная, не очень и стереотипы про поедание тараканов

— В чём разница между AliExpress и TaoBao?

— Социальная безопасность

— Культ денег

— Климат и экология

— Система здравоохранения

— Национальные праздники

Этот выпуск без карты, потому что #сидимдома

Пишите нам и читайте, мы будем рады обратной связи, предложениям и пожеланиям:

RSS: radio.csssr.com/rss/www.rss

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

Twitter CSSSR: twitter.com/csssr_dev

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

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