🇺🇦 Math.random(): community of engineers

Первая статья из серии «Технологические тренды 2021 года»

#article #cloud #it #trends

🔥 Почти GTA на JavaScript, React и three.js. Не буду писать много - пробуйте и смотрите код!

🔗 https://encouraging-ducks.surge.sh/
🔗 https://github.com/pmndrs/racing-game

#game #3d #javascript #react #threejs

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

https://telegra.ph/Top-5-populyarnyh-sajtov-s-zadachami-po-programmirovaniyu-05-30

Voice Assistant - плагин для VSCode, который записывает код под диктовку.

🔗 https://marketplace.visualstudio.com/items?itemName=b4rtaz.voice-assistant
🔗 https://github.com/b4rtaz/voice-assistant
🔗 https://www.youtube.com/watch?v=ykdOZ8FXe8E

#vscode #repo #github

В последнее время все чаще и чаще можно слышать слова no-code, low-code. No-code/low-code - концепция, которая позволяет решать задачи в визуальных средах, без написания кода или с минимальным написанием кода. Если вам интересны новости из мира no-code/low-code - напишите об этом в комментариях.

Сегодня у нас no-code сервис, который поможет вам заменить базу данных - nocodb. Приложение выглядит как excel табличка за которой скрывается мощный REST/GraphQL API. Фронтенд написан на Vue, бекенд на node.js. В качестве базы данных поддерживается mysql, mssql, sqlite, postgresql, AWS Aurora. nocodb - открытый проект, который можно установить на своем сервере.

🔗 https://www.nocodb.com/
🔗 https://github.com/nocodb/nocodb
🔗 https://www.producthunt.com/posts/nocodb

#github #repo #nocode #vue #nodejs #producthunt

Boring Avatars - библиотека на React для генерации аватаров. Поддерживает разные стили аватаров, есть возможность настраивать цветовую палитру под ваши нужды.

🔗 https://boringavatars.com/
🔗 https://github.com/boringdesigners/boring-avatars

#github #repo #react #javascript #opensource

А мы уже online - https://www.youtube.com/watch?v=fSO6hEe5fZU

#event #stream

Здравствуйте, друзья! Уверен, что вы также соскучились по нашим встречам, как и мы!

Приглашаем вас на очередное открытое собеседование: открытое собеседование на Auto QA с JavaScript.

Регистрация по ссылке: 🔗 https://mathrandom.com/webinar27052021

#event #registration

Slidev - проект, который превращает markdown текст в слайды презентации. Проект написан на typescript и Vue 3. Сборка осуществляется при помощи Vite.

🔗 https://sli.dev/
🔗 https://github.com/slidevjs/slidev
🔗 https://vitejs.dev/

#typescript #vue3 #repo #github #vite #slides #markdown

#humor #haha

Самое время отметить в своем календаре 22 и 23 мая, потому что вас ждет очень крутое событие от наших партнеров – Dev.Pro JS Conference!

Скидка для нашего сообщества - MathRandom_10 (промокод на 10% скидки)

🔗 https://jsconf.dev.pro/

#conference #discount #js

🔥 Чат-боты на React!

Библиотека, которая помогает создать чат-ботов для telegram, slack и facebook.

🔗 https://github.com/urban-bot/urban-bot
🔗 https://bit.ly/3y87hTA - статья с примером создания чат-бота для телеграм
🔗 https://urban-bot.now.sh/

#react #chatbot #repo #github

Библиотека для создания нейронных сетей на JavaScript.

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

🔗 https://dannjs.org/
🔗 https://github.com/matiasvlevi/Dann
🔗 https://daily.dev/blog/train-a-neural-network-to-count-with-javascript-dannjs

#javascript #nn #ml #repo #github

Продолжаем серию шпионских проектов, в прошлый раз мы передавали данные через динамик в виде звука - https://t.me/mathrandomcommunity/524

Сегодня у нас проект, который превращает обычную мышь в микрофон! Да да, компьютерная мышь настраивается на большую чувствительность и улавливает колебания поверхности, эти колебания превращаются в звуковую волну и мышь становиться вашим агентом 🕵️‍♂️

🔗 https://github.com/ortegaalfredo/mousemic
🎞 http://www.youtube.com/watch?v=ExfrCdW-Xwk

#spy #repo #github #c #mouse

@it_arch - Разговоры об архитектуре корпоративных информационных систем (архитектура предприятия, архитектура ИТ-решений, микросервисы).
@oop_ru - OOP/FP, software design, architecture, GRASP, GoF, SOLID, DDD, separation of concerns, безысходность, дзен. Nice and even.
@FrontSpotShow - FrontSpot чат с мемами и рзговорами об frontend.
@node_recipes - По будням заметки по #Nodejs разработке, по выходным обзоры конференций и докладов.
@nuxtjs_ru - Чат о nuxt.js. Общаемся на темы посвященные серверному рендерингу для фреймворка Vue.js.
@we_use_js - Статьи, видео и релизы новых технологий из мира JavaScript и веб разработки.
@emacsway_log - emacsway-log: Software Design, Clean Architecture, DDD, Microservice Architecture, Distributed Systems, XP, Agile, etc.
@jsninja_news - анонсы курсов , мероприятий и важного "чтива" в JS-мире.
@FaangInterview - украинская группа по подготовке к интервью в топовые IT компании (Facebook, Apple, Amazon, Netflix и Google).

#humor #haha

👨‍🔬 Интересный эксперимент по превращению хостинга статики github pages в sqlite базу данных.

🔗 https://phiresky.github.io/blog/2021/hosting-sqlite-databases-on-github-pages/
🔗 https://github.com/phiresky/sql.js-httpvfs

#repo #article #sql #database #github

Интересное развитие serverless технологий от AWS - CloudFront Functions.
К serverless сервисам можно отнести несколько AWS продуктов: AWS Lambda, AWS Lambda@EDGE и вот теперь CloudFront Functions.

Сравнивая CloudFront Functions с другими serverless, можно сказать, что это самый быстрый вид функций, которые запускаются раньше других.

Подробнее в статье:
🔗 https://aws.amazon.com/blogs/aws/introducing-cloudfront-functions-run-your-code-at-the-edge-with-low-latency-at-any-scale/

#article #serverless #lambda #aws

Одно из интересных нововведений Vue 3 это composition API. Composition API построена на методах ref() и reactive(), но не всегда понятно, что нужно использовать в каком месте. В данной статье понятным языком описана разница между ref() и reactive().

TL;DR
Объекты созданные с ref() данные хранят в поле .value, reactive() создает реактивный объект. 

const state = ref({
  isVisible: true,
});
state.value.isVisible // true

const state = reactive({
  isVisible: true,
});
state.isVisible // true

Что это дает - читайте в статье:

🔗 https://markus.oberlehner.net/blog/vue-3-composition-api-ref-vs-reactive

#article #vue3 #composition

Вышла новая версия bootstrap. Начиная с версии bootstrap 5 разработчики отказались от JQuery!

🥳 https://blog.getbootstrap.com/2021/05/05/bootstrap-5/

#bootstrap #css #scss #javascript #release