AngularJS & Bootstrap

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

This module is designed to help students for creating dynamic web sites.

 

Learning outcome :

Students will be able to:

  1. Comprehend and describe the differences of JavaScript and AngularJS.
  2. Identify what modules, directives and controllers are in AngularJS   
  3. Demonstrate the skills of working with Bootstrap Grid, global CSS classes and various reusable components such as Dropdowns, Navbars etc.
  4. Develop scalable and responsive web applications and websites through AngularJS and Bootstrap.
  5.  

Learning and teaching strategies:

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.

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: 
2020-21
  • Printer-friendly version