Definition of Front-End development

Front-end development is a term for browser based applications and implies the usage of various technologies. Each of them individually are not complex, but the sheer number of them makes beginners timid. For example, there are Cascading Style Sheets (CSS), Hypertext Markup Language (HTML), Extensible Markup Language (XML), JavaScript, JavaScript Object Notation (JSON), Uniform Resource Identifier (URI), Hypertext Transfer Protocol (HTTP), and many other abbreviations.

In addition to te low level technologies used on front-end development, there are many frameworks, tools and libraries ; for example: JQuery, BackboneJS, AngularJS, EmberJS, Grunt, Compass, and so on. These frameworks should not be confused with Back-End frameworks. the latter run on the server whereas the former run on the browser.

Front-End web development consists on these components:

  • HTML or templates that compile to HTML
  • Stylesheets that make HTML pretty.
  • Javascript to add interactivity or some business logic to the application.
  • Some hosting (Amazon AWS, Heroku, NGINX, etc …)
  • Build scripts to prepare code, manage dependencies and pretty much everything that’s needed.
  • Logic to connect to the server (Typically via XHR requests and a Restful API)

Skills and techniques required for good Front-End Development

To many people, client-side development might be perceived as ‘making things pretty’ and, while it is a valid comment, there are many other technologies that fall within this field that might be usually overlooked.  Here’s an overview of some of them.

  • Cross-browser, cross-platform, cross-device functionality.
  • Accessibility
  • Templates and CMS, web frameworks
  • Usability
  • Performance

The goal of a front end developer is to create clear, easy, fast pages and interfaces that will make people understand and care about the information, by putting it in context, expose its legitimacy or lack thereof, and reveal their implicit or explicit interconnection.
Front-end is not just a pretty face, it’s the friendly, forward-looking interface of web development.

Setting Up 5 Useful Middlewares For An Express API

Building a Restful API with Express is an easy process in the fundamental phase. Once you start getting requirements in, it becomes a handcraft to keep the code clean and tidy.

I found an article that brings us some tips and modules to improve the security and performance of a Restful API.

CORS: A package for Connect/Express middleware to enable CORS with various options.

Morgan: HTTP request logger middleware for node.js

Cluster: For parallel processing and multi-core server manager.

Compression: For GZIP content compression.

Helmet: For securing Express/Connect apps with various HTTP headers.

The article also shows how to setup content through SSL and HTTPS.

Link: Setting Up 5 Useful Middlewares For An Express API

© 2016 Wilbur Suero

Theme by Anders NorenUp ↑