Это была неделя выхода из спячки после простуды, встречи с друзьями на поздний завтрак, кино и бразильское барбекю. Кто вообще знал, что у нас есть такая потрясающая кухня в Мельбурне?! Я даже подумывал пойти на йогу и пилатес.

Третья неделя SheCodes Plus была посвящена версии JavaScript (JS) из семинара Основы. Это включало функции (prompt(), alert() и создание собственных), операторы if/else, тестирование и отладку через console.log() и кодирование в литералах шаблонов, среди прочего.

И третья неделя представила — больше и новый JS!

Новые инструменты, которые я использовал на этой неделе

Очень много!

  • Типы данных JS — объекты (с (строками, логическими и числовыми значениями), свойствами и ключами) и массивы)
  • консоль регистрирует свойство объекта
  • массивы: зацикливание (forEach()) и обновление, доступ и удаление (splice()) элементов
  • .replace, .length, .trim, .toLowerCaseи .toUpperCase методы
  • Math.round(),Math.floor(),Math.ceil(),Math.min(), Math.max() и Math.random()

Отказ!

Эта неделя была тяжелой, и не из-за времени или усталости. Я был искренне сбит с толку 🥴 некоторыми циклами и провалил домашнее задание.

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

Я написал несколько довольно запутанных операторов if/else, которые дублировали оповещения и неправильно обрабатывали массив. Я пытался использовать forEach(), не совсем понимая, как и что он делает. Я решил представить это.

Мой план состоял в том, чтобы дождаться обратной связи, а затем посмотреть на какой-нибудь пример кода с ясной головой и улучшить мой код задачи или начать снова и повторно отправить. Надеюсь, через несколько недель я смогу вернуться и сказать, что полностью все понял ✌🏻

Объяснение концепций и привычек на этой неделе

  • функции для изменения вводимого пользователем текста и возврата последовательно отформатированного текста, например,
    let спасение = «кафе»;
    город = спасение.trim().replace("e", "é").toUpperCase();
  • почему ключи для объектов и названия свойств должны иметь смысл (наша обязанность как разработчиков — позволить другим разработчикам прочитать и понять их)
  • почему важно создавать несколько объектов с согласованными последовательностями свойств (позволяет нам получать доступ к этим свойствам и управлять ими)

Чему я научился, поначалу ошибаясь

1. 🚫 .method() внутри alert()

Не помещайте метод .trim внутрь другой функции. Примените его к переменной на более ранней стадии скрипта, например. НЕ ЗДЕСЬ ⤵️

Это не сработало. Я полагаю, что функция alert отображает содержимое переменных/строк/чисел, но не результаты других методов (включая trim()). ). Если это понимание неверно, я хотел бы услышать, почему в комментариях ниже ⤵️ 🙏🏻

Вместо этого сначала обновите переменную, чтобы удалить пробел ⤵️

Это также читается более чисто.

2. больше запятых, пожалуйста

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

Полезные советы!

  • Акценты на буквах (на Mac) — просто нажмите и удерживайте клавишу буквы, на которой вы хотите поставить ударение («а»), и появится всплывающее окно (à á â ä æ ã å ā) — так просто!

Хотите лучше понять

  • роль квадратных скобок [ ] в вызове и возврате свойств объекта/массива
  • организовать мои функции более логично и просто
  • цикл и forEach()

Узнать об обучении

  • 💡 🤦‍♀️ Когда многому учишься сразу, забавно, как очевидные объяснения, о которых ты никогда не думал, выпрыгивают через века: «Поскольку у нас есть персонажи, которые связаны друг с другом, мы называем это строка». — Матьё Делак, основатель/инструктор SheCodes.io
  • Я продолжаю возвращаться к этому совету и верю, что повторение практики как в конечном итоге откроет почему:

  • При просмотре видео паузы и выполнение всего, что делает инструктор, помогает мне лучше учиться, даже если это просто открытие нужной части консоли DevTools. Это занимает гораздо больше времени, но более эффективно, чем пассивный просмотр видео, а затем попытка выполнить задание/домашнее задание/мой собственный проект. Позже, когда я делаю свои собственные проекты, всплывают некоторые знания, инструмент или ярлык 🎉

Далее!

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

Приближается, успех JavaScript! А потом… опять провал. Это то, что они называют рекурсией?!