In modern times, an aspiring Front End Developer needs to know and master the following skills:
HTML5 is a markup language used for structuring and presenting content on the Web. HTML5 is the fifth version of the HTML.
According to a report released in August 2013 has shown that 153 of the Fortune 500 U.S. companies implemented HTML5 on their corporate websites. Since 2014, HTML5 is at least partially supported by most popular layout engines.
CSS3 is the latest evolution of the Cascading Style Sheets language and aims at extending CSS2.1. It brings a lot of long-awaited novelties, like rounded corners, shadows, gradients, transitions or animations, as well as new layouts like multi-columns, flexible box or grid layouts.
Less is a CSS pre-processor, meaning that it extends the CSS language, adding features that allow variables, mixins, functions and many other techniques that allow you to make CSS that is more maintainable, themeable and extendable.
Sass is an extension of CSS that adds power and elegance to the basic language. It allows you to use variables, nested rules, mixins, inline imports, and more, all with a fully CSS-compatible syntax. Sass helps keep large stylesheets well-organized, and get small stylesheets up and running quickly, particularly with the help of the Compass style library.
Frameworks: Bootstrap, Angular, React
Angular is built by a team of engineers who share a passion for making web development feel effortless.
React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes.
Ajax is a client-side script that communicates to and from a server/database without the need for a postback or a complete page refresh.
Responsive Web Design
Responsive Web design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation. The practice consists of a mix of flexible grids and layouts, images and an intelligent use of CSS media queries.
Cross-browser refers to the ability of a website, web application, HTML construct or client-side script to function in environments that provide its required features and to bow out or degrade gracefully when features are absent or lacking.
Usability is a measure of the interactive user experience associated with a user interface, such a website or software application. A user-friendly interface design is easy-to-learn, supports users’ tasks and goals efficiently and effectively, and is satisfying and engaging to use.
User Experience (UX) refers to a person’s emotions and attitudes about using a particular product, system or service. It includes the practical, experiential, affective, meaningful and valuable aspects of human–computer interaction and product ownership.
Overall, Mocha and Jasmine stand tall, each having roughly 90% awareness and high degrees of interest and satisfaction. In contrast, the rest of the field remains relatively unknown.
Web Page performance and optimization tools
Tools and information to help you build high performance web sites, such as Google’s PageSpeed Insights.