Sencha Touch Integrated Development Environment (WebStorm) - javascript

I am new to Sencha Touch Framework. I am starting to develop a sencha touch application. I am stuck at using the right IDE for the development. Right now I am using Webstorm IDE for running the Sencha Touch Application. But I am not able to Debug the javascript which is not declared in HTML file.
As in Sencha Touch application there is a file app.js which is called from app.json file and not from index.html file. And WebStorm runs the index.html file and debug the javascript files which is not declared in it.
Can Anyone help me how I can debug javascript files in Sencha Touch Application using webstorm or suggest me proper IDE.
Thanks
Ishan jain

You can use chrome's developer tools to debug javascript code whether it is declared in index.html or not. To edit JS & HTML files you can choose any IDE of your liking (I use Eclipse. To enable autocomplete feature check out: Where to find sencha touch JSB file?).
If you are more comfortable using visual mode for generating code check out Sencha Architect which is full blown development tool for Sencha touch and ExtJS.

Brackets is an open source code editor for the web. It's built with JavaScript, HTML and CSS by web developers.
You can use
Brackets

Related

How can I find JavaScript project option in Eclipse 2020-06?

I have downloaded Eclipse IDE for Web and JavaScript Developers package of 2020-06 version. But while creating project I am not seeing "JavaScript Project" option upon doing "File >> New". Can anyone please help me out?
As of that release, you no longer need a distinct JavaScript Project and its associated Include Path and other options, as JavaScript support is primarily coming from the Wild Web Developer project. WWD provides features to the Generic Editor, and doesn't place any requirements on the file to be in a particular folder in a special kind of project. Ideally, you just create a JavaScript file and start coding without needing to tell Eclipse anything about your project that you're not already setting up otherwise.
If you are unable to create a Static Web Project, I recommend:
double check your installed software - do you have all the sub-packages for Web Development?
take a look at the CodeMix project (also installable through the Eclipse market place) - its a commercial product but may have what you need in there.
The following steps worked:
To get back the JSDT JavaScript editor you have to uninstall Eclipse Wild Web Developer and install JavaScript Development Tools from the Eclipse IDE 2020-03 release.
Uninstall Eclipse Wild Web Developer: In Help > About Eclipse IDE: Installation Details, in the Installed Software tab select Eclipse Wild Web Developer and click Uninstall
Install JavaScript Development Tools from the 2020-03 release: In Help > Install New Software... work with https://download.eclipse.org/releases/2020-03 and choose JavaScript Development Tools to install

What possibilities are around to debug Cordova apps (with native plugins)?

I am trying to debug a Cordova app that makes use of native plugins (for authentication, API access etc.). Therefore the app does not run from the browser/Ripple.
I am using Visual Studio Tool for Apache Cordova (TACO) now to emulate and put breakpoints/watches and single step through the code to debug. I am wondering if there are any good alternatives to single step through the code for Cordova apps with platform specific plugins.
It would be nice if it was possible to debug without relying in Visual Studio while developing. Are there solutions for this that work with other IDEs?
If you are testing on android while you're device is connected through ADB you can go on chrome://inspect on a new tab in chrome. When cordova app is running you can select inspect and debug like a web page your running app.
You can debug Android native code in Android Studio, iOS code - in XCode (on OSX).
Windows plugins code is best to debug in Visual Studio.
Visual Studio Code editor is handy to debugging the app (js) code (it also supports livereload if you have Ionic installed).
If you want to debug platform specific Plugin code then you have to use Visual Studio, Android Studio for sure.. Don't know about iOS..

Can we run cordova off jsfiddle or similar services?

I am completely blank, and I am in a situation where I can't install the complete cordova toolset (node.js, git cli, etc), and even if I did my organization's internet policy doesn't allow these tools to work properly. But, I have to do some proof-of-concept apps using cordova.
I have not had a hands-on on apache cordova development so far. People say including cordova.js files in your html5 app does the trick. However, I need a hands-on on this.
Can we simply add cordova.js file into our page, write some logic that tries to access some native features (like camera), and, host it off jsfiddle, and then run those pages on our device browser? Will this work?!
I sadly don't see cordova.js files available on any CDN...
Simply adding Cordova.js file doesn't help you achieve your needs, you must set up the Cordova project. First create the Cordova project and then build the project with which platform you want.
After that you can use Cordova plugins to fulfill your needs. Actually, the Cordova.js file only acts as a JavaScript bridge to access the native features of the phone (camera, GPS, etc.).
If you want something more than that, Ionic framework is the best option in my opinion.

How to create JavaScript projects in Netbeans 7?

I have the basic Java version of NetBeans installed, but I want to be able to create JavaScript/HTML projects with auto-completion and other IDE-supported functionality. I can't seem to find out what I need to install to do this. What do I need to do?
There is no dedicated Javascript project type in Netbeans 7. There are still various possibilities to work on HTML/JS files:
Add a JS/HTML file to any of the available projects, e.g. a PHP project.
Open the JS/HTML file directly without having a project by using
File/Open.
Define own project type. This is likely not so easy.
In any case you will be able to edit the file and utilize the IDE language features like autocompletion, etc. But you will not be able to run/debug the JS file. For debugging you will need to use the debuggers integrated with the browsers (Developer Tools in IE, Chrome; Firebug in Firefox, etc.)
You install the PHP plugin from the Plugin directory. This isn't explained anywhere that I can see, I just had to guess.
You can download the php bundle for netbeans here.You can also create xml,json,css,php pages with it.

Where can i find a version of javascriptcore that has an iphone-compatible static library?

I've been searching for a version of javascriptcore that i can build into my iphone app to allow for embedded scripts in my application, but i can't seem to find an iOS ready project that has the settings and files i need. I've tried getting from the webkit svn, but if i make a cocoa-touch static library and include the relevant files, i get layers of compiler errors that reveal other errors when i resolve them. The javascriptcore files that apple provides on their website don't come with an xcode project, and copying those files into the xcodeproject provided in the webkit svn checkout still give me compiler issues. Is there anywhere i can find an iOS project that compiles javascriptcore for easy integration into an iphone app?

Categories

Resources