Александр Ламков — Friendly Frontend

🧩 В августе в Telegram было много постов, где я делился и опытом, и болью, и решениями Если ты вдруг не следишь — вот кусочек того, что ты мог упустить: 🛣️ Мой путь в разработке: что помогло, а что мешало 🎙️ Когда я использую aria-label и зачем он вообще нужен 🗜 Что я сразу показываю тестировщику, чтобы сэкономить всем по 3 часа 😡 Почему в package.json не должно быть latest у зависимостей 🥲 Я не идеалист — просто боюсь хейта 🧃 Что я думаю о gap: универсальный отступ, который всё меняет 🤥 Как объяснить ПМу, что «поправить одну кнопку» — это не 10 минут ✏️ Как я верстаю иконки и SVG с точки зрения доступности 📚 Как я подключаю сторонние библиотеки в проектах без npm 🫠 Как я веду себя, когда не понимаю задачу — и почему это не стыдно Если интересно — вот тут можно читать дальше: 👉 https://t.me/AleksanderLamkov

🎥 Предпросмотр: To Do List на чистом JavaScript — без фреймворков и библиотек React — круто. Но что, если всё сделать вручную? В этом видео я собираю полноценное приложение на ванильном JS: — верстаем To Do List с нуля — реализуем добавление, поиск, удаление задач — сохраняем всё в localStorage — анимируем удаление и считаем задачи — обсуждаем, в чём боль и зачем после этого идти в React ⚡ Отличная практика для тех, кто знает основы и хочет по-настоящему разобраться в JavaScript. Уже доступно на Boosty — на Дзен появится через неделю! А ещё подписка даёт доступ в закрытый ламповый Telegram-чат, где я лично отвечаю на вопросы и публикую инсайды канала. 🧡 Смотри раньше всех → https://boosty.to/friendly-frontend

🎥 Предпросмотр: JSX-шаблон для вёрстки на Minista + Vite — мой стартовый шаблон Если ты занимаешься вёрсткой и хочешь современную, чистую и готовую к работе сборку — это видео для тебя. В нём: — разворачиваем шаблон одной командой через npm create — изкоробки: JSX без React, SCSS, PostCSS, линтеры и форматтеры — разбираем структуру src/ и организацию компонентов — показываю подключение фавиконок, стилей, скриптов, работу с картинками и иконками ⚡ Без устаревших инструментов, без лишнего мусора — только то, что нужно в реальной работе. Уже доступно на Boosty — на YouTube появится через неделю! Подписка открывает доступ к закрытому Telegram-чату, где я делюсь инсайдами, обсуждаю фичи, отвечаю на вопросы и показываю процесс изнутри. 🧡 Смотри раньше всех → https://boosty.to/friendly-frontend

🙄 За июль я выдал столько постов в Telegram, что сам удивился Кажется, это был месяц инсайтов, боли и полезных приёмов. Вот, что ты мог пропустить: 🙅‍♂️ Мой топ‑5 бессмысленных или вредных CSS-свойств, которые я не использую 💎 Почему я в Sass использую @use и @forward, а не старый @import 🤓 Один навык вне кода, который реально помог в работе 🌈 Как я пишу addEventListener так, чтобы не страдать потом 🧾 Как я делаю коммиты, чтобы через месяц не материться 💤 Как я отдыхаю от фронтенда, чтобы не перегореть 🖼️ Что я пишу в alt, а когда его вообще не указываю 🧪 Мой подход к миксинам: когда нужны, а когда делают хуже 🛫 Что я понял о себе, ведя Telegram-канал для разработчиков 📏 Как я работаю с clamp() и почему это must-have для адаптива ✍️ Чеклист: 7 ошибок, которые я допускал в БЭМ, пока не научился писать “как взрослый” 🗓️ Как я планирую своё время на неделю: без сложных систем 📦 Как я разбиваю код на модули в простом проекте без сборщика Присоединяйся, если ещё не там: 👉 https://t.me/AleksanderLamkov

🔥 Мастер-класс купили уже на 1 000 000 ₽ 📊 Статистика на сегодня: • 510 участников • 62 дошли до финала • 23 положительных отзыва 📦 Что внутри: — JSX-шаблоны (без React, но всё по-взрослому) — PostCSS с автоматическим px → rem, modern CSS — Сборка через Vite + Minista (SSG, быстрая и прозрачная) — Сложные UI-компоненты: Select, Slider, Tabs, InputMask, VideoPlayer — Препроцессинг на Sass (use, forward, миксины и функции) — ООП-архитектура на чистом JS, без костылей — Практика с JavaScript API: Proxy, ResizeObserver, MatchMedia — Работа с макетом из Figma, WAI-ARIA, DevTools 🎓 Кому подойдёт: Если ты уже знаешь HTML, CSS и JS — и хочешь: 📌 уверенно шагнуть дальше, 📌 собрать чистый продакшен-проект, 📌 добавить его в портфолио. 👉 https://stepik.org/a/228315

🎥 Предпросмотр: Линтеры и форматтеры без боли — ESLint, Stylelint и Prettier Если ваш код живёт своей жизнью, а команда на каждом ревью спорит о пробелах — пора навести порядок. В этом видео: — подключаем ESLint для JavaScript и TypeScript — настраиваем Stylelint для CSS — добавляем Prettier для автоформатирования — объединяем всё в одну конфигурацию — разбираемся, как запускать одной командой lint:fix — настраиваем WebStorm, чтобы всё работало из коробки ⚡ Всё по шагам, с демонстрацией результатов и минимумом занудства. Уже доступно на Boosty — на Дзен появится через неделю! А ещё подписка даёт доступ в закрытый ламповый Telegram-чат, где я лично отвечаю на вопросы и публикую инсайды канала. 🧡 Смотри раньше всех → https://boosty.to/friendly-frontend

🎥 Предпросмотр: Нейросети убили вёрстку? Спокойно, давай по пунктам Если ты только начал путь во фронтенде и тебя пугают заголовки вроде «HTML и CSS больше не нужны» — это видео для тебя. В нём: — разбираемся, что реально умеют нейросети — почему AI-подход «всё работает» часто ломается при первом ресайзе — где вёрстка всё ещё важнее, чем когда-либо — как использовать нейросети с умом, а не слепо копировать ⚡ Говорим честно, без хайпа и паники. С примерами, ошибками, выводами. Уже доступно на Boosty — на Дзен появится через неделю! А ещё подписка даёт доступ в закрытый ламповый Telegram-чат, где я лично отвечаю на вопросы и публикую инсайды канала. 🧡 Смотри раньше всех → https://boosty.to/friendly-frontend

👋 Мощная практика по JS и вёрстке на крутом стеке технологий — Vite / Minista, JSX, Sass, БЭМ и очень много JavaScript! Хотите научиться безупречно верстать? Желаете отточить свои навыки кодинга на ванильном JavaScript? Освоили базу HTML, CSS и JS, но всё ещё не приступили к изучению React? Ищете идеальный "стартовый шаблон" для своих проектов? Тогда вам точно нужен этот проект — он закроет все эти и другие потребности начинающего и не только разработчика! Полное описание того, что вас ждёт — по ссылке в самом низу поста. 😰 Этот мастер-класс — то, что я кропотливо готовил для вас последние два месяца. Проект получился самым объёмным и сложным в плане трудозатрат за все полтора года, что я делаю для вас контент. 🫡 Если вы знакомы с моим контентом, то знаете, насколько тщательно я подхожу к созданию обучающего материала. От первой до последней сказанной буквы — всё расписано до мелочей и продумано. Минимум воды, максимум пользы. Мастер-класс этот — платный, стоит 1999⠀₽ За эту сумму вы получаете от меня почти 16 часов концентрата знаний (результат сотен часов моих трудов), поделённого на короткие пошаговые модули по 5-20 минут для комфортного усвоения материала. И если вы ждали момента, когда сможете меня отблагодарить за тот бесплатный контент, который я делал, делаю и буду делать — момент настал. Буду безмерно благодарен каждому, кто поддержит мою деятельность и приобретёт этот материал. Даже если здесь и сейчас вы проходить мастер-класс не готовы, то возьмите на будущее, ну а я скажу вам искреннее спасибо. ➡️ Приобрести на Stepik: htstepik.org/...315