Проект todoAppJS
представляет собой небольшое интерактивное веб-приложение, целью которого является тренировка и практика работы с несколькими ключевыми аспектами веб-разработки. Этот проект фокусируется на развитии следующих навыков:
-
Асинхронность и промисы: Проект активно использует асинхронные операции и промисы для взаимодействия с сервером через сетевые запросы. Это включает в себя получение данных пользователей и задач, а также выполнение операций создания, изменения и удаления данных на сервере.
-
DOM манипуляции: В ходе выполнения проекта происходит манипуляция элементами DOM (Document Object Model), что позволяет динамически добавлять, изменять и удалять элементы на веб-странице. Это важный аспект работы с веб-интерфейсами, позволяющий создавать интерактивные и отзывчивые приложения.
-
Манипуляции с данными: Проект обрабатывает данные задач и пользователей, выполняя разнообразные операции, такие как добавление новых задач, обновление статуса выполнения, удаление и отображение задач. Это помогает развивать навыки работы с массивами данных и их изменением.
-
Сетевые запросы на сервер: Проект взаимодействует с внешним API (API JSONPlaceholder) через сетевые запросы, что позволяет получать реальные данные о пользователях и задачах, а также обновлять данные на сервере. Это важный аспект разработки, позволяющий интегрировать приложение с внешними ресурсами.
Суть проекта заключается в том, чтобы создать полноценное веб-приложение, которое не только предоставляет функциональность управления задачами, но и обеспечивает практическое освоение ключевых концепций веб-разработки, таких как асинхронность, манипуляции с данными, взаимодействие с API и динамическое изменение веб-интерфейса.
- Добавление, редактирование и удаление задач.
- Отметка задач как выполненных или невыполненных.
- Группировка задач по категориям или приоритетам.
- Фронтенд: HTML, CSS, JavaScript
- Хранение данных: Локальное хранилище браузера
- Склонируйте репозиторий:
git clone https://github.com/Glebee/todoAppJS.git
- Перейдите в папку проекта:
cd todoAppJS
- Откройте файл
index.html
в вашем браузере.