{"id":43326,"url":"https://github.com/alexxsub/fullstack-awesome","name":"fullstack-awesome","description":"Список инструментов для fullstack разработки","projects_count":115,"last_synced_at":"2026-06-24T18:00:24.156Z","repository":{"id":158165464,"uuid":"633840057","full_name":"alexxsub/fullstack-awesome","owner":"alexxsub","description":"Список инструментов для fullstack разработки","archived":false,"fork":false,"pushed_at":"2024-02-01T12:57:58.000Z","size":227,"stargazers_count":3,"open_issues_count":0,"forks_count":2,"subscribers_count":2,"default_branch":"main","last_synced_at":"2026-06-07T22:03:20.843Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/alexxsub.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2023-04-28T12:00:33.000Z","updated_at":"2024-05-19T19:05:21.000Z","dependencies_parsed_at":null,"dependency_job_id":"55f88ace-08c5-4f17-9df7-9b4ccbe9f161","html_url":"https://github.com/alexxsub/fullstack-awesome","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/alexxsub/fullstack-awesome","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexxsub%2Ffullstack-awesome","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexxsub%2Ffullstack-awesome/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexxsub%2Ffullstack-awesome/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexxsub%2Ffullstack-awesome/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alexxsub","download_url":"https://codeload.github.com/alexxsub/fullstack-awesome/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexxsub%2Ffullstack-awesome/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34743465,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-24T02:00:07.484Z","response_time":106,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"created_at":"2024-01-13T21:18:37.583Z","updated_at":"2026-06-24T18:00:24.156Z","primary_language":null,"list_of_lists":false,"displayable":true,"categories":["Дизайн","Инструменты разработки","Бэкенд","Базы данных","Расширения для браузера","Полезное чтиво","Язык","Фронтенд","Полезные пакеты","Сборщики","Инструменты СУБД","Контейеризация и виртуализация на рабочем ПК","Видео по инструментам","Видеоуроки по разработке fullstack","Полезные утилиты","Универсальные инструменты","Ресурсы","Мониторинг"],"sub_categories":["Альтернативы","Chrome","Разработка CRUD fullstack приложения Телефонный справочник","Firefox"],"readme":"# Fullstack awesome\nСписок инструментов для fullstack разработки для Developer,DevOps,SRE\n```bash\nSysAdmin-\u003eProgrammer-\u003eDeveloper-\u003eDevOps-\u003eSRE\nCoder-\u003eProgrammer-\u003eDeveloper-\u003eDevOps-\u003eSRE\n```\n## Инструменты разработки\n\n- [**Visual Studio Code**](https://code.visualstudio.com): Кроссплатформенная IDE для разработки приложений, написания и отладки кода\n- [**Atom**](https://github.com/atom/atom): Кроссплдатформенный текстовый редактор для написания, отладки кода. Вырос ли он до IDE?\n- [**Codepen**](https://codepen.io): Онлайн редактор кода\n- [**Codesandbox**](https://codesandbox.io): онлайн IDE для разработки приложений\n- [**Git**](https://git-scm.com/) Система контроля версий и распределенной разработки\n- [**JetBarains**](https://www.jetbrains.com) Платные инструменты разработки\n\n## Язык\n- [**JavaScript**](https://developer.mozilla.org/ru/docs/Web/JavaScript): Универсальный язык JavaScript для выполнения в браузере(фронтенд) и на сервере(бэкенд)\n- [**TypeScript**](https://www.typescriptlang.org): Язык разработки приложений. Типизироанный JavaScript\n- [**Python**](https://www.python.org): Язык разработки приложений.Язык для бэкенда и разработки десктоп приложений\n\n## Платформа\n- [**NodeJS**](https://nodejs.org): Платформа для всего. Разработка, управление приложениями, [ещё](https://nodejs.dev)\n- [**Nodemon**](https://nodemon.io): Автоматическое отслеживание изменений и релоад приложения\n- [**PM2**](https://pm2.io): Процесс менеджер\n\n## Дизайн\n - [**Material design**](https://material.io): Концепция дизайна риложений от Google\n - [**Material design иконки**](https://fonts.google.com/icons): Библиотека иконок от Google\n - [**Материал иконки**](https://pictogrammers.com/library/mdi): Библиотека иконок material design\n - [**Fontawesome иконки**](https://fontawesome.ru/all-icons): Библиотека иконок fontawesom\n - [**ionicons иконки**](https://ionic.io/ionicons): Библиотека иконок ionicons\n - [**Bootstrap**](https://getbootstrap.com): Библиотека bootstrap\n - [**Bootstrap иконки**](https://icons.bootstrap-5.ru): Библиотека иконок bootstrap\n - [Спецсимволы](https://htmlweb.ru/html/symbols.php)\n \n  \n## Фронтенд\n- [**HTML**](https://developer.mozilla.org/ru/docs/Web/HTML): HTML для разметки WEB интерфейса\n- [**CSS**](https://developer.mozilla.org/ru/docs/Web/CSS): CSS, стилизация\n- [**Vue**](https://vuejs.org): Прогрессивный JavaScript фреймворк для создания динамических интерфейсов\n- [**Quasar**](https://quasar.dev): Кросплатформенный фреймворк Vue для создания приложений в дизайне material-design \n- [**Vuetify**](https://vuetifyjs.com): Компонентный фреймворк Vue для создания WEB интерфейсов material-design\n\n\n### Альтернативы\n- [**ReactJS**](https://react.dev): Прогрессивный JS фреймворк от команды facebook\n- [**Bootstrap**](https://getbootstrap.com): Компонентный фреймворк JS для создания WEB интерфейсов в стиле Twitter\n- [**Angular**](https://angular.io): WEB фреймворк для SPA приложений от команды Google\n- [**Material Angular**](https://material.angularjs.org): Material UI для Angular\n\nСравнение ReactJS vs Vue [**VueToDo**](https://github.com/sunil-sandhu/vue-todo)  [**ReactToDo**](https://github.com/sunil-sandhu/react-todo) \n\n## Бэкенд\n- [**Express**](https://expressjs.com): Фреймворк на платформе NodeJS для реализации backend\n- [**GraphQL**](https://graphql.org): Язык для реализации API\n- [**Apollo**](https://www.apollographql.com): Сервер и клиент GraphQL\n- [**Nexus**](https://nexusjs.org): Объектное описание GraphQL схем и методов\n- [**TypeGraphQL**](https://typegraphql.com) Объектное описание GraphQL\n- [**Prisma**](https://www.prisma.io): Программный доступ к базе данных любых (ORM)\n- [**Mongoose**](https://mongoosejs.com/): Программный доступ к MongoDB (ODM)\n- [**Nest**](https://nestjs.com/): TypeScript nodejs фреймворк для server-side масштабируемых приложений\n- [**Django**](https://www.djangoproject.com/) фреймворк WEB приложений на Python, шаблонизация,ORM встроен\n\n\n- [**REST**](https://ru.wikipedia.org/wiki/REST) что такое REST?\n- [**RPC**](https://ru.wikipedia.org/wiki/Удалённый_вызов_процедур) что такое RPC?\n\n## Полезные пакеты\n- [***Cookie-parser***](https://www.npmjs.com/package/cookie-parser) сервис разбора куков в клиентских запросах для Express\n- [***dotenv***](https://www.npmjs.com/package/dotenv) Загрузка переменных окружения из .env\n- [***Jsonwebtoken***](https://www.npmjs.com/package/jsonwebtoken) Генераци JSON Webтокенов, например, для авторизации\n- [***Cors***](https://www.npmjs.com/package/cors) Междоменное взаимодействие, мидл сервис для Express\n- [***Validator***](https://www.npmjs.com/package/validator) Проверка данных ввода\n- [***bcrypt***](https://www.npmjs.com/package/bcrypt) Шифрование паролей\n\n## Сборщики\n- [**WebPack**](https://webpack.js.org) Сборка модулей JS\n- [**Vite**](https://vitejs.ru) Сборка и локальный сервер разработки приложений\n\n## Базы данных\n- [**SQLite**](https://www.sqlite.org): Локальная, файловая SQL база данных\n- [**MongoDB**](https://www.mongodb.com): Документориентированная no-SQL база данных\n- [**PostgreSQL**](https://www.postgresql.org): Самая мощная open source SQL СУБД\n- [**MySQL**](https://www.mysql.com/): Самая распространенная SQL СУБД\n- [**Redis**](https://redis.io) in-memory база данных\n\n## Инструменты СУБД\n- [**DBeaver**](https://dbeaver.io): Универсальный GUI для СУБД\n- [**MongoDB Compass**](https://www.mongodb.com/products/compass): GUI MongoDB\n- [**Prisma Studio**](https://www.prisma.io/studio): GUI клиент СУБД для ORM Prisma\n\n## Мониторинг\n- [**Grafana**](https://grafana.com) Система отображения метрик в виде графов и алертинг (лучшая система визуализации)\n- [**Graphite**](https://graphiteapp.org) Система сбора, хранения и отображения метрик, хороший бэкенд\n- [**ClickHouse**](https://clickhouse.com) База данных, хорошо подходит для хранения метрик\n- [**Bosun**](https://bosun.org) Система алертинга\n- [**Prometheus**](https://prometheus.io) Система мониторинга. Сбор, хранение, отображение метрик, алертинг\n- [**InfluxDB**](https://www.influxdata.com) Система мониторинга. Сбор, хранение, отображение метрик, алертинг. Например, [telegraf](https://www.influxdata.com/time-series-platform/telegraf/) агент сбора метрик\n\n## Универсальные инструменты\n- [**Kafka**](https://kafka.apache.org) Платформа организации приема событий. Например, сбор метрик\n- [**RabbitMQ**](https://www.rabbitmq.com) Брокер сообщений, организация очередей и подписок\n- [**Nginx**](https://nginx.org) HTTP сервер, очень быстрый и легкий\n- [**HAProxy**](https://www.haproxy.org) Программная балансировщика нагрузки TCP/HTTP. Организация высогонагруженных серверов\n\n## Контейеризация и виртуализация на рабочем ПК\n- [**Docker**](https://www.docker.com) Распределение ресурсов системы через контенеризацию. Создание контенеризированных приложений.\n- [**WSL**](https://learn.microsoft.com/ru-ru/windows/wsl/install) Запуск Linux и приложений на Windows  10/11\n- [**Все про WSL***](https://learn.microsoft.com/ru-ru/windows/wsl/)\n- [***Основные команды WSL***] (https://learn.microsoft.com/ru-ru/windows/wsl/basic-commands)\n- [**k8s**](https://kubernetes.io) Инфраструктура для масштабирования, публикаций, управления контейнеризированных приложений [minikube](https://kubernetes.io/ru/docs/setup/learning-environment/minikube)\n- [**VirtualBox**](https://www.virtualbox.org) Организация виртуализации на платформе x86. Не рассматриваем профессионалиные ситемы Hyper-V,RHV,VMware и т.п.\n\n## Ресурсы\n- [**NPM**](https://www.npmjs.com) Реестр NPM пакетов для платформы nodejs\n- [**Docker HUB**](https://hub.docker.com) Docker репозиторий images\n- [**Git HUB**](https://github.com) Хаб с множеством репозиториев git\n- [**stackoverflow**](https://stackoverflow.com) Ответы на все вопросы, если \"стек переполнен\"\n- [**MDN**](https://developer.mozilla.org) Mozilla Developer Network\n- [**Microsoft Lean**](https://learn.microsoft.com) Обучающий портал от Microsoft\n\n## Расширения для браузера\n### Chrome\n- [Apollo client](https://chrome.google.com/webstore/detail/apollo-client-developer-t/jdkknkkbebbapilgoeccciglkfbmbnfm)\n- [GraphQL Network](https://chrome.google.com/webstore/detail/graphql-network-inspector/ndlbedplllcgconngcnfmkadhokfaaln)\n- [Vue devtools](https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd)\n\n### Firefox\n- [Apollo client](https://addons.mozilla.org/en-US/firefox/addon/apollo-developer-tools/)\n- [GraphQL Network](https://addons.mozilla.org/ru/firefox/addon/graphql-network-inspector/)\n- [Vue devtools](https://addons.mozilla.org/ru/firefox/addon/vue-js-devtools/)\n\n## Полезные утилиты\n- [VPN Hosts](https://github.com/x-falcon/Virtual-Hosts/) Изменение hosts на Android без root\n- \n## Мой, рекомендуемый стек\n- Visual Studio Code\n- NodeJS/TypeScript\n- Vue3/Quasar\n- Apollo/GraphQL\n- Nest\n- Prisma\n- MongoDB\n\n## Минимальный набор, чтобы разрабатывать fullstack приложения\n- Visual Studio Code\n- HTML\n- JavaScript\n- NodeJS\n- Vue 2 или 3\n- Express\n- WebPack или Vite\n## Расширенный дополнительный набор, чтобы разрабатывать fullstack приложения\n- Vue 3 (composable API)\n- ORM (Prisma)\n- GraphQL(Apollo)\n- Quasar\n- TypeScript (Nest)\n- Docker\n- vite\n## Продвинутый набор, чтобы разрабатывать fullstack приложения\n- subscription Apollo\n- RabbitMQ\n- Redis\n- Nginx\n- k8s\n- HAProxy\n## Видео по инструментам\n- [Плейлист видео по инструментам](https://www.youtube.com/playlist?list=PLBA2E_jkENLMD8r-m0ISzuNRAyTA5cIEG)\n\n## Видеоуроки по разработке fullstack\n- [Плейлист видео по разработке](https://www.youtube.com/playlist?list=PLBA2E_jkENLN8rf6uBdtix8Fov1yqpYkA)\n### Разработка CRUD fullstack приложения Телефонный справочник\n- [#0 Анонс](https://youtu.be/o-X0en8cjx4)\n- [#1 Обоснование инструментов](https://youtu.be/c7IZshESnjk)\n- [#2 Разработка backend. Часть 1](https://youtu.be/33ssNWZIELI)[Часть 2](https://youtu.be/_lgDH0G-E_4)\n- [#3 Разработка frontend](https://youtu.be/ccQhcsXpCtY)\n- [#4 Связываем frontend и backend](https://youtu.be/RgSXM3uaO0M)\n- [#5 Привязываем приложение к MongoDB](https://youtu.be/kHkc3aHLzDU)\n- [#6 Пишем фронтенд в стиле material Часть 1](https://youtu.be/-01NZfje7uM) [Часть 2](https://youtu.be/AooBgus4a7Y)\n- [#7 Настройка рабочего места за 20 минут](https://youtu.be/nlEmIwC7ZFI)\n- [#8 Рефакторинг кода](https://youtu.be/a0UD90F_0ak)\n- [#9 TypeScript,Prisma,Nexus](https://youtu.be/esOiHMz9cW0)\n- [#10 Subscriptions.Анонс](https://youtu.be/dkI9WbYbAV8), [бэкенд](https://youtu.be/tYDgAPxM-tg), [фронтенд](https://youtu.be/5NuUpqqVWA8)\n- [#11 Добавление нового поля](https://youtu.be/QT7Dg8DmjJE)\n- [#12 Сборка frontend под Android](https://youtu.be/xEik_5wx4J4)\n- [#13 Backend на TypeScript, NEST](https://youtu.be/8uRGpHYQ-DQ)\n- [#14 Server side pagination](https://youtu.be/8cCeNdiCpNM)\n## Полезное чтиво\n- [Примеры оформления через CSS](https://csslayout.io/)\n- [***Learn Fullstack Web Development with React and GraphQL***](https://dev.to/kingdavid/learn-fullstack-web-development-with-react-and-graphql-by-building-a-sticky-note-app-part-two-3j8o)\n- [***Алгоритмы и структуры данных на JS***](https://my-js.org/docs/other/js-algorithms/)\n- [***Алгоритмы с примерами JS***](https://kvando.tech/ru/algoritmy-na-javascript-s-naglyadnymi-primerami/)\n- [***Параллельная модель и цикл событий***](https://developer.mozilla.org/ru/docs/Web/JavaScript/Event_loop)\n- [***NestJS+Prisma***](https://dev.to/aryanjnyc/use-prisma-with-a-nestjs-graphql-server-4n8d)\n- [***Capacitor android app***](https://ionic.io/blog/building-and-releasing-your-capacitor-android-app)\n- [***Д. Флэнаган - JavaScript. Полное руководство. 7-е издание. (2021)***](https://studylib.net/doc/25688524/d.-fle-nagan---javascript.-polnoe-rukovodstvo.-7-e-izdanie...)\n- [WSL2 и андроид](https://gist.github.com/jramiresbrito/846b9bebc560668eb2e7a97fb1cfc1ef)\n- [WSL2 и андроид](https://stacktuts.com/how-to-connect-android-studio-running-inside-wsl2-with-connected-devices-or-android-emulator-running-on-host)\n- [Доступ к сети WSL](https://stackoverflow.com/questions/65327238/cant-connect-to-wsl2-localhost-server-from-wsl2-docker-container)\n- [adb комнады](https://adbshell.com/commands/adb-shell-ip)\n- [react dev](https://reactdev.ru)\n","projects_url":"https://awesome.ecosyste.ms/api/v1/lists/alexxsub%2Ffullstack-awesome/projects"}