Экспертный разбор – Миша Ларченко
На стриме разберем 🌤️ WeatherApp 1, где участники только начинают разработку этого проекта. В этом спринте верстка основной страницы сервиса, работа с семантикой, решение сложных стилевых задач, работа с чистым JS и адаптив под разные устройства. Допустимый стек технологий: HTML, CSS и JS. Разбор проведет Миша Ларченко, фуллстек-разработчик с опытом работы как с бэкендом, так и с фронтендом — как с фреймворками, так и без них. За плечами проекты с архитектурами любой сложности — от монолитов до микросервисов. Миша активно следит за новыми технологиями, особенно в сфере блокчейна и больших языковых моделей (LLM). Автор одноименного YouTube-канала об IT https://www.youtube.com/@larchanka, где рассказывает про новости, инструменты, лайфхаки и делится своим опытом в программировании — в общем, разбирает всё, что может быть полезно программистам и тем, кто только начинает свой путь в IT. На стриме пройдемся по общим наблюдениями: 👍 плюсам, 🛠 багам и 🚀 рекомендациям, 👀 посмотрим отдельные примеры и в конце 🎤 ответим на ваши вопросы. 🟣 ТАЙМ-КОДЫ ⇢ 00:03 Подготовка к эфиру ⇢ 07:33 Введение и планы на сезон ⇢ 09:27 Описание спринта и участников ⇢ 11:50 Представление гостя ⇢ 15:23 Разбор проекта Гречки ⇢ 21:41 HTML ⇢ 22:35 CSS ⇢ 23:32 Оптимизация медиа-запросов ⇢ 27:58 Mobile First и Desktop First ⇢ 32:56 Использование инструментов для разработки ⇢ 34:49 Оптимизация CSS ⇢ 36:41 Legacy системы и оптимизация ⇢ 38:36 Про Абстракции ⇢ 46:57 Использование let и const ⇢ 47:57 Использование констант ⇢ 48:53 Оптимизация кода ⇢ 50:42 Обратная связь и коммуникация ⇢ 51:40 Псевдоэлементы и CSS ⇢ 56:16 Семантика HTML ⇢ 59:07 Использование библиотек ⇢ 01:00:53 Стиль и семантика ⇢ 01:03:07 Медиа функции и CSS ⇢ 01:07:47 Использование REM и переменных ⇢ 01:18:00 Оптимизация кода ⇢ 01:20:49 Спор о формах и инпутах ⇢ 01:22:43 Структура CSS и переменные ⇢ 01:27:25 Оптимизация JavaScript ⇢ 01:31:55 Кэширование кода ⇢ 01:33:21 Обратная связь и благодарности ⇢ 01:36:41 Использование инструментов для разработчиков ⇢ 01:38:05 Отбор начинающих разработчиков ⇢ 01:40:57 Образование и опыт работы ⇢ 01:44:11 Первый опыт в разработке ⇢ 01:46:06 Фриланс и его недостатки ⇢ 01:48:01 Важность опыта работы в команде ⇢ 01:49:54 Советы для молодых специалистов ⇢ 01:50:50 Как продать свой опыт работодателю ⇢ 01:52:40 Заключение и благодарности 🟡 ССЫЛКИ ⇢ Сайт: https://preax.ru/?i=0038f949 ⇢ Почта: join@preax.ru ⇢ Telegram: https://t.me/preax_ru #frontend #фронтенд #код_ревью #code_review #html #css #javascript
На стриме разберем 🌤️ WeatherApp 1, где участники только начинают разработку этого проекта. В этом спринте верстка основной страницы сервиса, работа с семантикой, решение сложных стилевых задач, работа с чистым JS и адаптив под разные устройства. Допустимый стек технологий: HTML, CSS и JS. Разбор проведет Миша Ларченко, фуллстек-разработчик с опытом работы как с бэкендом, так и с фронтендом — как с фреймворками, так и без них. За плечами проекты с архитектурами любой сложности — от монолитов до микросервисов. Миша активно следит за новыми технологиями, особенно в сфере блокчейна и больших языковых моделей (LLM). Автор одноименного YouTube-канала об IT https://www.youtube.com/@larchanka, где рассказывает про новости, инструменты, лайфхаки и делится своим опытом в программировании — в общем, разбирает всё, что может быть полезно программистам и тем, кто только начинает свой путь в IT. На стриме пройдемся по общим наблюдениями: 👍 плюсам, 🛠 багам и 🚀 рекомендациям, 👀 посмотрим отдельные примеры и в конце 🎤 ответим на ваши вопросы. 🟣 ТАЙМ-КОДЫ ⇢ 00:03 Подготовка к эфиру ⇢ 07:33 Введение и планы на сезон ⇢ 09:27 Описание спринта и участников ⇢ 11:50 Представление гостя ⇢ 15:23 Разбор проекта Гречки ⇢ 21:41 HTML ⇢ 22:35 CSS ⇢ 23:32 Оптимизация медиа-запросов ⇢ 27:58 Mobile First и Desktop First ⇢ 32:56 Использование инструментов для разработки ⇢ 34:49 Оптимизация CSS ⇢ 36:41 Legacy системы и оптимизация ⇢ 38:36 Про Абстракции ⇢ 46:57 Использование let и const ⇢ 47:57 Использование констант ⇢ 48:53 Оптимизация кода ⇢ 50:42 Обратная связь и коммуникация ⇢ 51:40 Псевдоэлементы и CSS ⇢ 56:16 Семантика HTML ⇢ 59:07 Использование библиотек ⇢ 01:00:53 Стиль и семантика ⇢ 01:03:07 Медиа функции и CSS ⇢ 01:07:47 Использование REM и переменных ⇢ 01:18:00 Оптимизация кода ⇢ 01:20:49 Спор о формах и инпутах ⇢ 01:22:43 Структура CSS и переменные ⇢ 01:27:25 Оптимизация JavaScript ⇢ 01:31:55 Кэширование кода ⇢ 01:33:21 Обратная связь и благодарности ⇢ 01:36:41 Использование инструментов для разработчиков ⇢ 01:38:05 Отбор начинающих разработчиков ⇢ 01:40:57 Образование и опыт работы ⇢ 01:44:11 Первый опыт в разработке ⇢ 01:46:06 Фриланс и его недостатки ⇢ 01:48:01 Важность опыта работы в команде ⇢ 01:49:54 Советы для молодых специалистов ⇢ 01:50:50 Как продать свой опыт работодателю ⇢ 01:52:40 Заключение и благодарности 🟡 ССЫЛКИ ⇢ Сайт: https://preax.ru/?i=0038f949 ⇢ Почта: join@preax.ru ⇢ Telegram: https://t.me/preax_ru #frontend #фронтенд #код_ревью #code_review #html #css #javascript