AngularJS & Bootstrap

Paper Code: 
24WDT331A
Credits: 
02
Periods/week: 
01
Max. Marks: 
100.00
Objective: 

Course Objectives:

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: 

Course

Learning outcome

(at course level)

Learning and teaching strategies

Assessment Strategies

Course Code

Course

Title

 

24WDT331A

 

AngularJS & Bootstrap (Theory)

CO1.  Comprehend and describe the differences of JavaScript and AngularJS.

CO2. Identify what modules, directives and controllers are in AngularJS   

CO3. 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.

CO4. Demonstrate the skills of working with Bootstrap Grid, global CSS classes and various reusable components such as Dropdowns, Navbars etc.

CO5. Develop scalable and responsive web applications and websites Bootstrap.

CO6. 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.

Assessment Strategies

Class test, Semester end examinations, Quiz, Solving problems in tutorials, Assignments, Presentation

 

 

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: 

Essential Readings:

  1. Jake Spurlock, “Bootstrap: Responsive Web Development”, O'Reilly Media
  2. Ken Willaimson, “Learning AngularJS”, O'Reilly Media

 

REFERENCES: 

Suggested Readings:

  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: 
2024-25
  • Printer-friendly version