AngularJS Mini Project Tutorial with Source Code

In this angularjs mini project,
we will learn how to insert, update and fetch data from database.
using angularjs with php mysql as serverside. to follow along i
will leave the source code.

Insert and Update Data using AngularJS Source Code:

Steps to Create:
1. Insert Into Database using AngularJS
1.1. explain HTML
1.2. remove all ng-directives in AngularJS
1.3. add required ng-directives in AngularJS
1.4. add ng-app, ng-controller, ng-model and ng-click in AngularJS
1.6. why do we need $scope in controller in AngularJS
1.7. add validation to input field in AngularJS
1.8. why do we need $http in AngularJS
1.9. pass the input values to another file in AngularJS
1.11. send the button name using $http in AngularJS
2. fetch the data from database and Display in table using Angular JS in AngularJS
2.1. why do we need ng-repeat in AngularJS
2.2. how to access column names from accepted array in AngularJS
2.3. create function that should initialize when page loaded in AngularJS
2.4. use ng-init to initialize the function when page loaded in AngularJS
2.5. use $http to get records from database in AngularJS
2.7. get the json values using success function in AngularJS
2.8. on button click fetch all values from db in AngularJS
3. update data on clicking update button in AngularJS
3.1. pass the id, name and phone values on click using ng-click in AngularJS
3.2. onclick button, send the data to input field in AngularJS
3.3. add input type hidden field to pass id in AngularJS
3.4. change the button name to update in AngularJS
3.5. send additional data to $http in AngularJS
3.7. use ifelse condition for 'update' value of button in AngularJS
3.8. once data is updated, change the button name to add in AngularJS

Hello this is the playlist "angularjs tutorial for beginners step by step" this has angularjs full course in the way of mini angularjs projects with source code. This projects are aimed for the one who knows some angularjs program example then planning to switch to angularjs project in visual studio code

I have left source code for every angularjs project. below in the description completely angularjs projects for beginners guide to become intermediate level in AngukarJS 1.0

[codersk]

super bro your explaination is awsome, this mini project gives me a greate lesson about coading, i watched this video after one year your posted.😍😍😍😍

[syedameen]

Fine brother, . I will follow ur code flow., but i want know how to design this insterface in Angular? kindly reply pls

[ramprasadpolaris]

Nice explanation sir...I am getting 405 method not allowed while accessing insert.php..any solution pls

[priyankamane]

Can you send tr git link of this project