Определенно, единственный способ стать лучше в 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
***************/НАДЕЮСЬ, ЭТО БЫЛО РЕСУРСНЫМ/*********************