Front End Design Practice Exam

About Front End Design
The website’s front end is everything you see and can interact with using a browser. So, creating this visual part is called front-end development. You could even say that designers creating user interfaces and planning experiences are also front-end developers, as they are working in collaboration on the same part of the project.

Front-end web development is the practice of converting data to a graphical interface, through the use of HTML, CSS, and JavaScript, so that users can view and interact with that data.

To create the front end, engineers use the combination of HTML (for basic page structure and content), CSS (for visual editing), and JavaScript (for making websites interactive). The same set of tools is used to create progressive web apps – mobile apps that look and feel like a native one but is created with the use of front-end technologies.

On the other hand, the back end is everything that happens, well, backstage. It contains servers where your web pages are located and the underlying logic that governs the website’s functions and processes.

Front End Design has gained immense popularity across the globe resulting in huge demand for certified professionals.

Why is Front End Design important?
Front End Development is important as, it
•    Successful Branding - Effective websites tie in with business logos, products, designs and all other aspects with powerful, well-planned branding. Front end development is crucial in conveying this branding to customers.
•    Drive Performance - Slow web pages and applications frustrate visitors, optimized performance is one of the business benefits of front-end development.
•    Aligning Business Intent - The website must reflect the real purpose of the business. The design and graphics should not confuse customers.
•    Optimize Navigation - Intuitive navigation ensures that the visitors find what they seek from your site.
•    Visitor Retention - Well-designed interfaces instil trust and confidence in the brand and help achieve communication goals leading to higher traffic and conversion.

Certified Front End Design professionals, executives and managers are in high demand in companies across the globe.

Important Concepts for Front End Design Practice Exam

• Design Principles and Elements
• Color Theory
• HTML
• CSS
• JavaScript

Who should take the Front End Design Exam?
•    Web Designers or developers
•    Programmers
•    IT professionals
•    Anyone who wants to assess their front end design skills
•    Front end design managers and senior executives
•    front end design consultants
•    Professionals working in outsourced companies responsible for front end design
•    Anyone interested in front end design
•    Design or IT or web development Students

Front End Design Practice Exam Objectives

Front End Design exam focuses on assessing your skills and knowledge in using HTML, CSS, and JavaScript for front end development.

Front End Design Practice Exam Pre-requisite

There are no prerequisites for the Front End Design exam. Candidate should be well versed  in HTML, CSS, and JavaScript for front end development to clear the exam.

Front End Design Certification Course Outline
1. Design Principles and Elements
1.1 Design Elements
1.2 Principles of Design

2. Color Theory
2.1 Historical Background
2.2 Color Abstractions
2.3 Complementary Colors
2.4 Warm vs. cool colors
2.5 Achromatic Colors
2.6 Tints and shades
2.7 Split Primary Colors
2.8 Color Harmony
2.9 Current Status
2.10 Basic Techniques for Creating Color Schemes

3. HTML
3.1 Text Formatting tags (b, i, u, tt, etc.)
3.2 Element Alignment
3.3 Hyperlinks and Named anchors
3.4 Lists and types (ordered, defined, etc.)
3.5 Table basics and structure
3.6 Nested Tables
3.7 Frameset, noframe and frame tag
3.8 HTML Forms Controls (input, text, radio, button, etc.)
3.9 Form Processing and formatting
3.10 Image, Audio and video formats
3.11 img tag
3.12 Image as links and image maps
3.13 Multimedia plug-ins and flash
3.14 embed and object tags

4. CSS
4.1 CSS Components (value, property, etc.)
4.2 Syntax and Rules
4.3 Selectors (class, ID, universal, etc.)
4.4 Advanced Selectors (pseudo-classes, pseudo-elements, etc.)
4.5 CSS Specificity
4.6 Specificity Hierarchy
4.7 !important Usage

5. JavaScript
5.1 Language constructs (Variables, objects, etc.)
5.2 Object Hierarchy and predefined objects
5.3 Functions, arguments and function object
5.4 Predefined JavaScript functions
5.5 JavaScript Operators (comparison, arithmetic, string, etc.)
5.6 Conditionals and loop statements
5.7 Event Objects and handlers
5.8 Capture and release events
5.9 Arrays object and methods
5.10 String object, methods and regular expression

Exam Format and Information
Certification name – Front End Design Certification
Exam duration – 60 minutes
Exam type - Multiple Choice Questions
Eligibility / pre-requisite - None
Exam language - English
Exam format - Online
Passing score - 25
Exam Fees  - INR 1199