Tag Archives: Front End

Frontend Builds 1: Getting started


Frontend Builds 1: Getting started
// xplatform.rocks

As described during the introduction, here the link to the sample frontend application. x-note is a small note-taking application which I’ll use for this series of posts. I’ve build the app using AngularJS and angular-material.

Developing Front-End Microservices With Polymer Web Components And Test-Driven Development series


via Developing Front-End Microservices With Polymer Web Components And Test-Driven Development (Part 1/5): The First Component | Technology Conversations.

This article is part of Developing Front-End Microservices With Polymer Web Components And Test-Driven Development series:

Front-End Error Handling


via Front-End Error Handling.

When building a web application, it’s often a little too easy to focus only on the golden path, building and testing only for situations when things go right. Unfortunately, things rarely go right all the time in the real world. Error handling is a vital part of any application’s user experience, and if done well, can leave your users feeling informed and properly considered.

Most errors that an application encounters can be grouped into a few categories:

  • Input Errors: Information provided by the user is unacceptable for some reason. This includes errors from form validation, duplicate actions, uniqueness issues, resources not found, etc.
  • Authorization Errors: A user is attempting to perform an action to which he/she does not have permission.
  • Availability Errors: A resource that is needed to complete the user’s action is unavailable for some reason. This may be expected (scheduled maintenance) or unexpected (server crash!).
  • Unexpected Errors: These are errors that likely indicate a bug in the application, such as unhandled exceptions.

Almost every application will have instances of each of these error categories at some point. Handling each appropriately is key to keeping users who encounter errors from becoming angry users.

Getting started with CSS (GSS) in GWT


GWT can be hard to tackle at first, especially if your experience is entirely in front-end web development. You may be an HTML and CSS ninja, but not much of a Java wizard. This tutorial introduces how style sheets are used in GWT. I will not explain how to create a new GWT project, and will […]

https://arcbees.wordpress.com/2015/04/14/getting-started-with-css-gss-gwt/

Managing your CSS (GSS) files with variables and a theme


My previous article showed you how to use CSS inside your GWT application. Today, we will introduce the concept of variables, and show you how to manage them effectively using theme files. Variables Creating the Colors file Creating the associated GSS file Binding it with your default resources style file Using variables inside of the […]

https://arcbees.wordpress.com/2015/04/28/managing-your-css-files-with-variables-and-a-theme/

K.Adam White: Modular JavaScript


You can make your codebase much easier to maintain and expand by breaking your scripts up into modules, encapsulating different logical units in their own files, which makes developing and debugging simpler.
Learn how to break your scripts up into smaller files to make coding and debugging your plugins more manageable, and how to use a build process to reconstruct them into a single file for release.

http://wordpress.tv/2015/08/01/k-adam-white-modular-javascript-2/

How to add custom template using woocommerce.


How to add custom template using woocommerce. 1.Find the template file you want to change inside “wp-content/plugins/woocommerce/templates” . For Ex: “wp-content/plugins/woocommerce/templates/order/order-details.php” 2.Create folders in your plugin “wp-content/plugins/YOUR-PLUGIN/templates/order/order-details.php”. You can make changes in this file as per your needs. 3. Add the following code in your plugin file: 4.Thats it. Default template will be overridden with […]

https://blackandwhiteshades.wordpress.com/2015/08/06/how-to-add-custom-template-using-woocommerce/