CSSSR

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

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

Middle front-end developer — https://csssr.com/ru-ru/jobs/middle-js-developer

Android разработчик — https://csssr.com/ru-ru/jobs/android-developer

iOS разработчик — https://csssr.com/ru-ru/jobs/ios-developer

Все вакансии — https://csssr.com/ru-ru/jobs

TSConf 2021 — https://www.youtube.com/playlist?list=PL2z7rCjEG2kubUfEAHu-08-aK3Tyn9Zxe

Перегрузка функций в TS — https://dmitripavlutin.com/typescript-function-overloading/

Property-based testing — https://jrsinclair.com/articles/2021/how-to-get-started-with-property-based-testing-in-javascript-with-fast-check/

Гайд по Next.js, часть 2 — https://habr.com/ru/company/timeweb/blog/590157/

5 ошибок при работе с промисами — https://blog.bitsrc.io/5-common-mistakes-in-using-promises-bfcc4d62657f

Контейнеризация — https://iximiuz.com/en/posts/container-learning-path/

Параллакс с кастомными CSS-свойствами — https://css-tricks.com/parallax-powered-by-css-custom-properties/

Сокращение количества медиа-запросов — https://css-tricks.com/responsive-layouts-fewer-media-queries/

ECMAScript Proposals — https://www.proposals.es/

Коллекция терминалов и CLI — https://www.smashingmagazine.com/2021/11/powerful-terminal-commandline-tools-modern-web-development/

Коллекция JavaScript-репозиториев — https://reconshell.com/awesome-javascript/

.NET 6 — https://devblogs.microsoft.com/dotnet/announcing-net-6/

Visual Studio 2022 — https://devblogs.microsoft.com/visualstudio/visual-studio-2022/#visual-studio-2022-is-64-bit

Electron 16.0.0 — https://www.electronjs.org/blog/electron-16-0

PHP 8.0.13 — https://www.php.net/ChangeLog-8.php#8.0.13

Tor 11.0.1 — https://blog.torproject.org/new-release-tor-browser-1101/

VirtualBox 6.1.30 — https://www.mail-archive.com/[email protected]/msg00215.html

nginx unit 1.26.0 — https://mailman.nginx.org/pipermail/unit/2021-November/000288.html

PHP Foundation — https://www.php.net/archive/2021.php#2021-11-22-1

Подробности о PHP Foundation — https://blog.jetbrains.com/phpstorm/2021/11/the-php-foundation/

The 2021 State of the Octoverse — https://github.blog/2021-11-16-the-2021-state-of-the-octoverse/

Топ суперкомпьютеров мира — https://www.top500.org/news/still-waiting-exascale-japans-fugaku-outperforms-all-competition-once-again/

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

YouTube — https://www.youtube.com/channel/UCoF-ngPNAd-_PTyKDZDsViA

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

В этом выпуске мы обсудим нашумевшие уязвимости в npm-пакетах, какие проблемы может вызвать обновление ПО и можно ли этого избежать. Ещё одна тема — автоматизация найма. Заменят ли смарт-контракты привычные собеседования и может ли нейронка сгенерировать идеальное резюме?

Запись стрима: https://youtu.be/QLBIBMZNHOE

0:00:00 Начало

0:00:47 Уязвимости в npm-пакетах

ua-parser-js — https://github.com/advisories/GHSA-pjwm-rvh2-c87w

coa — https://github.com/advisories/GHSA-73qr-pfmq-6rp8

rc — https://github.com/advisories/GHSA-g2q5-5433-rhrf

0:36:17 Обновление ПО

Статья «Никогда ничего не обновляйте» — https://blog.kronis.dev/articles/never-update-anything

Тред в твиттере — https://twitter.com/andrestaltz/status/1456883919614357508

0:58:08 Автоматизация найма

Сгенерированное резюме — https://twitter.com/Coding_Career/status/1454293034179317764

Тред в твиттере про найм с NFT — https://twitter.com/gregisenberg/status/1456588823287275528

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

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

YouTube — https://www.youtube.com/channel/UCoF-ngPNAd-_PTyKDZDsViA

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

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

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

В этом выпуске мы обсудим новую мажорную версию бандлера Parcel, инициативу по улучшения рендеринга в Chromium и результаты опроса посвященного экосистеме разработки от JetBrains.

Запись стрима: https://youtu.be/kdv9Kjrslr0

0:00:00 Начало

0:00:48 Parcel 2 — https://parceljs.org/blog/v2/

0:27:18 RenderingNG — https://blog.chromium.org/2021/10/renderingng.html

0:44:18 Экосистема разработки 2021 — https://www.jetbrains.com/ru-ru/lp/devecosystem-2021/

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

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

YouTube — https://www.youtube.com/channel/UCoF-ngPNAd-_PTyKDZDsViA

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

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

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

Эпизод на стыке дизайна и фронтенда! В этом выпуске вместе с Вадиком Матвеевым и Юлией Миоцен мы обсудим нашествие дизайн систем, дизайн-токены и их спецификацию от W3C, а также поговорим о том, зачем дизайнеру может понадобиться программирование.

0:00:00 Старт стрима

0:00:33 Дизайн-токены

0:36:23 Дизайн-системы

0:58:45 Зачем дизайн разработчикам, а дизайнерам код?

Вадик Матвеев в Twitter: https://twitter.com/fooontic_

Юлия Миоцен в Twitter: https://twitter.com/julia_miocene

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

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

YouTube — https://www.youtube.com/channel/UCoF-ngPNAd-_PTyKDZDsViA

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

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

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

В этом выпуске речь пойдёт об архитектуре. У нас сегодня первый внешний гость — Саша Беспоясов. Мы поговорим о чистой архитектуре на фронтенде, SOLID и затронем такой зачаствую не простой вопрос как code review.

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

0:00:00 Старт стрима

0:01:13 Чистая архитектура во фронтенде

0:57:16 SOLID

1:10:57 Вредно ли code review?

Саша Беспоясов в Twitter: https://twitter.com/bespoyasov

Блог Саши: https://bespoyasov.ru/

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

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

YouTube — https://www.youtube.com/channel/UCoF-ngPNAd-_PTyKDZDsViA

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

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

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

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

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

Дженерики в TypeScript — https://habr.com/ru/company/tinkoff/blog/588655/

Сравнение систем типов — https://dev.to/csssr/comparison-of-type-systems-in-front-end-languages-e0i

ES2022: гайд по блокам статической инициализации, приватным полям и методам классов — https://betterprogramming.pub/es2022-a-complete-guide-on-private-static-class-fields-methods-and-static-initialization-blocks-f12943a86b2d

Будущее тулинга за Rust? — https://leerob.io/blog/rust

Туториал по Next.js — https://habr.com/ru/company/timeweb/blog/588498/

Заметка о equestAnimationFrame и requestIdleCallback — https://habr.com/ru/company/timeweb/blog/587908/

Туториал по ReactRouter 6 — https://www.robinwieruch.de/react-router

Дополнения к вьюпортам — https://www.bram.us/2021/07/08/the-large-small-and-dynamic-viewports/

Секреты DevTools — https://christianheilmann.com/2021/11/01/developer-tools-secrets-that-shouldnt-be-secrets/

Доклад о секретах DevTools на YouTube — https://www.youtube.com/watch?v=q_qzHzIVxw4

Хитрости Chrome DevTools — https://habr.com/ru/post/587146/

Коллекция библиотек для Node.js-проектов — https://reconshell.com/nodejs-package-list/

Chrome 96 — https://developer.chrome.com/blog/new-in-chrome-96/

Новинки Chrome DevTools 96 — https://developer.chrome.com/blog/new-in-devtools-96/

Видеообзор Chrome 96 — https://www.youtube.com/watch?v=PPukHsOH_BI

Видеообзор Chrome DevTools 96 — https://www.youtube.com/watch?v=3CXbhnaFNEw

TypeScript 4.5 — https://devblogs.microsoft.com/typescript/announcing-typescript-4-5/

ReactRouter 6 — https://remix.run/blog/react-router-v6

Cypress 9.0.0 — https://github.com/cypress-io/cypress/releases/tag/v9.0.0

Laravel 8.70 — https://laravel-news.com/laravel-8-70-0

Deno + Slack — https://deno.com/blog/slack

Новый API Slack — https://api.slack.com/future

React 18 переведен в статус беты — https://twitter.com/reactjs/status/1460380211262930948

ReactConf 2021 — https://conf.reactjs.org/

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

YouTube — https://www.youtube.com/channel/UCoF-ngPNAd-_PTyKDZDsViA

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

Сегодня у нас довольно необычный выпуск, так как гостей много, а гостевые микрофоны у нас сразу в Ульяновске и Перми. Сегодня у нас в гостях Наталья Мусина, коммьюнити-менеджер в Hexlet и Павел Калашников, занимается бизнесами, пишет на руби и живет в Ульяновске, а так же Дарья Баженова, координатор скилл-шеринг сообщества IT Way в Перми и специалист в области медицинских исследований в IT. Кроме этого ребята все в той или иной степени участвуют в сообществе IT Way, и ведут подкаст IT Way.

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

Наталья Мусина - https://twitter.com/Wolf_Musing

Павел Калашников - https://twitter.com/kalashnikovisme

Дарья Баженова - https://twitter.com/daryaizpermi

IT Way - https://it-way.pro/

Шоуноты:

⁃ Кратко о пути развития гостей (02:20)

⁃ О сообществе IT Way (07:40)

⁃ Проблемы образования в регионах (13:30)

⁃ Разбираемся с soft skills. Что это такое и как их прокачать (32:00)

⁃ Подкасты, подкасты повсюду! Зачем они нужны и чем полезны (40:00)

⁃ О будущем Ruby и Ruby on Rails (53:30)

⁃ Почему всем нужно ехать в Ульяновск (1:11:40)

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

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

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

Apple Podcasts: https://itunes.apple.com/us/podcast/remote-talk/id1414821759?mt=2

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

VK: https://vk.com/podcasts-185290073

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

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

Twitter Remote Talk: https://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

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

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

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

Лекции ШРИ 2021 — https://www.youtube.com/playlist?list=PLKaafC45L_SSUUku_N10BBkVWXkKzqZFI

Chrome Dev Summit 2021 — https://www.youtube.com/watch?v=n57U2_-3NLQ

Chrome Dev Summit 2021, текст — https://web.dev/cds2021-updates/

Реактивность — https://habr.com/ru/company/timeweb/blog/586450/

Производительность анимаций — https://web.dev/smoothness/

Как типизировать React-хуки — https://devtrium.com/posts/react-typescript-how-to-type-hooks

Курс по Next.js — https://www.youtube.com/playlist?list=PLNkWIWHIRwMHjz7hM5o10BNc6dq0OMd2U

Локализация Next.js-приложений — https://www.smashingmagazine.com/2021/11/localizing-your-nextjs-app/

SSR и DSG в Gatsby 4 — https://medium.com/@8025918/gatsby-4-using-ssr-and-dsg-14742eaecb66

Компонент сообщения в чате Facebook — https://ishadeed.com/article/facebook-messenger-chat-component/

Создание игрового меню с 3D-эффектом — https://web.dev/building-a-3d-game-menu-component/

Как расширения влияют на производительность браузера — https://www.debugbear.com/blog/chrome-extension-performance-2021

Курс по формам от web.dev — https://web.dev/learn/forms/

Игры для освоения дизайна — https://mikeozornin.ru/blog/all/games-for-designers/

3D-фигуры с библиотекой Three.js — https://tympanus.net/codrops/2021/10/04/creating-3d-characters-in-three-js/

06:16 Новости релизов:

Angular 13 — https://blog.angular.io/angular-v13-is-now-available-cce66f7bc296

Видеообзор Angular 13 — https://www.youtube.com/watch?v=PUxNiC6Qye4

Firefox 94 — https://developer.mozilla.org/docs/Mozilla/Firefox/Releases/94

Обзор релиза от Марата Таналина — https://tanalin.com/blog/2021/11/firefox-94/

Tor 11 — https://blog.torproject.org/new-release-tor-browser-11-0

V8 9.7 — https://v8.dev/blog/v8-release-97

Deno 1.16 — https://deno.com/blog/v1.16

Node.js 17.1.0 — https://nodejs.org/en/blog/release/v17.1.0/

Ruby 3.1.0 Preview 1 — https://www.ruby-lang.org/en/news/2021/11/09/ruby-3-1-0-preview1-released/

RHEL 8.5 beta — https://www.redhat.com/en/blog/red-hat-enterprise-linux-85-beta-now-available

RHEL 9 beta — https://www.redhat.com/en/about/press-releases/red-hat-extends-foundation-multicloud-transformation-and-hybrid-innovation-latest-version-red-hat-enterprise-linux

nginx 1.21.4 — http://nginx.org/en/CHANGES

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

Рич Харрис присоединился к Vercel для работы над Svelte — https://vercel.com/blog/vercel-welcomes-rich-harris-creator-of-svelte

ReactConf 2021 — https://conf.reactjs.org/

Уязвимости в npm-пакетах — https://www.bleepingcomputer.com/news/security/popular-coa-npm-library-hijacked-to-steal-user-passwords/

Эпизод Callback Hell с обсуждением проблемы — https://www.youtube.com/watch?v=QLBIBMZNHOE

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

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-197/

Middle front-end developer — https://csssr.com/ru-ru/jobs/middle-js-developer

Android разработчик — https://csssr.com/ru-ru/jobs/android-developer

iOS разработчик — https://csssr.com/ru-ru/jobs/ios-developer

Все вакансии — https://csssr.com/ru-ru/jobs

HolyJS Piter 2021 — https://www.youtube.com/playlist?list=PL8sJahqnzh8JyUetDcVI5iHzGP8pfKjcl

Как работать с файлами в вебе — https://patrickbrosset.com/articles/2021-10-22-handling-files-on-the-web/

Бандлинг с Webpack 5 — https://indepth.dev/posts/1482/an-in-depth-perspective-on-webpacks-bundling-process

Скрейпер на ode.js — https://www.smashingmagazine.com/2021/10/building-amazon-product-scraper-nodejs/

Тестирование Vue-компонентов с Cypress — https://css-tricks.com/testing-vue-components-with-cypress/

object-fit и background-size — https://www.smashingmagazine.com/2021/10/object-fit-background-size-css/

Поиск на чистом JavaScript — https://css-tricks.com/in-page-filtered-search-with-vanilla-javascript/

Чего ждать от PHP 8.1 — https://laravel-news.com/getting-ready-for-php-8-1

CSS-медиафичи для доступности — https://tatiana-fokina-blog.ru/posts/css-media-features-for-a11y/

Как устроена Дока — https://habr.com/ru/company/yandex_praktikum/blog/585380/

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

Microsoft Edge на Linux — https://nakedsecurity.sophos.com/2021/10/29/microsoft-edge-finally-arrives-on-linux-official-build-lands-in-repos/

Babel 7.16.0 — https://babeljs.io/blog/2021/10/29/7.16.0.html

Laravel 8.68.0 — https://laravel-news.com/laravel-8-68-0

Ядро Linux 5.15.0 — https://lkml.org/lkml/2021/10/31/203

Что нового в ES2022 — https://deliciousinsights.github.io/confoo-es2022/

Pipeline-оператор — https://github.com/tc39/proposal-pipeline-operator

Атака «Trojan Source» — https://www.openwall.com/lists/oss-security/2021/11/01/6

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

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-196/

Error Boundaries — https://habr.com/ru/company/2gis/blog/583894/

Микрофронтенды — https://o-b-one.medium.com/the-micro-frontend-chaos-and-how-to-solve-it-960b0a90c58

Плохие практики в TypeScript — https://blog.openreplay.com/typescript-done-wrong

Event Loop и Node.js — https://habr.com/ru/company/lineate/blog/585050/

Зона загрузки файла с React — https://blog.alexdevero.com/react-file-dropzone/

OAuth 2 с Node.js — https://www.honeybadger.io/blog/oauth-nodejs-javascript/

Троттлинг и дебаунс — https://itnext.io/solving-javascript-problems-from-bigfrontend-bfe-throttle-and-debounce-87a809e5952b

Доступность в Angular — https://habr.com/ru/company/europlan/blog/578856/

Скругление форм с CSS Paint API — https://css-tricks.com/exploring-the-css-paint-api-rounding-shapes/

Управление продолжающимся скроллом — https://ishadeed.com/article/prevent-scroll-chaining-overscroll-behavior/

Уменьшение размера AWS SDK на JS — https://aws.amazon.com/blogs/developer/how-we-halved-the-publish-size-of-modular-aws-sdk-for-javascript-clients/

Таблица с сортировкой, фильтрами и пагинацией на React — https://www.taniarascia.com/front-end-tables-sort-filter-paginate/

var vs. let vs. const — https://javascript.plainenglish.io/javascript-const-vs-var-vs-let-a-comprehensive-guide-for-all-time-d6d836c8bbd7

Алгоритмы и структуры данных на JavaScript — https://github.com/trekhleb/javascript-algorithms/blob/master/README.ru-RU.md

Next.js 12 — https://nextjs.org/blog/next-12

Gatsby 4 — https://www.gatsbyjs.com/blog/whats-new-in-gatsby-4/

Node.js 16.13.0 — https://nodejs.org/en/blog/release/v16.13.0/

Angular 13 RC-1 — https://github.com/angular/angular/blob/master/CHANGELOG.md#1300-rc1-2021-10-20

Django 4.0 beta-1 — https://www.djangoproject.com/weblog/2021/oct/25/django-40-beta-1-released/

Веб-версия Photoshop — https://web.dev/ps-on-the-web/

Веб-версия VSCode — https://code.visualstudio.com/blogs/2021/10/20/vscode-dev

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

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