A front-end developer is responsible for building the user interface (UI) of the application. This includes everything that the user sees and interacts with, such as the layout, buttons, menus, text, images, and other components. These are referred to as the front-end because they are the first interface that a user sees when they open the application. The back end of the application is responsible for the data storage and logic, but the front-end is responsible for how it is presented to the user. This includes making decisions about what information to display on the screen, how to display it, and in what sequence. The front-end developer is also responsible for any programming that makes the application work in different environments such as different browsers or devices. This includes making sure that the application works well on different operating systems, devices, and browsers. The front-end developer must also be able to quickly respond to changes in the product roadmap and incorporate them into the application as quickly as possible. The job of a front-end developer is challenging and requires a high level of technical skill and knowledge of the latest web technologies. It is not uncommon for a company to outsource the front-end development work completely to other companies or specialize in a certain area of development such as user interface design, user experience design, or front-end programming languages like Javascript, CSS, or AngularJS.
A front-end developer should have a good working knowledge of the following: - HTML5 and CSS - Javascript - Bootstrap - AngularJS - CSS3 - Responsive design - Git - Git Flow - Grunt - Jasmine - Jasmine 2 - Node.js - npm - Node Package Manager - SASS - SASS Compiler - SASS Preprocessors - Browserify - ES6 - ECMAScript 2015 - ES6 Modules - ES6 Arrow Functions - ECMAScript 6 Generators - ECMAScript 2015 Async/Await - ES6 Generators - ES6 Proxy - ECMAScript 7 Modules - ES6 Proxy - ES6 Symbol - ES6 Modules - ECMA-404 - ECMA-404 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Typed Arrays - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Typed Arrays - ES7 Modules - ES7 Proxy - ES7 WeakMaps - ES7 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules - ES6 Proxy - ES6 WeakMaps - ES6 WeakSets - ES6 Modules -
A web developer is responsible for the coding, design and layout of a website according to a company or client's specifications. They can also be involved in the maintenance and updates of an existing site.