MyJavaScript

Руководства, шпаргалки, вопросы и другие материалы по JavaScript, React, TypeScript, Node.js, Express, Prisma, GraphQL, Docker и множеству других технологий, связанных с разработкой веб-приложений.

:link:  Сайт и блог в формате прогрессивного веб-приложения

Новое (20.04.2020)

• :page_with_curl:  WebRTC для всех и каждого

Блог

• :page_with_curl:  Компилятор кода на TypeScript для WebAssembly
• :page_with_curl:  Кеширование страниц с помощью кастомного сервера Next.js и Redis
• :page_with_curl:  Компилятор кода на JavaScript

Руководства

• :page_with_curl:  Руководство по Next.js
• :page_with_curl:  Карманная книга по TypeScript
• :page_with_curl:  Руководство по GraphQL
• :page_with_curl:  Руководство по Mongoose
• :page_with_curl:  Руководство по Prisma
• :page_with_curl:  Руководство по Sequelize

• :page_with_curl:  Руководство по Redux Toolkit
• :page_with_curl:  Руководство по Recoil
• :page_with_curl:  Руководство по React Query
• :page_with_curl:  Руководство по React Router
• :page_with_curl:  Руководство по React Transition Group
• :page_with_curl:  Руководство по React Spring
• :page_with_curl:  Руководство по Apollo Client
• :page_with_curl:  Руководство по Apollo Server

• :page_with_curl:  Руководство по Docker
• :page_with_curl:  Руководство по Supabase
• :page_with_curl:  Руководство по Workbox
• :page_with_curl:  Руководство по Socket.IO

Шпаргалки

• :memo:  Шпаргалка по тегам HTML5
• :memo:  Шпаргалка по методам JavaScript для работы с DOM
• :memo:  Туториал по регулярным выражениям
• :memo:  Шпаргалка по HTTP-заголовкам, связанным с безопасностью
• :memo:  Шпаргалка по доступности веб-приложений
• :memo:  Туториал по Web Speech API
• :memo:  Шпаргалка по Internationalization API
• :memo:  Шпаргалка по Temporal API и Dayjs

• :memo:  Шпаргалка по хукам React
• :memo:  Шпаргалка по Create React App
• :memo:  Шпаргалка по Styled Components
• :memo:  Шпаргалка по React + TypeScript
• :memo:  Выдержки из определений типов TypeScript для React
• :memo:  Примеры кастомных хуков React
• :memo:  Примеры кастомных компонентов React
• :memo:  Шпаргалка по Zustand

• :memo:  Шпаргалка по TypeScript
• :memo:  Шпаргалка по Express API
• :memo:  Шпаргалка по Axios
• :memo:  Шпаргалка по JSON Server
• :memo:  Шпаргалка по JSONWebToken
• :memo:  Шпаргалка по Cors
• :memo:  Шпаргалка по Helmet
• :memo:  Шпаргалка по Google Spreadsheet

• :memo:  Шпаргалка по SQL
• :memo:  Шпаргалка по Webpack
• :memo:  Шпаргалка по Vite
• :memo:  Шпаргалка по Markdown
• :memo:  Шпаргалка по Netlify

Вопросы, сниппеты и другое

• :memo:  Вопросы по JavaScript. Версия 1
• :memo:  Вопросы по JavaScript. Версия 2
• :memo:  Алгоритмы и структуры данных, реализованные на JavaScript

• :memo:  Вопросы по TypeScript

• :memo:  Вопросы по React. Версия 1
• :memo:  Вопросы по React. Версия 2
• :memo:  Шпаргалки по React, Jest, Redux и лучшие практики по React
• :page_facing_up:  Размышления о React

• :bookmark:  Сниппеты JavaScript. Часть 1
• :bookmark:  Сниппеты JavaScript. Часть 2
• :bookmark:  Сниппеты React
• :bookmark:  Сниппеты Node.js
• :bookmark:  Сниппеты CSS и SASS

• :floppy_disk:  Пример файла .gitconfig
• :floppy_disk:  Пример файла .gitignore
• :floppy_disk:  Пример файла settings.json (настройки для VSCode)

Полезные и проверенные ссылки

JavaScript

• :link:   "Современный учебник JavaScript". Илья Кантор
• :link:   MDN Web Docs
• :link:   "Вы не знаете JS". Кайл Симпсон
• :link:   "JavaScript. Подробное руководство". Дэвид Флэнаган

Паттерны проектирования

• :link:   "Паттерны проектирования". Refactoring Guru
• :link:   "Learning JavaScript Design Patterns". Addy Osmani
• :link:   "Паттерны объектно-ориентированного проектирования". Банда четырех

Алгоритмы и структуры данных

• :link:   JavaScript Algorithms - алгоритмы и структуры данных, реализованные на JavaScript с объяснениями и ссылками для дальнейшего изучения
• :link:   "Грокаем алгоритмы". Адитья Бхаргава

Вопросы и задачи

• :link:   JavaScript Interview Questions & Answers
• :link:   Frontend Interview Handbook
• :link:   JavaScript Questions
• :link:   In JavaScript We Trust
• :link:   Coding Practice Challenges

React

• :link:   Awesome React Hooks - большая коллекция кастомных хуков
• :link:   Curated List of React Components & Libraries - подборка компонентов и библиотек для React
• :link:   React и TypeScript

TypeScript

• :link:   Рекомендуемый tsconfig.json
• :link:   Type Challenges - изучение TypeScript на практике

Node.js

• :link:   Документация Node.js с примерами
• :link:   Node.js: лучшие практики
• :link:   Insomnia - сервис для тестирования API
• :link:   Mailtrap - сервис для тестирования отправки электронных писем

Git

• :link:   GitHowTo - интерактивный курс по основам работы с Git
• :link:   GitZip - инструмент для скачивания определенной части репозитория по URL

Другое

• :link:   Developer Roadmap - "дорожная карта" веб-разработчика
• :link:   The Art of Command Line - искусство командной строки
• :link:   Bash Guide - краткое руководство/шпаргалка по Bash
• :link:   Mockaroo - сервис для генерации фиктивных данных, в том числе, в формате SQL
• :link:   Команды SQL (PostgreSQL)
• :link:   Команды psql (PostgreSQL)
• :link:   Google Fonts
• :link:   FlatIcon
• :link:   Настройки Prettier
• :link:   Список правил ESLint

Участие

Буду признателен за любой вклад в развитие проекта:

• исправление ошибок и опечаток;
• дополнение существующих материалов;
• предложение новых материалов etc.

Лицензия

Материалы находятся в свободном доступе.
Ссылки на репозиторий приветствуются.