WCG Intermediate Front-End Developer

Real-Time Assessment

2024

The aim of this assessment is to gauge the applicant’s proficiency in the skills and competencies required for the role of an Intermediate Front-End Developer to be based at Western Cape Government.

This assessment is designed to evaluate your technical and practical knowledge in .NET development, specifically in .NET (C#), ASP .NET MVC, Angular, Blazor, and React. You have 30 minutes to complete this assessment. Please provide your answers in a clear and concise manner. This assessment is worth a total of 45 marks.

Instructions:

1. Ensure you have a stable internet connection

2. Read each question carefully.

3. Answer all questions to the best of your ability within the given time frame.

4. Do not use external help.

SECTION 1: MULTIPLE CHOICE QUESTIONS (10 marks)

1. In MVC 4, which component is responsible for handling user input? (1 mark) *

Model

View

Controller

ViewModel

2. What is the main purpose of Blazor in .Net Development (1 mark)*

To compile Python code to .Net assemblies

To enable running C# in the browser

For database migrations

To enhance JavaScript performance

3. What Angular feature is best suited for two-way data binding? (1 mark)*

Directives

Services

Modules

NgModel

4. In React, what is used to handle state management? (1 mark)*

Redux

React Router

JSX

Babel

5. What is the advantage of using MicroServices in application development? (1 mark)*

Faster data processing

Easier to scale and maintain

More secure

Cheaper hosting

SECTION 2: SHORT ANSWER QUESTIONS (20 marks)

1. How would you implement a dependency injection in an ASP.NET Core application? (4 marks)*

2. Explain the difference between a class and an object. (4 marks)*

3. Explain the difference between managed and unmanaged code. (4 marks)*

4. Discuss the advantages of using React for front-end development. (4 marks)

5. What strategy would you use to handle a large dataset in batch processing to avoid performance bottlenecks? (4 marks)

SECTION 3: CODING QUESTIONS (15 marks)

1. Create a simple .NET C# function to connect to a SQL Server database using Entity Framework and retrieve all records from a table named ‘Employees’. Assume the necessary context and entity classes are already defined. (5 marks)

2. Building a Dynamic User Interface with Angular (10 Marks)

Scenario: You are tasked with creating a dynamic user interface for a new feature in the Single Patient Viewer (SPV) project. This feature is an interactive dashboard that displays patient data in various formats (e.g., charts, tables). The dashboard should be responsive and allow the user to filter data based on specific criteria (e.g., date range, health metrics).

Requirements:
1. Setup a Basic Angular Project: Initialize a new Angular project with the necessary configurations.
2. Create Components:Create a DashboardComponent that will serve as the container for the dashboard.
Create a FilterComponent that will contain input elements for filtering the data (e.g., date pickers, dropdowns for health metrics).
Create a ChartComponent that will display patient data in a chart format. Use any chart library compatible with Angular (e.g., Chart.js, ng2-charts).
3. Service for Data Management:Implement a DataService that will simulate fetching patient data from an API. For simplicity, you can use static data to represent patient data.
The service should be able to filter data based on the criteria selected in the FilterComponent.
4. Integrate Components:The DashboardComponent should display components for filtering and the chart.
Ensure the ChartComponent updates dynamically based on the filters applied.

Full Name*

Email Address*

Acknowledgement: By submitting this assessment, you consent to the collection, processing, and storage of your personal information for the purpose(s) of this application

WCG Intermediate Front-End Developer 30-Minute Real-Time Assessment