Александр Ламков — Friendly Frontend
{ Frontend-разработка } с нуля простыми словами
👋 Привет! Меня зовут Александр Ламков, работаю фронтенд-инженером в компании VK.
📌 «Friendly Frontend» — образовательный проект, в рамках которого я делюсь знаниями со всеми желающими, с теми, кто только начинает свой путь во фронтенд-разработке и с теми, кто хочет прокачать свои навыки в этом ремесле.
РКН https://gosuslugi.ru/snet/681b6b423c28a40629f3ae1b
Большой разбор ваших вопросов: обучение, работа, мотивация
Кастомные хуки в React: как выносить логику в отдельные функции
Контекст в React: хук useContext и избавление от prop drilling
Оптимизация в React: как и когда использовать memo, useCallback и useMemo
Управляемые и неуправляемые компоненты в React. Хук useRef и работа с DOM
Хук useEffect и жизненный цикл компонента. Сохраняем состояние в localStorage. Фильтрация задач
Состояние компонента в React. useState на практике: добавляем и обновляем данные
События в 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 свойство у полей формы. Классовый компонент валидации форм