Это был зверь, которого я изо всех сил пытался убить… .JavaScript.
Было несколько факторов, которые способствовали хаосу…
Ruby был моим первым языком программирования. Он структурирован и дисциплинирован. Это норма, к которой я привык. Это никогда не подводило меня.
JavaScript является частью Frontend Trinity (HTML, CSS и JS). Я хорошо знаком с HTML и CSS. Итак, насколько сложным может быть JavaScript?
Хотя верно то, что языки программирования имеют определенные характеристики, JavaScript может быть немного хаотичным для новичка.
И это привело меня к решению повторить раздел JavaScript. Это было тяжелое решение для меня. Я так отчаянно хотел идти в ногу с теми, кто был в моей первоначальной когорте. Сначала я чувствовал себя полным и абсолютным неудачником. Я решил сделать шаг назад и посмотреть на свое решение. Вместо того, чтобы смотреть на неудачу негативно, мне нужно было увидеть, чем она была на самом деле… дополнительные инвестиции в мой путь кодирования. Я мог улучшить свои навыки JS, только проведя с ним больше времени.
Каким-то образом мне пришлось придумать способ организовать JavaScript в своем мозгу, чтобы создать проект модуля 4. В конце концов я увидел способ заставить JavaScript работать на меня. В основном, когда вы работаете с JS, есть 3 части, которые должны присутствовать, чтобы что-то начало происходить…. Fetch-Manipulation-Render.
Выборка. Очевидно, нам нужно получить некоторые данные… или отправить данные обратно в API из серверной части, чтобы начать представлять их пользователю. Вот тут и приходит на помощь.
Предоставлено веб-документом MDN…..
Fetch API предоставляет интерфейс JavaScript для доступа и управления частями конвейера HTTP, такими как запросы и ответы. Он также предоставляет глобальный метод, обеспечивающий простой и логичный способ асинхронного получения ресурсов по сети».
Манипулирование. Когда мы, наконец, успешно извлекаем данные из серверной части, нам нужно сделать некоторые вещи и вещи (спасибо Рику Граймсу :) ) с данными, чтобы представить их пользователю. Мы делаем это с помощью таких концепций, как запросы DOM и прослушиватели событий.
Render- Теперь мы должны передать эти данные, которые мы извлекли и обработали, пользователю. Мы делаем это с помощью методов и атрибутов, таких как innerHTML и литералы шаблонов, для динамического написания HTML и многого другого.
Очевидно, есть и другие интимные детали, связанные с успехом сборки. Это просто более широкий диапазон, который я использовал для организации того, что я делал.
Любой будет прав, если скажет, что более свободные правила JavaScript можно считать желанной гибкостью. И они будут правы. Но для таких, как я, чем больше организованности и структуры… тем лучше.
Но… Наверное, самый важный урок, который я усвоил во время этого проекта, это….
Отходя от рабочего стола, всегда... ВСЕГДА опускайте текстовый редактор на панель задач. В противном случае ваш очень услужливый кот решит, что вам нужна помощь с вашим кодом, и начнет ходить по вашей клавиатуре и создавать совершенно новый язык программирования, понятный только коту.
Первоначально опубликовано на https://sedx876.github.io 30 июля 2020 г.
