-
Chrome Debugging Tips
By:
Sahil Malik
Last updated: Friday, February 24, 2023
Published in: CODE Magazine: 2023 - March/April
Learn why the dev tools in Chrome are still the ones that Sahil uses. Read how to use code folding, locate any file (Ctrl-p), Prettify, the snippet editor, live expressions, and more.
-
How to Use the Fetch API (Correctly)
By:
Paul Sheriff
Last updated: Wednesday, August 31, 2022
Published in: CODE Magazine: 2021 - July/August
Paul continues looking at the XMLHttpRequest object in this exploration of the Fetch API. It’s not all sunshine and unicorns, but it’s pretty useful nonetheless.
-
Deploy a Real-World ExpressJS TypeScript Application Using Containers
By:
Last updated: Wednesday, August 31, 2022
Published in: CODE Magazine: 2021 - March/April
Learn to deploy a real-world ExpressJS TypeScript application using containerization. Deploy both the application and the database as two separate containers.
-
Routing in Vue3: Navigating the Options
By:
Shawn Wildermuth
Last updated: Wednesday, August 31, 2022
Published in: CODE Magazine: 2021 - January/February
Shawn Wildermuth demonstrates how to use Vue Routing in a single page application. This article also explores RouterView, RouterLinks, Route Parameters ($route), Matching Routes (pathMatch), Nested Routes , and Routing Guards.
-
The Complete Guide to Provide/Inject API in Vue 3: Part 1
By:
Bilal Haidar
Last updated: Wednesday, August 31, 2022
Published in: CODE Magazine: 2021 - January/February
Get started building plug-ins using Vue 3’s Provide/Inject API. Learn about Props, Prop Drilling and how to solve the side effects of Prop Drilling using the Provide/Inject API in the Options API and the Composition API.
-
Understanding and Using Web Workers
By:
Miguel Castro
Last updated: Wednesday, August 31, 2022
Published in: CODE Magazine: 2021 - January/February
Miguel Castro teaches you the how to use Web Workers to do multi-threaded development in Web applications using JavaScript.
-
Vue’s Composition API
By:
Last updated: Wednesday, August 31, 2022
Published in: CODE Magazine: 2020 - November/December
Learn why the Composition API is better than the Options API in Vue 2 and Vue 3. See examples of using Composition API in TypeScript and Vue 3.
-
Progressive Web Apps (PWAs)
By:
Last updated: Wednesday, August 31, 2022
Published in: CODE Magazine: 2020 - September/October
Learn to create a progressive Web application (PWA) which you can deploy through the App Store or Google Play for iOS and Andoid mobile apps. PWAs are built with browser-based technologies but can act just like a native app.
-
NestJS Step-by-Step: Connecting NestJS with Angular (Part 4)
By:
Last updated: Wednesday, August 31, 2022
Published in: CODE Magazine: 2020 - May/June
Bilal Haidar concludes this series and shows how to connect an Angular front-end application with a NestJS back-end API.
-
POURing Over Your Website: An Introduction to Digital Accessibility
By:
Ashleigh Lodge
Last updated: Wednesday, March 17, 2021
Published in: CODE Magazine: 2019 - November/December
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.
-
Syncing a Client Database with the Server
By:
Craig Shoemaker
Last updated: Tuesday, March 16, 2021
Published in: CODE Magazine: 2019 - November/December
Craig shows you how to gracefully resolve conflicts and synchronization issues with disconnected databases.
-
Moving from jQuery to Vue
By:
Last updated: Thursday, March 18, 2021
Published in: CODE Magazine: 2019 - September/October
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.
-
Formatting Data in Vue.js
By:
Last updated: Wednesday, March 31, 2021
Published in: CODE Magazine: 2019 - July/August
Shawn shows you how to use Vue.js to separate views and models and make Web development formatting a lot simpler.
-
Nest.js Step-by-Step
By:
Last updated: Tuesday, March 30, 2021
Published in: CODE Magazine: 2019 - July/August
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.
-
A Vue to a Skill
By:
Last updated: Wednesday, August 31, 2022
Published in: CODE Magazine: 2019 - March/April
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.
-
Upload Small Files to a Web API Using Angular
By:
Last updated: Thursday, April 8, 2021
Published in: CODE Magazine: 2019 - January/February
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.
-
Angular and the Store
By:
Last updated: Thursday, April 15, 2021
Published in: CODE Magazine: 2018 - November/December
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.
-
Security in Angular: Part 3
By:
Last updated: Monday, April 12, 2021
Published in: CODE Magazine: 2018 - November/December
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.
-
Security in Angular: Part 2
By:
Last updated: Saturday, April 17, 2021
Published in: CODE Magazine: 2018 - September/October
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.
-
Build Real-time Applications with ASP.NET Core SignalR
By:
Anthony Chu
Last updated: Thursday, April 22, 2021
Published in: CODE Magazine: 2018 - July/August
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.
-
JavaScript Corner: Try Catch
By:
John Petersen
Last updated: Friday, April 12, 2019
Published in: CODE Magazine: 2018 - July/August
John elaborates on a useful preventative in JavaScript.
-
Introducing Progressive Web Apps: The No-Store App Solution
By:
Chris Love
Last updated: Tuesday, April 27, 2021
Published in: CODE Magazine: 2018 - May/June
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.
-
Eliminate HTML Tables for Better Mobile Web Apps
By:
Last updated: Tuesday, April 27, 2021
Published in: CODE Magazine: 2018 - March/April
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.
-
Angular and AOT
By:
Last updated: Wednesday, May 12, 2021
Published in: CODE Magazine: 2017 - September/October
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.
-
From Zero to CRUD in Angular: Part 3
By:
Last updated: Wednesday, May 12, 2021
Published in: CODE Magazine: 2017 - September/October
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.
-
From Zero to CRUD in Angular: Part 2
By:
Last updated: Thursday, May 13, 2021
Published in: CODE Magazine: 2017 - July/August
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.
-
From Zero to CRUD in Angular: Part 1
By:
Last updated: Wednesday, May 19, 2021
Published in: CODE Magazine: 2017 - May/June
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.
-
Xamarin versus Cordova
By:
Last updated: Friday, May 21, 2021
Published in: CODE Magazine: 2017 - March/April
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.
-
Cordova Apps with Angular and TypeScript
By:
Last updated: Wednesday, May 26, 2021
Published in: CODE Magazine: 2017 - January/February
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!
-
HTML Forms’ Time Has Come (Again)
By:
George Mauer
Last updated: Friday, May 28, 2021
Published in: CODE Magazine: 2017 - January/February
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.
-
Introduction to Angular Routing
By:
Last updated: Wednesday, January 10, 2024
Published in: CODE Magazine: 2017 - January/February
If you need to navigate around your Single-Page Application (SPA), you’ll want to know about routing in Angular. Paul shows you how.
-
Angular 2 Forms
By:
Last updated: Wednesday, June 2, 2021
Published in: CODE Magazine: 2016 - November/December
Sahil continues his series on Angular 2 and this time, looks at that essential element, the form.
-
The Journey to Angular: Part 4
By:
Last updated: Tuesday, June 1, 2021
Published in: CODE Magazine: 2016 - November/December
Paul continues his deep dive into AngularJS. This time, he adds validation to the page so you can spot input errors.
-
The Journey to Angular: Part 3
By:
Last updated: Friday, June 4, 2021
Published in: CODE Magazine: 2016 - September/October
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.
-
Aurelia: An Introduction
By:
Jim Duffy,
Jeremy Brown
Last updated: Monday, June 14, 2021
Published in: CODE Magazine: 2016 - July/August
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 Journey to Angular: Part 2
By:
Last updated: Thursday, June 10, 2021
Published in: CODE Magazine: 2016 - July/August
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.
-
AngularJS 2
By:
Last updated: Monday, June 21, 2021
Published in: CODE Magazine: 2016 - May/June
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.
-
Taming the HTML5 Audio Control
By:
Last updated: Wednesday, August 31, 2022
Published in: CODE Magazine: 2016 - May/June
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!
-
The Journey to Angular: Part 1
By:
Last updated: Monday, June 21, 2021
Published in: CODE Magazine: 2016 - May/June
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.
-
Flexing Your HTML Layout Muscles with Flexbox
By:
Rick Strahl
Last updated: Thursday, June 24, 2021
Published in: CODE Magazine: 2016 - March/April
When it comes to creating complex structured layouts in HTML, Flexbox, Rick tells us, is more capable than HTML tables were.
-
CRUD in HTML, JavaScript, and jQuery Using the Web API
By:
Last updated: Thursday, June 24, 2021
Published in: CODE Magazine: 2016 - January/February
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.
-
CRUD in HTML, JavaScript, and jQuery
By:
Last updated: Monday, June 28, 2021
Published in: CODE Magazine: 2015 - November/December
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.
-
ASP.NET vNext: The Next Generation
By:
Last updated: Thursday, July 29, 2021
Published in: CODE Magazine: 2015 - January/February
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.
-
Doing It with Style
By:
Q Manning
Last updated: Thursday, July 29, 2021
Published in: CODE Magazine: 2015 - January/February
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.
-
Extending the Bootstrap Accordion
By:
Last updated: Thursday, July 29, 2021
Published in: CODE Magazine: 2015 - January/February
Paul teaches us how to use Bootstrap’s accordion features to make easily mobile-adaptable navigation panels.
-
Introduction to IndexedDB: The In-Browser Database
By:
Last updated: Tuesday, August 31, 2021
Published in: CODE Magazine: 2014 - November/December
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.
-
Use HTML 5 and jQuery in WebForms
By:
Last updated: Tuesday, August 31, 2021
Published in: CODE Magazine: 2014 - November/December
Web Forms aren’t going anywhere. Paul shows us how to use HTML 5 and jQuery to keep ASP.NET Web Forms working smoothly.
-
Mobile Development with Single-Page Applications Using KendoUI
By:
Jeff Etter
Last updated: Wednesday, August 31, 2022
Published in: CODE Magazine: 2013 - July/August
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 devoted to the list of items, a second page to view details, and perhaps a third to edit a specific item.
-
Reuse Your WCF Services from jQuery
By:
Last updated: Monday, May 16, 2022
Published in: CODE Magazine: 2013 - July/August
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 steps 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.
-
The Easiest Path to Windows 8: HTML + CSS + JavaScript
Last updated: Monday, June 6, 2022
Published in: CODE Magazine: 2013 - March/April
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.
-
HTML5 History: Clean URLs for Deep-linking Ajax Applications
By:
Last updated: Thursday, June 18, 2020
Published in: CODE Magazine: 2013 - January/February
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.
-
Building ASP.NET Single Page Applications in HTML 5 with Upshot
By:
Brian Noyes
Last updated: Wednesday, August 31, 2022
Published in: CODE Magazine: 2012 - September/October
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 that 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.
-
Real-Time Web Apps Made Easy with WebSockets in .NET 4.5
By:
Rick Garibay
Last updated: Saturday, September 26, 2020
Published in: CODE Magazine: 2012 - September/October
In the world of browser-based development, interoperability is king. Unfortunately, interoperability can be at the expense of performance.
-
The Simplest Thing Possible: Creating Push Notifications with SignalR
By:
Last updated: Wednesday, August 31, 2022
Published in: CODE Magazine: 2012 - September/October
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 efficient 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.
-
Business Web Page Layout Ideas for HTML5 Applications
By:
Last updated: Tuesday, February 19, 2019
Published in: CODE Magazine: 2012 - May/June
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.
-
Introducing jQuery Mobile
By:
Last updated: Tuesday, February 19, 2019
Published in: CODE Magazine: 2012 - January/February
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.
-
Build an HTML5 Offline Application with Application Cache, Web Storage and ASP.NET MVC
By:
Last updated: Wednesday, August 31, 2022
Published in: CODE Magazine: 2011 - November/December
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.
-
Developing a Metro Style App with HTML and JavaScript
By:
Last updated: Tuesday, February 19, 2019
Published in: CODE Magazine: 2011 - November/December
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.
-
Managed Coder: Thoughts of a //Build/ Gone By
By:
Ted Neward
Last updated: Tuesday, December 21, 2021
Published in: CODE Magazine: 2011 - November/December
Nov/Dec 2011 Managed Coder by Ted Neward
-
Introduction to HTML5
By:
Last updated: Wednesday, August 31, 2022
Published in: CODE Magazine: 2011 - July/August
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.
-
HTML5 Developer's Cookbook - Chapter 1 - New Structural Elements in HTML5
Last updated: Saturday, January 18, 2020
Published in: Book Excerpts
-
Improving Mobile Web Application Development with HTML5
Last updated: Wednesday, February 20, 2019
Published in: Book Excerpts, Newsletters
In just 24 sessions of one hour or less, learn how to build rich, robust mobile apps that run on smartphones, tablets, and other devices and interact with users in powerful new ways. Using this book’s straightforward, step-by-step approach, you’ll master leading-edge practical skills you can use whether you’re developing for the iPad/iPhone or Android. Discover how to quickly build new mobile apps and upgrade older apps, provide cutting-edge media content, leverage advanced features ranging from geolocation to the semantic web, and even simplify complex back-end development. Each lesson builds on what you’ve already learned, giving you a rock-solid foundation for real-world success!
-
Murach’s HTML5 and CSS3. Chapter 15
Last updated: Tuesday, February 19, 2019
Published in: Book Excerpts
This chapter is from the book Murach’s HTML5 and CSS3by Zak Ruvalcaba and Anne Boehm18 chapters, 636 pages, 264 figuresISBN 978-1-890774-66-0. For more information visit https://www.murach.com/books/htm5/index.htm .
-
Murach's HTML 5 and CSS3: Chapter 5 - An introduction to the box model
Last updated: Wednesday, February 20, 2019
Published in: Book Excerpts, Newsletters
In the last chapter, you learned some basic CSS properties for formatting text. Now, you’ll learn the properties for controlling the spacing between elements and for displaying borders and backgrounds. Specifically, you'll learn how to use the CSS box model for those purposes.
-
Sams Teach Yourself: HTML5 Mobile Application Development in 24 Hours
Last updated: Wednesday, February 20, 2019
Published in: Book Excerpts
By Jennifer Kyrnin Published Aug 22, 2013 by Sams. Part of the Sams Teach Yourself series.
-
Windows 8 Apps with HTML5 and javaScript UNLEASHED - Chapter 1
Last updated: Wednesday, February 20, 2019
Published in: Book Excerpts
In <i>Windows 8 Apps with HTML5 and JavaScript Unleashed</i>, author Stephen Walther covers everything you need to build, test, and distribute outstanding Windows 8 software with JavaScript and HTML5. Walther clearly demonstrates the unique advantages Windows 8 offers to web developers. He guides you through using Microsoft’s new WinJS library to develop apps for Microsoft’s brand-new version of Windows--you learn how to use JavaScript templates, controls, and data binding. You’ll find in-depth coverage of everything from displaying data with a ListView control to supporting SkyDrive cloud storage, creating games to using IndexedDB and HTML5 forms.
- Home
Articles filed in category 'HTML 5'