Recently in an interview, there was a question about the front-end technologies you are aware of. You might think why this question for a tester? Or why a tester needs to know about the technology stack? Simple – We all are part of the technology as much as developers are a part of quality assurance. If developers need to know the basics of unit testing, test scripts, automation – then why a tester should not be aware of the recent front-end technologies? Additionally, it is when you know about the technology stack that you can provide valuable inputs from overall product experience perspective. No knowledge is enough, and every knowledge brings out the best in you – it eventually helps. So stop fretting about the fact that why Software Testers are being asked technical questions about programming and tech-stack. Instead, let’s divert our attention to the topic in discussion – different Front-end technologies.
Top 10 Front-end Technologies
This article covers 10 of the most popular front-end technologies which everybody in the technology business should be aware of. So next time you go for an interview or join a new project – always tend to learn different technologies that build a product. Though QA is one of the part, but it makes all the sense to know about the complete product & technology that you are about to deliver. Quickly lets jump on to the top ten front-end technologies arranged chronologically,
Provides building blocks to all websites, particularly text and images.
- 1995: HTML 2.0 was the first standard HTML specification.
- 1999: HTML 4.01 was a major version of HTML.
- 2012: HTML-5 version which is an extension to HTML 4.01.
A web page need not be a static HTML, but can include programs that interact with the user, control the browser, and dynamically create HTML content.
A multimedia and software platform used for authoring of vector graphics, animation, games and rich internet applications (rias) which can be viewed, played and executed in adobe flash player.
Flash is a software technology for creating and managing interactive multimedia web applications like web sites, animations, movies, games, advertisement banners and more. It gives you almost unlimited options in the design of your pages. Web browsers cannot render Flash media themselves. Instead, Flash is primarily rendered via the proprietary, but freely available, Adobe Flash Player. Flash is ubiquitous on the Web, both because of its speed (vector-based animations, which can adapt to different display sizes and resolutions, play as they download) and for the smooth way it renders graphics. Flash files, unlike animated but rasterized GIF and JPEG, are compact, efficient, and designed for optimized delivery.
Used to give functionality and interaction to web pages. Can also be used to create applications that run directly on a workstation running Microsoft Windows.
Microsoft VBScript (Visual Basic Script) is a general-purpose, lightweight and active scripting language developed by Microsoft that is modelled on Visual Basic. VBScript was created to allow web page developers the ability to create dynamic web pages for their viewers who used Internet Explorer. With HTML, not a lot can be done to make a web page interactive, but VBScript unlocked many tools like: the ability to print the current date and time, access to the web servers file system, and allow advanced web programmers to develop web applications. Nowadays, VBScript is the primary scripting language for Quick Test Professional (QTP), which is a test automation tool.
Gives actions within applications for better responsiveness. Allows web pages to be updated asynchronously by exchanging small amounts of data with the server behind the scenes. This means that it is possible to update parts of a web page, without reloading the whole page.
For developing server-side and networking applications.
Built for dynamic web apps. With AngularJS, use HTML as the template language and it allows for the extension of HTML’s syntax to convey the application’s components effortlessly.
Responsive Web Design (2010)
A web design approach aimed at crafting sites to provide an optimal viewing experience – easy reading and navigation with a minimum of resizing.
Responsive web design (RWD) is an approach to web design which makes web pages respond to the user’s behavior and environment based on screen size, platform and orientation, i.e. render well on a variety of devices and window or screen sizes. A site designed with RWD adapts the layout to the viewing environment by using a mix of flexible grids and layouts, images and an intelligent use of CSS media queries. Responsive web design has become more important as the amount of mobile traffic now accounts for more than half of total internet traffic.
Create large web applications which can change data, without reloading the page. The main purpose of React is to be fast, scalable, and simple. It works only on user interfaces in application.
Front-end Technologies | You should know
With this we conclude out top 10 front-end technologies list. Hope this article helped you get an overview about the old, ever-green and trending front-end technologies. Don’t just read this article, the next step would be to inquire about the technologies being used by your current project and be aware. Also note that this list is by no means exhaustive. If your project uses some other, please mention it in comments and we will try to update this list of front-end technologies. Thanks for reading & don’t forget to share…