Once an html page has been put together it starts to acquire dependencies on Angular and typescript.
This is not ideal for the web designer who really just wants to be able to view and modify their design. Usually this involves data elements too.
In our team the designer needs to be able to continue to work with html and stylesheets; they are not a separate contracted resource.
Is there a way to set up a project so that the web designer does not need to concern themselves with npm packages, Angular versions and data sources?
I have since had an idea...
As it happens I am a Linux user, the designer is a Mac user. I am wondering if it would be possible to create a project consisting of symlinks to html with typescript stubs.
A mock datasource might also be a viable solution.
I want to build a custom PURE HTML5 Web Template, for HTML5/CSS3/JavaScript single page application development, and then use that as a starting place for SPA HTML5 web development.
Microsoft clearly recommends using Web Applications, but provides NO pure HTML5 web application template, thus this task is left to end users.
I am not asking if I should use an ASP.NET Web Site or ASP.NET Web Application instead I am asking, what template configuration can I arrange that will let me use the most modern HTML5 tools and workflows, and is it the Web Application (with .csproj or .xproj project file) or Web Site project (a folder based project)?
For projects where a developer needs to build a pure HTML5 SPA, maybe with ExtJS or maybe with Angular, or something equivalent, the first choice made is between File-> New Web Site and File -> New Web Application.
If it may be that later my HTML5 project may get some ASP.NET added later, it is clear I should choose File -> New Web application, but there is NO HTML5 template provided, so I am looking to build my own Template and use that. But what should it be based on?
For the WebSite option, you click file New Web Site, and you get a folder-based project, but none of the new grunt/bower support.
I am looking for a way to get the best of both choices. Can I get grunt/bower support if I click File New WebSite? Or can I do pure HTML5 work somehow if I click File New Project?
It is possible to crib a pure HTML5 Web Development .csproj + .sln project together myself, starting with some examples that used to be on codeplex and are now on GitHub
It seems to me that the benefits of a .csproj or .xproj based root for pure HTML5 development are:
I can specify only the files I want to see in my project explorer.
I can easily add ASP.NET webapi controllers to my "pure" project without rebuilding the project.
Can I use one of the ASP.NET 5 (DNX) Web Application templates (.xproj), and just delete all the C# stuff, to get a working pure HTML5 development template, and retain all the new javascript grunt/bower tooling? Or do I have to stick with Web Site (folder level) projects, and their visual studio 2005 era website development features, for pure HTML5 html/css/javascript development?
Update: If close voters who voted "opinion" based would be so kind enough as to point out where I call for any opinion, that'd be great. I'm asking for help DEVELOPING a template for Visual Studio, and I believe that is on topic and not at all a call for opinion. To develop a template you must make a choice. Which one will provide the most complete HTML5 tooling including grunt and bower and full javascript syntax highlighting, jslint, bundle, minify, etc?
When developing a template, my research so far shows that:
Patience, grasshopper, it's early days. ASP.NET Core 1.0 just released, but does not include certain elements, including a new .xproj style set of projects for basic pure HTML 5 web project development (name not yet even announced, but let's hypothesize, it might be called Core Pages), whatever it is, the Microsoft "franchise reboot" for Pure HTML5 Development with Microsoft Visual studio either doesn't exist yet, or is in early stages of internal development. Whatever template I could make today might be obsolete in three weeks or three months if Microsoft makes a move here.
For now, for people who can live with it, File -> New Web sites works fine, and I haven't found any technical documented reason why you CAN'T use it for new development, just a caution from Microsoft that it might not be the best choice, if a File -> New Project template can meet your needs. You can see from the way that ASP.NET Core 1.0 today works (just in time automatic-recompile without rebuilding in ASP.NET Core brings a core feature of the WebSite world over into the WebApp world at last) that its new tooling and the new .NET Core features inside dnx and dnvm will finally "restore the Balance of Nature" that I feel has now been divided over the last 10 years by the WebSite/WebApp dichotomy. Not yet, but that's part of the core design elements I have understood from studying the ASP.NET Core architecture.
For ExtJS, the Sencha Ext JS plugin for Visual Studio provides a File -> New Web Site option, and this works fine. I downloaded and tested it yesterday evening and it works fine. If I want to invoke grunt or bower, or bundle and minify, or any other web-dev workflow task, I can do so manually using an external command prompt window as well. So while it might not be as shiny as I was looking for, it's possible to get work done. The Ext JS plugin provides full Ext class hierarchy code-completion, and starter templates for both pure HTML5 (via file New Website) and HTML5+ASP.NET (via File New Project). When evaluating their plugin I initially thought there was NO way to do a pure HTML5 app inside visual studio because I was totally unaware of the File New Website option, and thought (incorrectly) of this area of VS as deprecated.
For Angular SPA development INCLUDING .NET there is this template, and it appears you could use it and just not write any ASP.NET server side stuff if you wanted to do a pure HTML5 SPA.
I would probably suggest starting with the angular SP development template linked above and modifying it to subtract angular and insert ExtJS, or using the ASP.NET 4.6 plus ExtJS template provided by Sencha's IDE plugin, and just subtracting all the ASP.NET code from that template. I don't yet have a starter template suggestion for the ASP.NET Core 1.0 .xproj world yet.
It should be possible, and seems quite easy to use .NET Core and ASP.NET Core as a key part of the tooling for a pure HTML5 development environment. In particular "dnx web" is a useful way of locally developing, as it is even more lightweight than using IIS Express. It should be equally feasible to develop for HTML5 with "DNX web" (kestrel) as the lightweight static server for pure HTML5, and either a full Visual Studio 2015 project (either website or webapp), or using just a modern web-editor like Visual Studio Code.
I hope that other developers who are still confused, as I was about the now-10-years-long split-personality issue in visual Studio with regards to New Web Site and New Web Application, may finally see some light at the end of the tunnel.
Update: Q4/2016: It actually looks like the two way split personality issues in VS 2015 will get worse in VS 2016 (Currently in preview as VS15) because there will be THREE ways to open a project, open solution/csproj via one menu item, open web project via another, and open folder via a third.
I created a webpage several years ago. Back then I was using Adobe GoLive! to achieve that. But now, there is no adobe GoLive any more and I don't have a useful application for creating a web project. So what I want to achieve is: a good looking online presence for my project. I want to use the new stuff as well, like HTML5 and CSS3. I don't think that I will need beans or J2EE, because it is more about the design and not the functionality. Later on I will include the web project into my Apache server. So the question is: which tool can help me to develop a modern website, what would you advice?
Thank You
Actually I use NetBeans 8 for the following reasons:
it's very strong and containt so many features
i supports ftp
ii supports CSS3 , HTML5
iii powerful , autoComplete
it's open-Source application so it's free
it keeps the history of your files and saves all the updates so you can restore any file
situation you made before
it's easy to use.
It's a good programming tool
SECOND: I suggest using xampp instead of abache server
it actually includes abache and some other features like mysql
so it's easy to deal with it instead of dealing with many programs :)
I strongly recommend 'IUEditor'
Free license. Ownership is 2,000$, monthly license is more than 50$. But if you request startup license they offer free license.
CSS3 and HTML5 : you can use any kind of website.
Back-end support : That's only one web editor which supports backend, such as django and angularJS
Supports GIT.
I tried more than 10 web editors, but IUEditor works best.
Can we use component one studio enterprise to create stand alone HTML5 web application ?
It seems like "wijmo javascripts/html5 widgets" belongs to "Studio for ASP.Net" of "Studio enterprise package". After installed it, we cannot find the related things to "wijmo javascripts/html5 widgets" in "C:\Program Files (x86)\ComponentOne\Studio for ASP.NET Wijmo" folder. (it shows ASP.NET MVC tools, bin, c1pdf and etc..) How can we use the things of "wijmo javascripts/html5 widgets" in our HTML5 applications from the insatlled machine (if the machine already had license activated).
Yes, you can use Wijmo widgets to create HTML5 web application and can refer to the following link for more details:
http://wijmo.com/
http://wijmo.com/5/
I want to develop an application like Swing GUI Builder where drag and drop of contents over the workspace will be possible.
How to achieve this? Is there any reference available.
This would be a huge task. Project Matisse did a lot of work on this which is now incorporated into the Netbeans IDE. This link is an interview with the person behind the matisse project, and talks about some of the challenges and how the team overcame them. You can use the layout manager they created, and looking through the Netbeans source code would probably give you some idea of how to go about building what you want.
Download NetBeans from NetBeans.org, make sure you have the JDK (Java Development Kit), and use the GUI Builder in NetBeans. It's drag and drop and is easy to use. Documentation can be found at the homepage, and you should take a quick look at this tutorial.