Mini projetos javascript (Iniciantes) – 08 CRUD Completo
Neste vídeo, vamos entender o funcionamento de um CRUD completo e básico no javascript, utilizando o localStorage como “banco de dados”, consolidando os conceitos básico de javascript e, seguindo as boas práticas de programação como pequenas funções e funções puras. Tudo isso utilizando HTML, CSS e javascript puro.
O objetivo é ajudar os programadores iniciantes a dar os primeiros passos no mundo do desenvolvimento.
▶ Layout passo a passo
https://www.youtube.com/watch?v=7kYmi6p2H3o
▶ Arquivo base para o projeto
https://github.com/fernandoleonid/speed-code-css-html/tree/main/07-crud
▶ Olha o código
https://github.com/fernandoleonid/mini-projetos-js/tree/master/08-crud
▶ Como ficou
https://fernandoleonid.github.io/mini-projetos-js/08-crud/
▶ TimeLine:
0:00 Apresentação do projeto CRUD
3:57 Criação das funções
6:13 Create
26:48 Read
28:38 Update
32:52 Delete
37:10 interação com o layout
41:32 Validar os campos
46:20 Cadastro no banco de dados localstorage
51:20 Limpar os campos após o cadastro
58:00 Atualizar tabela
01:13:10 Editar/Excluir
01:32:00 Diferenciar Salvar Editar no botão salvar
▶ Playlist com todos os projetos
https://youtube.com/playlist?list=PLDgemkIT111AzoS1rB61sgMJbsEA4pyD2
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Assine o canal! https://www.youtube.com/fernandoleonid?sub_confirmation=1
Colabore com nosso canal por meio do PIX: [email protected]
▶ Redes Sociais
– Github: https://github.com/fernandoleonid
– Instagram: https://www.instagram.com/fernandoleonid
– LinkedIn: https://www.linkedin.com/in/fernandoleonid
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
#miniProjetos #CRUD #javascript
Comments are closed.