Monthly Archives: February 2017

Reasons to Choose the Bootstrap CSS Framework

Good Morning to all,
Bootstrap is a most popular HTML, JS framework , CSS and jQuery for creating website applications with future compatibility, simple standardization and customizable of HTML syntax. The Boostrap is a CSS framework. Its very easy in wed bevelopment. It contains JS, CSS, fonts and basic HTML files. Developers use different frameworks like Bootstrap, Less Framework, Foundation, Skeleton, and Create JS etc. as per the functional requirements.

Now, we see “How Boostrap has become popular?” Let us discuss some reasons “Why you should make a choice of the Bootstrap framework?”.




  1. Speed of Development
  2. Responsiveness
  3. Consistency
  4. Customizable
  5. Support
  6. Easy to use
  7. Base styling for most HTML elements
  8. Good documentation

Bootstrap is very popular free frond-end development framework.




1. Speed of Development

One of the biggest advantages of using bootstrap is speed development. Combine that with cross-browser compatibility and CSS-Less functionality, many hours of coding can be saved. If you’re looking to push out a new website or application quickly, you should definitely consider using Bootstrap.

2. Responsiveness

Bootstrap also helps responsiveness functionality. To develope the website, then we cansider responsive functionality becase the website is visible in all device like mobile, tap, desktop systems. Bootstrap is built on responsive 12-column grids, layouts and components.

3.Easy To use

The bootstrap is css framework. Its very easy to use and development. We can implement or include the bootstrap is very easyily. To start with your designing, you just need to download the Bootstrap framework in your directory, and then just pull what you need.




4. Customizable

Bootstrap can be tailor made according to the specifications of your project. Developers have the ability to pick and choose the features that are needed and the rest can be tossed. This is easily accomplished using the Bootstrap customize page. Simply tick off all the features you don’t need and your custom version of Bootstrap will be ready for download.

5. Support




Bootstrap has a huge support community behind it so you can usually get help when you run into issues. Furthermore, Bootstrap itself is being continuously updated and the creators have been really good about putting out timely updates. It’s currently being hosted, developed and maintained on GitHub with over 9,000 commits and over 500 contributors.

6. Base styling for most HTML elements

A website has many different elements such as headings, lists, tables, buttons, forms, etc. All these fundamental HTML elements have been styled and enhanced with extensible classes.

The HTML elements for which styles are provided are:

  • Typography
  • Tables
  • Code
  • Buttons
  • Forms
  • Images
  • Icons




7. Good documentation

Not only does Bootstrap offer styling for almost every element a typical website or web application requires, it also provides a great documentation with examples and demo that only make it more easier for even someone new.

If anyone has doubts on this topic then please do let me know by leaving comments or send me an email.

Angular Js applications – Insert, Fetch , Edit – update , Delete Operations

Good Morning To all,
The angular js is very useful framework to develope web applications. The angular js is a Javascript framework, we can buld well structured , maintainable ans easily testable front-end applications.

And Why Should I Use It?

If you are not try to develope application using angularjs yet, i really say you ae missing out. Its very useful and attractive,this will help you to build well structured, rich client-side applications in a modular fashion—with more flexibility and less code.



Today we focus, to develope SQL operations like insert, fetch, edit – update and delete operation using angularjs. All are familure, how to perform these operation via PHP code with javascript and ajax. And also we can develope these functionality via angualrjs with ajax.Its very simple and convenient.

Table Of Content

  • Insert the data into database
  • Read or Fetch the data from database
  • Edit And Update the existing data in database
  • Delete the data from database

In order to understand easily and effectively, we are going to create an application which will perform all the above-mentioned operation.

Insert the data into database

Everybody knows how to insert the data to the database using php using ajax with javascript. But nobody try to develope these operation using angularjs. AngularJs is very easy method to insert the data to the database via php page.
Here I explain this functionality via angularjsand and include output also .







my_file/user/add_user.php

first_name);
$last_name = mysqli_real_escape_string($conn, $data->last_name);
$email = mysqli_real_escape_string($conn, $data->email);
$userpassword = mysqli_real_escape_string($conn, $data->userpassword);
$userlevel=mysqli_real_escape_string($conn, $data->userlevel);

$query = "INSERT into shift_user(first_name,last_name,email,username,password,level,active) VALUES('$first_name','$last_name','$email','$email','$userpassword','$userlevel',1)";

mysqli_query($conn, $query);
echo true;
?>

The output as follows:
insert_query



Fetch/Read the data from database

From the above code everyone get an idea about angularjs and how to implement the applications using angularjs in php and get how to implement angularjs in ajax also.
Here we discuss how to get or fetch all the data from database using angularjs in php code.

	

my_file/user/user_details.php


The output as follows:
angular_fetch_all_data



Edit And Update the existing data in database

We already study how to insert, fetch the data from database using angularjs in php code. In here we discuss how to implement edit existing data then update in database.



my_file/user/update_user.php

user_id);

$first_name = mysqli_real_escape_string($conn, $data->first_name);
$last_name = mysqli_real_escape_string($conn, $data->last_name);
$email = mysqli_real_escape_string($conn, $data->email);
$userpassword = mysqli_real_escape_string($conn, $data->password);
$level=mysqli_real_escape_string($conn, $data->level);

$query = "UPDATE shift_user SET first_name='$first_name',last_name='$last_name',email='$email',username='$email',password='$userpassword',level='$level',active=1 WHERE user_id=$user_id";
mysqli_query($conn, $query);
echo true;
?>

The output as follows before updation:

angular_before_update




The output as foillows after successfully edit then update existing data
angular_after_update



Delete the data from database

	

my_file/user/delete_user.php

user_id";
mysqli_query($conn, $query);
echo true;
?>

Delete priya mary varghese from database. After successfully delete the output as follows:




angular_delete

Happy Coding

If anyone has doubts on this topic then please do let me know by leaving comments or send me an email.