Hi guys,
As far as I step into new projects, I will try to inform all of you with new algorithms, syntaxes and some recent post-modern technological tools/developments/usages of plug-ins.
Nowadays, my project includes some front-end specilities which focuses on dynamic data transaction. The proejct is about an Admin Panel makes some automation for the end-users and includes the duty of controlling them. Because of the fact that we want to get the datas of the users and their related information without refleshing the browser page, AJAX ( Asyncronous JavaScript And XML ) is our best option to view a page. Instead of not wasting our time and energy for creating visual effects, JQuery library is used in this project with the advantage of its developer-friendly "$.ajax" attribute.
( JQuery web page: http://jquery.com/ )
( A good example of JQuery AJAX usage using JSP: http://www.mobisoftinfotech.com/blog/web-programming/jquery-datatable-ajax-tutorial-with-example-project/ )
For general knowledge, what a developer must to is performing a clean work. What is 'a clean work' then? Using a clean hierarchical structure, creating folders with its related sub-contents, using object oriented structure while developing process in the code, creating generic libraries, methods in order not to write/implement same lines of codes over and over again at the different part of the project. In other words, for this project we can divide it into two seperate parts. One is for the visualized part which includes html files in it, other part is for javascript files for each pages. Thus, we don't need to write thousands of javascript codes into our html files. We can call all the javascript files like;
<!--CSS Files-->
<link rel="stylesheet" href="css/master.css">
<link rel="stylesheet" href="css/tables.css">
<link rel="stylesheet" href="css/iphone-check.css">
<!--JS Files-->
<script src="js/min/jquery-1.8.3.min.js"></script>
<script src="js/min/jquery-ui-1.9.2.min.js"></script>
<script src="js/min/jquery.dataTables-1.9.4.min.js"></script>
<script src="js/min/sticky.min.js"></script>
<script src="js/min/forms/iphone-check.min.js"></script>
<script src="js/min/global.min.js"></script>
<script src="js/min/auth.min.js"></script>
<script src="js/min/pins.min.js"></script>
<!--Fonts-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>
...to be continued
...to be continued
Hiç yorum yok:
Yorum Gönder