Articles filed in category 'HTML 5'

Shawn introduces you to Vue.js, a framework that can keep complex build systems from clogging up your app. It’s a SPA library that helps you separate the data from the markup, but it’s also much more.

Sahil continues his series on Angular 2 and this time, looks at that essential element, the form.

If Just-in-Time compilation is getting you down because of slow runtime launches, you’ll be excited to learn about how Ahead-of-Time compilation can make your apps smaller and more efficient. Sahil shows you how.

Bilal takes a look at making sure that your Angular app, large or small, can deal with state management and data access using the ngrx/store module.

Sahil shows us a few nifty aspects of AngularJS 2 that help experienced and novice developers alike. AngularJS 2 is still in beta, but he says that you’ll love it even so.

ASP.NET has been Microsoft’s hallmark product for more than a dozen years. In vNext, it’s getting more readily adaptable to the way users—especially mobile users—interact with their data, and Rick shows us how to take advantage of these radical changes.

If you need to build a SPA that works across a variety of devices and platforms, you need to check out Aurelia. Jim and Jeremy take a fascinating look at what you can do with the open-source UI JavaScript framework called Aurelia that doesn’t behave like a framework.

The modern web ecosystem is made up of many different types of scenarios of how users interact with online content. With the increasing popularity of mobile devices along with countless hours at Starbucks and on airplanes, users may often find themselves in a position of wanting to use web content while not being able to enjoy reliable and continual access to the Internet.

You may have already heard about SignalR and that the new version makes it easier to build fast Web apps and provide great user experiences. Anthony explores this tool and shows you how to take advantage of it.

A Single Page Application (SPA) is a different way of building HTML 5 applications from traditional Web page development. Instead of spreading the functionality of your Web applications across a collection of separate Web pages with hyperlinks between them, you instead define a single root page that the user lands on and never leaves as long as they are working with your application. You define client-side logic that switches out the data and chunks of content within tha...t page to allow the user to navigate from logical screen to logical screen without ever leaving the page. This means that the user never sees a full page refresh while using your application. They see portions of the screen change based on their interaction, and those changes can be done in a more fluid way with transitions to enhance the user experience. You can also support using the application while offline by storing data client-side, based on some of the newer APIs of HTML 5. Taking this approach makes an SPA feel very much like a desktop application to the end user.See More

In most business applications, you create a common look and feel, data entry pages, and a method for navigating through the application. As you begin to work with HTML5, you will want to build these features and take advantage of the features of HTML5 that can make your applications stand out from the crowd. In this article, you will be presented with several common business Web pages that give you an idea of the power of HTML5 and CSS 3.

Sahil gives some excellent suggestions for dealing with a multiple-platform world using Apache Cordova and a single code base. He’s going to debug with TypeScript and sourcemaps, so you’ll (nearly) be a Cordova expert!

Paul begins a new series on working within HTML and the Web API with this close-up look at JavaScript and jQuery. You’ll learn some of the juicy details, but you’ll also get a good overview of what these technologies can do for you.

In this second installment of his new series on working within HTML and the Web API, Paul looks at the four standard HTTP verbs GET, POST, PUT, and DELETE. By creating a product information page with mock data, you’ll get a good idea of the power of these tools.

Microsoft unveiled the Windows Developer Preview, a pre-beta version of Windows 8 for developers, at the Microsoft BUILD conference in September 2011. The most compelling new feature for developers and users alike is the new Metro style user interface.

Have you ever wondered if your forms were capturing the information you or your clients need? Q designs forms with HTML that are clean and simple, and he’s happy to show you how.

At this point, you’re clear that your app has to work on all platforms, especially on smartphones. Paul gets tables to adjust their sizes based on which platform is being used to view it.

Paul teaches us how to use Bootstrap’s accordion features to make easily mobile-adaptable navigation panels.

When it comes to creating complex structured layouts in HTML, Flexbox, Rick tells us, is more capable than HTML tables were.

Shawn shows you how to use Vue.js to separate views and models and make Web development formatting a lot simpler.

CRUD’s a part of everyday life for a lot of devs. If you’re one of them, you’ll be interested in this first installation of Paul’s new series on using Angular.

Building on his article in the last issue, Paul adds HTML, Angular code, and Web API methods so that the user can add, edit, and delete product data.

In the third and final segment of his series on using CRUD in Angular, Paul adds additional server-side validation to the generated Entity Framework classes. He also shows us the client-side validation and validates data in Angular.

Once upon a time. HTML forms were invented to provide a link between the various functions in an application. Then other tools pushed them aside. But the time has come for HTML forms to rise from the cinders and take their rightful place in Web development. George shows you how and why.

The value of URLs for a website cannot be understated. The scheme of URLs can help give clues to visitors and machines alike regarding the structure of your website and well-crafted locations help facilitate search engine indexing, bookmarking and sharing. The role of URLs in Ajax applications becomes even more important as content is often changing on the page while the URL remains untouched.

The newest member of the jQuery family of projects is jQuery Mobile. A good way to describe what jQuery Mobile is to think of it as jQuery UI for mobile devices. If you have wanted to write mobile-optimized UIs over your applications, jQuery Mobile is a library that you will want to add to your bag of tricks. Like jQuery UI, jQuery Mobile is themeable. This article makes two assumptions. First, you are familiar with jQuery and second, you are familiar with jQuery UI. If ...you are not familiar with jQuery or jQuery UI, I suggest that you take a moment to familiarize yourself with those libraries. Fortunately, the websites for these projects (jquery.com and jQueryUI.com respectively) are replete with comprehensive documentation and code examples. jQuery Mobile is no different. The official website for jQuery Mobile is jquerymobile.com. As of this writing, jQuery Mobile 1.0 Beta 3 has been released. Its beta status notwithstanding, jQuery Mobile is ready for primetime and has been incorporated into many applications already. In this article, I will cover what you need to get started with some simple examples that illustrate how to create one page and multi-page apps. In addition, I’ll touch upon the theming capabilities in jQuery Mobile.See More

Chris shows you that you can’t depend on SPAs to do all the dirty work anymore. Progressive Web Apps (PWAs) not only have more capabilities, but they make your users’ experience much snappier.

If you need to navigate around your Single-Page Application (SPA), you’ll want to know about routing in Angular. Paul shows you how.

As the bedrock to the web, HTML has evolved in many ways from its birth in 1991. While the markup language has had its share of ups and downs, the advent of what’s being called “HTML5” is a welcome and much anticipated addition of new semantic capabilities and valuable APIs.

Is dealing with databases on a browser your idea of a bad nightmare? Craig implements an in-browser document database called IndexedDB to create, read, update, and delete large sets of records, just like a database on a server.

John elaborates on a useful preventative in JavaScript.

Nov/Dec 2011 Managed Coder by Ted Neward

When considering mobile development, you have a variety of techniques to choose from. In many cases, reactive rendering (using CSS media queries) provides a good solution. Additional mobile customization can be achieved by using ASP.NET MVC4 device detection/customization to provide adaptive rendering. Both of these techniques follow the traditional Web development pattern where each page is focused on a specific task. In an application managing a list, there is a page d...evoted to the list of items, a second page to view details, and perhaps a third to edit a specific item.See More

If you don’t need the enormity of a SPA, you don’t have to lose the benefits of a framework. Shawn recommends using Vue to simplify the code and make it both more reliable and more testable.

If you want to build efficient, reliable, and scalable apps, you’ll find the Nest.js framework to be an essential tool. Bilal shows you how to build a server-side app as he shows you Nest’s intrinsic compatibilities with other libraries and databases.

Everyone knows that there are standards when it comes to building apps. And most people know that there are standards for accessibility. But did you know that writing accessible apps is better for everyone? Ashleigh shows you what to think about the next time you sit down to create something.

In the world of browser-based development, interoperability is king. Unfortunately, interoperability can be at the expense of performance.

If you are like many developers, you are using Windows Communication Foundation (WCF) to provide services to Windows Forms, WPF, Silverlight, ASP.NET and possibly Windows 8 Store applications. Now your boss is asking you to develop some mobile applications using HTML 5 and jQuery. You know you can reuse many of your WCF services, but you are having trouble calling them from jQuery without breaking your existing applications. In this article, I will walk you through the s...teps for taking a sample WCF service from working just for .NET applications to working with jQuery as well. Don’t worry, your existing applications will still work with the changes you are going to make.See More

In this second installment of his Angular security series, Paul authenticates a user against a SQL Server table and secures Web API methods with the JSON Web Token standard.

In this third installment of his Angular security series, Paul addresses the Angular 6 release and shows you how to build an array of claims without single properties for security.

Craig shows you how to gracefully resolve conflicts and synchronization issues with disconnected databases.

If you want your Web page to hold audio recordings that play when users want them to, you’ll want to read John’s article. He shows you that it’s not only quick, but it’s easy!

Sometimes it happens that a new version of an operating system introduces a new type of application completely incompatible with older versions of the same system. The last time it happened I think it was with Windows 95. More than 15 years later, Windows 8 comes with support for a completely new segment of applications named Windows Store apps.

When you wrap your JavaScript code into a closure, you won’t have bugs caused by unnecessary variables. Paul shows you how to do this using a templating tool called Mustache, which will help you get closer to coding in Angular.

You’ve been hearing a lot about Angular and it’s time to see what it can do for you. Paul continues his excellent series on Angular, the tool you need to create solid, reusable, and extensible code.

Paul continues his deep dive into AngularJS. This time, he uses this important tool to insert, update, and delete data by building some Web API calls.

Paul continues his deep dive into AngularJS. This time, he adds validation to the page so you can spot input errors.

The ASP.NET team has created lots of new goodies. One of the most useful, SignalR, is an async library for .NET to help build real-time, multi-user interactive web applications. Imagine this scenario: you have a web application and would like a simple way to push notifications to any number of clients. Perhaps you want to inform the client when something happens. You could write a polling mechanism, but that is inefficient. An event-based approach is a much more efficien...t approach. Event-based systems that can publish and subscribe to events are typically loosely coupled systems that easily adapt to change and are highly scalable. The SignalR library makes it very easy to build loosely coupled scalable applications that can send real-time updates to specified clients. In this article, I will take you through the some basic steps to get up and running with SignalR.See More

If you have some small files to upload to a Web API, there’s no reason to use the same cumbersome process that works for larger files. Paul shows you how to save a lot of time and effort using Angular.

Web Forms aren’t going anywhere. Paul shows us how to use HTML 5 and jQuery to keep ASP.NET Web Forms working smoothly.

These days, you can’t target only one platform with your innovative apps. They have to look good on many types of devices and operating systems. Sahil looks at how Xamarin and Cordova translate into native apps and how you can use a combination to build even more versatile systems than ever before.