О регулярках. Не нужно скачивать шпаргалки, открывать RegexPal и «Learn RegEx the Easy way». Просто возьмите и прочитайте 1 книгу http://bit.ly/2HhqMk5 Займет это всего 33 часа со скоростью чтения 60 слов в минуту. По 1 часу в день = месяц. Вы не только научитесь писать регулярные выражения, но и сможете отлаживать их в уме 😱 Просто окинув очередное регулярное выражение взглядом вы сможете сказать насколько оно правильное и быстрое #regex #books
О регулярках. "Не нужно на это тратить время", "Я могу со шпаргалкой составить регулярное выражение".
Смотрите, я не ставлю под сомнение вашу способность составить регулярное выражение любой сложности. Но не понимая как они работают вы можете легко стать жертвой ReDOS (http://bit.ly/31RNkj5). Просто составив не оптимальное регулярное выражение вы подвергните свой сайт security уязвимости.
Подобрав небольшое значение под ваше регулярное выражение я могу положить на лопатки ваш сервер. Пример для Node.js http://bit.ly/31Sa8iD Это не самая критичная проблема, но все-же. регулярные выражения могут быть медленными и быстрыми. Чтобы их различать нужно чуть больше чем CheatSheet.
И помните, если у вас в руках молоток - любая проблема выглядит как гвоздь. Есть множество альтернатив RegExp о них расскажу в следующем посте #regexp
Смотрите, я не ставлю под сомнение вашу способность составить регулярное выражение любой сложности. Но не понимая как они работают вы можете легко стать жертвой ReDOS (http://bit.ly/31RNkj5). Просто составив не оптимальное регулярное выражение вы подвергните свой сайт security уязвимости.
Подобрав небольшое значение под ваше регулярное выражение я могу положить на лопатки ваш сервер. Пример для Node.js http://bit.ly/31Sa8iD Это не самая критичная проблема, но все-же. регулярные выражения могут быть медленными и быстрыми. Чтобы их различать нужно чуть больше чем CheatSheet.
И помните, если у вас в руках молоток - любая проблема выглядит как гвоздь. Есть множество альтернатив RegExp о них расскажу в следующем посте #regexp
🏖️ На выходные. Очень часто рассказывая о каких-то интересных вещах слышу одну и туже фразу "Я просто это погуглю когда мне будет нужно". Но в моей практике, когда нужно, уже нет времени исследовать, копать глубоко, рассматривать альтернативы. Оставляя освоение нового на потом вы просто загоняете себя в угол. Вы заведомо находитесь в проигрышной ситуации.
💰Вложение в себя, в свое развитие, самое ценное вложение. Задайте себе вопрос где вы больше проводите времени? У доски, проектируя архитектуру вашего проекта или в Google, ища быстрое решение текущей задачи?
#worklifeimbalance
💰Вложение в себя, в свое развитие, самое ценное вложение. Задайте себе вопрос где вы больше проводите времени? У доски, проектируя архитектуру вашего проекта или в Google, ища быстрое решение текущей задачи?
#worklifeimbalance
🐫 О миграции кода. Написал небольшое руководство о том как мигрировать старую JS кодовую базу на новую TypeScript. Пока пример лишь для простого проекта, чуть позже напишу руководства для React, Vuejs. И отдельные руководства по улучшентю типизации для React, Vuejs, Angular
Статья на русском:
http://bit.ly/2UnepIh
Статья на английском:
http://bit.ly/34fCxBl
Статья на русском:
http://bit.ly/2UnepIh
Статья на английском:
http://bit.ly/34fCxBl
Medium
План побега (JS to TS) — Простой проект — Часть №1
Давайте рассмотрим простой пример плана побега из старого JS в новый современный TypeScript. Данный план может не подойти к вашему проекту…
Вышла статья по моему докладу о самом мягком и пушистом пути в Machine Learning и Deep Neural Networks http://bit.ly/2AVLjHh Жду ваших комментариев.
Не забывайте добавляться в чат, в нем ламповая атмосфера и можно задавать любые вопросы :)
http://bit.ly/30ZMIXL
#tensorflow #tensorflowjs #machinelearning #deepneuralnetwork #javascript
Не забывайте добавляться в чат, в нем ламповая атмосфера и можно задавать любые вопросы :)
http://bit.ly/30ZMIXL
#tensorflow #tensorflowjs #machinelearning #deepneuralnetwork #javascript
Хабр
Самый мягкий и пушистый путь в Machine Learning и Deep Neural Networks
Современное машинное обучение позволяет делать невероятные вещи. Нейросети работают на пользу общества: находят преступников, распознают угрозы, помогают диагнос...
С удивлением для себя обнаружил что не все знают про Quicktype http://bit.ly/31W383T для которого есть как Online Playground так и CLI.
Если нужно быстро конвертировать уже имеющийся у вас JSON, JSON-schema в код на любом языке или TypeScript в JSON-schema, то это именно то что вам нужно. Иногда позволяет сэкономить просто безумное кол-во времени.
Если нужно быстро конвертировать уже имеющийся у вас JSON, JSON-schema в код на любом языке или TypeScript в JSON-schema, то это именно то что вам нужно. Иногда позволяет сэкономить просто безумное кол-во времени.
quicktype.io
Convert JSON to Swift, C#, TypeScript, Objective-C, Go, Java, C++ and more • quicktype
quicktype generates types and helper code for reading JSON in C#, Swift, JavaScript, Flow, Python, TypeScript, Go, Rust, Objective-C, Kotlin, C++ and more. Customize online with advanced options, or download a command-line tool.
Задумывались ли вы когда-нибудь над вопросом "А сколько вебсайтов сейчас использует 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
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/
Forwarded from Кусь твоему коду | фронтенд с Людой
Прямой эфир завтра в 12:00 по Мск
В этот раз проведем эфир вдвоем с Лешей Охрименко, разработчиком с 11-летним стажем из Avito, спикером-чемпионом IT-конференций, лидером сообществ Angular и Tensorflow.js, автором и ведущим подкаста «Пятиминутка Angular».
Эфир будет в моем инстаграме lucy_frontend. Сейчас там можно накидать свои вопросы.
Ставьте напоминалку и присоединяйтесь, будем вас ждать ❤️
В этот раз проведем эфир вдвоем с Лешей Охрименко, разработчиком с 11-летним стажем из Avito, спикером-чемпионом IT-конференций, лидером сообществ Angular и Tensorflow.js, автором и ведущим подкаста «Пятиминутка Angular».
Эфир будет в моем инстаграме lucy_frontend. Сейчас там можно накидать свои вопросы.
Ставьте напоминалку и присоединяйтесь, будем вас ждать ❤️
Русская версия документация Angular теперь доступна для всех на сайте angular24.ru
Это результат 6 месяцев работы, нескольких безуспешных попыток написать все необходимые remark плагины, кастомного парсера и цепочки из двух Magic Strings, позволяющих делать перевод Markdown файлов без потери форматирования.
Стоило ли так мучиться? Да.
✨ Во-первых, удалось сделать расширяемую утилиту для перевода markdown файлов без потери форматирования, что до сих пор не особо успешно решалось. Чтобы убедится в этом, возьмите markdown файл с примерами кода, таблицами и кусками html.
✨ Во-вторых, теперь можно будет перевести документацию Angular на все 103 языка, которые поддерживает Google Translate.
✨ В-третьих, удалось выдернуть код документации Angular в отдельный schematics, который позволит вам добавить документацию Angular в свой проект (с поддержкой поиска, service workers и offline режима).
Это много для одной статьи, поэтому сейчас вы узнаете, чем сможете помочь, и о том, какие статьи ждут вас в будущем.
Это результат 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) Следуйте видео инструкции чтобы предложить свой вариант перевода. Меню появляется при выделении любого текста.
Если захотите посмотреть оригинал можете поменять
2) Если чувствуете себя достаточно уверенно с Markdown и Github, можете:
- перейти напрямую в репозиторий
- переключиться на бранч
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
1️⃣ Что такое Magic String и настолько ли они волшебные?
2️⃣ Double Magic String - микропарсер и утилита по переводу markdown.
3️⃣ Особенности Google Translate, нюансы и хаки. Как переводить бесплатно в браузере?
4️⃣ Добавь в свой проект документацию Angular, делай как core команда Angular :)
Надеюсь, этот список вас заинтриговал :)
#angular #markdown #magicstring
Telegram
Obenjiro - Заметки программиста
🎉 Что такое Magic String и настолько ли они волшебные?
Это одна из четырех статей, подробно описывающих, как был сделан перевод документации Angular. В этой статье мы узнаем о библиотеке MagicString. Эта и последующие статьи позволят понять, как удалось…
Это одна из четырех статей, подробно описывающих, как был сделан перевод документации Angular. В этой статье мы узнаем о библиотеке MagicString. Эта и последующие статьи позволят понять, как удалось…
CrowdSourcing работает!
2 недели назад я зарелизил русскоязычную документацию Angular (angular24.ru). За это время добавили 35 issues с правками по тексту и 2 pull request-а. Я искренне сомневался что система в которой ты выделяешь текст, предлагаешь перевод и автоматически презаполняется issue на GitHub, будет работать. Но она работает!
Сегодня вышел релиз со всеми правками. Документация Angular стала лучше благодаря вам и сможет стать еще лучше. Если еще не успели, присоединяйтесь :)
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/
Это одна из четырех статей, подробно описывающих, как был сделан перевод документации Angular. В этой статье мы узнаем о библиотеке MagicString. Эта и последующие статьи позволят понять, как удалось перевести документацию Angular так быстро, и как это поможет с созданием универсального переводчика как Markdown, так и файлов любого другого формата.
🎬 Сделал короткое видео для тех кому некогда читать ;)
Статья на Русском: https://habr.com/ru/post/502760/
Крупнейшее русскоязычное TensorflowJS коммьюнити стало ещё больше. Хотите освоить Machine Leaning в браузере или Node.js? Присоединяйтесь ;)
t.me/tensorflow_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