Obenjiro - Заметки программиста
558 subscribers
37 photos
9 videos
60 links
Канал о всех аспектах разработки и о том что очень сильно накипело 😤 Frontend, Backend, Fullstack, QA, DevOps, Administration, BigData, Machine Learning, Agile и т.п. Необычные решения, оригинальные архитектурные костыли и best practises

By @obenjiro
Download Telegram
🐫 О миграции кода. Написал небольшое руководство о том как мигрировать старую JS кодовую базу на новую TypeScript. Пока пример лишь для простого проекта, чуть позже напишу руководства для React, Vuejs. И отдельные руководства по улучшентю типизации для React, Vuejs, Angular

Статья на русском:
http://bit.ly/2UnepIh

Статья на английском:
http://bit.ly/34fCxBl
Куда я пропал? Занимаюсь йогой 🧘‍♂️ в Минске
С удивлением для себя обнаружил что не все знают про Quicktype http://bit.ly/31W383T для которого есть как Online Playground так и CLI.

Если нужно быстро конвертировать уже имеющийся у вас JSON, JSON-schema в код на любом языке или TypeScript в JSON-schema, то это именно то что вам нужно. Иногда позволяет сэкономить просто безумное кол-во времени.
Задумывались ли вы когда-нибудь над вопросом "А сколько вебсайтов сейчас использует Flexbox или Grid"? Частично ответ на этот и многие другие вопросы можно найти на сайте ChromePlatformStatus в секции Stats. Flexbox: 51%, Grid: 0.07%. Это конечно все очень приблизительно, но дает пищу для размышлений #css #chrome #statistics https://www.chromestatus.com/metrics/css/timeline/popularity/233
Какие Telegram каналы я читаю?

Frontend
@forwebdev
@webstandards_ru
@frontend_thoughts

Стандарты (TC39, EcmaScript)
@juliarderity

Angular
@angular_fox
@ngFanatic
This media is not supported in your browser
VIEW IN TELEGRAM
Возможно ли бесплатно обучать нейронную сеть на крутых видеокартах прямо в браузере и при этом использовать JavaScript? На самом деле, возможно 🙂 Специально для вас сделал шаблон и написал небольшую статью по этому поводу. Шаблон для Google Colab позволяет использовать Jupyter Notebook для того, чтобы обучать нейронные сети как минимум в 3-7x раз быстрее чем MacBook Pro 2018. https://habr.com/ru/company/avito/blog/488936/
Прямой эфир завтра в 12:00 по Мск

В этот раз проведем эфир вдвоем с Лешей Охрименко, разработчиком с 11-летним стажем из Avito, спикером-чемпионом IT-конференций, лидером сообществ Angular и Tensorflow.js, автором и ведущим подкаста «Пятиминутка Angular».

Эфир будет в моем инстаграме lucy_frontend. Сейчас там можно накидать свои вопросы.

Ставьте напоминалку и присоединяйтесь, будем вас ждать ❤️
Долгое время думал, что все эти радости Agile: standup, scrum pocker и velocity - полная чушь. Пока не прочитал «Head First - управление разработкой ПО». Прочитайте хотя-бы первую половину книги #book #agile #software
Русская версия документация Angular теперь доступна для всех на сайте angular24.ru

Это результат 6 месяцев работы, нескольких безуспешных попыток написать все необходимые remark плагины, кастомного парсера и цепочки из двух Magic Strings, позволяющих делать перевод Markdown файлов без потери форматирования.

Стоило ли так мучиться? Да.

Во-первых, удалось сделать расширяемую утилиту для перевода markdown файлов без потери форматирования, что до сих пор не особо успешно решалось. Чтобы убедится в этом, возьмите markdown файл с примерами кода, таблицами и кусками html.

Во-вторых, теперь можно будет перевести документацию Angular на все 103 языка, которые поддерживает Google Translate.

В-третьих, удалось выдернуть код документации Angular в отдельный schematics, который позволит вам добавить документацию Angular в свой проект (с поддержкой поиска, service workers и offline режима).

Это много для одной статьи, поэтому сейчас вы узнаете, чем сможете помочь, и о том, какие статьи ждут вас в будущем.
This media is not supported in your browser
VIEW IN TELEGRAM
Документация пока не совершенна, ибо была переведена с помощью Google Translate, и именно тут вы можете помочь. Как? Есть 2 варианта:

1) Следуйте видео инструкции чтобы предложить свой вариант перевода. Меню появляется при выделении любого текста.

Если захотите посмотреть оригинал можете поменять 24.ru на .io в браузерной строке. Также простой заменой в адресной строке .io на 24.ru вы можете перейти с англоязычной версии документации на русскоязычную.

2) Если чувствуете себя достаточно уверенно с Markdown и Github, можете:

- перейти напрямую в репозиторий

- переключиться на бранч angular-v9-final

- взять любой .md файл из директории aio/content, поправить его и сделать pull request в бранч angular-v9-final
Теперь коротко о том какие статьи ждут вас в ближайшем будущем:

1️⃣ Что такое Magic String и настолько ли они волшебные?

2️⃣ Double Magic String - микропарсер и утилита по переводу markdown.

3️⃣ Особенности Google Translate, нюансы и хаки. Как переводить бесплатно в браузере?

4️⃣ Добавь в свой проект документацию Angular, делай как core команда Angular :)

Надеюсь, этот список вас заинтриговал :)

#angular #markdown #magicstring
CrowdSourcing работает!

2 недели назад я зарелизил русскоязычную документацию Angular (angular24.ru). За это время добавили 35 issues с правками по тексту и 2 pull request-а. Я искренне сомневался что система в которой ты выделяешь текст, предлагаешь перевод и автоматически презаполняется issue на GitHub, будет работать. Но она работает!

Сегодня вышел релиз со всеми правками. Документация Angular стала лучше благодаря вам и сможет стать еще лучше. Если еще не успели, присоединяйтесь :)
This media is not supported in your browser
VIEW IN TELEGRAM
🎉 Что такое Magic String и настолько ли они волшебные?

Это одна из четырех статей, подробно описывающих, как был сделан перевод документации Angular. В этой статье мы узнаем о библиотеке MagicString. Эта и последующие статьи позволят понять, как удалось перевести документацию Angular так быстро, и как это поможет с созданием универсального переводчика как Markdown, так и файлов любого другого формата.

🎬 Сделал короткое видео для тех кому некогда читать ;)

Статья на Русском: https://habr.com/ru/post/502760/
Крупнейшее русскоязычное TensorflowJS коммьюнити стало ещё больше. Хотите освоить Machine Leaning в браузере или Node.js? Присоединяйтесь ;)

t.me/tensorflow_js
Побывал в гостях у подкаста Веб-стандарты. Похоливарил немного на тему, нужна ли русскоязычная документация для фреймворков.
Forwarded from Веб-стандарты (Вадим Макеев)
Выпуск №231: MS Build, Chrome 83, Lighthouse 6, быстрый Google Fonts, перфоманс Notion, Angular по-русски. В гостях Алексей Охрименко. Слушайте на Ютубе https://youtu.be/la_81IJqmks, читайте на Медиуме https://medium.com/p/d2e6463c78d5
🎉 В субботу (27 июня) в 5 утра по Москве, выступаю на конференции DevFest. Это 15 часовая конференция, которая проводится GDG Russia. Доклады по Angular, NextJS, Firebase, ML и многое многое другое.

Ставьте будильники заранее, чтобы не проспать 😉

Поделюсь новостями о русскоязычной документацию #Angular Покажу, как можно автоматизировать перевод Markdown документов и о том, такая ли уж магическая эта #MagicString. Плюс будет бонусный NPM пакет, который каждый сможет применить у себя на проекте.

🎬 Будет как и живая трансляция так и запись доклада. Ссылка на доклад.

Плейлист Mobile.
Плейлист Web.
Плейлист Cloud.
This media is not supported in your browser
VIEW IN TELEGRAM
Помочь с переводом русскоязычной документации Angular
можно просто выделив текст и нажав "Предложить перевод".

Но если есть желание внести множество правок, это может быть неудобно.

Специально для этого случая теперь можно найти карандаш "Suggest Edits" в правом верхнем углу страницы, вас немедленно перенесет на нужную страницу документации в GitHub, где вы сможете сделать свой PullRequest и стать контрибьютором :)