DEV Community

loading...

Web application features

bkrmsp profile image Bikram Singh Patel ・2 min read

This post is meant for beginners, who are building their career in Web (UI/Front-end) development.

As developers, we not only think about implementing the functional flows but also the unsaid/unasked features that are expected from a web application. These features are listed below as:

Web accessibility

Always build an application with the motto of serve to all. That means your application should not just perfectly work on desktops, phones, tablets but also on devices like screen readers etc.

Good User experience

User experience or UX covers multiple aspects such as

  1. Easy to use flows.
  2. Color theme that is soothing to eyes.
  3. Error messages that are meaningful and that suggests alternative routes instead of blocking the users.
  4. Rule based Typography that highlights headings etc.

Security

Security is a critical feature and to be concerned about. Few of the security measures to be followed are:

  1. Cookies must be secure and httponly.
  2. Sanitization of HTML to prevent XSS/CSS attacks.
  3. Add content security policies (CSP) to prevent XSS/CSS and other attacks.
  4. Pass unique token/guid in request headers to make every request unique in order to avoid CSRF/XSRF attacks.
  5. Use SSL certificates to host app over https and avoid using http for securing your network requests.
  6. Avoid passing confidential data over query params.

Performance

  1. Minify/Obfuscate your Javascript/CSS Bundles using bundlers like webpack, rollup etc. I prefer Webpack.
  2. Use file compressors like gzip, brotli etc.
  3. Use CDN based libraries instead of packing these libraries with your bundle.
  4. Avoid using Loops as much as possible where time complexity is not optimal.
  5. Make code reusable wherever applicable.

Responsiveness

This is expected since the applications are mostly used in small to medium screen range devices. Use display: flex (easy & effective) and media queries (@media).

Progressive Web App

A good and in-demand feature these days. This feature allows the web app to give a native-app experience to the user.

Discussion (0)

Forem Open with the Forem app