index

Obsidian Base

Приветствие

Привет, дорогой читатель (или я). Это база junior-frontend разработчика из маленького регионального банка. Её я собираю, чтобы всегда держать под руками актуальную и важную информацию из пройденных курсов.

Оглавление

• testing
• obsidian
• mobile
• frontend
• edge
• devops
• desktop
• design
• database
• computer science
• books
• backend
• inbox - неструктурированные данные и шальные мысли =)
• soft skills - коммуникация, лидерство, карьера, стресс, харизма

Как стартовать в профессии?

Выбираем одно нправление, в котором развиваемся:

• Frontend
  • разработчики, ответственные за клиентскую часть приложения. Занимаются созданием интерфейса на основе макетов от дизайнеров, используя фреймворки (React, Angular, Vue и др.). Основная задача - обеспечить удобное и приятное взаимодействие пользователя с приложением. Важны знания HTML, CSS, JavaScript и фреймворков
• Backend
  • разработчики, работающие с серверной частью приложения. Создают логику работы приложения, базы данных и API для взаимодействия с клиентской частью. Ключевые навыки включают в себя знание языков программирования (Python, Ruby, Java и т.д.), баз данных и принципов работы серверов.
• DevOps
  • специалисты, обеспечивающие развертывание приложений и их бесперебойную работу. Задачи включают конфигурацию серверов, автоматизацию процессов развертывания, мониторинг и логирование. Важные навыки - управление серверами, знание инструментов для автоматизации (Ansible, Docker и т.д.), опыт работы с системами контроля версий.
• Мобильная разработка
  • разработчики, ответственные за мобильную версию приложения.

А уже все остальные трогаем, чтобы иметь представление и смочь что-нибудь сделать

Разделение на роли даёт нам следующие преимущества:

• Эффективность и специализация: Каждая роль требует уникального набора знаний и навыков, что позволяет специалистам глубоко погружаться в свою область.
• Командная работа: Позволяет команде разработчиков работать над разными аспектами проекта одновременно, ускоряя его разработку и улучшая качество.
• Сложные проекты: Разделение позволяет создавать более крупные и функциональные приложения, где каждая часть системы оптимизирована под свои задачи.

Прогресс изучения

• Основы HTML + CSS
  • HTML
  • CSS
    • FlexBox
    • Grid
    • container queries
    • mediaqueries
    • animations
    • position
    • Preprocessors
    • SASS
    • LESS
    • STYLYS
    • Frameworks
    • Bootstrap
    • Materialize
    • Tailwind CSS
    • Panda CSS
    • CSS Modules
  • Methology
  • BEM
  • Tooling
  • Pug
• Computer Science

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

  • Безопасность

  • Language Basics

  • Dom

  • Замыкания

  • Типы функций

    • arrow functions

  • Promises / async-await

  • Event loop

  • Prototype

  • Array

  • Classes

  • Fetch

  • Proxy

  • Observables

  • Events

• Инструменты
  • Bundlers
  • Vite
    • SWC
    • Webpack
    • RSPack
    • ESBuild
    • Parcel
    • Snowpack
  • Git, Npm, Yarn
  • Github, Gitlab, Bitbucket
• Frontend
  • UI Libs
    • Material UI (React)
    • Chakra UI (React)
    • Shadcn UI (React)
    • Ant-design (React)
    • Radix UI (React)
    • React Aria (React)
    • Ark UI (React)
    • Taiga UI (Angular)
  • Подходы
  • Webhooks
  • Frameworks
  • React
    • Vue / Nuxt
      • Pinia
      • Angular
      • NgRx
      • RxJS
    • Svelte / SvelteKit
    • Astro
    • State
    • Redux
    • Jotai
    • Effector
    • Context
    • Zustand
  • Forms
  • React-hook-form

    • Formik

    • Validation

    • Zod

    • Yup

    • Valibot

    • API

    • REST

    • RTK

      • axios
      • swr
      • react query

    • GQL

    • Relay

      • urql
      • Apollo

    • gRPC

    • Framer Motion

    • React Spring

    • GSock

    • GASP

    • Canvas

    • WebGL

    • WebAuthn

    • Service

    • Web Workers

    • Fullscreen

    • Perfomance

    • Notification

    • Geolocation

    • Broadcast API

    • Media

    • Filesystem

    • Gamepad

    • Pointer

    • Ambient Light Events

  • Mobile
  • React Native
• Backend

  • Безбэкендный подход

  • SQL

    • NoSQL
    • Mongo DB

  • Caching

    • ORM
    • Prisma ORM
• Концепты
  • REST API
  • GraphQL
  • gRPC
  • Brokers
  • E2E
  • Playwright
    • Cypress
    • Integration
  • Unit
  • Vitest
    • Jest
    • React-testing-library
  • Screenshot
  • Storybook
    • Loki
  • Парадигмы
  • Объектно-ориентированное
    • Структурное программирование
    • Функциональное программирование
  • Паттерны
  • SOLID
  • DRY
  • KISS