Конструктор сайтов нового поколения Craftum | Фронтенд-инженерия #2

Опубликовано: 05 Октябрь 2024
на канале: HTML Academy

2,546

Сложнейшая часть конструкторов сайтов — это интерфейс редактирования. Там «обитают» самые интересные задачи, для решения которых нужно погружаться в алгоритмы и структуры данных, использовать на полную катушку самые свежие возможности CSS и обходить ограничения нативных браузерных API.

Важнейший вопрос для конструкторов — производительность. Мы погрузимся и в него, произведём замеры в PageSpeed и проанализируем их результаты.

А затем разберём вакансию Craftum и проверим, насколько требования вакансии соответствуют разобранным задачам и насколько программы HTML Academy соответствуют этим требованиям.

Если у вас есть интересные и сложные задачи, которыми вы хотите поделиться, приходите к нам на шоу. Для этого напишите ведущему шоу в телеграм https://simonenko.t.me.

- - -
— Craftum https://craftum.com
— Вакансия JavaScript Developer в Craftum https://drive.google.com/file/d/1o9pM...
— Расшифровка вакансии JavaScript Developer в Craftum https://htmlacademy.ru/career/vacancy...
- - -

00:00:00 Знакомство и неожиданный факт для Академии
00:02:51 Какая команда разрабатывает Craftum
00:04:31 Какой стек используют фронтендеры
00:07:45 Внедрение ChatGPT в конструктор сайтов
00:09:50 Завораживающее зрелище: ИИ в реальном времени собирает сайт
00:15:26 Сложные фронтендерские задачи в интерфейсе конструктора
00:18:49 Лексоранги: задача сортировки блоков в интерфейсе
00:22:24 Задача мгновенного перехода в режим превью
00:24:31 Потенциальное решение на container queries и текущее элегантное решение
00:26:41 Нестандартные сетки и перестроения элементов между версиями
00:27:52 Кастомные свойства раскрываются в полную силу для кастомизации блоков
00:32:30 Производительность: замеряем в PageSpeed и анализируем результаты
00:42:50 Поиск первой работы фронтенд-разработчиком, история Рината
00:48:24 Требования к фронтендерам в Craftum, разбираем вакансию
00:56:05 Расшифровка вакансии и покрывают ли программы Академии требования