Course Outline

Title INTERNET APPLICATION DEVELOPMENT

Code BSCS - 633

Credit Hours 2+1

Instructor Mr. Zaeem Tariq

The course provides knowledge of and proficiency in basic techniques necessary for the development of web-based
applications like Front-end development technologies including HTML, CSS, JavaScript. The creation and consumption
Aims and of RESTful web services powered by JSON data. How a web server works and the facilities it utilizes to service client
Objectives requests. Using the NODE JS and EXPRESS JS framework to build web applications so that students can design and
construct animated web pages and client-server applications. The course will be accompanied by an intensive series of
practical where students will obtain hands-on experience of all aspects of the course.
On completion of this course students should be able to:
• Implement interactive web pages using HTML, CSS and JavaScript.
Learning • Design a responsive web site using HTML5 and CSS3.
Outcomes • Demonstrate Rich Internet Application.
• Build Dynamic web site using server-side Node JS and Database connectivity.
• Describe and differentiate different Web Extensions and Web Services.
• A Smarter Way to Learn HTML CSS Learn it faster. (Mark Myers)
Text Book/s • A Smarter Way to Learn JavaScript. (Mark Myers)
• Web Development with MongoDB and NodeJS - Second Edition (Bruno Joseph D'mello , Jason Krol)
• W3Schools Online Web Tutorials(https://www.w3schools.com/)
Reference
• freeCodeCamp (https://www.freecodecamp.org/)
Material
• https://developer.mozilla.org/
Week Topic Recommendations for Learning Activities

1 Basics
• Layers of the Internet
• World Wide Web
• Domain Name Service
• Uniform Resource Locator
• Overview of Web Applications

2 HTML
• History of Markup Language
• HTML Basics Structure
• Tags
• Text Formatting
• Creating Links
• Adding Images
• Lists
• Tables

3 HTML
• HTML Forms
• HTML IFRAME
• Meta Tags

4 CSS
• Introduction to CSS
• Syntax of CSS
• CSS Selectors
• Inserting CSS in an HTML Document
• CSS Background
• CSS Padding
• CSS Margin
• CSS BOX Model

5 CSS
• CSS Position
• CSS Float
 • CSS Flexbox

6 JAVA SCRIPT
• Introduction,
• JavaScript Syntax
• JavaScript Built-in Objects
• JavaScript Document Object Model
• Variables and types of Variables
• Operators

7 JAVA SCRIPT
• Functions
• Conditional Statements
• Loops

8 JAVA SCRIPT
• JavaScript Interaction with DOM

9 Node JS
• Introduction
• Architecture and working

10 Node JS
• Node npm, npx, modules
• Node Server Creation
• Sending html page as response
• Handling URLs

11 EXPRESS JS
• Introduction
• Working and handling requests
• Handling URLs

12 Mongo DB
• Introduction
• Installation and setup
• Queries AND Statements
13 Mongo DB
• Queries
• Handling Database using Queries

14 Express JS interacting with Mongo DB

• Schema Creation
• Model Creation

15 Express JS interacting with Mongo DB

• Execution of Database Queries
• API with Express

16 Project