Я официально завершил первую фазу моего буткемпа. Эти последние три недели принесли невероятные испытания, а иногда и полные адреналина победы. Забавно так драматизировать, но это именно то, что я чувствовал.

Для контекста я чувствую, что должен объяснить свой опыт работы с компьютерами или их отсутствие. До этого буткемпа мои познания в компьютерах были совсем новенькими. В лучшем случае я бы использовал компьютер, чтобы отправлять электронные письма людям и иногда смотреть видео на Youtube. Даже таблица Excel казалась мне невероятно чуждой. Я никогда не думал, что смогу управлять терминалом, использовать VScode, и понять, что такое функции и как они работают. Фаза-1, несомненно, была американскими горками.

Первая неделя совсем не заняла времени, когда дело дошло до того, что я абсолютно погрузился в темную яму отчаяния. Никогда еще мой страх неудачи не был таким сильным, а уверенность в себе — такой низкой. Получившаяся петля обратной связи была ошеломляющей. Я решил, что единственный способ повысить свою уверенность во всем новом материале — это проводить каждую минуту, которая у меня была, за изучением, просмотром руководств и выполнением лабораторных работ. Я чувствовал, что если просто буду есть, спать и дышать JavaScript, то начну понимать, что происходит. Это познакомило меня с моим первым уроком буткемпа; отдых — необходимость. После работы по 16 с лишним часов каждый день, пытаясь наверстать упущенное и выучить JavaScript, я окончательно сломался. Настолько, что я регрессировал в своих знаниях кодирования. В конце концов, после некоторого отдыха, я почувствовал, что начинаю понимать около 40% того, что происходит, что, по словам моего технического тренера, является фантастическим началом. Отпраздновать эту маленькую победу было очень нужно. Был даже момент, когда я подумал: «Хорошо, я понял», но этот цикл уверенности, а затем ничего не знающего продолжается и сейчас.

Началась вторая неделя, и я готовился к тому же шоку, что и на предыдущей неделе. К счастью, на второй неделе все внимание было сосредоточено на другом, и я смог вздохнуть с облегчением. Вместо уверенности в себе, которая была на первой неделе, вторая неделя состояла из связывания всех наших навыков вместе, чтобы подготовиться к нашему первому испытанию по программированию. Эта практика была теплым приемом, и мне действительно нравилось повторять фиктивные задачи по программированию. Наша задача заключалась в использовании fetch() метод создания веб-сайта, размещенного на нашем местном json-сервер. Я уверен, что для большинства разработчиков это, вероятно, невероятно простая задача, но для меня и моих новичков в JavaScript это был сумасшедший вызов. Однако я узнал несколько очень полезных советов, которые помогут сохранить ваш код чистым и полезным.

//variables
const imageList = document.querySelector('#movie-list')
const title = document.querySelector('#title')
const yearReleased = document.querySelector('#year-released')
const description = document.querySelector('#description')
const image = document.querySelector('#detail-image')
const button = document.querySelector('#watched')
const bloodPoints = document.querySelector('#amount')
const bloodForm = document.querySelector('#blood-form')
const bloodAmount = document.querySelector('#blood-amount')
let selectedMovie; 

Войти в полноэкранный режим

Выйти из полноэкранного режима

Объявление переменные является фундаментальной частью кодирования. В больших блоках кода вы можете найти сотни объявленных переменных. Благодаря опыту я научился создавать пробел в начале вашего кода для объявления глобально переменные, чтобы быть супер полезным методом. Поверьте мне, это делает процесс решения проблем менее болезненным.

Наряду с объявлением глобальных переменных в организованном месте, я также научился называть их понятными и понятными способами.

const meunuList = document.querySelector('#menu')
const dishSection = document.querySelector('#dish')
let selectedItem;
const dishName = document.querySelector('#dish-name')
const dishDescription = document.querySelector('#dish-description')
const dishImg = document.querySelector('#dish-image')
const dishPrice = document.querySelector('#dish-price')
const dishText = document.querySelector('#dish-text')
const menuItems = document.querySelector('#menu-items')
const cartForm = document.querySelector('#cart-form')
const cartAmount = document.querySelector('#cart-amount')
const numberInCart = document.querySelector('#number-in-cart')
Войти в полноэкранный режим

Выйти из полноэкранного режима

Выше приведен яркий пример того, как не следует называть ваши переменные. Я мог бы сэкономить себе много времени и нервов, если бы назвал эти переменные более понятным образом. Например
const meunuList = document.querySelector('#menu') а также
const menuItems = document.querySelector('#menu-items')
оба названы очень похоже. Часто я использовал переменную menuList, когда мне нужны были элементы меню или наоборот. Мораль такова: называйте свои переменные так, чтобы вы могли точно определить, к чему вы обращаетесь.

Именно на второй неделе мне действительно понравилось работать над этими практическими задачами. Мне казалось, что я действительно вижу прогресс, которого я добился с помощью JavaScript, и мне было интересно пытаться решить свои функции всеми возможными способами. поиск путей консолидации и очистить мой код был очень удовлетворительным и почти как игра. Например:

const divide = function(param1, param2){
    return param1 / param2
};

// can become shorter with an arrow function;

const divide = (param1, param2) => param1 / param2
Войти в полноэкранный режим

Выйти из полноэкранного режима

По моему скромному мнению, последняя функция выглядит намного чище.

До сих пор мой опыт с моим буткемпом, Фазой-1 и программированием в целом был довольно хорошим! Помимо случайного глубокого погружения в бездну отчаяния, я действительно чувствую, что могу освоить этот навык. Я верю, что до тех пор, пока я продолжаю изучать это и повторять свою мантру, я буду только продолжать улучшать свои навыки.

Мой буткемп прислал мне это изображение в мой первый день. Я часто ссылаюсь на него.

Описание изображения