Learning about JavaScript Basics is not so difficult . But after learning JavaScript basics the actual problem starts . If we know about the some basics can we really understand the web applications ?
No , it is not possible . We have to develop some applications and practice the JS as much as we can . If we do like that we can have some understanding about the web applications.
In this post we are going to plan a CRUD (Create , Read , Update and Delete ) Application. I will Describe the requirements for the Application .
Lets start building a simple CRUD Application based on the following requirements :
lets assume we are having some students information as a array .
1 Display the Total Students info on a Table
2 Each row should have both edit and delete buttons
3 On click of each row , it should be converted in Editable fields and edit button should be changed as Update field . Once you update the info and click on the update , it has to be updated
4 Add a Create button , on click of the Create button a a form should be visible , we should be able to create and add a new Record
5 While Creating a new Record , we should accept only 20 Characters for First name and last name , 10 Characters for a mobile , and valid email id
6 Create A drop Down . Whatever the value we select on the Drop down , That much records should display in table
7 Create a Input field , whatever the value we enter that particular student info only has to be visible
8 On mouse over of a row background color has to be changed
9 Now Create a Ajax request to get all the data from the server(Fill text)
Sample application output should be like follows
No , it is not possible . We have to develop some applications and practice the JS as much as we can . If we do like that we can have some understanding about the web applications.
In this post we are going to plan a CRUD (Create , Read , Update and Delete ) Application. I will Describe the requirements for the Application .
Lets start building a simple CRUD Application based on the following requirements :
lets assume we are having some students information as a array .
1 Display the Total Students info on a Table
2 Each row should have both edit and delete buttons
3 On click of each row , it should be converted in Editable fields and edit button should be changed as Update field . Once you update the info and click on the update , it has to be updated
4 Add a Create button , on click of the Create button a a form should be visible , we should be able to create and add a new Record
5 While Creating a new Record , we should accept only 20 Characters for First name and last name , 10 Characters for a mobile , and valid email id
6 Create A drop Down . Whatever the value we select on the Drop down , That much records should display in table
7 Create a Input field , whatever the value we enter that particular student info only has to be visible
8 On mouse over of a row background color has to be changed
9 Now Create a Ajax request to get all the data from the server(Fill text)
Sample application output should be like follows
Comments
Post a Comment