Programme Structure for Bachelor of Engineering (B.E.) – Electronics and Computer Science (Rev.

2019) 'C' Scheme

Subject
Subject Name Teaching Scheme Credits Assigned
Code
Theory Practical Tutorial Theory Practical Tutorial Total
ECC504 Web Technologies 03 -- -- 03 -- -- 03

Examination Scheme
Theory Marks
Subject Subject
Code Name Internal assessment End Exam Term Prac Oral Total
Sem. duration Work tical
Test Test Avg of Test 1
1 2 and Test 2 Exam Hours
Web
ECC504 Technologies 20 20 20 80 03 -- -- - 100

Course Pre-requisite: Basics of programming languages, basic knowledge of HTML

Course Objectives:
1. To design and create web pages using HTML5 and CSS3.
2. To implement client-side scripting to static web pages.
3. To create dynamic web pages using server-side scripting.
4. To use MVC framework for web application development.

Course Outcomes:

After successful completion of the course students will be able to:

1. Design static web pages using HTML5.
2. Design the layout of web pages using CSS3.
3. Apply the concepts of client-side validation and scripts to static web pages using JavaScript
and JQuery.
4. Build responsive web pages using front-end framework Bootstrap.
5. Build dynamic web pages using server -side scripting.
6. Develop a web application using appropriate web development framework.

16
UNIVERSITY OF MUMBAI, B.E (ELECTRONICS AND COMPUTER SCIENCE)
Programme Structure for Bachelor of Engineering (B.E.) – Electronics and Computer Science (Rev. 2019) 'C' Scheme

Unit Hrs.
Module Contents
No.
1 Introduction to HTML5
1.1 Basic structure of an HTML5 document, Creating an HTML5 document, 4
Mark up Tags, Heading-Paragraphs, line Breaks
HTML5 Tags - Introduction to elements of HTML, Working with Text, Lists,
Tables and Frames, Hyperlinks, Images and Multimedia, Forms and other
HTML5 controls.
1.2 Self-Learning: HTML5 based game development

2 Static Web Page Design

2.1 Concept of CSS, Creating Style Sheet, CSS Properties, CSS Styling 4
(Background, Text Format, Controlling Fonts), Working with block elements
and objects, Lists and Tables, CSS Id and Class, Box Model(Introduction,
Border properties, Padding Properties, Margin properties)
CSS Advanced: (Grouping, Dimension, Display, Positioning, Floating, Align,
Pseudo class, Navigation Bar, Image Sprites, Attribute sector)
2.2 Self-Learning: Creating page Layout and Site Designs

3 Client-side scripting
3.1 JavaScript
Introduction to JavaScript, Lexical Structure, Types, Values, Variables,
Expressions and Operators, Statements, Objects, Arrays, Functions, Pattern 6
matching with regular expressions, JavaScript in Web Browsers, The Window
object, Scripting Documents, Scripting CSS, Handling Events
3.2 jQuery
jQuery Basics, jQuery Getters and Setters, Altering Document 4
Structure, Handling events with jQuery, Animated Effects, Utility functions,
jQuery Selectors and Selection Methods, Extending jQuery
with Plug-ins, The jQuery UI Library
3.3 Self-Learning: JavaScript Framework -AngularJS

4 Bootstrap
4.1 Introduction to Bootstrap, downloading and installing Bootstrap. 6
The Grid System: Introducing the Grid, Offsetting and Nesting, Responsive
Features, Utility Classes, and Supported Devices.
CSS Foundations: Typography in Bootstrap, Styling Tables, Styling Forms,
Styling Buttons, Images, icons, and Thumbnails.
Navigation Systems: Tabs, Pills, and Lists, Breadcrumbs and Pagination,
Navigation Bar, Making the Navigation Bar Responsive.
JavaScript Effects: Drop-downs, Modal Windows, Tooltips and Popovers,
Navigation Aids: Tabs, Collapse, Affix, Carousel.
4.2 Self-Learning: Bootstrap Customization: Combining Elements in Bootstrap,
Customizing by Components, Plugins, and Variables

5 Server side-scripting
5.1 Introduction to PHP, PHP Tags, Adding Dynamic content, Accessing form 10
variables, Identifiers, user-declared variables, Data types, Constants,

17
UNIVERSITY OF MUMBAI, B.E (ELECTRONICS AND COMPUTER SCIENCE)
Programme Structure for Bachelor of Engineering (B.E.) – Electronics and Computer Science (Rev. 2019) 'C' Scheme

Operators, Control structures, Conditionals, Iteration constructs, Using arrays,

string manipulation and regular expressions, reusing code and writing
functions, Designing and creating your web database, Accessing MySQL
database from the Web with PHP, Session Control in PHP.
5.2 Self-Learning: PHP-NoSQL Database connectivity e.g. PHP-MongoDB
connectivity

6 Web Development Framework

6.1 MVC architecture - Introduction and applications 5
Server side-scripting – Laravel Framework
Managing Your Project Controllers, Layout, Views, and Other Assets, Talking
to the Database, Model Relations, Scopes, and Other Advanced Features,
Integrating Web Forms, Authenticating and Managing Your Users,
Deploying, Optimizing and Maintaining Your Application
6.2 Self-learning: Django Framework, Interactive web sites, web-based
information system, blogs, social networking sites,

Total 39

Text Books:

1. Ralph Moseley, M.T. Savliya , “Developing Web Applications”, Willy India, Second Edition,
2. “Web Technology Black Book”, Dreamtech Press, First Edition, 978-7722-997
3. Robin Nixon, "Learning PHP, MySQL, JavaScript, CSS & HTML5" Third
Edition,O'REILLY,2014.(http://www.ebooksbucket.com/uploads/itprogramming/javascript/Le
arning_PHP_MySQL_Javascript_CSS_HTML5__Robin_Nixon_3e.pdf)
4. Professional Rich Internet Applications: AJAX and Beyond, Dana Moore, Raymond Budd,
Edward Benson, Wiley publications. https://ebooks-it.org/0470082801-ebook.htm
5. Jennifer Kyrnin, “SAMS Teach Yourself Bootstrap in 24 hours”, 1st edition, Pearson
Education.
6. Martin Bean, “Laravel 5 Essentials”, PACKT Publishing Ltd

Reference Books:

1. Harvey & Paul Deitel& Associates, Harvey Deitel and Abbey Deitel, “Internet and World Wide
Web - How To Program”, Fifth Edition, Pearson Education, 2011.
2. Achyut S Godbole and Atul Kahate, “Web Technologies”, Second Edition, Tata McGraw Hill,
2012.
3. Thomas A Powell, Fritz Schneider, “JavaScript: The Complete Reference”, Third Edition, Tata
McGraw Hill, 2013.
4. David Flanagan, “JavaScript: The Definitive Guide, Sixth Edition”, O'Reilly Media, 2011
5. Steven Holzner, “The Complete Reference – PHP”, Tata McGraw Hill, 2008
6. Mike Mcgrath, “PHP & MySQL in easy Steps”, Tata McGraw Hill, 2012.
7. J. Millman and A. Grabel, “Head First HTML and CSS”, 2nd edition, O‟ Reilly.
8. Ben Frain, “Responsive Web design with HTML5 and CSS3”, PACKT Publishing Ltd.
9. L. Welling and L. Thomson, “PHP and MySQL Web Development”, 4th edition, Adison
Wesley Professional.

18
UNIVERSITY OF MUMBAI, B.E (ELECTRONICS AND COMPUTER SCIENCE)
Programme Structure for Bachelor of Engineering (B.E.) – Electronics and Computer Science (Rev. 2019) 'C' Scheme

Digital Material:
1. www.nptelvideos.in
2. www.w3schools.com
3. http://spoken-tutorial.org

Internal Assessment (IA):

Two tests must be conducted which should cover at least 80% of syllabus. The average marks of
both the test will be considered as final IA marks
End Semester Examination:
1. Question paper will comprise of 6 questions, each of 20 marks.
2. Total 4 questions need to be solved.
3. Question No.1 will be compulsory and based on entire syllabus wherein sub questions of 2 to 5
marks will be asked.
4. Remaining questions will be selected from all the modules

19
UNIVERSITY OF MUMBAI, B.E (ELECTRONICS AND COMPUTER SCIENCE)