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

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

Примечание: вы можете стать лучше только тогда, когда разберетесь сами.

Создать приложение счетчика

В этом проекте вы создадите приложение счетчика, которое по умолчанию отображает значение 0 и имеет 3 кнопки: увеличение, уменьшение и сброс.

  • При нажатии кнопки увеличения значение увеличивается на 1.
  • При нажатии кнопки уменьшения значение уменьшается на 1.
  • При нажатии кнопки сброс значение становится равным 0.

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

Особые темы

  • Функции, переменные
  • Манипуляции с D.O.M.
  • обработчики событий
  • по событию клика
  • стилизация через CSS

Создайте приложение со списком дел

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

Этот проект действительно хорош, потому что он расширяет ваши знания о грубых операциях. CRUD – это тип механизма, который позволяет вам создавать данные, читать данные, редактировать их и удалять эти данные. Приложение списка дел — действительно хороший пример приложений, основанных на crud.

Особые темы

  • Массивы, объекты и функции.
  • Манипуляции с D.O.M (appendChild, createElement, createTextNode, remove)
  • Форма[Получение значений с помощью JavaScript, проверка формы]
  • стилизация через CSS

Создайте генератор случайных паролей

Вы создадите генератор случайных паролей, который генерирует 6 случайных цифр при нажатии кнопки генерации.

Бонус: если вы также можете добавить кнопку копирования, которая копирует сгенерированные 5 цифр в буфер обмена.

Конкретные темы

  • Обработчики событий
  • Функции
  • текстовое содержимое, windows.copy,
  • Math.random, Math.floor

***************/НАДЕЮСЬ, ЭТО БЫЛО РЕСУРСНЫМ/*********************