Верстка сайта с нуля #14: Бургер-меню, scroll-to-section, сжатие картинок, оптимизация CSS, JS.

В этом видео сверстаем бургер меню, добавим функционал скролла (scroll-to-section) по пунктам меню, расскажу про оптимизацию javascript, css и сжатие картинок. шаблон для верстки и все плюшки связанные с версткой этого сайта - (https://boosty.to/youdeveloper) Создание шаблона для верстки - (https://youtu.be/0mznV21VX00) Фигма(макет): Файлом - https://mega.nz/file/9CVHlQiL#0MDwx05sBAoTbr_a2MDvAdmLtuKZ0Y5DiNnpjL83Msw Ссылка - https://www.figma.com/design/r9RnpJZ6IwYEDAGiymdXBj/YouTube-Createx-Marathon?node-id=0-1&p=f&t=Q4i7VetdI1fOIAFE-0 Таймкоды: 00:00 Дисклеймер 00:08 План видео 00:22 HTML: Бургер меню 00:50 CSS: Бургер меню 03:30 Кнопка бургер меню 05:16 JS: Функционал открытия/закрытия бургер меню 06:40 Скролл по клику на пункты 10:15 Советы по CSS (Миксины) 11:25 Советы по JS 13:04 Баг с JS 13:38 Files not found 14:08 Собираем верстку для клиента 14:30 Оптимизация изображений 15:50 Поддержка, бусти и тд