Results 1 to 7 of 7

Thread: What are useful tools for developer in JavaScript

  1. #1
    Join Date
    Jul 2010
    Posts
    25

    What are useful tools for developer in JavaScript

    I want to know about the tools that can be useful for developers those who are working in JavaScript. I am not aware of these tools, so thought to take some help from you guys. In recent years there has been a proliferation of websites that make it a more widely used (often indiscriminately) of Javascript and Ajax. I have also done JavaScript to some extent, but not in deep. I use the coding for basic form, but not highly defined forms where authentication and other things are used. I want to know what are useful tools for developer in JavaScript? I am sure that there would be someone who will help me soon.

  2. #2
    Join Date
    Oct 2008
    Posts
    105

    Re: What are useful tools for developer in JavaScript

    The progress of the browser, with gradual adaptation to the ECMAScript specification, and the emergence of Javascript libraries like JQuery, Mootols, Prototype, YUI Library, Dojo, Ext, allowed developers to create more easily usable, highly interactive interfaces (often also available): modal windows and lightboxes, tooltip, and notification messages, slideshows and image galleries, drag & drop, popup menu, auto camps in the availability of third-party plugins is almost endless. Improper use of large numbers of Javascript and writing inefficient code can, however, strongly affecting performance of a site, adversely affecting the speed of page loading and script execution time. First-hand feel for a good job of optimization, simply navigate to the Web sites of the moment: Facebook, Gmail, Google Maps, YouTube, Vimeo, Flickr, Ebay also ... all applications that use a fair amount of JavaScript and Ajax, but which retain a speed of lean and nice.

  3. #3
    Join Date
    Apr 2009
    Posts
    51

    Re: What are useful tools for developer in JavaScript

    Among the factors affecting the performance of a website, totally out of our control and conditioning is the high-speed Internet connection of the navigator. The availability of bandwidth and speed of the server that hosts the site are important, but hosting a performance may not make up for deficiencies of design. The developer is also given to know the hardware, operating system and browser, these elements also crucial because JavaScript runs on the client language. In particular, every browser adopts a proprietary engine, with performance considerably different: we will have to find compromise solutions to enable the best results on different hardware platforms and software.

  4. #4
    Join Date
    Feb 2010
    Posts
    207

    Re: What are useful tools for developer in JavaScript

    Just the browser (but more modern ones) have features or extensions have become indispensable in developing a web application, even from the viewpoint of optimization. There is a plugin for Mozilla Firefox, Firebug, here the main features: analysis of the structure of HTML and CSS, DOM inspector, HTTP request resources panel, with the file information, the weight of the elements and browser's cache. There is also a real console for debugging JavaScript errors and profiling the script, which also offers a series of commands, once enabled, to access Firebug just click on the "start" at the bottom Right on the status bar of your browser. Specifically, it can be extended with two additional Firebug plugin, developed by Yahoo and Google, respectively, which allow a more accurate analysis of web pages and provide a report with recommendations to improve performance: to YSlow and Page Speed.

  5. #5
    Join Date
    Feb 2010
    Posts
    570

    Re: What are useful tools for developer in JavaScript

    In the most recent versions of Apple Safari and Google Chrome is not necessary to install additional plugins, in fact, contain native tools like Firebug: the development of Safari menu is not shown by default but is enabled in the Preferences, Advanced tab: As the options for Chrome developers can be reached by clicking the Page menu. Both browsers provide a JavaScript debugger and profiler (supports the Firebug Console API), an accurate panel resources and a DOM Inspector. Coupled with Chrome you can also install Speed Tracer , a tool to monitor the performance of specific pages. With the latest version (8), Internet Explorer also has a console worthy of the name (accessible by pressing F12), with all the main features offered by competitors; be noted, however, the lack of a panel resources and only partial support Command APIs Firebug.

  6. #6
    Join Date
    Feb 2010
    Posts
    658

    Re: What are useful tools for developer in JavaScript

    If you are in the first basic level of tuning of our application: the time of loading a web page (loadtime) was mainly influenced by the actual weight of the page (and its components) and the number of HTTP requests made (for Javascript files, CSS, images, Ajax, Flash objects, etc.). In general practice is to pass the test the HTML code to eliminate unnecessary empty tags, white space, HTML comments, the use of redundant nested nodes (such as <div> ). Also be checked at the CSS styles that should not be declared inline in the document, but should be placed in an external CSS file. The same goes for javascript. A simple HTML structure, in full respect of semantics, as well as being rendered by the browser faster, it should be even at the time of execution of our script if they are to parse the DOM to perform various operations.

  7. #7
    Join Date
    Apr 2008
    Posts
    242

    Re: What are useful tools for developer in JavaScript

    Of course, remember to save in the appropriate formats (gif, jpg, png) and compress the images and graphics properly with the appropriate editing software: you must use thumbs no larger than necessary and not scaled images just because you can set the width and height in HTML. For images of the background is highly recommended the use of CSS sprites : combine multiple images into a single background helps to lower the number of HTTP requests. Always looking to reduce weight, you can minimize Javascript and CSS files by removing comments, spaces and all forms of indentation. It is obvious that such a practice makes it virtually impossible a subsequent modification of the code and debug JavaScript errors, thus minimizing the operation must be carried out only at the end of our work by developing a version of development and production for each compressed file. One of the best tools available is the YUI Compressor , which has many options for compressing JavaScript and CSS. Being written in Java that the program would run from the command line, however there are also a online version and a convenient GUI for Windows . Another valuable "Javascript" is the Packer from Dean Edwards. In this case, an important recommendation: Only variables shrink without tick the Base62 encode that also ensure a better compression ratio. This is to avoid using the construct eval() which would require more work to the browser to decode and interpret the code.

Similar Threads

  1. Intel buys appMobi for HTML5 developer tools
    By Johnny in forum Web News & Trends
    Replies: 1
    Last Post: 25-02-2013, 11:22 AM
  2. Replies: 7
    Last Post: 04-01-2012, 09:14 PM
  3. Will developer tools for Orcs Must Die
    By Jackia in forum Video Games
    Replies: 3
    Last Post: 07-10-2011, 07:08 AM
  4. Developer tools console redirects in Google Chrome 13
    By DakshaMira in forum Technology & Internet
    Replies: 3
    Last Post: 14-09-2011, 10:24 PM
  5. Internet Explorer 8 Developer Tools is not working
    By Priscilia in forum Technology & Internet
    Replies: 4
    Last Post: 07-02-2011, 10:28 AM

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
Page generated in 1,711,635,709.10014 seconds with 17 queries