How to navigate multiples pages in NativeScript app? - javascript

I am a web designer coming from Cordova for mobile apps dev. I read and watch many tutorials for NativeScript for beginners and I am in love with it but none of those tutorials teach me how to navigate an app with hidden content (pages/sections).
I mean something like a list of news and when click on an item the app reveal with a transition a new screen with the full content of the post.
May you help me to get any kind of tutorial or info to deal with what I need? Thanks for any help, I will appreciate it.
NativeScript is a beauty but look like isn't popular like React/React-Native is (I hate React). :-(

As prior answers mention, Nativescript offers you the possibility to add Angular support. This enables a convenient navigation with the #angular/router.
Follow the official docs on how to set this up.
If you want to avoid the Angular overhead, you can just use the frameModule like described here.
Best regards,
David

welcome to community NS, You could tell me if using NS white vainilla, core or Angular, if using Angular you can see this tutorial.
https://www.thepolyglotdeveloper.com/2016/10/navigating-nativescript-app-angular-2-router/

Not sure this would let me know check the link
https://www.tjvantoll.com/2015/06/05/nativescript-showing-and-hiding-elements/

Related

Moving from Ionic to NativeScript with at least efforts

What is the fastest way to move (migrate app) from Ionic to NativeScript with the least efforts?
Without rewrite old AngularJS controllers and services.
And using NativeScript with AngularJS not Angular 2.
I need to re-write UI with CSS (replacing HTML with XML) only.
Question is: Does this applicable? or there is no option but to re-write whole app!
If yes, what the path that I have to follow to make it?
The story if you want to know why I want to do this:
I have a mobile application that based on Ionic (ionic 1 with AngularJS), Ionic is really nice platform to build app, but a lot of headache specially with performance challenges, in my App I have a really an issue with this through many devices, until I found NativeScript which is really awesome, so I'm thinking about move my current live app from Ionic to NativeScript.
Until now, as I see seems I have to re-write whole app from scratch, but this is costly and not an option for me, I was searching in internet and found no clear answers, even in documentation they seems only using Angular2 with TS (which is better but not have time for this now) or just plan JavaScript.
This is good side reference: Lost in hybrid app frameworks like Ionic, Cordova,
Simply put you can't. Angular 1 is dependent on the DOM. With NativeScript there is no DOM. Which is why you have performance issues in the webview. You need to just bite the bullet and rewrite it with ng2 you'll thank yourself later. The webview is your downfall with your performance on Cordova and to get away from that you'll have better performance and the perf benefits you get with ng2 are also very nice. Heres a link with some good info on ionic 2 to NativeScript but that's as good as it gets. Because you can't easily from Cordova webview app to native UI like NativeScript or react native. https://www.thepolyglotdeveloper.com/2016/05/converting-ionic-2-mobile-app-nativescript/
Here's someone who just went ionic 2 to NativeScript and commented on the slack channel https://nativescriptcommunity.slack.com/archives/general/p1471789794013989 join the slack channel for some really awesome community help if you decide to do it.

Phonegap + jQuery Mobile, real world sample or tutorial

Does anyone know of a really good tutorial or sample project where Phonegap and jQuery Mobile is used for a real world example?
All the examples I found were showing fancy transitions or theming in jQuery Mobile. The Phonegap examples mostly showcases the Phonegap API.
I could not find a single example where Phonegap and jQuery Mobile was used to solve real world problems, such as writing a app that combines Phonegap and jQuery Mobile to do user input validation, saving the data, uploading data to a web service, etc.
These may not solve exactly your "real-world problems", but perhaps something useful ...
Our web site includes PhoneGap and jQuery Mobile tutorials for a media player, barcode scanner, google maps, and OAuth.
Also, my github page has code, but no tutorial, for two apps:
AppLaudApp - a run-control, debugging enabling, download complementary app to a cloud IDE
NameTrendz - an app developed in at Android Dev Camp to do a bunch of queries about popular name data. The PhoneGap and jQuery Mobile versions are from March 2011.
Here is a heavy tutorial that has good stuff in it to pick out:
http://mobile.tutsplus.com/tutorials/mobile-web-apps/jquery_android/
This is a nice 5-part tutorial that covers a lot of useful material: http://mobile.tutsplus.com/tutorials/phonegap/phonegap-from-scratch/
(Anyone else noticing a trend forming here??? hehehee )
And this will definitely be of use to all developers:
http://blip.tv/mobiletuts/weinre-demonstration-5922038
=)
Todd
Edit
I just finished a nice four part tutorial building an app to write, save, edit, & delete notes using jQuery mobile (only), it was very practical & useful, but it was also only for jQM. So, I looked to see what else they had on DZone.
I'm now going to start sorting through these search results. At a glance, it looks really promising. I remembered this post; so I thought I'd steer people to it. ㋡
you may check this http://coenraets.org/blog/2011/10/sample-application-with-jquery-mobile-and-phonegap/ and you can also check http://mobile.tutsplus.com/category/tutorials/phonegap/ which provide you with a good sample
you may check this website:
Phonegap RSS feeds, Javascript,
this is an example about rss reader which uses the phonegap and jquery-mobile techniques

how to learn EXTJS

I know jquery and javascript but never worked on other frameworks like EXTJS.
can somebody tell me the best way to quickly learn EXTJS? and also what is the process to configure EXTJS? Is it in the same way like we configure jquery (by just adding a standard js file)? or something else.
Thanks
Quite a few tutorials on this website:
http://www.sencha.com/learn/Tutorials
Or have a look at the answer to this question
https://stackoverflow.com/questions/2001112/ext-js-tutorial-or-videos
Try Garcia's book 'Ext JS in action'
http://www.manning.com/garcia/
I'd recommend Jorge Ramon's excellent ExtJS 3.0 Cookbook - it's what I used to learning by actually doing stuff. The projects start out pretty easy, and goes through everything to do with configuring ExtJS.
Once you've got the basics, the Sencha tutorials and FAQs are ok, but I reckon that for reference, the best resource they've got by far is their API.
Finally, Jozef Sakalos (aka Saki) has made some awesome examples on his blog and on his ExtJS Examples site.
Good luck learning ExtJS!
I always read files from here Sencha Docs
and use it as my reference for my tasks/projects

How to begin working with GwtQuery?

I've dived into the GWT world a couple of months ago and find it quite interesting.
I'm currently developing a web application which is to be used internally and so we need to resize the browser window, which can only be done by JSNI. After hitting some problems
regarding the JSNI I was advised to look into jquery and I found that it's counterpart in GWT is GwtQuery. I've tried looking on the project page and googling for tutorials but I can't seem to find a clear beginners tutorial on how to use GwtQuery on GWT but I keep find references to how it's very similar to jquery.
I think it's important to state that I'm not a js developer but rather a java developer who likes the idea of GWT and I just need to use GWTQuery in a very small part of my application.
Thanks in advance for any leads or links.
Ittai
GwtQuery also goes by the name GQuery, so maybe you find more if you search for that.
At Google I/O 2009 the creator of GQuery gave a speech about GQuery, you can find the video and slides here, maybe it helps.
Here you have a presentation I gave about gquery.
The getting started guide in the project site could be useful as well.
The gquery mailing list is a good place to ask questions to developers and users.
Here I found good article with small and simple examples:
GWTQuery – jQuery in GWT

SproutCore javascript

Hey... I started using Javascript MVC SproutCore Framework (sproutcore.com) and I found it impressive. But...
Where can I find good tutorials for it?
Where can I find widgets for it?
How can I use (best practice, loading librarys, implementation) other frameworks like Spry framework (http://labs.adobe.com/technologies/spry/).
Thx!
The only tutorial I know of is the Todos tutorial, which I believe is not currently completable from Incremental Loading point onward.
The widgets available are in /frameworks/desktop/views (the root here is the repository base). If you want something more complex (e.g. a calendar widget), you'd have to write it yourself using the widgets in that directory as examples.
I don't understand this question, but you should be able to use Spry simply by loading it into the page. SproutCore isn't a particularly good global citizen and I've not looked at Spry but I don't expect you'll see conflicts. If you're looking for Sproutcore documentation on best practices/loading/implementation, there isn't any. You have to read the source of the libary/test suite/demos to figure that sort of thing out.
http://www.sproutcore.com/static/sample_controls/
#1 Did you already check the SproutCore Wiki and the SproutCore10-Introduction?
On the right hand side you have a navigator and sidebar-links for the documentation.

Categories