About Frontend

🤔 Сколько длится курс? 🌐 YouTube playlist-len — сервис, который по ссылке на плейлист покажет общую длительность всех видео. Также в анализе будет длительность на разных скоростях воспроизведения, это очень полезно чтобы мы могли распланировать время для просмотра какого-то полезного курса. #полезно

👩‍💻 Github Copilot теперь бесплатно Проверьте свои почтовые ящики) Конечно, не без ограничений. Но думаю ИИ станет хорошим помощником в ваших проектах. Делитесь опытом в комментариях. #полезно #новость

Год заканчивается А значит пора подводить итоги 👩‍💻 Вышел state of js 2024 #новость

flexboxdefense — игра в жанре Tower Defense, в которой нужно правильно расположить турели с помощью flexbox для защиты. 📌 Ссылка: flexboxdefense.com

Мы написали каждую строку кода в этой системе. Да, без преувеличения каждую. Мы написали операционную систему, обработчики прерываний, драйверы ввода/вывода, файловую систему для дисков, систему подгрузки оверлеев и даже компоновщик с динамической переадресацией - не говоря уже о коде приложения. Мы написали все это за 8 месяцев, работая по 70-80 часов в неделю для соблюдения немыслимо жестких сроков. Тогда я получал $7200 в год.

Идеальный программист. Роберт Мартин. #интересно

Архитектура и дизайн Архитектура системы описывает ее основные компоненты, их взаимосвязи и способы взаимодействия друг с другом. Она определяет структурированное решение, удовлетворяющее всем техническим и эксплуатационным требованиям, оптимизируя при этом общие атрибуты качества, такие как производительность и безопасность. Кроме того, она включает в себя набор важных решений, связанных с разработкой программного обеспечения, и каждое из этих решений может оказать значительное влияние на качество, сопровождаемость, производительность и общий успех конечного продукта. Эти решения включают в себя: Выбор основных структурных элементов и их интерфейсов, из которых состоит система. Поведение, определяемое взаимодействием между этими элементами. Объединение этих структурных и поведенческих элементов в бОльшую подсистему. Согласование архитектурных решений с бизнес-целями. Архитектурное руководство по стилю (style guide) для дальнейшей разработки. Хорошая архитектура позволяет комфортно разрабатывать проект и удобно поддерживать и модифицировать его в долгосрочной перспективе. Дизайн программной системы предусматривает разработку спецификации (software requirements specification - SRS), которая описывает элементы системы, их соответствие и совместную работу для выполнения требований, предъявляемых к системе. Дизайн выполняет роль чертежа в процессе разработки. Ресурс #полезно

Полезные ссылки Computer Science Компьютерные системы — CS61C. Беркли, Dan Garcia. Great Ideas in Computer Arch — Nand to Tetris. Компьютер от простейших элементов до Тетриса Операционные системы — Операционные системы: три простых шага — Введение в операционные системы Алгоритмы — MIT. Введение в алгоритмы Математика — Визуальное объяснение Математики от 3blue1brown — Мат. академия от выпускника MIT и Гарвавда — Мат. академия для взрослых студентов Сеть — Компьютерные сети: подход «сверху вниз» — СS144. Введение в компьютерные сети Базы данных — Проектирование и внедрение систем управления базами данных Распределенные системы — Введение в распределенные системы Безопасность — Стэнфорд. CS253 Веб-безопасность Taken from #полезно

В связи с последними событиями в южных регионах Тут можно забрать бесплатно, по крайней мере этот пока еще дышит... Ссылка — ТЫК #полезно

Каждый человек выбирает одну из болей: боль дисциплины или боль сожалений. Что выбирать - решаете только вы. #оффтоп

https://t.me/wayvpn095/45 #оффтоп #реклама

Бесплатные, доступные, опенсорсные и self-hosted альтернативы платным приложениям и сервисам Notion -> Appflowy Zoom -> Jitsi Jira -> Plane Airtable -> NocoDB Vercel -> Coolify Heroku -> Dokku Firebase -> Pocketbase/Appwrite/Convex/Supabase Shopify -> Prestashop GitHub -> GitLab Slack -> Mattermost Salesforce CRM -> ERPNext Dropbox -> NextCloud Mailchimp -> Mautic Trello -> Wekan Docusign -> Docuseal Calendly -> Cal dot com Datadog -> Prometheus Google Analytics -> Matomo Microsoft Office 365 -> LibreOffice Asana -> OpenProject #software

⚙️ Termius Во время работы с несколькими серверами приходится динамически переключаться между ними. А это где-то записывать хосты, логины и пароли. Возможно не для кого не открытие, но я был впечатлен этим ssh-клиентом. Здесь можно удобно менеджерить все ваши VPS-ки. Ссылка #полезно

➡️ Component Party Сравнение возможностей и реализаций механизмов на различных фреймворка Сможете провести параллель между своим любимым фреймворком с другими... Component Party #полезно #интересно

#mem

Если вы хотите сменить стандартную иконку во вкладке вашего приложения, есть простой вариант с добавлением туда эмоджи

  <link rel="icon"
    href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🚀</text></svg>">

Вставьте этот код в head документа HTML, выберите любой смайлик, готово! #полезно

💚 and no comments #vue #новость

#инструмент дня Этого следовало ожидать и оно свершилось! Дамы и господа, без лишних слов: библиотека и конструктор анимаций для Tailwind — Motion. Сходу ссылка: https://rombo.co/tailwind/#animator Казалось бы, бери да используй CSS-анимации, но... тут уж как есть. Думаю, работающим с тейлвиндом людям должно быть удобно, да и для конструкторов самое то. Но, кроме шуток, инструмент и правда довольно оригинальный и подход к построению его интерфейса мне очень зашёл. #css #tailwind #motion #animation #ui

На одном из проектов преимущественно связанный с геоданными выбирали инструменты для работы с картами. Соответственно выбор был между картами Яндекса и Leaflet. Предполагалось, что желательно еще иметь адаптированную надстройку для Vue, чтобы быстро и с готовыми решениями подключить всё нужное. — Yandex maps, Yandex map Vue — Leaflet, Leaflet Vue Как оказалось у того и этого есть библиотека для фреймворка. По простоте пользования у Яндекса всё более понятно, и у нас уже был небольшой опыт с ним, НО, если вы хотите построить маршрут, а это условно 1 запрос для 1 юзера, то уже за 1000 запросов в сутки, пожалуйста, платите 150К/год в бюджет компании, а далее вообще есть только несколько вариантов развития к примеру один из них сразу после базового пакета: на 10К запросов в сутки и 450К/год))) Чуть посложнее, опять же из-за того, что в новинку, был Leaflet. Сам по себе это open-source проект. небольшой недостаток карт Leaflet, то что его нужно собирать по деталям в отличии от Яндекс где все из коробки и библиотека на Vue тоже маленько прихрамывает, скорее всего из-за того, что он довольно свежий. Но всё же этот вариант лучше. А в качестве примера прикреплено, то что получилось. #работа