creator cover Iaroslav Silkin
Iaroslav Silkin

Iaroslav Silkin 

Менторство, обучение, frontend.

13subscribers

9posts

goals2
0 of 10 paid subscribers
Когда наберу 10 падпещеков, смогу больше уделять время менторству и обучению.
$462.85 of $1 286 raised
Собираем на апгрейд компьютера или на новый ноутбук (macbook?)

About

Добро пожаловать на мой канал на Boosty! Здесь я, предоставляю уникальную возможность для тех, кто мечтает стать успешным Frontend-разработчиком. Буду вашим проводником в мире кода, делясь не только техническими знаниями, но и ценным практическим опытом.
БЕСПЛАТНО. Для всех, даром.
Что мы здесь делаем:
1. **Обучение Frontend:** Вместе мы разбираем каждый аспект HTML, CSS и JavaScript. Используем современные фреймворки и библиотеки.
2. **Делимся Опытом:** Разбираем реальные проекты, обсуждаем лучшие практики и эффективные решения на пути Frontend-разработки.
3. **Избегаем Ошибок:** Я делимся своим опытом и предупреждаю о распространенных ошибках. Экономим ваше время, помогаем избегать проблем.
4. **Роудмап в Frontend:** Создаем ваш персональный план развития для вхождения в мир Frontend-разработки. Ваш путь к успеху начинается здесь.
5. **Помощь с Резюме:** Обсуждаем, как создать впечатляющее резюме для Frontend-позиции. Делюсь с вами секретами, как выделиться среди других кандидатов.
6. **Тестовые Задания:** Помогаю разбираться с типичными тестовыми заданиями, предоставляю стратегии успешного их выполнения.
Присоединяйтесь ко мне, чтобы получить качественное образование, профессиональное руководство и поддержку в вашем захватывающем пути к карьере в Frontend-разработке! 🚀✨

Поддерживайте меня разово или на постоянной основе, оформив одну из платных подписок на Бусти или просто отслеживая мой блог. Это добровольно и необязательно!
Собеседование middle фронтенд 200к
Level required:
Падаван

Как процессы устроены с точки зрения разработчика.

Относительно недавно ко мне обратились и попросили рассказать про то, как работается в команде. У меня было видео на эту тему, но я решил ответить на конкретные вопросы детальнее.
## Как проходила подготовка к спринтам?
Обычно подготовка представляет собой созвон с командой, тимлид, ПМ, аналитик и разработчики. На этом созвоне обговариваются предстоящие задачи, даётся оценка по времени, закладываются риски. Обычно это занимает от часа, всё зависит от количества задач.
## Что делают тестировщики?
Тестировщики занимаются проверкой работоспособности приложения и проверяют, не сломали ли новые фичи старый функционал. Например провести смоук тестирование, что весь базовый функционал работает. Также, если тестировщик выявил баг, то он может создать задачу и передать на исправление разработчику.
## Как проходил код ревью?
Когда задача выполнена, отправляется MR/PR (Merge request / Pull reauest) тим лиду или другому разработчику, ответственному за ревью кода. Иногда можно попросить в личных сообщениях, чтобы данной задаче и данному МР уделили больше внимания, побыстрее посмотрели. Само ревью происходит обычно так, просматривается код, на очевидные ошибки: опечатки, неправильные названия переменных, плохая логика, дублирование кода. Чем опытнее разработчик, тем больше он может предложить вариантов решений той или иной задачи. Плюс смотрят на оптимальность кода.

Виды рендеринга в Next.js

Если коротко, то есть такие виды рендеринга. Расскажу о них в общих чертах.
CSR - client side rendering
Обычный SPA.
Весь рендер происходит на клиенте.
Запросы с клиента на получение данных от сервера.
Не индексируется поисковиками.
SSR - server side rendering
Сервер рендерит при первом запросе HTML страницу.
На клиенте новый код встраивается (гидрируется).
Индексируется поисковиками.
RSC - react server components
Рендерится на сервере и стримит его на клиент без гидрации.
Получаем кусочками новую информацию.
Статика не только при первом запросе.
SSG - static site generation
Генерирует HTML на сервере.
Рендерит в процессе билда, не в рантайме.
Статические страницы не требуют гидрации.
ISR - incremental static regeneration
Позволяет перерендеривать статические страницы.
Комбинация подходов SSG и SSR/RSC.

Онбординг

Сегодня ко мне обратились с вопросом: Как разобраться в новом проекте?
Если вы перешли на новую работу или вас перевели на новый проект, с которым вы раньше не работали, вы можете столкнуться с проблемой, когда ничего не понятно и не знаете с чего начать.
Вот советы для нового человека на проекте:
1. Понимание основных технологий и инструментов:
Проведите анализ файла package.json и определите, какие пакеты используются в проекте. Попытайтесь понять, для чего они используются, и если возможно, проверьте документацию и примеры использования этих пакетов в проекте. Это поможет вам лучше понять основные технологии и инструменты, используемые в проекте.
2. Понимание архитектуры проекта:
Проанализируйте структуру файлов проекта и убедитесь, что вы понимаете, как организованы различные части проекта. Если вы видите несколько подходов к решению одной и той же задачи, попробуйте уточнить, какой из них является предпочтительным. Подстраивайтесь к стилю написания кода.

Красные флаги на собеседовании

Вчера проходило небольшое собеседование, было интересно послушать что может предложить компания. И я бы хотел описать красные флаги, при которых вам стоит очень крепко задуматься, стоит ли вообще тратить время на такую работу.
**Надо сделать тестовое задание:**
- *Красный флаг:* Обязательное выполнение тестового задания без предварительного обсуждения может быть признаком того, что компания не ценит время и усилия кандидата, а также может использовать его труд бесплатно.
**Собеседование в офисе:**
- *Красный флаг:* В условиях современных технологий и возможности удаленной работы, требование присутствия на собеседовании в офисе может свидетельствовать о жесткости и недостатке гибкости в подходе к процессу найма.
**Собеседующие сидят в одном кабинете, за одним компьютером:**
- *Красный флаг:* Общее собеседование за одним компьютером может поднимать вопросы о конфиденциальности и недостатке профессионализма в оценке кандидата. Это также может свидетельствовать о экономии на процессе собеседования.

Обновление знаний

На недавнем собеседовании меня спрашивали о ООП и о принципах SOLID. На что я не смог ничего нормально ответить. И поэтому решил обновить свои знания. Повторить то, о чем когда-то читал и что давно забыл.

S - Принцип единственной ответственности
O - Принцип открытости/закрытости
L - Принцип подстановки Лисков
I - Принцип разделения интерфейса
D - Принцип инверсии зависимостей

По мере повторения, буду дополнять ссылками. Будет удобно повторять перед собеседованиями и освежать знания.

Какие вопросы задать работодателю на собеседовании?

Очень важно не только уметь отвечать на вопросы на собеседовании, но и уметь их задавать. Я собрал некоторые вопросы, которые вы можете задать на собеседовании вашему интервьюеру. В зависимости от того, что он ответил вы поймете как вам будет работаться в команде и в компании. А это самое главное!
- Как часто команда перерабатывала за последние 3 месяца?
- А вам нравится ваша работа? А почему?
- Почему вы ищете человека на эту позицию?
- Насколько давно команда работает в компании?
- Как решаются конфликты в команде? Что, если я сделаю ошибку?
- Как выглядит обычный рабочий день?
- Откуда будут прилетать задачи?
- Какие цели на полгода?
- Как будут меняться мои обязанности в будущем?
- Какие испытания стоят сейчас перед компанией?

С чего начать обучение во frontend?

1. Переходите на сайт ниже, выбираете Frontend или другое направление, которое вам интересно и смотрите на весь Roadmap по изучению.
https://roadmap.sh/
2. Изучать базу фронта можно здесь. Бесплатно и эффективно. И не забывайте об официальной документации технологии, которую используете.
https://www.freecodecamp.org/
https://www.theodinproject.com/
https://scrimba.com/
https://developer.mozilla.org/
https://flaviocopes.com/
https://github.com/airbnb/javascript
3 Для тех, кто предпочитает изучать по видео:
The Net Ninja
https://www.youtube.com/c/TheNetNinja
Traversy Media
https://www.youtube.com/channel/UC29ju8bIPH5as8OGnQzwJyA
Dev Ed
https://www.youtube.com/c/DevEd
Coding Garden
https://www.youtube.com/c/CodingGarden
Web Dev Simplified
https://www.youtube.com/c/WebDevSimplified

Процессы в команде разработки

Иногда ко мне приходят и спрашивают про процессы в команде. Чтобы каждый раз не рассказывать про одно и тоже, я сделал видео, где постарался коротко пересказать свой опыт взаимодействия в команде разработки. 
Subscription levels5

Падаван

$1.29 per month
Учебные материалы бесплатны. Подписка - способ материальной поддержки.

Младший джедай

$2.58 per month
Учебные материалы бесплатны. Подписка - способ материальной поддержки.

Рыцарь-джедай

$3.9 per month
Учебные материалы бесплатны. Подписка - способ материальной поддержки.

Мастер-джедай

$6.5 per month
Учебные материалы бесплатны. Подписка - способ материальной поддержки.

Гранд-мастер

$12.9 per month
Доступ в сообщество и содружество по интересам JavaScript Jedi Academy
Go up