Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-21

1 <a>#статьи</a>

2 <ul><li>27 янв 2022</li>

3 <li>0</li>

4 </ul><h2>Как выглядит крутая стажировка: много практики и обучение фронтенду по онлайн-играм</h2>

5 Руфь проходила стажировку на позицию фронтенд-разработчика в небольшой IT-компании. Она поделилась впечатлениями и обучающими материалами.

6 Онлайн-журнал для тех, кто влюблён в код и информационные технологии. Пишем для айтишников и об айтишниках.

7 об эксперте

8 Junior Frontend Developer в аутсорс-компании. Пишет на JavaScript, React и TypeScript. Любит кодить, изучать новые технологии, искусство и играть на скрипке.

9 В начале стажировки нас предупредили, что она на 80% будет состоять из практики и только на 20% - из теории. Мы проходили вёрстку на Flexbox, Grid и Sass, работали с <a>Git</a>и прогали на JavaScript, React и Redux. Решили много задач и написали несколько проектов.

10 За те два месяца стажировки я здорово прокачала технические скиллы - раньше уже пыталась взяться за Redux, но постоянно откладывала на потом. А тут уже на третий день мы писали на нём пет-проект. Теперь вкратце расскажу, как практиковались в разных технологиях.

11 Стажировка началась с изучения Git. Нам дали ссылки на <a>пошаговое руководство</a>по работе с Git-клиентом и <a>небольшую шпаргалку</a>: как устроено ветвление, как добавлять код в репозиторий, производить слияние и так далее.

12 Ещё поделились видео, в котором детально рассказывают об основных командах:

13 Также дали ссылки на классные игры:<a>Oh My Git!</a>и <a>LearnGitBranching</a>. Они позволяют попрактиковаться в решении проблем, с которыми часто сталкиваются программисты в командной разработке. Иногда попадаются очень сложные задания, но зато после них вам уже ничто не будет страшно.

14 Статья написана на основе<a>треда</a>Руфи в Twitter.

15 Мы <a>верстали</a>макеты с анимацией и переходами, на Flexbox и Grid, под разные разрешения и устройства. Если раньше я знала SASS в теории, то здесь получила хорошую практику. Кроме того, мы верстали страницы по методологии разработки сайтов<a>БЭМ</a>, которую придумали в "Яндексе".

16 Поделюсь ссылками на игры, в которых можно потренировать навыки вёрстки на гридах и флексах.

17 В <a>Grid Garden</a>можно изучать Grid, выращивая морковь. А в <a>Flexbox Froggy</a>надо помочь лягушатам перебраться через пруд с помощью CSS и FlexboxВ <a>Grid Garden</a>можно изучать Grid, выращивая морковь. А в <a>Flexbox Froggy</a>надо помочь лягушатам перебраться через пруд с помощью CSS и FlexboxПотом мы написали на <a>JavaScript</a>несколько небольших проектов. Оказывается, кодить на ванильном JS после React - очень непривычно :)

18 Было много алгоритмических задач на понимание циклов и перебор массивов. Например, даётся два массива, и нужно сложить из их элементов новый массив, используя разные решения.

19 Ещё работали с асинхронными запросами - async/await и promise. Тренировались на <a>CheckiO</a> - он похож на сервисы<a>Codewars</a>и <a>LeetCode</a>. За решённые задачи игроку начисляются очки и открываются локации с новыми уровнями.

20 CheckiO проходят на TypeScript, но решения сильно напоминают код JavaScript. По понедельникам ментор отслеживал личный прогресс каждого стажёра и записывал, кто до какого уровня добрался :)

21 На React тоже собирали небольшие проекты: работали с серверными данными, писали базовую логику, делали модальные окна и осваивали классический<a>Redux</a>. Сейчас в компании используют<a>Redux-Saga</a>, поэтому его тоже планирую освоить в ближайшее время.

22 Ещё понравилось, что для каждого задания нужно было написать вариант с функциональными компонентами, а затем переписать на классах или наоборот. Думаю, тут ссылки не нужны. Лучший материал по React, на мой взгляд, - это<a>официальная документация</a>.

23 Последние три недели стажировки мы делали корпоративный сайт для сотрудников компании. Процесс напоминал реальный проект: у нас был проджект-менеджер, который давал таски, и каждый день проводились митинги, на которых мы рассказывали о проделанной работе.

24 По результатам проекта оценивали, насколько мы готовы к работе в "боевых" клиентских проектах. Меня пригласили к СЕО, где озвучили оффер и поздравили с успешным прохождением стажировки. Сейчас я работаю на позиции Junior JavaScript-разработчик в очень классной команде, изучаю новые технологии и углубляю знания в веб-разработке :)

25 <a>Бесплатный курс по Python ➞Мини-курс для новичков и для опытных кодеров. 4 крутых проекта в портфолио, живое общение со спикером. Кликните и узнайте, чему можно научиться на курсе. Смотреть программу</a>