Урок, извлеченный из # Javascript30

Привет, народ. Я очень рад, что я обнаружил, что этот курс изменил мою игру. Вы можете найти это здесь". и мои файлы здесь.

Зачем нужен Javascript30?

Вы спросите, что побудило меня пройти этот курс? Ну, я недавно начал испытание # 100DaysofCode, и я хотел улучшить свои навыки Javascript, поэтому я продолжил искать полезные ресурсы, которые могли бы мне помочь, и я наткнулся на этот прекрасный курс от Wes Bos Javascript 30.

Здесь я расскажу о том, что мне понравилось, и о том, что я узнал из этого курса.

Массивы: мне понравилось то, что это видео было действительно подробным, помогло мне легко понять концепцию.

array.some() // checks if some conditions in an array is true if so it returns true.
array.every() // checks if every condition in an array is true or      false if it is true it return true else it returns false.

Переменные CSS. Это просто помогает избежать повторения стиля при оформлении. Определив конкретный стиль в корне и используя var () во всем коде.

:root{
  --main-bg-color: #000;
}
.container{
   background-color: var(--main-bg-color);
}
.one {
   background-color: var(--main-bg-color);

Уловки с консолью. Мне понравилось поиграться с этим.

console.log()     // Outputs a message to the Web 
console.table()   //  display data in a table
console.warn()    //  display warning
console.error()  //  display error
console.clear()   //  clear console
console.count()  //   display number of times count() has been invoked.

Javascript EventListener: этот метод используется для запуска события DOM. Он имеет различные типы, начиная от mouseup, keyup, mousedown, mousemove, on-click и scroll.

Fetch API: это одно из моих любимых, я узнал, как использовать Fetch API для отображения списка штатов в стране.

Flexbox: упрощает компоновку и выравнивание элементов.

.panels {
      min-height:100vh;
      overflow: hidden;
      display: flex;
      flex-direction: column;
}

Html Canvas: мне было весело работать над этим проектом.

Элемент HTML ‹canvas› используется для рисования графики «на лету» с помощью сценариев (обычно JavaScript).

Web Speech API: здесь я поигрался с Web Speech API. Web Speech API добавляет в JavaScript распознавание голоса (преобразование речи в текст) и синтез речи (преобразование текста в речь).

Мои любимые проекты

Эпилог

Вот и все, ребята. Мне очень понравилось проходить этот курс. Вес Бос - отличный учитель. С нетерпением жду возможности узнать больше о JavaScript и программировании в целом.