Student Management System | JavaScript CRUD Application | Special for beginners .

Key Takeaways

foreign let's create this at school management system we can see how to work this simple web application we can insert records using submit button if some input boxes empty system gives error massages like this let's enter some data [Music] hello [Music] we can edit our records and we can delete that records [Music] let's start this web application open new versus code project.dancreatehtml CSS and JS feels like this [Music] foreign HTML part we Implement main body structure of overproject [Music] linked CSS page with this page [Music] [Music] thank you [Music] foreign [Music] let's create table with two columns one for student form another one for set picture [Music] thank you [Music] at first we can create student information form now we can link Javascript file [Music] [Music] the validation section is used to ensure that the inputs are not empty [Music] foreign [Music] foreign [Music] foreign [Music] [Music] [Music] foreign [Music] I used it for this column foreign [Music] now we have to implement another table for show records after submit records foreign [Music] [Music] [Music] edit delete button is in the action column [Music] let's move to CSS file for style this HTML page foreign [Music] foreign [Music] foreign [Music] [Music] foreign [Music] foreign foreign [Music] let's go to the Javascript file [Music] dot now Implement red for data method insert new record method reset form method owned it method update and delete method [Music] [Music] thank you [Music] foreign [Music] foreign [Music] foreign [Music] [Music] foreign [Music] foreign [Music] foreign [Music] foreign [Music] [Music] foreign validation part [Music] foreign [Music] foreign [Music] foreign [Music] [Music] [Music] press submit button without input form data we can see error massages the message is read from this section foreign [Music] you can edit and deleted records using buttons thank you [Music] we don't use local storage for store data once refresh the web page records were clear so in the next video I will store data in the local storage see you again in that video thank you for walking