I am new to WinJS application. I can find many sources for html5, javascript and css. If I want to execute them in my WinJS application, what is the process? Is it necessary to change the entire code in WinJS? It seems like little complicated. Thank you in advance.
A Windows 8 HTML5/JavaScript application is exactly that HTML5 and JavaScript and you can (but don't have to) use the WinJS libraries. They do give you a richer native experience and awareness of the Windows 8 navigation model, but it's possible to pull in other libraries like jQuery, jQUeryUI, Knockout.js, Angular, etc. too.
Windows 8 HTML5/JavaScript applications are sandboxed so some libraries may break the rules for the specific context the app is running in, in which case you may need to make modifications and adjustments (e.g, what jQueryGeo did to adapt)
I'd recommend doing a little exploration of the HTML5/JavaScript samples and working through the App Builder program/curriculum that's targeted for HTML/JavaScript developers for more insight.
If you have a specific application/code you're looking to bring into Windows 8, create a new basic app, pull in the assets, and set the start page in the Visual Studio project's manifest; I suspect you'll have a relatively functional app that you can then tweak/build on.
Related
Ive been learning html, css, js, php, mysql, (touched on node js but ran away from it - too much too soon) for a few months now and would like to make a simple categorized code snippet app as a learning project and to aid my crap memory!
I couldnt find a relevant answer so, hopefully its not a dumb question:
I want to primarily stick with js to get a good coding knowledge base so will make the snippet app using js, and .txt files as the storage. Using VS Code, what would be the best practice/method?
I know I could just make it browser based, but would rather have a little app I can pin to the taskbar, as im coding/self teaching full time atm.
The HTML, CSS and Javascript natively supported by browsers to develop Web Apps (You cannot run as a native app). The .EXE files are executable binary files of Windows. If you want to build Native Apps using HTML, CSS & JS, You have couple of options.
Electron JS
Electron JS is a amazing tool, To build cross-platform apps. You can develop your apps using HTML, CSS and JS and build it to any major platforms.
VS Code, Invision, MS Teams are built on electron Js
https://www.electronjs.org/
Use WebView on Native App
If you don't need to access any native function of the system, Then you can go with WebView. The web view is a feature to embed a website inside a native app. Most of the languages/frameworks have web-view support (Eg:- .Net).
If you are focusing on windows, Try .NET Web View
it's just a simple question it has been more than 2h searching what to learn next ! i want something that will make me able to create a cross-platform app: web - android - ios . I've been teared up between NativeScript and react native + Reactxp.. i need your experience guys thank you !
bringing the power of web to phones.
As you want to share the same codebase for web and phone, NativeScript is an obvious choice.The Angular and NativeScript teams teamed up to create nativescript-schematics, a schematic collection that enables you to build both web and mobile apps from a single project.
A code-sharing project is one where we keep the code for the web and mobile apps in one place. Here’s a quick diagram to show you what that looks like at a high level.
The objective is to share as much code as possible, and split the platform-specific code into separate files.
This usually means that we can share the code for:
Routes for navigation,
Services for common business logic,
and Component Class definition for common behaviour of a component
While, splitting the code for:
UI Layer (CSS and HTML) - as you need to use different user interface components in web and NativeScript-built native apps,
and NgModules - so that you can import platform-specific modules, without creating conflicts (e.g. Angular Material Design - which is web only) between web and mobile.
To create two separate templates, you just need to use a naming convention. Simply create two files:
yourcomp.component.html - the web template file,
yourcomp.component.tns.html - the NativeScript template file - it is the .tns that makes it a {N} file.
You can even migrate from your existing project, you can fine the instructions here
P.S.The #nativescript/schematics package only works with #angular/cli: 6.1.0 or newer.
I recently made a program. It's developed using Node.JS and Electron to make it a desktop application. Unfortunately, Electron is quite big in base file size and I'd like to reduce the file size. I've looked at my app files before adding electron and it's around 38mb. When adding electron it's roughly over 100mb more than the original.
I've been looking into converting the program to Python to hopefully reduce the size of it. Though I only know the basics of Python such as how to declare variables and functions. I've seen stuff like Tkinter and stuff, but would I be able to use HTML, CSS, JS to make the UI of the program and use Python as the back bone(i.e. using materailizecss framework for the ui).
If so, how could I do this? Also, to make it clear, I don't want a web app, I'm looking for a desktop application.
YES. You can use QT standard library but if you persist on writing UI yourself there is an HTMLpy Library which can find here HTMLPY
htmlPy is a wrapper around PySide's QtWebKit library. It helps with creating beautiful GUIs using HTML5, CSS3 and Javascript for standalone Python applications.
go through it and you will find interesting things
I am looking at this WWDC session: Integrating JavaScript into Native Apps
My understanding is that this is a bridge between Obj-C and javascript, that allows calling javascript code from Obj-C and vice versa. I am wondering, does this mean I can dynamically load my 'code logic' from server in javascript, like in web applications? How should I structure my code so that a large part of my code is in javascript (Obj-C is still needed to drive the js code, of course).
If this is feasible, then deploying changes to iOS projects would no longer be such a painful experience(waiting for review and user upgrade,etc), development could be more agile. I know some teams use phonegap and similar frameworks just to get this advantage, but those solutions doesn't get the most of iOS native UI widgets/features.
If both data and logic can be loaded from server, and the Obj-c part is just the (relatively) stable skeleton code, then iOS apps become web apps without HTML (consider the app a customized web browser which loads code and data from server).
So my question is: how feasible is this? How should I split the code between Obj-C and js to make this as flexible as possible?
As per Appstore Review Guidelines "Apps that download code in any way or form will be rejected"
I am about to develop a sort of web application using only static files (eg. html, js & css). Is there a way to start this sort of project in Visual Web Developer Express?
I want to have all the niceties with intellisense, sulution explorer and whatnot but I don't want all of the ASP.net structure in the sulution.
Is thiss possible or is there perhaps another IDE for this kind of project?
Thanks!
Well Igues I found it.
In Visual Web Developer:
File > New Web Site > ASP.NET Empty Web Site
I'll guess it doesn't hurt to look one more time before you ask.
But someone might find this usefull in the future.