/todo-list

This is the conclusion project of JavaScript track course.

Primary LanguageJavaScript

ENGLISH

How to use

To access, use as login and password:

login: admin password: admin

This is a case study only, where the objective is learning. User and password were pre-defined in the script that takes care of user validation routines. In a production application, this data will be provided by a database.

TODO List Project

This project is the final project of the JavaScript trail, covered throughout FULLTURE's FULL STACK development course.

From a given layout, we were challenged to create a task list using pure JS, without any framework or lib, using just the knowledge acquired along the way.

What was learned / worked out

The built application involved the following concepts:

  1. Creation and assignment of LET and CONST variables;
  2. Use of functions, through functions declarations;
  3. DOM manipulation, using selectors like GetElementById and querySelector;
  4. Array manipulation;
  5. Creation and manipulation of objects;
  6. WebStorage API, such as LocalStorage and SessionStorage;
  7. Access with login and password control;
  8. Completed and uncompleted task filters.

This CRUD (Create, Retrieve, Update and Delete) system is an early version of a control system.

CRUDs are used in all types of systems, so this acronym is already widely known in the development environment.

PT-BR

Como usar o app

Para acessar, utilize como login e senha:

login: admin senha: admin

Por se tratar de um estudo de caso, cujo objetivo principal foi o aprendizado, usuario e senha foram pre-definidos no script que cuida das rotinas de validacao de usuario. Em uma aplicacao de producao, estes dados serao fornecidos por um banco de dados.

Projeto todo list

Este projeto é o projeto de conclusao da trilha de JavaScript, perocrrida ao longo do curso de desenvolvimento FULL STACK da FULLTURE.

A partir de um layout fornecido, fomos desafiados a criar uma lista de tarefas utilizando JS puro, sem nenhum framework ou lib, utilizando os conhecimentos adquiridos ao longo da trilha.

O que foi aprendido/utilizado

A aplicaçao construida envolveu os seguintes conceitos:

  1. Criacao e atribuicao de variaveis LET e CONST;
  2. Uso de funçoes, através das functions declarations;
  3. Manipulacao do DOM, com o uso de seletores como GetElementById e querySelector;
  4. Manipulaçao de array;
  5. Criacao e manipulacao de objetos;
  6. HTML api, tais como LocalStorage e SessionStorage;
  7. Controle de acesso com login e senha;
  8. Filtros de tarefas concluidas e nao concluidas.

Este sistema de CRUD (Create, Retrieve, Update and Delete) é uma versão inicial de um sistema de controle.

CRUDs são usados em todo tipo de sistema, por isso esta sigla já é largamente conhecida no meio de desenvolvimento.