Сегодня начнём говорить об пользовательских интерфейсах, их эволюции и стагнации от первых каменных счёт до смартфонов.



- Абак https://ru.wikipedia.org/wiki/%D0%90%D0%B1%D0%B0%D0%BA
- Difference engine https://en.wikipedia.org/wiki/Difference_engine
- Analytical engine https://en.wikipedia.org/wiki/Analytical_Engine
- Видео: Difference Engine in Action https://www.youtube.com/watch?v=r7OFT2RkCW4
- Перфокарта https://ru.wikipedia.org/wiki/%D0%9F%D0%B5%D1%80%D1%84%D0%BE%D0%BA%D0%B0%D1%80%D1%82%D0%B0
- Первобытное общество https://tonsky.livejournal.com/307231.html (Никита Прокопов)
- Harvard Mark I https://en.wikipedia.org/wiki/Harvard_Mark_I
- Видео: experimental computer technologies, 1968 https://www.youtube.com/watch?v=yJDv-zdhzMY
- WIMP https://en.wikipedia.org/wiki/WIMP_(computing)

---

Вы можете поддержать подкаст на Patreon → www.patreon.com/freetonik

Вы будете получать выпуски на несколько дней раньше остальных + вам станут доступны бонусные посты, конспекты, заметки и другие материалы.

---

- RSS https://pcr.apple.com/id1162673070
- iTunes https://itunes.apple.com/fi/podcast/hekslet/id1162673070?mt=2
- YouTube https://www.youtube.com/playlist?list=PLo6puixMwuSNBQPpzujzLWON2dwPbmJt_

19. Пользовательские интерфейсы от камешков до смартфонов

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

Вашему SPA не нужен роутер — https://forweb.dev/en/blog/drop-the-router
Ember.js roadmap 2020 — https://blog.emberjs.com/2020/07/10/2020-ember-roadmap.html
Numl — язык разметки и стилизации для веба — https://habr.com/ru/post/510026/
@yandex/ui выходит в опенсорс — https://www.youtube.com/watch?v=trwdc0JCelA&feature=youtu.be | https://github.com/bem/yandex-ui
История Promise — https://samsaccone.com/posts/history-of-promises.html
Modern CSS series — https://moderncss.dev/

Chrome 84 — https://developers.google.com/web/updates/2020/07/nic84 | https://chromereleases.googleblog.com/2020/07/stable-channel-update-for-desktop.html | https://developers.google.com/web/updates/2020/05/devtools
Microsoft Edge 84 — https://docs.microsoft.com/en-us/DeployEdge/microsoft-edge-relnote-stable-channel#version-84052240-july-16
Safari Technology Preview 110 — https://webkit.org/blog/10929/release-notes-for-safari-technology-preview-110/
Safari 14 Beta — https://developer.apple.com/download/more/?=Safari
Apollo Client 3.0 — https://www.apollographql.com/blog/announcing-the-release-of-apollo-client-3-0/
Deno 1.2.0 — https://github.com/denoland/deno/releases/tag/v1.2.0
VirtualBox 6.1.12 — https://www.mail-archive.com/vbox-announce@virtualbox.org/msg00206.html
July 2020 Oracle Critical Patch Update — https://blogs.oracle.com/security/july2020cpu
Rust 1.45.0 — https://blog.rust-lang.org/2020/07/16/Rust-1.45.0.html

Open Prioritization — https://www.igalia.com/open-prioritization/ | https://www.smashingmagazine.com/2020/07/crowdfunding-web-platform-features-open-prioritization/
Mozilla VPN запущен — https://blog.mozilla.org/blog/2020/07/15/mozilla-puts-its-trusted-stamp-on-vpn/
Github Arctic Archive — https://github.blog/2020-07-16-github-archive-program-the-journey-of-the-worlds-open-source-code-to-the-arctic/

Слушайте на любимой платформе:
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

Chrome 84, Safari 14 Beta, Ember Roadmap 2020, Yandex UI Kit, Open Prioritization, Oracle Update

How one code review rule turned my team into a dream team
https://medium.com/inside-league/how-one-code-review-rule-turned-my-team-into-a-dream-team-fdb172799d11

Different versions of your site can be running at the same time
https://jakearchibald.com/2020/multiple-versions-same-time/

Даня Абрамов в проекте whatthefuck.is рассказывает про композицию - https://whatthefuck.is/composition

Цикл из 2 статeй про GH-actions
https://medium.com/@cakeinpanic/github-actions-%D0%B1%D0%B0%D0%B7%D0%B0-2501445e7392
https://medium.com/@cakeinpanic/github-actions-%D0%BF%D0%B8%D1%88%D0%B5%D0%BC-%D1%81%D0%B2%D0%BE%D0%B9-8eb0a05c3e8a

Движок от фейсбука с “прекомпиляцией”
https://engineering.fb.com/android/hermes/

User-defined Type Guards in Typescript
https://levelup.gitconnected.com/user-defined-type-guards-in-typescript-fad639e4944f

What does 100% mean in CSS?
https://wattenberger.com/blog/css-percents

Сделайте мне красиво

Выпуск №40: Код-ревью хорошее, а ситуация страшная, и проблемы белых людей

В этом выпуске у нас в гостях Илья Дмитренок. Илья из Владивостока, живёт в Токио и работает в компании KPMG Ignition Tokyo, занимается разработкой - от бэкэнда до машинного обучения. Любит готовить еду и кататься на велосипеде.

— История переезда: как так получилось, как найти жильё и как ориентироваться без знания японского?
— Отношение к иностранцам в Японии
— Особенности работы в Японии: корпоративная культура, иерархия, переработки и пожизненная работа
— Насколько развит веб в Японии?
— Токио: как устроен города, какие в нём есть районы и где стоит побывать
— Транспорт и местные услги связи, интернет
— Японская культура, праздники и кухня

Карта с местами от гостя: https://goo.gl/maps/o4FFNxExVFFisxuc8

Пишите нам и читайте, мы будем рады обратной связи, предложениям и пожеланиям:
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

World Wide Work — Илья Дмитренок, Япония, Токио

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

Архитектура современных NodeJS-приложений — https://habr.com/ru/company/yandex/blog/514550/
Как просто превратить сайт в PWA — https://dev.to/dfiredeveloper/how-to-easily-turn-your-website-to-a-progressive-web-app-pwa-2nm4
Разбор PHP 8 — https://stitcher.io/blog/new-in-php-8?ref=hn
Reject промисов в NodeJS — https://medium.com/@nodejs/node-js-promise-reject-use-case-survey-98e3328340c9
Дебажим утечки памяти в WebAssembly — https://web.dev/webassembly-memory-debugging/
Зачем документировать архитектурные решения? — https://github.blog/2020-08-13-why-write-adrs/
Объектно-ориентированный CSS — https://ru.hexlet.io/blog/posts/oocss-basics

npm 7 beta — https://blog.npmjs.org/post/626173315965468672/npm-v7-series-beta-release-and-semver-major
React 17 RC — https://reactjs.org/blog/2020/08/10/react-v17-rc.html
Rollup 2.24.0 — https://github.com/rollup/rollup/releases/tag/v2.24.0
Github борется с фишингом — https://github.blog/changelog/2020-08-13-phishing-resistant-sms-autofill/
Gitlab 13.2.4 — https://about.gitlab.com/releases/2020/08/11/gitlab-13-2-4-released/

Конкурс по написанию Github Actions — https://dev.to/devteam/announcing-the-github-actions-hackathon-on-dev-3ljn
Проект Karuna 2020 — https://github.blog/2020-08-13-github-actions-karuna/
Forem — https://dev.to/devteam/announcing-forem-dev-5b38
Google снова экспериментирует со скрытием полного URL — https://www.androidpolice.com/2020/08/13/google-resumes-its-senseless-attack-on-the-url-bar-hides-full-addresses-on-chrome-canary/
Mozilla увольняет 250 сотрудников — https://www.extremetech.com/computing/313658-mozilla-fires-250-employees-25-percent-of-existing-workforce
Microsoft донатит 10 000$ ESLint — https://eslint.org/blog/2020/08/microsoft-donates-10000-to-eslint

Слушайте на любимой платформе:
RSS — csssr.radio/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

React 17 RC, архитектура NodeJS-приложений, OOCSS, PHP 8, npm 7 Beta, дебаг утечек памяти в WASM

1:06 В московском метро планируют списывать оплату за проезд по скану лица, habr.com/p/517554/

15:11 Представлена «вечная» батарейка на радиоактивных элементах, habr.com/p/516670/ 

24:57 Водители службы доставки Amazon развешивают смартфоны на деревьях около складов, habr.com/p/517552/

36:38 Ответы на вопросы слушателей: так ли гадок сюрстрёмминг, вреден ли вейп, что мотивирует авторов Википедии

***
Могли бы обсудить, но не обсудили:
- NVIDIA представила новую линейку видеокарт на Ampere, habr.com/p/517498/
- Как мы внедрили скрытие аккаунтов в Telegram или #ДуровДобавьДвойноеДно, habr.com/p/517214/ 

***
Упоминали в выпуске:
- Проект BioLink Tech, habr.com/p/418783/
- Канал «Мир такси», youtube.com/c/НикитаКоролев77 
- Дроны и улей Amazon, habr.com/p/455194/
- Яндекс Ровер, habr.com/p/499738/
- Шпротоведы, https://www.youtube.com/playlist?list=PLyCmjGxcRb1BkowTzaV5k9HGY-6iVJJlQ

***
Участники
Ваня Звягин, anchor.fm/omfg-podcast
Адель Мубаракшин, t.me/exarg
Лев Пикалёв, t.me/levpik

Звукорежиссер
Камиль Шаймарданов, vk.com/id88312749

Продюсер
Лев Пикалёв

***
Подкаст сделан с помощью Подкастерской
castpodcast.ru/?utm_source=habr-weekly

***
Телеграм-канал — t.me/habrpodcast 
Чат подкаста — t.me/habrweeklychat 
Бот подкаста для ваших голосовых сообщений — t.me/habrpodcast_bot
Сайт подкаста — habr-podcast.com
Почта — hello@habr-podcast.com

***
Если вам есть что сказать на темы, которые мы обсуждали в выпуске, присылайте нам голосовые сообщения через телеграм-бота t.me/habrpodcast_bot. Мы выберем несколько мнений и добавим их в следующем выпуске.

В метро по скану лица, вечная батарейка, лайфхак службы доставки Amazon

Двадцать шестой выпуск! Продолжение 25-го (вторая часть). В выпуске обсуждаем React 18, GraphQL, React Native 0.63.

- 🤔  00:00:09 React Concurent Mode в бою (личный опыт Дмитрия)
- 🤔  00:20:40 Ой все, опять про GraphQL
- 🆕  00:29:40 React Native 0.63

https://underjs.ru/podcast/2020/09/14/baldezhny-episode.html

#26 - Балдежный выпуск (React 18, GraphQL, RN 0.63)

СБЕР И ПАРОЛИ
https://twitter.com/sberbank/status/1302843162533208065

The Secret of Simple Code - How 10x Developers Produce 10x Value
https://medium.com/javascript-scene/the-secret-of-simple-code-a2cacd8004dd

Getting Unstuck
https://cloudfour.com/thinks/getting-unstuck

15 базовых советов по Git для эффективной работы каждый день
https://habr.com/ru/company/manychat/blog/511946/

Please Stop Writing Your Own User Authentication Code
https://medium.com/better-programming/stop-writing-your-own-user-authentication-code-e8bb50388ec4

DevTools architecture refresh: Migrating to JavaScript modules
https://developers.google.com/web/updates/2020/09/migrating-to-js-modules

A Guide to CSS Animation — Part 1
https://codeburst.io/a-guide-to-css-animation-part-1-8777f5beb1f8

All the Ways to Make a Web Component - June 2020 Update
https://webcomponents.dev/blog/all-the-ways-to-make-a-web-component/

Как обмануть медиум
https://github.com/iamadamdev/bypass-paywalls-chrome

Выпуск №44: Не переживайте, это безопасно

Из этого выпуска вы узнаете все о Профессионалах 4.0 – платформе для фрилансеров и проектных специалистов. Я пообщался с создателями и разработчиками cервиса, узнал, что под капотом: детали, функциональность, техническую и операционную «внутрянку». Узнаем, как собрают команды "талантов" для совместной работы над технологическими проектами со всей России!

Так что заваривайте чаинский\кофеинский и погнали - 3D-обзор Профессионалов 4.0 на просторах канала! 😎

ДОПОЛНИТЕЛЬНО: 
- Платформа Профессионалы 4.0: https://clck.ru/RLyJb
- Видео-версия выпуска: https://youtu.be/ueozjY-G3bg
- Стать спонсором канала: https://www.youtube.com/itbeard/join

НАВИГАЦИЯ:
0:00 - Вступление
0:56 - Директор Николай
2:28 - Что такое Профессионалы 4.0
4:06 - Какие проекты есть на платформе
6:55 - Про фрилансеров-"талантов"
8:15 - Специфика платформы
9:11 - Командная работа на фрилансе
12:47 - Фильтр заказчиков и отбор фрилансеров
19:55 - Архитектор Роман
21:50 - Команды разработки платформы
22:35 - На каких технологиях построены Профессионалы
27:14 - Специфика разработки Профессионалов 4.0
34:45 - Серега рассказывает про команду мобильной разработки
38:55 - Принцип работы платформы
45:00 - Про длительность проектов
47:57 - Кто может фрилансить на Профессионалах 4.0
48:55 - Планы расширения на СНГ
49:25 - Кто платит комиссию и как окупается платформа
51:35 - Про название и индустрию 4.0
52:54 - О гигономике
57:06 - Самые дорогие проекты на платформе
58:57 - Заказчик
1:02:27 - Талант
1:06:15 - Планы на будущее
1:08:40 - КОНКУРС

МОИ КОНТАКТЫ: 
- Подпишись на этот YouTube канал :)
- Telegram: https://t.me/itbeard 
- Instagram: https://instagram.com/itbeard
- Twitter: https://twitter.com/iamitbeard
- SoundCloud: https://soundcloud.com/itbeard 
- Discord: https://s.itbeard.com/discord
- Сайт:  https://itbeard.com

#айтиборода #ityoutubersru #gigonomy

#102 - Эволюция фриланса / Гибкие команды разработки / 3D-обзор платформы Профессионалы 4.0

Сегодня при выборе языка программирования для решения очередной задачи у нас всегда есть выбор: языки беспрерывно эволюционируют и появляются все новые игроки — все для того, чтобы мы могли делать свою работу эффективнее и качественнее. Но все ли успевают в этой гонке? Что стало с решениями, которые были стандартом индустрии... 60 лет назад? Что это сейчас — историческое наследие или все еще востребованные в своей нише инструменты? Вместе с Игорем Яковлевым, разработчиком в команде Kotlin, разбираемся в том, как устроен Fortran и его экосистема, почему он все еще популярен в академической и научной среде, и будет ли Fortran жить вечно 👴🏼

Осеннее предложение на линейку шин MICHELIN X-Ice North 4 и MICHELIN X-Ice Snow от компании Мишлен: заправься с шинами MICHELIN и получи в подарок до 4000р на бензин на любой АЗС России. Акция действует до 31 октября, подробности на сайте: https://bit.ly/2SLQcvb

Поддержи лучший подкаст про IT: www.patreon.com/podlodka

Также ждем вас, ваши лайки, репосты и комменты в мессенджерах и соцсетях! 
Telegram-чат: t.me/podlodka 
Telegram-канал: t.me/podlodkanews 
Страница в Facebook: www.facebook.com/podlodkacast/ 
Twitter-аккаунт: twitter.com/PodlodkaPodcast

Ведущие в выпуске:
Катя Петрова, Егор Толстой

Полезные ссылки:
- Почему физики все еще используют F?
https://habr.com/ru/post/400523/  
- Пример использования ООП в F:
https://en.wikibooks.org/wiki/Fortran/OOP_in_Fortran  
- Пример кода решения астрофизического моделирования (проекта Игоря) на F: 
https://gitlab.com/igors.box/SPH  
- База данных по исходным кодам математических библиотек:
http://www.netlib.org/

Podlodka #187 – Я пишу на Fortran

Это чётвертый АйТиБалаган!
На нем я с Васей, Максом и Виталей поговорили про самые насущные вопросы любого айтишника, возникшие в свете корона-кризисов и удалёнок:
- Выгорание
- Удаленка и её проблемы
- Синдром Самозванца

УЧАСТНИКИ:
- Вася Пронь, практикующий психолог и директор тренингового центра "Квадратный Апельсин" - https://kv-apelsin.com
- Макс Дорофеев, корпоративный прокрастинатолог и автор Джедайских Техник - https://mnogosdelal.ru
- Виталя Вишневский, разработчик с 20+ стажем, Delivery Manager из EPAM - https://www.linkedin.com/in/vitali-vishneuski
- Лекс АйТиБорода, разраб и блогер 😎

ИНТЕРВЬЮ
С Васей: https://youtu.be/0DlRJjLHrCU
С Максом: https://youtu.be/v0ttYrw3KjA
С Виталей: https://youtu.be/CvMfBdSi6Ho

ВИДЕО-ВЕРСИЯ
https://youtu.be/cOIc2oMs0RQ

НАВИГАЦИЯ
0:00 - Начало
2:10 - Представление участников
9:15 - Выгорание
43:20 - Удаленка
1:15:15 - Синдром Самозванца

МОИ КОНТАКТЫ
- Подпишись на этот YouTube канал :)
- Telegram: https://t.me/itbeard 
- Instagram: https://instagram.com/itbeard
- Twitter: https://twitter.com/iamitbeard
- SoundCloud: https://soundcloud.com/itbeard 
- Discord: https://s.itbeard.com/discord
- Сайт:  https://itbeard.com

#айтиборода #ityoutubersru #айтибалаган