День 14 J avaScript 30 Веса Боса рассказал о фундаментальной разнице между ссылкой и копией . Эти концепции объясняют один из странных аспектов поведения JavaScript. Код был довольно простым, но демонстрировал концепцию. let age = 100; let age2 = age; console.log(age, age2); //100,100 age = 200; console.log(age, age2); //200,100 will not update 2nd variable Это связано с тем, что для строк, чисел и логических значений создается копия . Поэтому, когда мы меняем переменную в..

День 25 JavaScript 30 Веса Боса работал над концепцией прослушивателя событий и представил однажды . Мы начали с трех вложенных div, выбрали их, и консоль зарегистрировала событие. const divs = document.querySelectorAll('div'); function logText(e){ console.log(this.classList.value); } Если вы нажмете на самый внутренний div, все три div зарегистрируют событие click. Это происходит из-за «пузырьков» , когда событие клика распространяется по всему документу, включая каждый..

30-й день JavaScript 30 Веса Боса завершил отличный курс созданием игры Ударь крота . В этом уроке не было много нового материала, вместо этого он закрепил то, что мы узнали. И было весело играть в игру после того, как я закончил! Мы начали с выбора классов и именования переменных. const holes = document.querySelectorAll('.hole'); const scoreBoard = document.querySelector('.score'); const moles = document.querySelectorAll('.mole'); let lastHole; let timeUp = false; let score = 0;..

Я был довольно доволен своим прогрессом в изучении JavaScript, когда завершил несколько последних проектов по программированию в курсе Веб-разработка 101 с помощью Odin Project . Я мог перемещаться по базовому JavaScript; циклы, массивы, функции и даже базовое понимание того, что такое объект. Я мог работать с объектной моделью документа (DOM), чтобы достаточно хорошо управлять элементами HTML и CSS. Хотя я далек от эксперта, я начинаю видеть некоторые результаты своих усилий и..

Еще один небольшой проект от Веса Боса, снова посвященный нескольким концепциям кодирования. Мне нравится, как Бос распределяет эти понятия в проектах. Это помогает увидеть, как они используются в реальном приложении. В этом проекте использовались три ползунка для ввода изменений соответствующих переменных CSS, интервалов, размытия и основного цвета. В «управляющем» div Бос написал HTML для каждого ввода. Вот код для интервала: <label..

Массивы, хэши, строки, циклы: начинающему кодеру эти концепции могут показаться чуждыми и трудными для вычисления. За первые несколько недель работы в качестве нового кодировщика мне представили множество терминов и синтаксических правил, и в любой момент я обнаруживал, что задаюсь вопросом «с чего начать !?». Теперь, когда прошло несколько недель, я считаю очень полезным вернуться к своим предварительным вопросам, чтобы задать им еще один, используя различные методы. Проблема:..