21 августа я получил письмо от Front-End Foxes School. Они предложили мне место в их когорте осень 2021 года - в европейской группе. Был прекрасный субботний вечер в Харькове, я пил пива с друзьями в пабе, и в тот момент я был очень взволнован этой новостью. Впереди было пять недель обучения, и ничто не могло испортить мне настроение.

Front-End Foxes School - это учебный курс, проводимый женщинами для женщин. Это бесплатно и позволяет вам развивать свои навыки фронтенд-разработки лично или путем обучения в автономном классе. Доменное имя их сайта - vuevixens.org, и за этим стоит история. Сама Школа началась с сообщества разработчиков Vue.js, которое проводило семинары для FOXY людей, которые идентифицируют себя как женщины в разных странах, в том числе в Украине. Я упомянул о них в своем блоге три года назад.

Я изучаю Vue.js почти год. Я перепробовала разные курсы (и мне очень нравится Vue Mastery), но, честно говоря, я бы не отказалась пройти еще один 😂. Кроме того, я работаю разработчиком разметки и имею некоторый опыт создания сайтов. Поэтому я не была уверена, подойдет ли мне курс (не будет ли он для меня слишком легким или скучным). Я написал Джен Лупер, президенту и основательнице школы, и она ответила, что семинар предназначен для начинающих, но инструкторы будут углубляться в детали. И это было правдой!

Нашим инструктором в Европейской когорте был Джо Франкетти. Она является ведущим адвокатом разработчиков в Ably и потрясающим опытным инструктором по веб-технологиям. Каждое занятие с ней было вдохновляющим путешествием, полным новых знаний и небольших задач. Мы начали создавать простую веб-страницу с портфолио и закончили с прогрессивным веб-приложением. Позвольте мне показать вам, что мы сделали (щелкните заголовки, чтобы увидеть демонстрации).

"Портфолио"

Было два урока, посвященных изучению основ HTML и CSS. Для меня это хороший шанс познакомиться с лучшими практиками кодирования, узнать больше о семантическом HTML и использовать переменные CSS. Джо предложил нам простой дизайн, ориентированный на мобильные устройства, который мы могли настроить так, как нам нравится. Кроме того, я впервые использовал библиотеку GSAP, чтобы добавить немного анимации в свой проект 😳.

Игра с набором текста

Затем мы создали что-то более сложное и интересное - игру на JavaScript, чтобы попрактиковать свои навыки набора текста с цитатой из «Звездного пути». Мы учились писать JS-функции и операторы if-else, используя методы строк и массивов. Мне понравился стиль игры CSS. При наведении курсора на кнопку значок ракеты трясется. По окончании игры фон меняется: появляется яркое конфетти 🎉.

"Сбой"

Мы использовали Glitch для Typing Game и наших следующих проектов. Glitch - отличная платформа для изучения кода и экспериментов с ним. Но, прежде всего, это гостеприимное и дружелюбное сообщество для всех, кто хочет создавать Интернет. Glitch обеспечивает приятный опыт обнаружения, создания и обмена вашим кодом. И это позволяет вам импортировать или экспортировать ваш проект на GitHub! Если вы хотите узнать больше о Glitch - вот статья о Medium, написанная Анилом Дашем, генеральным директором Glitch.

Приложение Todo

Это приложение JavaScript для добавления ваших задач. Вы можете отметить как выполненное или удалить каждое задание. В Интернете есть множество руководств о том, как создать приложение todo на JavaScript. Но этот особенный, потому что он позволяет вам сохранять ваши задачи, когда вы закрываете окно, и возвращаться к нему позже (из разных браузеров или устройств). Это стало возможным благодаря использованию веб-API для хранения данных в нашем проекте 😍.

ДоггоГрам

Прогрессивное веб-приложение для поддержки ваших собак, созданное на Vue.js. Наконец-то у меня появилась возможность отточить навыки работы с Vue.js. Мы использовали v-if, v-on и v-for директивы, методы, ловушки жизненного цикла и параметр watch. Это был самый сложный проект за весь курс. Не только потому, что мы писали много JavaScript, но и из-за повсеместных ошибок, вызванных неправильным написанием «любимого» слова. Джо живет в Лондоне, поэтому она использовала слово «любимый».

Выводы

Некоторые из моих одноклассников сказали, что курс Джо был хорошим началом для их обучения, и в противном случае они бы потратили гораздо больше времени на изучение всего самостоятельно. Что касается меня, это был отличный семинар, который позволил мне больше уверенно писать и организовывать свой код JavaScript. Многое было для меня новым, и еще больше мне нужно было узнать позже. Теперь очевидно, что мне нужно глубже изучить веб-доступность и асинхронное программирование.

Хочу поблагодарить организаторов Школы за предоставленную возможность, моих одноклассников за помощь в отладке кода и Джо за отличный курс. Моя следующая амбициозная цель - однажды стать наставником Front-End Foxes School и помогать другим в их учебном путешествии 🦊. Спасибо за чтение! Пожалуйста, оставьте комментарий, если хотите поделиться собственным опытом обучения или идеями о моих проектах.