Senior Frontend - javascript, html, css
Відкрити в Telegram
Senior Front - канал для frontend программистов, практические задачки, проверки знаний, интересные статьи Админ, сотрудничество, реклама:@seniorFrontPromo, @maria_seniorfront Канал в реестре РКН https://rknn.link/bsU
Показати більше2025 рік у цифрах

26 750
Підписники
-1424 години
-927 днів
-29630 день
Архів дописів
00:12
Відео недоступнеДивитись в Telegram
interactive hungry bear
Вся интерактивность реализована на чистом JS. Анимировано в CSS.
👉 @seniorFront
2025-05-01 18-42-21.mp44.57 KB
👍 5❤ 5🔥 1
CodePen
Фото недоступнеДивитись в Telegram
Хороший, плохой, злой тимлид. Как говорить команде правду и выжить
Если вы менеджер, тимлид, архитектор или просто хотите стать лучше в общении с коллегами — этот обзор сэкономит ваше время и даст выжимку самых сильных идей книги. Ведь управлять людьми — это не только про задачи и сроки, но и про умение быть честным, поддерживающим и человечным одновременно.
В статье разбираемся, в чём суть радикальной прямоты, какие ошибки совершают руководители и как построить культуру искренней обратной связи в команде.
👉 @seniorFront
Статья
Про реальный опыт, и нужен ли он
Мой реальный опыт в Angular — почти 11 месяцев, а в общем во фронтенде около 2.5 лет. До этого я работал на React.
Теперь к сути статьи, недавно я решил пооткликаться на вакансии junior и middle Angular разработчиков, везде в сопроводительных письмах указывая, что у меня опыта 10 месяцев, но зато он настоящий а не накрученный.
Я принципиально против накрутки, с моими знаниями я бы мог без проблем добавить 2 года опыта и пройти собес на мидла, но мне такое не нравится, я за честность.
Угадайте результат. Конечно же одни отказы, даже на позиции джунов, некоторые из них требовали быть в офисах в других городах, но я писал, что готов к релокации.
В целом видна тенденция, где работодатели сами подгоняют накрутку опыта, так как не в состоянии разобраться с горой джунов, хотя в Angular пока их не так много, максимум видал в районе 450 откликов, когда на Реакте и больше 1000 бывает.
Но разве так правильно? Если идти дальше во вранье, то можно и собесы проходить с ИИ, и работать потом с gpt o3 или Claude 3.7 sonnet, самостоятельно мало что умея, разве такой квалификации нужны рабочие компаниям? Так может тогда уже в фильтрах не отсеивать джунов с 6–12 месяцев реального опыта, а концентрироваться на них? Ведь если накручивают опыт, то чаще уже от 2х лет, а вот джуны с полгода‑годом опыта, скорее всего имеют опыт реальный.
Знаю нескольких людей с курса который прошёл, они после него накрутили 2 года опыта, без проблем прошли собес и спокойно работают. Понятно что я бы тоже так мог сделать, для эксперимента даже один раз написал 2 года, и приглашения правда начали появляться, причём в крупные компании. Забавно, согласитесь. В целом такая тенденция в IT меня расстраивает, получается накрутка становится единственным способом попасть на работу. Хочется верить что со временем всё подуспокоится.
В целом я с этим уже смирился, так как делаю это не ради денег, а ради удовольствия. И думаю таких как я тут много.
👉 @seniorFront
👍 15
Статья
00:05
Відео недоступнеДивитись в Telegram
Онлайн-магистратура с IT специальностями от Яндекса
Совместно с ИТМО, МИФИ, МФТИ.
Онлайн-магистратура с актуальными программами и гибким графиком обучения.
Получите высокооплачиваемую IT профессию, официальный диплом и практические знания.
Господдержка оплаты. Совмещение с работой!
Узнать больше
#реклама 16+
О рекламодателе
tmp3brt0m73.mp42.50 MB
00:15
Відео недоступнеДивитись в Telegram
Carousel animated titles
Логика работы карусели реализована в JS. Анимировано библиотекой gsap.
👉 @seniorFront
2025-05-01 18-41-55.mp42.71 MB
👍 5
CodePen
Какие протоколы взаимодействия существуют в WEB?
В сфере веб-разработки и сетевых технологий существует множество протоколов взаимодействия, каждый из которых предназначен для решения определённых задач. Вот некоторые из наиболее распространённых и важных протоколов:
HTTP (HyperText Transfer Protocol)
Это основной протокол для передачи данных в интернете, используемый для загрузки веб-страниц (HTML, CSS, JavaScript и изображений) от сервера к клиенту, обычно веб-браузеру. HTTP определяет методы (например, GET и POST), которые клиенты могут использовать для выполнения запросов к серверам.
HTTPS (HTTP Secure)
Это расширение HTTP, обеспечивающее зашифрованное соединение между клиентом и сервером. Это критически важно для обеспечения безопасности данных пользователя, особенно при передаче конфиденциальной информации, такой как логины и пароли, платёжные данные.
WebSocket
Это протокол, позволяющий устанавливать двусторонние интерактивные соединения между браузером пользователя и сервером. Это особенно полезно для создания веб-приложений, требующих реального времени обмена данными, таких как чаты, игры и торговые платформы.
FTP (File Transfer Protocol)
Это стандартный протокол передачи файлов между компьютерами по сети. Он используется для загрузки и скачивания файлов с сервера, администрирования сайтов и управления содержимым сервера.
SMTP (Simple Mail Transfer Protocol)
Это протокол для отправки электронных писем. Он используется почтовыми серверами для доставки отправленных писем в почтовые ящики получателей.
MAP (Internet Message Access Protocol) и POP3 (Post Office Protocol version 3)
Это протоколы, используемые для извлечения электронной почты из почтового сервера. IMAP предлагает более сложные функции по сравнению с POP3, включая возможность работы с электронной почтой непосредственно на сервере, что позволяет пользователям доступ к почте с разных устройств.
TCP/IP (Transmission Control Protocol/Internet Protocol)
Это основные протоколы, лежащие в основе интернета, обеспечивающие передачу данных между различными устройствами в сети. Он отвечает за установление соединения и гарантию доставки данных, в то время как IP обеспечивает адресацию и маршрутизацию пакетов данных.
DNS (Domain Name System)
Это система, которая переводит доменные имена в IP-адреса, позволяя пользователям легко находить веб-сайты в интернете без необходимости запоминать числовые IP-адреса.
Эти протоколы являются ключевыми для функционирования интернета и веб-технологий, обеспечивая различные аспекты передачи данных, безопасности, обмена сообщениями и доступа к ресурсам.
👉 @seniorFront
👍 7
Статья
Фото недоступнеДивитись в Telegram
React vs Vue – подробное сравнение и перспективы
В этой статье мы проведём подробный анализ современных практик frontend-разработки, сравним состояние React и Vue 5 лет назад и на текущий момент, а также попробуем спрогнозировать их перспективность в обозримом будущем с учётом развития LLM моделей и AI агентов. Посмотрим их экосистемы (например, Next.js и Nuxt, Zustand и Pinia), использование в бэкенде, популярность решений в энтерпрайзе и понимание разработчиками и LLM моделями.
👉 @seniorFront
👍 3❤ 1
Статья
Фото недоступнеДивитись в Telegram
Самый длинный палиндром
Найдите длину самой длинной подстроки в заданной строке s, которая совпадает с ней в обратном порядке. В качестве примера, если вводимая строка была "I like racecars that go fast", длина подстроки (racecar) будет равна 7. Если длина входной строки равна 0, возвращаемое значение должно быть равно 0.
Пример:
longestPalindrome("baabcd") = 4
👉 @seniorFront❤ 1🔥 1
CodeWars
00:06
Відео недоступнеДивитись в Telegram
Preloader
Оригинальный загрузчик, созданный и анимированный на чистом CSS.
👉 @seniorFront
2025-04-27 10-20-21.mp41.84 MB
👍 5
CodePen
06:10
Відео недоступнеДивитись в Telegram
Grid Animation on Mousemove
В этом видео создается анимация движения блоков при движении курсора на JS.
👉 @seniorFront
Grid Animation on Mousemove Javascript.mp446.53 MB
👍 4👎 1❤ 1
Оригинальное видео
Фото недоступнеДивитись в Telegram
Современная магистратура от Центрального университета
Хочешь развиваться в сфере ИТ и получить фундаментальные знания с практикой?
Поступай в магистратуру Центрального университета!
- 4 офлайн программы по востребованным направлениям ИТ
- Онлайн-программа по машинному обучению
- 300 мест с грантами до 1,2 млн руб.
- Вечерние занятия и учеба по выходным — удобно совмещать с работой
- Обучение по модели STEM-образования: на стыке науки, технологий и бизнеса
- Возможность стажировок и трудоустройства в ведущих компаниях
- Государственный диплом за 2 года
Магистратура в Центральном университете — это современный подход к образованию, сильный преподавательский состав и актуальные кейсы от индустрии.
Оставляй заявку на грант уже сейчас!
Подать заявку
#реклама 16+
apply.centraluniversity.ru
О рекламодателе
🤔 1
Что такое AbortController в JS?Anonymous voting
- Объект для управления синхронными операциями
- Встроенный объект для отмены асинхронных операций
- Библиотека для работы с HTTP-запросами
- Инструмент для управления состоянием
👍 3
00:05
Відео недоступнеДивитись в Telegram
Let's jump to conclusions
Создано и анимировано на Pug и CSS.
👉 @seniorFront
2025-04-25 17-39-25.mp45.25 KB
👍 3👎 1
CodePen
Фото недоступнеДивитись в Telegram
Запустите рекламу в телеграм-каналах с Яндекс Директом
Перфоманс-реклама теперь в телеграм-каналах ⚡
Яндекс Директ знает, как привлечь целевую аудиторию 💰👌
Попробовать
#реклама
yandex.ru
О рекламодателе
👍 1
00:06
Відео недоступнеДивитись в Telegram
Tarot Card (Silent Hill 3 Inspired)
Создано и анимировано на HTML и CSS. Логика переключения карточек реализована на JS.
👉 @seniorFront
2025-04-25 17-39-05.mp43.02 MB
👍 4
CodePen
00:09
Відео недоступнеДивитись в Telegram
Олды, таблетки приняли?
👉 @seniorFront
tg_java_memes.mp47.24 KB
👍 16
02:17
Відео недоступнеДивитись в Telegram
How to make a Waterdrop
В этом видео создается капля воды на чистом CSS при помощи теней.
👉 @seniorFront
How to make a Waterdrop in Pure CSS.mp416.62 MB
👎 3👍 1
Оригинальное видео
00:07
Відео недоступнеДивитись в Telegram
ScrollSynced Carousel
Логика работы слайдера реализована при помощи библиотеки Swiper. Анимировано библиотекой gsap.
👉 @seniorFront
2025-04-25 17-38-38.mp45.64 MB
👍 6👎 2
CodePen
Фото недоступнеДивитись в Telegram
Перерабатывай без опозданий или умри: как стремление к соблюдению дисциплины приводит к трагедиям в Японии
Дисциплинированность и пунктуальность японцев — то, что часто отмечают как сильную сторону подданных императора. И, конечно, это неплохие черты сами по себе. Однако всё хорошо в меру, и порой отсутствие гибкости и слишком рьяное желание сохранять дисциплину приводит к трагедиям. О рабочих перегибах на местах (в том числе и в IT-компаниях) рассказывает японист и переводчица Полина Гуленок
👉 @seniorFront
👍 1
Статья
7 признаков профессиональной стагнации разработчика
В мире кода есть понятие code smells — признаки плохого кода. Сегодня я расскажу о junior smells — характерных признаках «старого джуна». У каждого из них есть яркие черты, по которым их легко распознать. И, что самое важное, — для каждого из этих признаков я подготовил конкретное решение, которое поможет перейти на следующий уровень.
Семь ключевых признаков, по которым можно безошибочно определить, кто действительно вырос, а кто лишь притворяется.
Джун в маске сеньора
Этот тип разработчика внешне уже не выглядит новичком. Он легко оперирует модными терминами, посещает метапы и тренинги, но за технической болтовнёй скрывается отсутствие глубинного понимания. Он может эффектно говорить о полиморфизме, асинхронности и инъекциях зависимостей, но сам не до конца понимает, что стоит за этими словами.
ИИ-зависимость
Когда-то это был синдром «копипасты» со Stack Overflow. Сегодня — новое поколение зависимости: от нейросетей. Всё начинается с удобства — автодополнение, готовые сниппеты, помощь в дебаге. Но со временем инструменты становятся костылём, без которого разработчик чувствует себя беспомощным.
Мастер временных решений
Это один из самых распространённых и опасных признаков старого джуна. В условиях дедлайнов, давления, багов на проде и непрерывного потока задач, он начинает использовать «временные решения» — быстрые костыли, которые якобы потом будут переписаны.
Переусложнитель
Переусложнитель — это не обязательно джун. Это скорее переходная форма: разработчик, обладающий уже неплохими знаниями, но не научившийся правильно дозировать их применение. Он знает архитектурные паттерны, умеет строить сложные системы, но не понимает, когда это уместно, а когда — просто избыточно.
Скоростной гонщик
Это разработчик, который поставил скорость выше всего остального. Быстрее закрытые тикеты, больше строк кода, меньше обсуждений. На первый взгляд — мечта менеджера. Но только до тех пор, пока не наступает фаза изменений. Проблема не в скорости как таковой. Проблема в игнорировании качества. Код гонщика часто не покрыт тестами, написан без оглядки на читаемость и сопровождение, перегружен неочевидной логикой.
Архитектор незаменимости
Этот тип разработчика не просто пишет код — он строит лабиринты. Сложные, запутанные, полные нестандартных решений, нестабильных зависимостей и неписаных правил. Не потому что так надо, а потому что это делает его единственным, кто может с этим разобраться.
Мастер пустых ревью
Самый тихий и коварный из всех. Он не пишет плохой код, не строит сложных систем, не тянет на себе костыли. Он просто не мешает плохому коду попадать в прод. Потому что не делает ревью по-настоящему.
👉 @seniorFront
❤ 7👍 2
Статья
