Jinka University
College of Natural & Computational Science
Department of Computer Science
Course outline
Course title Web programming Course Code: CoSc 3081 Credit Hours: 4Hr (3Lec + 3Lab + 1Tutor) ECTS: 7
Program Weekend Dept. CS Center: Jinka Academic Year: 2016 E.C Year: 2 term: VII
The objective of this module is to familiarize students:
Course ➢ The concepts, principles and methods in programming for web and Internet environment and the
services and technologies available and used on Internet. Specifically, at the completion of this
objectives module the student is able to
➢ Provide fundamental concepts and skills for the understanding and development of web- based
applications.
➢ Construct Web sites using HTML and Server-Side scripting Languages.
➢ Implement client-side interactivity
➢ Use CSS to manage Web site presentation and maintenance
➢ Select and customize existing technologies to set up and maintain web servers
➢ Specify, build and manage form and content of information-rich web sites
➢ Design, implement and evaluate client-server systems following specific protocol specifications,
taking into account concurrency issue.
C Title and Contents C Title and Contents
H
H
1 The world Wide Web (4hr) Server-Side Scripting (PHP) (8hr)
Course overview 5 Introduction to PHP
The Internet and World Wide Web Basic PHP Syntax
Web Hosting and Domain Name Registration • PHP Comments
2 Hyper Text Markup Language (HTML) (10hr) • Predefined and User Variables in PHP
Introduction to HTML PHP Output Statements
HTML tags Data Types and Variables in PHP
Arithmetic and Logical Operators
• Basic HTML tags (HTML, HEAD, BODY,TITLE)
Conditional Statements
• Meta tag
Loop Statements in PHP
• HTML Comments
Arrays in PHP
• HTML Link PHP Functions
• HTML Text Formatting tags Form Processing using PHP
• HTML image inserting tag PHP File Upload
✓ IMG tag and its attribute PHP Cookies and Session
✓ Inserting Image Map Database Programming using PHP
• HTML Table • Overview on MySQL database
• Ordered and Unordered List in HTML • Creating Database Connection in PHP
• HTML Frames • Sending Query to MySQL Database using PHP
✓ Frame Set • Processing Query Result.
✓ Internal Frame PHP File Input-Output
• HTML Form and Form Controls PHP Date and Time
• Inserting Multimedia in HTML PHP Mathematical Functions
✓ Embed vs Video and Audio tags PHP OOP
• HTML Graphics Advanced JavaScript and XML (AJAX) (4hr)
✓ HTML Canvas 6 6Introduction to AJAX
✓ HTML SVG XML Http Request Object
Sending Request to PHP server
6.4. Handling Response from Server
Instructor Name: Senbetu A. Email: [email protected]
Jinka University
College of Natural & Computational Science
Department of Computer Science
3 Cascading Style Sheet (CSS) (10hr) 7 Introduction to web development frameworks (4hr)
CSS Basics Bootstrap & jQuery
• Introduction to CSS Node.js
• CSS Syntax (CSS Selectors and Declarations) Angular.js
• Attaching CSS with HTML (External , Embedded and React.js
Inline) Evaluation Schemes
Style Sheet Rules 1. Quizzes------------------------------------------------20%
• Style Inheritance 2. Assignment-------------------------------------------10%
• Style Rules Precedence 3. Project-------------------------------------------------30%
Style Properties 4. Final examination----------------------------------40%
• Foreground and Background Properties 5. Total---------------------------------------------------100%
• Font and Text Properties
• CSS Box Model References
• Table Styling Properties
• More On Styling List (Creating Navigation bars)
• Layout and Positioning Properties
CSS Measuring Units
4 Client-Side Scripting (JavaScript) (8hr) 1. Fundamental Concepts for Web Development: HTML5,
Introduction to JavaScript CSS3, JavaScript and much more!, by Roxane Anquetil
JavaScript Basic 2. Web Design with HTML, CSS, JavaScript and jQuery
• JavaScript Syntax Set 1st Edition by Jon Duckett (Author)
• Attaching JavaScript to HTML (External, Embedded, 3. W3Schools, https://www.w3schools.com
Inline)
JavaScript Comments
Basic JavaScript Input Output
JavaScript Data Types and Variables
• JavaScript Data types
• Variable declaration in JavaScript
• Data Type Conversion
Arithmetic and Logical Operators in JavaScript
Control Structures (Conditional and Looping
Statements)
Array in JavaScript
JavaScript Functions
JavaScript DOM (Document object Model)
• Accessing HTML elements in JavaScript
• CSS in JavaScript
• Events in JavaScript
• Handling Exception in JavaScript
Form Processing using JavaScript
JavaScript BOM (Browser Object Model)
• JavaScript Window
• JavaScript Location
• JavaScript Location
• JavaScript Cookies
Instructor Name: Senbetu A. Email: [email protected]
