Frontend Space

👩‍💻 7 хаков HTML: нестандартные решения в истории гипертекстовой разметки Сегодня мы решили вспомнить, как раньше веб-мастера обходили ограничения разметки. История веб-разработки полна креативных находок — технологии не всегда успевали за фантазией пользователей. На заре девяностых, чтобы выделиться на фоне конкурентов, веб-разработчики искали творческие решения. Собрали подборку из 7 популярных приемов и подходов, которые использовали веб-мастера, чтобы выйти за пределы ограничений HTML. Раньше возможности для создания первых сайтов были предельно ограничены: стандартные шрифты, минимум графики и полотна текста. Недостаток инструментов компенсировали изобретательностью. Она позволяла решать, казалось бы, невозможные задачи. Вспоминаем самые популярные из них. Frontend Space // чат

Пишем TG-бота на JS для подготовки к собеседованию Из этой статьи вы узнаете, как с нуля сделать Telegram-бота на JavaScript для эффективной подготовки к техническому собеседованию на позицию Frontend-разработчика. Бот предлагает викторины по HTML, CSS, JavaScript и React, а также рейтинговый режим для соревнования с другими пользователями. ➡️ Читать статью Frontend Space // чат

🔥 Прожарка резюме разработчиков Откликаешься, а в ответ тишина? Или зовут, но предлагают меньше, чем рассчитываешь? Возможно, дело не в навыках, а в резюме. 7 ноября HR Lead ex-Яндекса и разработчики из Wildberries и Uzum разберут реальные резюме в прямом эфире Что обсудим:

✦ что может оттолкнуть рекрутера ✦ как показать свой вклад и результаты ✦ какие формулировки могут занизить грейд ✦ какой уровень отражает опыт кандидата и какие вопросы могут возникнуть у интервьюера

🗓 7 ноября, 13:00 мск Участие бесплатное 👥 Спикеры: — Валерия Парунова, HR Lead, ex-Яндекс; — Виктор Анохин, Java/Kotlin-разработчик в Wildberries, ex-Билайн; — Сергей Чамкин, Senior в Uzum, ex-Wildberries, проводил технические интервью в EPAM и Wildberries. Эфир проводит ШОРТКАТ — менторская программа для разработчиков, которые хотят сменить работу или повысить зарплату. 📲 Регистрируйся на эфир в боте → @shortcut_front_bot Реклама. О рекламодателе.

🔹 Универсальный подход к адаптивному веб-дизайну интерфейсов Stretch, Scale, Switch (SSS) В этой статье пойдёт речь о подходе SSS (Stretch, Scale, Switch), который позволяет решить главную задачу фронтенда. А именно — создать удобный и пропорциональный веб-интерфейс, приятный для восприятия пользователя и не требующий чрезмерных усилий при проектировании и разработке. Frontend Space // чат

Какие ошибки делают программисты при реализации ООП в JavaScript? Недостаточность опыта работы с объектно-ориентированным программированием в JavaScript может привести к неправильному использованию концепций, методов или свойств объектов. ➡️ Читать статью Frontend Space // чат

👩‍💻 Курс по React для начинающих Этот курс поможет вам освоить React — популярную библиотеку для создания интерфейсов, которая широко применяется в веб-разработке и разработке мобильных приложений. Вы разберётесь с компонентами, состоянием, хуками и работой с API, а по окончании курса вы создадите полноценный онлайн-кинотеатр на React. Frontend Space // чат

Frontend Practice: тренируем навыки фронтенда на практике Наткнулся на интересный сайт, с помощью которого можно подтянуть свои навыки в вебе на практике. Вот, что там предлагается: — куча разнообразных макетов для практики адаптивной вёрстки; — различные задания для тренировки навыков; — выбор из предоставленных цветовых палитр для экономии времени; — множество ресурсов для обучения и решения задач. Frontend Space // чат

Создаём веб-сайт, как будто сейчас 1999 год Нашёл для вас забавное чтиво. В нём автор предлагает погрузиться в атмосферу веб-разработки конца 90-х и начала 00-х годов. Иметь свой сайт тогда хотел каждый второй. Попробуем вернуться в прошлое и воспроизвести похожий веб-дизайн — яркий, с тонной gif и нетипичными шрифтами. ➡️ Читать статью Frontend Space // чат

Полное руководство по функции «calc()» в CSS В CSS есть особая функция calc(), применяемая для выполнения простых вычислений. Из этой статьи вы узнаете, как и где она применяется — на примерах и с понятными пояснениями. ➡️ Читать статью Frontend Space // чат

🎰 Проект: делаем свою слот-машину как в онлайн-казино В данной статье показали, как сделать очень простую слот-машину (как в онлайн-казино), которая будет показывать случайные эмодзи фруктов и овощей на трёх слотах. Проект поможет попрактиковаться в CSS-анимациях, работе с DOM и массивами в JavaScript. Frontend Space // чат

Тесты на знание основ HTML и CSS Держите сразу 2 теста: первый по HTML, второй по CSS. С помощью них вы сможете проверить свои знания и определить слабые места в области вёрстки сайтов. В каждом по 25 вопросов разного уровня сложности, а в конце вы узнаете свой результат. Frontend Space // чат

👩‍💻 Box Shadow CSS Generator А если не хотите сами разбираться с box-shadow, то вот хороший сайт, который за вас сам настроит CSS по ваши нужды. От вас требуется только передвинуть ползунки и скопировать полученный код 😊 Frontend Space // чат

Адаптивная вёрстка сайта с нуля для начинающих Нашёл для вас небольшой плейлист, в котором автор пошагово обучает созданию одностраничного сайта, используя HTML и CSS. ➡️ Смотреть видео & Скачать видео Frontend Space // чат

⚡️ Vue JS: полный курс c нуля В этом видеокурсе рассматриваются: основы Vue 3, работа с данными, компоненты, взаимодействие с сервером, расширение фреймворка, оптимизация производительности, развертывание на сервере. Курс предназначен для разработчиков, которые уже имеют опыт работы с JavaScript и хотят углубить свои знания в области фронтенд-разработки.

🎮 Sturdy-Doodle: креативный сайт-портфолио Веб-сайт для демонстрации профилей, созданный с помощью HTML, Canvas, CSS и JavaScript. Пользователи могут управлять персонажем, чтобы добраться до красной консоли, что позволяет перемещаться между разделами сайта. Frontend Space // чат

Уже очевидно, что ВАЙБКОДИНГ — главный навык ближайших лет Посмотрите сами. ИИ уже забирает на себя работу целых команд: пишет код, закрывает задачи джунов и позволяет стартапам запускать продукты в 2–3 раза меньшим составом. То, на что раньше нужны были несколько разработчиков, сегодня всё чаще делает один человек с ИИ-агентами. И это только начало. Те, кто освоит вайбкодинг сейчас, смогут быстрее запускать проекты, автоматизировать огромный объём работы, увереннее конкурировать на рынке и зарабатывать больше тех, кто продолжает делать всё вручную. Начать с нуля поможет канал Вайб-кодинг. Там ребята круглосуточно мониторят более 320 российских и зарубежных источников и публикуют только главное: релизы, инструменты, гайды, курсы и практические кейсы. Подписывайтесь, нас уже 60 тысяч: @vibecoding_tg

🔖 485 SVG-иконок на все случаи жизни Откопал для вас огромную коллекцию различных SVG-иконок, которые вы сможете использовать в своих проектах. ➡️ Есть возможность скачивания в формате SVG, а также копирования в виде различных компонентов для React, Vue, Angular, Svelte и Web Component.

🤔 Как сделать новый шаблон страницы в WordPress на основе старого Представим, что у нас есть новостной сайт на WordPress, где все титульные изображения имеют фиксированное соотношение сторон, например 2:3 или 16:9. Пока загружаемые картинки соответствуют этим пропорциям, всё выглядит нормально. Но при добавлении новой рубрики, например, с мемами о киногероях, соотношение сторон становится непредсказуемым. В результате изображения обрезаются под стандартный формат, портя внешний вид. 🛠 Решение: так как сам дизайн страницы нас устраивает, нужно просто создать новый шаблон. Он сохранит весь текущий стиль, но изменит отображение обложки — вместо обрезки она будет показываться полностью. Frontend Space // чат

👨‍💻 Стоит ли фронтенд-разработчикам переходить на фриланс в 2025 году? В статье вы узнаете, какие есть перспективы у фронтент-разработчиков, что ждет отрасль в будущем и стоит ли специалистам переходить на фриланс. Frontend Space // чат

🔭 Калейдоскоп на JavaScript Любопытный проект на голом JavaScript — скрипт, который делает калейдоскоп из любого изображения. Вы можете выбрать как саму картинку (любую, по URL), так и количество граней и скорость смены экспозиции. Frontend Space // чат