AngularJS & Bootstrap

Paper Code: 
25WDT331A
Credits: 
2
Periods/week: 
1
Max. Marks: 
100.00
Objective: 

This course will enable students to:

  1. Learn the concepts of AngularJS
  2. Develop an understanding of the concepts of Bootstrap grid, global CSS classes and reusable components
  3. Create responsive web applications and websites
Course Outcomes: 

Learning outcome

(at course level)

Learning and teaching strategies

Assessment Strategies

  1. Comprehend and describe the differences of JavaScript and AngularJS.
  2. Identify what modules, directives and controllers are in AngularJS   
  3. Apply the Angular JS Services to enhance the functionality and efficiency of web applications by providing reusable components for common tasks such as data retrieval, validation, and communication with servers.
  4. Demonstrate the skills of working with Bootstrap Grid, global CSS classes and various reusable components such as Dropdowns, Navbars etc.
  5. Develop scalable and responsive web applications and websites Bootstrap.
  6. Contribute effectively in course-specific interaction.

Approach in teaching:

Interactive Lectures, Discussion, reading assignments, Demonstrations, Group activities, Teaching using advanced IT audio-video tools 

Learning activities for the students:

Self-learning assignments, Effective questions, Seminar presentation, Giving tasks.

Two Internal Tests, Quiz, Home Assignments, Presentations.

 

 

6.00
Unit I: 
Introduction to AngularJS:

JavaScript Framework, Advantages, Directives, Expressions, AngularJS Expressions vs. JavaScript Expressions, Module: Creating a module, adding a controller, adding a directive, Modules and Controllers in Files

6.00
Unit II: 
AngularJS Directives:

Data binding, Repeating HTML Element, ng-app Directive, ng-init Directive, ng-model Directive, Create New Directives, Validate User Input, Application Status, AngularJS Data Binding, Two-way Binding, AngularJS Controller, Controller Methods, Controller, AngularJS Scope, Filters: Adding Filters to Expressions, Adding Filters to Directives

6.00
Unit III: 
AngularJS Services:

$http, $timeout, $interval, Select Boxes, AngularJS Tables, AngularJS HTML DOM, AngularJS Events, AngularJS Forms, AngularJS Global API

6.00
Unit IV: 
Introduction to Bootstrap:

History, Advantages, Downloading, BS Grid Basic, Typography, Tables, Images, Jumbotron, Page Header, Alerts.

6.00
Unit V: 
TypeFaces:

Old Style, Transitional Period, Modern, Slab Serif, Sans Serif, Script, Decorative Etc. Selection of a TypeFace in Design-Clarity: Readability and Legibility, Integration with Visuals, Concept and Theme.

ESSENTIAL READINGS: 
  1. Jake Spurlock, “Bootstrap: Responsive Web Development”, O'Reilly Media
  2. Ken Willaimson, “Learning AngularJS”, O'Reilly Media
REFERENCES: 
  1. Stephen Radford, “Learning Web Development with Bootstrap and AngularJS”, Peachpit Press

 

e-Resources:

  1. https://www.slideshare.net/
  2. https://nptel.ac.in/courses/106106222
  3. https://spoken-tutorial.org/??/
  4. www.w3school.com
  5. https://angular.io/docs

 

Journals:

  1. Journal of the Brazilian Computer Society, SpringerOpen
  2. Journal of Internet Services and Applications, SpringerOpen

 

Academic Year: 
2025-26
  • Printer-friendly version