Angular JS, KPR Institute Engineering and Technology, Autonomous Engineering Institution, Coimbatore, India

The One Credit Course on Angular JS successfully equipped students with essential knowledge and practical skills required for modern front-end web development. By the end of the course, students demonstrated a clear understanding of Angular JS architecture and were able to apply core concepts such as data binding, directives, services, and routing to build dynamic web applications. Hands-on sessions enabled learners to design simple single-page applications (SPAs) and implement client-side validation and HTTP communication effectively. Overall, the course enhanced students’ technical competence, problem-solving ability, and confidence in using Angular JS for developing industry-relevant web applications within a limited but focused learning duration.The Following Projects were assigned to the students. Teams are formed for Execution of projects. Evaluation done for 100 marks. Students gained Practical knowledge using this one credit course from industry experts.

PROJECTS ASSIGNED TO STUDENTS (AngularJS – Basics & Medium)

1. Student Registration Form (AngularJS Forms)

Evaluation Focus
• Use of ng-model for two-way binding
• Form validation (required, email, minlength)
• Display validation messages

2. Login Page with Validation

Evaluation Focus
• Input directives (type, ng-required)
• Custom validation (password length / pattern)
• Form submit handling

3. Simple To-Do List Application

Evaluation Focus
• Adding, deleting, and listing items
• Use of ng-repeat
• Scope variables and functions

4. Employee List Management

Evaluation Focus
• Display data using ng-repeat
• Add/Edit/Delete employee records
• Use of filters for search

5. Product Search & Filter Page

Evaluation Focus
• Built-in AngularJS filters (filter, orderBy)
• Search functionality
• Dynamic UI updates

6. Simple Calculator Application

Evaluation Focus
• Scope communication
• Event handling (ng-click)
• Expression evaluation

7. Contact Management Application

Evaluation Focus
• Form handling and validations
• Data binding and dynamic updates
• CRUD operations using scope

8. Weather App using Public API

Evaluation Focus
• AJAX calls using $http
• API response handling
• Data binding with view

9. Single Page Navigation Website

Evaluation Focus
• AngularJS routing
• SPA navigation
• Multiple views using templates

10. Online Quiz Application

Evaluation Focus
• Question rendering using ng-repeat
• Score calculation logic
• Scope hierarchy usage

11. Simple Shopping Cart Application

Evaluation Focus
• Add/remove items
• Total price calculation
• Use of filters and expressions

12. Feedback / Survey Application

Evaluation Focus
• FormController usage
• Validation and submission
• Displaying submitted feedback

Evaluation: 100 Marks

Criteria

Marks

Project Functionality

30

GitHub Maintenance

20

AngularJS Concepts Usage

30

Viva Questions

20

Total Marks

100

AI Project Evaluation Criteria (100 Marks Total)

Criteria

Marks

Evaluation Questions / Guidelines

1. Viva Voce

20 Marks

What is AngularJS and why is it used?

Explain two-way data binding.

What is the role of ng-model?

What is a Single Page Application (SPA)?

2. Project Implementation & Functionality

30 Marks

Application runs without errors

 Proper use of AngularJS directives

 Functional UI output

 Clear separation of HTML and logic

3. GitHub Maintenance

20 Marks

  Proper folder structure
  README with project description
  Comments in code
  Meaningful commit history

4. AngularJS Concepts & Design

30 Marks

AngularJS Concepts & Design – 30 Marks

Sub-Division:

• Data Binding & Directives (10 Marks)
✔ Correct use of ng-model, ng-repeat, ng-click

• Controllers & Scope (10 Marks)
✔ Scope variables and functions
✔ Basic scope communication

• Routing / Filters / Services (10 Marks)
✔ Use of routing or filters
✔ API usage (if applicable)