Frontender's notes [ru]
32.9K subscribers
656 photos
50 videos
3.48K links
Ведущий канал о современном фронтенде: статьи, новости, практики, вайбкодинг и автоматизация фронта ИИ-агентами.

Личный блог автора - @just_genych
По вопросам рекламы или разработки - @g_abashkin
Download Telegram
​​🛢️Работаем с таблицами с помощью React Table

В этом туториале автор покажет вам несколько полезных приемов по работе с таблицами с помощью React Table.

Читать...
7
​​📍Парсим сайты с защитой от ботов

В этой статье вы узнаете, как работает типичная защита от роботов, рассмотрите подходы к автоматическому парсингу сайтов с такой защитой, и разработаете свое решение для её обхода. В конце статьи будет ссылка на гитхаб.

Читать...
👍5🔥4
​​Как тестировать современный фронтенд

В этой статье автор поговорит о том, как можно тестировать современные фронтенд-приложения и какие подходы к тестированию сейчас актуальны. 

Читать...
4👍3🔥1
​​👌React: решение интересной практической задачи

В данной статье автор поделится с вами опытом решения одной интересной практической задачи с помощью React.

Читать...
👍101🔥1🎉1
​​🤔Подборка книг по фронтенду

Команда Альфа банка сделала подборку книг для фронотенд разработчика.

Читать...
🔥21🤩2
​​Фронтендерская история

Автор расскажет про свой опыт 8 лет разработки во фронтенде и порассуждает, что сейчас происходит с фронтендом.

Читать...
👍8🎉1
​​Можно бесконечно смотреть на три вещи: как течет вода, горит огонь и фронтендеры пилят монолит

Ребята из банды фронтендов TeamSnack решили раз и навсегда разобраться в подходах к микросервисам. Сравнивать будут Single-spa(SystemJS) и Webpack Module Federation. Обещают живое общение с едой и напитками, а также интерактив в Miro с рабочими схемами, которые можно потом протестировать в работе. 

Когда: 14 апреля, 19:00 - 21:00

Где: ценители ламповой атмосферы могут приехать в офис Cloud (Москва, 2-я Звенигородская улица, 28), а для закоренелых удаленщиков доступен онлайн-формат в Telegram-канале сообщества.

Все детали можно узнать у самой команды TeamSnack: https://xn--r1a.website/+X1_zet0gk9A2MzU6

Реклама. Рекламодатель: ООО «Облачные технологии». erid: LatgBsWXa
🔥53👍2🤩1
​​💎Разделяй и не страдай: что выбрать для микрофронтенда?

В этой статье автор постарался сравнить разные способы организации МФ-ов, а также сформировать рекомендации, где какой подход использовать.

Материал может быть полезен как аналитикам и командам разработки при проектировании архитектуры на проекте и закладки процессов, так и владельцам продуктов, поскольку внедрение МФ-ов может дать более управляемую разработку.

Читать...
👍72🔥1
​​🗂️База знаний веб-разработчика: прокачиваем навыки владения CSS

В этой статье автор расскажет, какие материалы с коллегами используют в своей работе: уверен, эта информация будет полезна разработчикам на CSS.

Читать...
👍14🔥5🎉2🤩2
​​😲Анимация грида в CSS

Автор написал несколько примеров анимации грида в css и поделился этим с вами. Статья подойдет как начинающим, так и опытным разработчиком.

Читать...
🔥14👍6🎉1
​​📲Изучаем AIML

AIML — язык разметки для искусственного интеллекта. AIML — подмножество (диалект) XML, он предназначается для создания виртуальных собеседников.
Это один из самых первых языков который используется для создания ботов, также самый простой.

Читать...
👍1
​​🗂️CSS :autofill селектор

Псевдокласс :auto-fill в CSS позволяет нам стилизовать элементы <input>, которые содержат контент, автоматически заполняемый браузером.
В этой статье вы подробно разберете этот псевдокласс.

Читать...
17
​​🚩14 КБ это слишком много. Делаем сайты меньше 1 КБ

Современные сайты стали слишком большие и долгие по загрузке, вам так не кажется?
В этой статье вы создадите сайт размером менее 1КБ!!

Читать...
🔥7👍2
​​📝Как развернуть React приложение с помощью AWS S3 и CloudFront

Это первая часть статьи, где вы настроите сервисы AWS и произведете ручное развертывание приложения. Во второй части рассмотрите вопрос автоматизации сборки и доставки.

Читать...
👍10
​​🚀58 байтов CSS, которые выглядят красиво почти где угодно

При создании своего веб-сайта автор хотел найти простой и разумный способ сделать его красивым на большинстве дисплеев. Для его задач подошли следующие 58 байтов:
main {
max-width: 38rem;
padding: 2rem;
margin: auto;
}

Читать...
👍192
​​💻Книга «Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5. 6-е изд.»

Книга, наполненная ценными практическими советами и подробным теоретическим материалом, поможет вам освоить динамическое веб-программирование с применением самых современных технологий. 

Читать...
👍114🔥1
​​🤯Стили заголовков в CSS: картинки, тени, анимации

Задача заголовка — привлекать внимание, и для этого многие эффекты хороши. Все эффекты заголовков вы разберете в этой статье.

Читать...
👍9
​​👾Игра Жизнь — клеточный автомат на HTML, JS

В этом посте вы сделаете "Игру Жизнь" на HTML странице при помощи CSS & JS

Читать...
🔥152👍1
​​▪️HTML, JavaScript, и щепотку Bootstrap

Автор разберет следующие задачи в этой статье:
Cоздать форму, для ввода адресов точек отправления и прибытия;
Cоздать карту и построить маршрут от точки отправления до точки прибытия.

Читать...
🔥19👍7
​​⚙️Решение головоломки судоку на JavaScript с помощью хэш-карт и рекурсий

Автор написал  метод решения популярной задачи по программированию. Созданная функция эффективно решает судоку с помощью хэш-карт и рекурсий.

Читать...
👍52
​​Почему разработчики JavaScript используют инструменты на Rust

В статье вы узнаете, что не так с JavaScript и почему JS разработчики используют Rust.

Читать...
7