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.
- 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.
- Templates and CMS, web frameworks
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.