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

🔥 Бесплатный курс «Основы JavaScript» от Хекслета: ru.hexlet.io/link/IJRz1a
🔥 Программа для изучения фронтенд-разработки с нуля. Первые 5 уроков бесплатно + 10% скидка: ru.hexlet.io/link/s0g32I
✅ Полезные вебинары по программированию каждую неделю: ru.hexlet.io/link/4FfHcx
Умение посмотреть в чужой код и понять, что он делает - это скилл, который нужно прокачивать с самого начала. В этом публичном собеседовании для фронтенд-разработчика после курсов мы решим 2 задачи на основе чужого кода на Codepen.
- Собеседование проводит Александр Усков, ведущий канала и IT-энтузиаст
- Собеседование проходит студент Хекслета Сергей Корняков
Если видео было для вас полезным, ставьте лайк и поделитесь им с друзьями. Подписывайтесь на наш telegram-канал: t.me/hexlet_ru
Код задач:
- Задача с кнопкой: codepen.io/chrisgannon/pen/bL...
- Задача с таблицей: codepen.io/Alexander9111/pen/...
____
Публичное собеседование - формат учебного интервью, где джуниор пытается пройти собеседование на позицию фронтенд-разработчика. Опытный разработчик задаёт вопросы, которые помогают кандидату продемонстрировать знание технологий и понимание подходов во фронтенде. В конце кандидат получит вердикт с резюме его слабых и сильных сторон.
____
🔗 Полезные ссылки:
- Комьюнити Хекслета: t.me/hexletcommunity
- Ещё публичные собеседования: • Публичные собеседовани...
- Список тестовых заданий от ИТ-компаний: github.com/Hexlet/ru-test-ass...
- Что такое фронтенд-разработка и с чего начать её изучение: 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

[@AleksKob]

на 31-ой минуте переменная скорее не t1 а как сокращение от timeline (т.е. вторая буква "L").

[@user-qk4pb7ye8y]

Парень молодец, держится довольно уверенно, про запросы в целом хорошо рассказал, видно, что хорошо соображает ❤ моё почтение ☺️

[@boomboomboomboomboombooom]

Зачем спрашивать про классовые компоненты джуна в 2020 году? Как минимум это не особо актуально😂 ты бы еще про самую первую версию ecmascript спросил) или по tc39 прошелся бы)

[@tanercoder1915]

@35:00 componentDidMount позволяет выполнять код когда компонент уже помещен в DOM.

[@larin1327]

Не понял, почему не на тайп скрипте😢

[@m1ranchuk]

+

[@hmixa]

Хороший мальчик! Но нулёвый в сетевых технологиях, мне очень часто хотелось просто выскочить и подсказать. 😉