ANGULARJS & BOOTSTRAP

Paper Code: 
WDT 331A
Max. Marks: 
100.00
Objective: 

Course Objectives

This module 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

Students will be able to:

CO 1.Comprehend and describe the differences of JavaScript and AngularJS.

CO 2.Identify what modules, directives and controllers are in AngularJS   

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

CO 4.Develop scalable and responsive web applications and websites through AngularJS and Bootstrap.

 

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: 

Bootstrap Buttons, Glyphicon, Pagination, Panels, Dropdowns, Collapse, Navbar, Forms  

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
  2. Website: http://www.w3schools.com.
  3. https://angular.io/docs

 

Academic Year: 
2021-22
  • Printer-friendly version