Решаем чужой код на Codepen. Собеседование по фронтенду

🔥 Бесплатный курс «Основы JavaScript» от Хекслета: https://ru.hexlet.io/link/IJRz1a
🔥 Программа для изучения фронтенд-разработки с нуля. Первые 5 уроков бесплатно + 10% скидка: https://ru.hexlet.io/link/s0g32I

Умение посмотреть в чужой код и понять, что он делает - это скилл, который нужно прокачивать с самого начала. В этом публичном собеседовании для фронтенд-разработчика после курсов мы решим 2 задачи на основе чужого кода на Codepen.

– Собеседование проводит Александр Усков, ведущий канала и IT-энтузиаст
– Собеседование проходит студент Хекслета Сергей Корняков

Если видео было для вас полезным, ставьте лайк и поделитесь им с друзьями. Подписывайтесь на наш telegram-канал: https://t.me/hexlet_ru

Код задач:
– Задача с кнопкой: https://codepen.io/chrisgannon/pen/bLeMEB
– Задача с таблицей: https://codepen.io/Alexander9111/pen/zYvEbML
____
Публичное собеседование – формат учебного интервью, где джуниор пытается пройти собеседование на позицию фронтенд-разработчика. Опытный разработчик задаёт вопросы, которые помогают кандидату продемонстрировать знание технологий и понимание подходов во фронтенде. В конце кандидат получит вердикт с резюме его слабых и сильных сторон.
____
🔗 Полезные ссылки:
– Комьюнити Хекслета: https://t.me/hexletcommunity
– Ещё публичные собеседования: https://www.youtube.com/playlist?list=PLo6puixMwuSOa_0EH6X4OXzFAmyQGS3a3
– Список тестовых заданий от ИТ-компаний: https://github.com/Hexlet/ru-test-assignments
– Что такое фронтенд-разработка и с чего начать её изучение: https://ru.hexlet.io/link/Fx5zS7
____

00:00:00 интро
00:00:22 из разработки космических компонентов во фронтенд
00:03:19 что спрашивают для отбора на стажировку
00:06:13 как работает код на фронтенде
00:14:30 куда лучше вставить код со снежинками в HTML-странице и как работает DOM
00:17:35 модели событий
00:19:59 на что повесить событие
00:20:39 как верстать фоновые картинки
00:24:08 какие виды запросов существуют
00:25:35 отличие get от post
00:30:49 задача: что происходит в этом коде
00:46:48 разница классов и функций
00:48:13 линтер
00:50:23 задача: добавить кнопку, которая меняет сортировку таблицы
01:28:05 резюмируем

#программирование #javascript #frontend