tools used in web development - web

Is there any website or resource using which we can find out what tools or languages might have been used in developing a particular website..
thanks and best regards.

Check out the wappalyzer addon of firefox.
Wappalyzer is an add-on for Firefox
that uncovers the technologies used on
websites. It detects CMS and
e-commerce systems, message boards,
JavaScript frameworks, hosting panels,
analytics tools and more.

Related

Software and Language differences between Web Development and Desktop Applications

So I have decided that I want to create an application that is accessible offline. I have experience creating websites using html5, css3, and javascript. I researched some of the differences but can not get a straight answer.
My question is :
What software and languages are important/crucial to know and use when building a desktop application that can be used offline but also uses online tools?
For example, Spotify. Do HTML, CSS, and javascript still get used? Does the code still get written in atom? or does everything change?
It varies. Many desktop applications use programming languages like Java, C++, Python or C# and some desktop UI framework (read: not HTML and CSS). But other applications use Electron (or a similar approach), which allows you to write desktop applications in JavaScript, HTML and CSS.
According to this answer, the Spotify desktop app is (or at least used to be) written both in C++ (for the "core" parts) and in JavaScript, HTML and CSS (for the UI).
The other desktop app you mentioned, Atom, is actually where Electron originated.
As for which editor is used, again, it varies. Atom can be used to write programs in many languages (including those used commonly in desktop applications). Though most people use another code editor (like Visual Studio Code or Vim) or an IDE (like Visual Studio, IntelliJ or Eclipse).

Mac, Windows, Linux - which platform for web development?

I am using Windows at the moment and i am working on web development. However, my development approach is some kind of retro. My projects are old and i would like to switch to a responsive layout and OOP code on my PHP side. I did some research on new web design and development concepts.
Some examples are Foundtation and Bootstrap framework for responsive and clean HTML/CSS, Laravel and other PHP frameworks for my MVC needs.
However, it seems like all new concepts and frameworks are based on such servers/tools: sass, nodejs, grunt, ruby, mixture and so on... Even Google Web Fundamentals examples are just working on OS X enviroment.
All tools are compatible with Mac OS X mostly. I would like to build a fresh working enviroment.
My intention is not to start another controversy between Windows, Mac and Linux users.
Just wanted to know how to setup best enviroment for my web design and development purposes.
Thanks.
Anything that is not windows is preferred at best it is crippled and at worst it is useless
Linux is easier for those with less experience due to it being closer to what your deployed server will look like.
OS X is fine also but has a extra learning step or 2 for those who are less experienced when it comes to setup and config.
And OS X has support for all the fancy graphic design tools ( as well as excellent hardware support )

IDE and Debugger for node.js [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
I am going to start building project in node.js (was working in PHP before), What is the IDE, Debugger and Helping Tools for node.js, to help improvement while coding ?
There are several IDEs which support Node.js natively:
Desktop-based IDEs
WebStorm - popular and extremely powerful IDE for coding web applications. $100 for commercial license, $50 personal, $25 academic, free for open source developers upon application approval. Can also debug Meteor.JS applications.
Komodo IDE
Cloud9 Local - You can install a local copy of cloud9 on desktop as well and work on a local directory as workspace, follow the instructions on github page. Be sure to disable incompatible plug-ins from config. It provides proper debugging as well.
Cloud-based IDEs
Cloud9 IDE - cloud-based IDE with native support for development of Node.js applications including debugging and other features.
Koding Koding offers you a free rootable VM with Node. Also you can work on the same code with your friends.
Other than these two you can use almost any code editor/IDE which simplifies JavaScript based development in general (for example with syntax highlighting, autocompletion or similar stuff) and use node with its built-in V8 debugger.
Microsoft just launch a cross platform IDE "Visual Studio Code" in Windows, Ubuntu and MacOSX. It could debug node.js. Check detail here.
Koding is another good choice. It comes preinstalled with Node.js, Vim and Emacs, has a great community of developers, among many other things. Another few notable features are:
Free virtual machine (VM) with Ubuntu, root access, apt-get, and many commonly used tools
Built-in Terminal with 256-color support
All languages, databases, and command-line tools are supported
Various file upload options such as Drag & Drop, Dropbox, Clone from Github, FTP and the ability to access them using SSH
Real-time code and terminal collaboration with integrated chat abilities
Visual Studio now supports full dev lifecycle for Node.js if you install the Node.js tools, linked below.
Allows for full debugging, intellisense, color coding, and more.
https://nodejstools.codeplex.com/
vim and unix are your IDE.
If you want debugging then there is node debug foo.js or ndb or node-inspector or use the V8 Debugger.
Another option could be Netbeans with the NodeJS tools (even though I'm not using it anymore these days since I've been using JetBrains products now to be honest).
What it gives you:
A Node project type
Clickable stack traces in the output window
A run with node action on Javascript files (and of course, the project)
Integration with Node Package Manager (npm) and a slick little UI for adding libraries
GUI for editing package.json files, and generating their standard contents
Ability to store machine-specific command-line arguments (excluded from version control if you use NetBeans' version control).
Ability to download Node's sources so the highlighted stack traces point somewhere
http://timboudreau.com/blog/read/NetBeans_Tools_for_Node_js
Also NetBeans 8.1 and 8.2 seem to have brought some features for Node.js developers (see here and here).
Eclipse is a good IDE for JavaScript.
This page https://portawiki.abnoctus.com/view/NodeIDE.html
details mixing eclipseJS with the google v8 debugger and a few node specific plugins
http://code.abnoctus.com/publish/binaries/node-launcher/
To build an IDE with support for editing JS with syntax highlights and some degree of code completion, executing node from the IDE, debugging in the IDE, unit testing with nodeunit and fetching dependencies via NPM.
I've tested several IDE's to develop and run node apps. But I'm feeling very confortable with Microsoft WebMatrix 2.0. It's a nice lightweight and free IDE that you can run Node. There's some templates for Express framework to get started. And you can run nodejs processes through IIS Express.
Nodeclipse has chromedevtools fixed for Node.js debugging.
Enide Studio 2014 comes with Nodeclipse, JSHint-eclipse, AngularJS and more plugins
(source: nodeclipse.org)
(source: nodeclipse.org)
http://www.nodeclipse.org/enide/studio/2014/
Personally, I'm partial to Cloud9's IDE though they've had a few issues lately with various upgrades, and the growing pains of online systems can be an issue.
WebStorm 4 is another option, though I haven't tried it, I did try the plugin in WS3, which wasn't too bad.
From Microsoft (of all places) there's WebMatrix 2 from Microsoft that seems to support Node.JS pretty well. I have discovered that you can actually edit node based js files within the Visual Studio 2012 beta and get intellisense/autocomplete for node scripts probably from webmatrix's developments. I've been using node as a build step for CSS/JS processing, and it's been working well for me.
Aptana Studio and others seem to be scrambling to add proper node support. Right now options are relatively limited, but getting better.
What framework are you using for the frontend? If you're already familiar with Node, you might as well try the open-source and increasingly popular Meteor.JS framework. Check out MeteorPad for literally a one-click IDE for Meteor apps.
You get a virtual machine with MongoDB on it and the Meteor server. A sample project is already loaded, and you can edit the server and client HTML, JS and CSS files. The resulting app runs in the right pane. Makes playing with Meteor super, super easy.
Node is a relatively new project so there is not widespread IDE support yet. However there actually is an online IDE called Cloud9 IDE that you might want to check out. Otherwise I suggest you use a local editor such as vim or emacs.
See how-to-debug-node-js-applications for more information on debugging.
GitHub's programmable text editor Atom has node.js integration.
Try Microsoft's https://code.visualstudio.com. Its awesome.
Facebook's Nuclide has a number of IDE-esque features including dynamic typechecking (via flow), in-code linking, auto complete, etc. It's based on GitHub's Atom so you can pick and choose Nuclide packages as you see fit.
WebStorm 3.0 does all this stuff.
It auto completes in a smart way, includes nice debugging and unit testing. It also include number of inspection for javascript, which is also pleasant.
Now RC version is available, but JetBrains assure that it'll be released soon.
I use IntelliJ's Webstorm: http://www.jetbrains.com/webstorm for it's advance auto-complete features and Node.js/NodeUnit templates.

Cross-Browser Extensions API?

There are tools for developing cross-platform browser plugins.
Are there any similar tools or APIs for browser extensions (i.e. toolbars, or filter systems like AdBlock)?
Yes, but unfortunately each one has significant drawbacks.
Kynetx supports IE, Firefox, Safari, and Chrome, but extensions are dependent on the Kynetx extension to work. In addition, Kynetx apps are built using an odd, proprietary Kynetx Rules Language. There is no cost to use the Kynetx platform. UPDATE: Kynetx has shut down
WebMynd supports IE, Firefox, Safari, Chrome, and is in private beta. From what I have been able to determine, WebMynd is a very small San Francisco-based startup that is still getting off the ground. Their library is standalone and provides a Javascript API, and they use a monthly billing model. UPDATE: company pivoted, now for mobile, trigger.io
Crossrider supports IE, Firefox, Chrome and Safari. Recently out of beta (as of June 2012), Crossrider is free and offers a jQuery-based development experience. Publishing methods for your extensions include an embeddable website widget, download links, and a customized windows installer. However, CrossRider does not allow you to self-host your plugin files. UPDATE: As of 27.09.2016, CrossRider is terminated and it will be available only until 27.10.2016.
KangoExtensions supports IE, Firefox, Chrome, Safari, Opera. Seems very new and bleeding edge, like Crossrider, also looks promising. UPDATE: No updates in over two years.
IE and Firefox seem to be the hardest to develop for, although Mozilla JetPack aims to greatly simplify Firefox extension development.
There is also very young framework for cross-browser development called BabelExt, from the author of Reddit Enhancement Suite. I like that it builds restartless Jetpacks for Firefox.
See more on github, https://github.com/honestbleeps/BabelExt
Mozilla has recently introduced WebExtensions API. For now it's actually almost a copy of Chrome Extension API (but some APIs aren't implemented yet). It has been introduced just a few days ago so it still has a lot of problems and unsupported APIs. But if you're interested in writing extensions for Chrome, Opera and Firefox you should pay attention to the state of WebExtensions API.
UPD 27.10.16. There is a page Are-we-WebExtensions-Yet which summarises the current state of WebExtensions. By their current estimate 44.99% extensions from Chrome store should work in Firefox.
ExtensionMaker is another one project related to cross browser extensions development. It is not a real framework. It is kinda IDE that allows you to design basic extensions.
Of course, it is not suitable for a serious projects. But I like the idea.
Full featured version is available for free. There is just small limitations on the way of using generated extensions.
Yes, the browser extensions development company has a framework-one code for all browser views

How to create application for Mobile?

I have to create a mobile installable/client application...and I dnt know nothing abt this..
what SDK,language should I use?? if this will in .net will be fine(optional)... any Ideas
Will really appreciate this...
Thanks!!!
First you will need to decide what mobile platform or platforms you want to support. Often your choice of language and toolset will be completely dictated by that. For example, if you want to write software for the iPhone, you will need to use Objective C (and use a Mac) while Android-based phones and BlackBerry devices require Java. Windows Mobile and Symbian devices natively support C/C++ and their own proprietary APIs but you can use frameworks like Qt to make things easier (and portable between the two). Windows Mobile in particular also supports lots of other platforms that run on top of the base OS, such as slightly limited version .Net or Java (but bring-your-own-JVM).
The one common denominator between them all is web applications. If you want a single codebase that will work everywhere and that doesn't use a completely proprietary toolset, you can build a web app.
Programming languages: Objective-C, Java, C# .NET CF etc. It depends on what devices you application should be running.
You can use Visual studio to target Mobiles have Windows Mobile OS or Windows CE or Pocket PC, for other OSs you have to see the SDK that the Manufacture company provide.
I you got no clue to start with, I suggest you start with Java ME. Java Mobile Application is, in my opinion, the safest way to go for starters as they have the widest acceptance among mobile device platforms.
Good luck.

Resources