Александр Ламков — Friendly Frontend
{ Frontend-разработка } с нуля простыми словами
👋 Привет! Меня зовут Александр Ламков, работаю фронтенд-инженером в компании VK.
📌 «Friendly Frontend» — образовательный проект, в рамках которого я делюсь знаниями со всеми желающими, с теми, кто только начинает свой путь во фронтенд-разработке и с теми, кто хочет прокачать свои навыки в этом ремесле.
РКН https://gosuslugi.ru/snet/681b6b423c28a40629f3ae1b
События в React: клики, ввод текста и отправка форм. Обработка onClick и onChange
Props в React. Что такое пропсы, как передавать данные и зачем нужен children
Функциональные компоненты в React. Как разбить интерфейс на переиспользуемые части
JSX в React: особенности синтаксиса, подводные камни, условный рендеринг и списки
Как создать проект на React через Vite. Установка, настройка и структура проекта
React JS с 0 для начинающих. Введение. Что такое React? Преимущества React. Зачем React нужен?
Я сделал полный курс по React (22 урока, 7+ часов практики)
To Do List на чистом JavaScript — без фреймворков и библиотек
Мой стартовый шаблон для вёрстки: Minista + JSX + Vite — без Gulp и Webpack
Линтеры и форматтеры в фронтенде: ESLint, Stylelint и Prettier без боли
Нейросети убили вёрстку? Спокойно, давай по пунктам
Как писать сайты на JSX (без React) и собирать их через Vite: Minista в деле
Vite — лучший сборщик для фронтенда в 2025: почему его выбирают все
WebStorm настройки для быстрой и удобной работы • Плагины • Git GUI • Шаблоны и сниппеты • Обзор IDE
Основы Git и GitHub. Курс для начинающих. Установка, настройка, основные команды. Git в WebStorm
React — что нужно знать до изучения фронтенд-разработчику? Пример практики
Вёрстка сайта с нуля • HTML, SCSS, JS практика • Подробное объяснение по шагам • Проект в портфолио
Пиксели в CSS не нужны — используй Rem! Адаптивный размер шрифта, Sass-миксин и функция Px to Rem
NPM для начинающих. Полный гайд: установка, команды, флаги, разбор package.json, версионирование
JavaScript в браузере: Location и History API, URL страницы и история браузера
Браузерные хранилища данных: localStorage, sessionStorage, cookie, IndexedDB. Смена темы на сайте
JavaScript запросы fetch — клиент-серверное взаимодействие на практике
JavaScript валидация форм — validity свойство у полей формы. Классовый компонент валидации форм
JavaScript формы — FormData, класс для сбора данных со всех полей формы
Формы в JS — доступ к элементам форм, чтение и изменение значений полей ввода, атрибут form
JavaScript события фокуса: focus и blur, focusin и focusout | Методы focus и blur | activeElement
JavaScript события клавиатуры: keydown и keyup. События ввода: input, change, cut, copy, paste
JavaScript события мыши и указателя, Drag and Drop компонент
События JavaScript: делегирование, поведение браузера по умолчанию, генерация собственных событий
JS Браузерные события: всплытие и погружение, способы обработки событий, отмена всплытия