Category Archives: Integrated development environment (IDE)
How to open idea injelliJ from command line
Hi Friends,
It becomes very handy to open project in your IDE without wasting time in navigation from UI. To accomplish the same here is simple way. Run below commands and you are done 😉
curl -L "https://gist.githubusercontent.com/chrisdarroch/7018927/raw/9a6d663fd7a52aa76a943fe8a9bc6091ad06b18d/idea" -o /usr/local/bin/idea
chmod +x /usr/local/bin/idea
usage: open terminal and navigate to your project
idea .
Tested on Mac OS X
Note: If you get a “Permission denied” error, your /usr/local/bin directory probably isn’t writable and you’ll need to install script as the superuser. Run sudo -i, then the two commands above, then exit.
IDE : IntelliJ IDEA keyboard short cuts
Hi Friends,
Here are keyboard short cuts to make you more efficient programmer.
IDE : Brackets–A Javascript light weight editor
No need to refresh page, the html changes will reflect at the run time.
A modern, open source text editor that understands web design
Brackets is a lightweight, yet powerful, modern text editor. We blend visual tools into the editor so you get the right amount of help when you want it. With new features and extensions released every 3-4 weeks, it’s like getting presents all year long.
IDEs on web or online playground for JS
A variety of code playgrounds have appeared during the past couple of years. The majority offer a quick and dirty way to experiment with client-side code and share with others. Typical features include:
- color-coded HTML, CSS and JavaScript editors
- a preview window — many update on the fly without a refresh
- HTML pre-processors such as HAML
- LESS, SASS and Stylus CSS pre-processing
- inclusion of popular JavaScript libraries
- developer consoles and code validation tools
- sharing via a short URL
- embedding demonstrations in other pages
- code forking
- zero cost (or payment for premium services only)
- showing off your coding skills to the world!
The best feature: they allow you to test and keep experimental snippets code without the rigmarole of creating files, firing up your IDE or setting up a local server.
My favorite is Plunkr.
Plunker is an online community for creating, collaborating on and sharing your web development ideas. It has a very good support for AngualarJs.
It is just like an IDE on web. You can make changes in file see the preview online, error notification etc. Best thing is you can share the final POC with others to experiment 
you can create multiple files in the same project. This means you can test more abstractly, and easily swap functionality in and out. Your HTML head is in your code window making it easy to see what’s getting loaded. Being able to create your own files also means being able to create external datasources, which is fantastic for playing with dataloading functionality.
However there are other and they are nice as well. Have a look at them and pick what suits your taste 
JSFiddle
JSFiddle was one of the earliest code playgrounds and a major influence for all which followed. Despite the name, it can be used for any combination of HTML, CSS and JavaScript testing. It’s looking a little basic today, but still offers advanced functionality such as Ajax simulation.
CodePen
The prize for the best-looking feature-packed playground goes to CodePen. The service highlights popular demonstrations (“Pens”) and offers advanced functionality such as sharing and embedding. The PRO service provides cross-browser testing, pair-programming and teaching options for just $9 per month.
CSS Deck
This may be named CSS Deck, but it’s a fully-fledged HTML, CSS and JavaScript playground with social and collaboration features. It’s similar to CodePen (I don’t know who influenced who!) but you might prefer it.
JS Bin
JS Bin was started by JS guru Remy Sharp. It concentrates on the basics and handles them exceedingly well. As far as I’m aware, it’s also the only option which offers a JavaScript console. Recommended.
Dabblet
Another early playground, Dabblet started life as an HTML5/CSS3 demonstration system by Lea Verou but it’s recently received JavaScript facilities. It looks gorgeous and has one killer feature — browser CSS prefixes are added automatically. There’s no need to enter that -webkit, -moz and -ms nonsense yourself.
Tinkerbin
Tinkerbin is an alpha release and one of the simpler options here. It may not offer features above and beyond the alternatives but it’s attractive and functional.
Liveweave
Liveweave is slightly unusual in that it places your HTML, CSS and JavaScript into a single file. It’s not possible to share your creation, but you can download the result and store or open it locally. It’s ideal for quick and dirty private experimentation.
How to Find Which classes implements a particular interface by Eclipse?
Simplest way:
Right-click on the interface, and choose “Open type hierarchy”. Then click on “Show the subtype hierarchy”.
Another way:
- In the interface, move the cursor to the method name. Press F4. => Type Hierarchy view appears
- In the lower part of the view, the method should already be selected. In its toolbar, click “Lock view and show members in hierarchy” (should be the leftmost toolbar icon).
- In the upper part of the view, you can browse through all implementations of the method.
The procedure isn’t very quick, but it gives you a good overview.
How do you build a .jar file in Eclipse
If you want to distribute your project as jar or as executable jar, you might need follow a very simple steps.
1. you can click on the project, go to File –> Export.
2. Select jar and a dialog will come up.
3. Then, just select your options and you should be set.
