🪴 Quartz 4.0
Search
Search
Dark mode
Light mode
Explorer
_hobbies
Shortcuts
Шорткаты Windows
Flameshot
_Obsidian
_lessons
Obsidian UI
Как написать свой плагин
Плагины
Синтаксис MarkDown
Синхронизация с облаком или git-ом
Фичи и хоткеи
_Obsidian
Obsidian
Books
Чистый код
_lessons
Внутреннее строение JUnit
Границы
Запахи и эвристические правила
Классы
Комментарии
Многопоточность
Модульные тесты
Обработка ошибок
Объекты и структуры данных
Переработка SerialDate
Последовательное очищение
Системы
Содержательные имена
Форматирование
Форматирование архитектуры
Функции
Чистый Код - Роберт Мартин
Books
Scrum. Революционный метод управления проектами
Грокаем алгоритмы
Создание микросервиссов - Сэм Ньюмэн
Design
DaVinci Resolve
Модули
1 Введение
2 Вкладка Media. Импорт материала и организация проекта
3 Вкладка edit монтаж
4 Вкладка Cut. Сбор чернового монтажа
5 ПРАКТИКА. Монтаж разных жанров
6 - 7 Вкладка Color. Первичная цветокоррекция видео. Интерпретация материала. Matching кадров. Стилизация видео и локальные коррекции
8 Вкладка Fusion
9 Вкладка Fairlight. Работа со звуком
10 Вкладка Deliver. Экспорт материала
Davinci resolve
Design
Development
Architecture
Dev
Atomic Design
FSD
MV-patterns
Onion Architecture
BackEnd
NestJS - с нуля, современный backend на TypeScript и Node JS (2021)
_lessons
01 Введение
02 Настройка окружения
04 Модули, контроллеры и провайдеры
05 Работа с базой данных
06 Тесты
07 Валидация данных
08 Отладка приложений
09 Авторизация
10 Продвинутые темы
11 Выкладка на production (Бонус!)
12 Работа с файлами
13 Telegram bot уведомлений
14 Интеграция с внешним API
15 Остальное
NestJS - с нуля
PHP
PHP
YII2
Антон Ларичев - Node.js - с нуля, основы и построение архитектуры приложений (2021)
_lessons
01 Введение
02 Настройка окружения
03 Начало работы с Node.js
04 Как работает Node.js_
05 Многопоточность
06 Движок V8
07 Node Package Manager
08 Приложение 1 - CLI прогноз погоды
09 Приложение 2 - API с ExpressJS
11 Первый шаг к архитектуре
12 Dependency Injection
13 Отладка и watch
14 Второй шаг к архитектуре
15 Работа с базой данных
16 Авторизация
17 Тесты
Node.js - с нуля, основы и построение архитектуры приложений
Антон Ларичев - Microservices - паттерны и практика построения микросервисов (2022)
_lessons
1. Введение
2.Настройка окружения
3. Нотация описания архитектуры
4. Переход к микросервисам
5. Монорепозитории
6. Обмен сообщениями
7. RabbitMQ
8. Реализация взаимодействия
9. Реализация API
10. Реализация бизнес логики
11. Консистентность данных
12. Тестирование микросервисов
13. Выкладка и эксплуатация
14. Заключение
Паттерны и практика построения микросервисов
Илья Фофанов Практический курс для новичков по SQL и PostgreSQL (2020)
_lessons
01 Введение в SQL
02 Простые запросы с SELECT
03 Соединения – Joins
04 Подзапросы
05 DDL - управляем БД и таблицами
06 Проектирование БД
07 Представления (Views)
08 Логика с CASE, COALESCE и NULLIF
09 Функции SQL и PL_pgSQL
10 Ошибки и их обработка
11 Приведение типов данных
12 Индексы
13 Массивы
14 Пользовательские типы
15 Продвинутая группировка с CUBE и ROLLUP
16 Знакомство с psql
17 Импорт данных
18 CTE - Common Table Expressions
19 Оконные функции
20 Транзакции
21 Триггеры
22 Безопасность в postgresql
PostreSQL
Golang
Mongo DB
Prisma ORM
Ruby
DesktopDev
Electron
_lessons
1 Почему именно электрон
2 Начало работы
3 Разработка с Electron.js
4 Main Process API
5 Renderer Process API
Создание Electron приложения с другими технологиями
Создание первого приложения
Упаковка и публикация приложений
ElectronJS
DevOps
Docker + Ansible
_lessons
01 Введение
02 Настройка VM на Linux
03 Базовые понятия Docker
04 Docker image
05 Сети Docker
06 Docker volumes
07 Docker-compose
08 Docker registry
09 Базовые понятия Ansible
10 Ansible playbooks
11 Развёртка машин с Vagrant
12 Docker swarm
13 Ansible - продвинутые темы
14 Deploy приложения на кластер
Docker+Ansible
Kybernetes + Helm
_lessons
2. Настройка окружения
3. Знакомство с Kubernetes
4. Первый pod
5. Работа с объектами
6. Работа с сетью
7. Volumes
8. Секреты
9. Эксплуатация
10. Знакомство с Helm
11. Шаблоны
12. Продвинутые шаблоны
13. Управление репозиторием
14. Использование Charts
15. Заключение
Введение
Kubernetes + helm
FrontEnd
Angular 9. Теория и Практика
_lessons
2. Основы и синтаксис
3. Компоненты в деталях
4. Директивы
5. Пайпы
6. Сервисы
7. Формы и валидация
8. Работа с сервером (HttpClient)
9. Мультистраничность с роутингом
10. Как работают модули
11. Дополнительные возможности
12. Unit тестирование
13. Интеграционное тестирование
14. Анимации
15. Практика. Создание блога
Angular
HTML+CSS__Git+NPM
Базовая вёрстка
Глава 1. Основы HTML и CSS
Основы HTML и CSS
Глава 2. Погружение в HTML и CSS
Погружение в HTML и CSS
Глава 3. Figma
Figma
Глава 4. Продвинутая верстка SASS БЭМ FlexBox
Продвинутая верстка SASS БЭМ FlexBox
Глава 5. Адаптивная верстка
Адаптивная вёрстка
Глава 6. Библиотека bootstrap
Bootstrap
Статьи и ссылки
Ссылки
Вёрстка Basic
JavaScript - Полный Курс По JavaScript - Bogdan
_lessons
01 – Введение
02 - Самое важное в JavaScript и console.log
03 - Переменные и типы
04 – Объекты
05 - Мутация объектов
06 – Функции
07 - Области видимости
08 – Операторы
09 - Логические операторы
10 - Оператор разделения на свойства
11 - Конкатенация строк
12 - Функциональные выражения и стрелочные функции
13 - Обработка ошибок
14 – Инструкции
15 – Массивы
16 – Деструктуризация
17 - Условные инструкции
18 - Тернарный оператор
19 – Циклы
20 – Модули
21 - Классы и прототипы
22 – Промисы
23 - Асинхронные функции
JS - Basics
React + Next.js - с нуля. TypeScript, Hooks, SSR и CSS Grid (2021)
_lessons
_code
Вёрстка страницы продуктов
01 Введение
02 Настройка окружения
03 TypeScript
04 Старт проекта
05 Компоненты Head и Document
06 Figma для разработчика
07 Простые компоненты
08 Statefull компоненты
09 HOC компоненты
10 CSS Grid
11 Server side rendering
12 Контекст
13 Роутинг
14 Страница продуктов
15 Компонент продукта
16 Работа с формами
17 Анимация на Framer Motion
18 Доступность
19 Подготовка к production
20 Дополнения
Ссылки
React + Next.js - с нуля
Полный курс по JavaScript + React - с нуля до результата (2022)
_lessons
01 - Подготовка к работе
001 Введение в хуки
001 Вступление к практическому курсу
001 Локальные сервера
001 Основные принципы Redux. Теория
001 Про дополнительную информацию по основам
001 Что такое API и как работают реальные приложения
001 Что такое JS и как его подключить к странице
02 - Основы JavaScript
002 (д) Оператор нулевого слияния (Nullish, ) ES11
002 ClassList и делегирование событий
002 JSON формат передачи данных, глубокое клонирование объектов
002 useState
002 Настраиваем сборку проекта и разбираемся с ТЗ
002 Новый проект и работа с сервером
002 Основные принципы Redux. Практика
03 - Дополнительные основы JavaScript
003 (д) Оператор опциональной цепочки (.) ES11
003 AJAX и общение с сервером
003 useEffect
003 Переменные и строгий режим
003 Работа с модальными окнами
003 Создаем табы в новом проекте
003 Трансформация данных и компонент со случайным персонажем
003 Фундаментальные принципы Реакта
003 Чистые функции
04 - JavaScript в работе
004 (д) Живые коллекции и полезные методы
004 (д) Правила и типы названия переменных
004 Create React App - создаем свое приложение
004 useCallback
004 Оптимизация через actionCreators и bindActionCreator
004 Работа с табами (вкладками) на странице
004 Реализация скрипта отправки данных на сервер
004 Скрипты и время их выполнения. setTimeout и setInterval
004 Хороший тон приложения (спиннер, ошибки...)
05 - Продвинутый JavaScript
005 (д) Сборщик мусора и утечки памяти
005 (д) Тип данных Symbol
005 useMemo
005 Добавим React в проект
005 Жизненный цикл компонентов
005 Классификация типов данных в JavaScript
005 Красивое оповещение пользователя
005 Работа с формами отправки данных
005 Работаем с JSX-препроцессором, ограничения в нем
06 - Библиотека React. Базовый уровень
006 () WeakMap и WeakSet
006 (д) Дескрипторы свойств и полезные методы объектов
006 (д) Разница между объектами и массивами и неочевидные синтаксические возможности
006 Promise (ES6)
006 useRef
006 Практика с жизненным циклом, componentDidUpdate
006 Работа с формой-калькулятором, часть 1
006 Соединяем React и Redux при помощи connect
006 Элементы и компоненты
07 - Библиотека React. Средний фундаментальный уровень
007 () Итерируемые конструкции
007 Fetch API
007 Практика. Перепишем весь проект на хуки
007 Предохранители (Error Boundaries)
007 Простое общение с пользователем
007 Работа с датами
007 Работа с формой-калькулятором, часть 2
007 Соединяем React и Redux при помощи хуков
007 Строгий режим
08 - Библиотека React. Хуки и средний продвинутый уровень
008 () Map
008 Redux devtools
008 Интерполяция (ES6)
008 Методы перебора массивов
008 Пагинация данных (дозагрузка персонажей)
008 Работа с таймером
008 Создаем таймер обратного отсчета на сайте
008 Создание собственных хуков
09 - React + Redux
009 () Set
009 () Обработка прошедшей даты
009 Операторы в JS
009 Подробно про npm и проект. JSON-server
009 Правило названия action и домашнее задание (мини-экзамен)
009 Практика собственных хуков на проекте
009 Проверка типов с помощью PropTypes
009 Реализуем модуль с показом изображений
009 Создание нового проекта
010 () BigInt
010 Вставка элементов через props.children
010 Параметры документа, окна и работа с ними
010 Получение данных с сервера. AsyncAwait (ES8)
010 Разбор самых сложных моментов
010 Свойства компонентов
010 Улучшаем наш проект (анимации, правильное поведение overflow)
010 Учимся работать с системой контроля версий Git и с сервисом GitHub
010 Что такое batching и как он работает в React 18+
11 - (Бонус из Практического курса) Реальный проект на JS в классическом стиле
011 (д) useTransition, useDeferredValue и другие нововведения React 18+
011 Дополнительно Что такое библиотеки. Библиотека axios
011 Дополнительные ссылки
011 Как работать с GitHub с разных компьютеров, gitignore и Git Kraken
011 Комбинирование reducers и красивые селекторы. CreateSelector()
011 Практика свойств на проекте
011 Создаем модальное окно
011 Специализация и наследование
012 (д) Сетевые протоколы. Подключение компьютера к аккаунту Github через SSH
012 Render-props паттерн
012 Модификации модального окна
012 Навигация в приложении, React Router v5+
012 Про сложность реальной разработки
012 Работа со списками и алгоритм согласования
012 Создаем слайдер на сайте. Вариант 1 - простой
013 (д) MutationObserver, ResizeObserver и contenteditable
013 React Router v6+
013 Store enhancers
013 Практика, ч.1. Начинаем создавать приложение
013 Создаем слайдер на сайте. Вариант 2 - более сложный
013 Состояния компонентов
013 Что такое ref и зачем он нужен
014 Middleware
014 Порталы
014 Практика создания динамических путей
014 Самостоятельное задание на работу с состояниями
014 Создаем навигацию для слайдов
014 Условия
014 Функции-конструкторы
015 “Бандлинг” и выгрузка проекта на сервер
015 (д) Логические операторы
015 Redux-thunk
015 Динамические импорты и React.lazy
015 Как сохранить данные без БД. Работа с localStorage
015 Контекст вызова. This
015 События в React и вспоминаем this
016 React.memo, Pure Component и оптимизация скорости работы приложения
016 Redux Toolkit configureStore()
016 Классы (ES6)
016 Практика состояний на проекте
016 Регулярные выражения
016 Циклы
017 (д) Цикл в цикле и метки
017 React Context и useContext
017 Redux Toolkit createAction()
017 Работа с формами, управляемые и неуправляемые компоненты
017 Создаем калькулятор на сайте, часть 1
018 Redux Toolkit createReducer()
018 useReducer
018 Иммутабельность состояния и собственные события
018 Используем классы в реальной работе
018 Практика, ч2. Применяем условия и циклы
018 Создаем калькулятор на сайте, часть 2
019 Redux Toolkit createSlice()
019 Rest оператор и параметры по умолчанию (ES6)
019 Геттеры и сеттеры (свойства объектов)
019 Компоненты высшего порядка (HOC)
019 Практика. Подъём состояния
019 Функции, стрелочные ф-ции (ES6)
020 (д) Еще раз про аргументы функций
020 React-фрагменты
020 Redux Toolkit createAsyncThunk()
020 Библиотеки и экосистема React
020 Инкапсуляция
021 (д) Про важность return
021 React Transition Group
021 Redux Toolkit createEntityAdapter()
021 Практика. Реализуем поиск и фильтры
021 Прием модуль, как и зачем его использовать
022 Formik, Yup и работа с формами любой сложности
022 Webpack. Собираем наш проект
022 Методы и свойства строк и чисел
022 Подводные камни домашнего задания
022 Семантика и доступность контента (ARIA)
023 ES6 Modules
023 Практика , ч3. Используем функции
023 Про разные структуры проектов и закрепление материала
023 Стили в React. Inline Styles
024 (д) Метод trim()
024 Redux Toolkit RTK Query
024 Разбор домашнего задания
024 Собираем наш проект и фиксим баги
024 Стили в React. CSS и SASSSCSS
025 Callback- функции
025 SEO-оптимизация веб-приложений, React-helmet
025 Стили в React. Динамические классы и стили
025 Формируем портфолио на GitHub
025 Что дальше
026 Объекты, деструктуризация объектов (ES6)
026 Ошибки. Как избежать “поломки” своего кода
026 Принцип конечного автомата (FSM, Finite-state machine) и +1 подход к состояниям
026 Стили в React. Styled Components
027 (д) Создание своих ошибок
027 Массивы и псевдомассивы
027 Разбираем ошибки сторонних библиотек и проблему с фокусом
027 Стили в React. Готовые библиотеки компонентов со стилями
028 Как превратить код ES6+ в старый формат ES5. Babel, Core.js и полифиллы
028 Поля классов и static
029 Заключение модуля
029 Передача по ссылке или по значению, Spread оператор (ES6-ES9)
029 Современные библиотеки и фрэймворки
030 Библиотека Jquery
030 Основы ООП, прототипно-ориентированное наследование
031 Практика , ч4. Используем объекты
031 Функции-генераторы
032 JS анимации, requestAnimationFrame
032 Отлавливаем ошибки в своем коде при помощи консоли разработчика. Breakpoints
033 Web Animations API
033 Динамическая типизация в JS
034 Event loop, подробная работа асинхронных и синхронных операций
034 Замыкание и лексическое окружение
035 Задачи с собеседований на понимание основ
035 Макро и микрозадачи
036 Получение элементов со страницы
036 Работаем с готовым кодом
037 Действия с элементами на странице
038 Практика. Задание на отработку действий со страницей
039 События и их обработчики
040 Навигация по DOM - элементам, data-атрибуты, преимущество forof
041 Рекурсия
042 Практика. Используем события на странице проекта
043 События на мобильных устройствах
044 Async, defer, динамические скрипты
045 Ресурсы для оттачивания навыков программирования
Redux Toolkit
Практический модуль
Ссылки
Практический JS
Продвинутый FrontEnd - UlbiTV
lessons
1 Webpack. Введение в арх-ру. Code splitting. Css Modules
2 Router, App Layout, i18n, eslint, stylelint, jest
3 Storybook, RTL, Bundle analyzer, Error boundary, UI tests
4 Работа с данными
5 Асинк редюссеры
6 Модуль профиля
7 Статьи, комментарии
8 Профили
9 Троттлинг
10 Виртуализация
11 Генератор слоев
12 Popover
13 Арх-ые правила eslint
14 e2e cypress тесты
15 Модели ветвления GIT
16 Редизайн проекта
Продвинутый FrontEnd - UlbiTV
MobX
NextJS - основы
React Foundamentals
React Query
Storybook
Tailwind CSS
Vue
Web Vitals
Профилирование React
GIT
_lessons
Базовые команды
Введение
Ветки и изменения
Начало работы с Git
Продвинутая работа
Удаление
Удалённый репозиторий
Git
GitFlow
Github Actions
Соглашение о коммитах 1.0.0
Linux
_lessons
Введение
Доступ и права
Особенности BASH
Работа с SHELL
Сеть в Linux
Службы
Структура Linux
Управление пакетами
Хранение
Linux
Основы Linux
MobileDev
React Native + Expo Router
Index
React Native
NVim
_lessons
Visual mode и макросы
Базовые motion
Введение
Конфигурация
Настройка окружения
Основы lua
Плагины UI
Плагины для разработки
Преобразование текста
Продвинутая работа
Удаление и копирование
NeoVim - с нуля + конфигурирование
NVim
Tips&Tricks
Progress Bar
Reset&Reboot
Visually Hidden
Контент в миксинах
Поиск динамического класса
TypeScript
_lessons
01 Введение
02 Настройка окружения
03 Основные типы
04 Продвинутые типы
05 Классы
06 Компилятор TypeScript
07 Generics
08 Манипуляция с типами
09 Служебные типы
10 Декораторы
11 Модульность и библиотеки
12 Порождающие паттерны
13 Структурные паттерны
14 Поведенческие паттерны
15 Проект - Утилита выполнения команд
Типизация TypeScript в React, Redux Toolkit
TypeScriptCmp
Инструменты
Gulp
NCU
Prettier
VSCode
Webpack
Клиент-сервер
Apollo + GraphQL
REST API
RPC (gRPC, tRPC)
SOAP
WebSocket
Bun
Development
ESBuild
NX
PNPM
Python
Real-time клиент-серверное взаимодействие
Redis
RegExp
REST API
RxJS
Terminal
Zustand
Алгоритмы и Структуры даных
Задачи с Leetcode
Тестирование JavaScript
English
_lessons
Английский - те самые основы (2019)
Интенсив от Intermediate до Advanced (2019)
От Elementary до Intermediate за 30 дней. Тариф Мастер (2020)
English
Envirompment
DataGrip
WebStorm
Programming Principes
ООП
Великое ООП
Немного про ООП (by ExtremeCode)
ООП в TypeScript
ООП на простых примерах. Объектно-ориентированное программирование
CI-CD
SOLID принципы
Soft
Agile
Agile
Agile (Scrum, Kanban, Lean)
Excalidraw
Soft
Storytelling
Как учиться учиться
Собеседование
Whats Learning
_lessons
Backend
Computer Science
FrontEnd
JavaScript
ORM-системы
PWA
Serverless
SSR
TypeScritpt
Базы Данных
Инструменты
Концепты
Микросервисная архитектура
Основные принципы в программировании
Основы HTML + CSS
Паттерны
Тестирование
RoadMap
RoadMap
О чём база~
Прогресс изучения технологий
Home
❯
Development
❯
FrontEnd
❯
Полный курс по JavaScript + React с нуля до результата (2022)
❯
_lessons
❯
007 Работа с формой-калькулятором, часть 2
007 Работа с формой-калькулятором, часть 2
Dec 24, 2024
1 min read
007 Работа с формой-калькулятором, часть 2
Graph View
Backlinks
11 - (Бонус из Практического курса) Реальный проект на JS в классическом стиле