CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.

22
CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan

Transcript of CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.

Page 1: CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.

CGS3066: Web Programming and DesignSummer 2014

InstructorMir Anamul Hasan

Page 2: CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.

Course Information

• Instructor: Mir Anamul Hasan • Office: MCH 104 • Office Hours: Tuesday 3:00-5:00 pm• Email: [email protected] • Course Site: BlackBoard

Page 3: CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.

Attendance and Class Schedule

• Monday, Wednesday & Friday• 5:15 pm – 6:30 pm• LOV 103

Attendance is crucial to understanding the topic and performing well in this class.

Page 4: CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.

Grading Policy

– Quizzes: 10%.– Assignment:30%;– Midterm:15%;– Final exam:15%;– Project: 30%

Page 5: CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.

Grading Scale

• A: 100 – 90• A-: 90 - 85• B+: 85 – 80• B: 80 – 75• B-: 75 - 70;• C: 70 - 60• F: 60 - 0.

Page 6: CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.

Goal

• This course involves an overview of Internet communications and information services as well as technologies on which the Internet and Web are built. It focuses on Web design, development, and scripting with participants learning the latest tools and techniques for building professional-grade, dynamic, and interactive web pages and sites.

Page 7: CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.

How it Works

Page 8: CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.

How it Works

Page 9: CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.

Objectives

The assignments and structure of the class is organized to accomplish the following learning objectives:

• HTML5 • CSS 3.0 • Javascript and jQuery • PHP • MySQL • Content Management System and more items if

time permits

Page 10: CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.

• HTML stands for Hyper Text Markup Language• HTML is a markup language• A markup language is a set of markup tags• The tags describe document content• HTML documents contain HTML tags and

plain text

Page 11: CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.
Page 12: CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.
Page 13: CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.

• CSS stands for Cascading Style Sheets• Styles define how to display HTML elements• Styles were added to HTML 4.0 to solve a

problem• External Style Sheets can save a lot of work• External Style Sheets are stored in CSS files

Page 14: CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.

h1{color:orange;text-align:center;}p{font-family:"Times New Roman";font-size:20px;}

Page 15: CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.

• JavaScript is the programming language of the Web.

• HTML to define the content of web pages• CSS to specify the layout of web pages• JavaScript to program the behavior of web

pages

Page 16: CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.

document.getElementById("demo").innerHTML = "Hello JavaScript";

Page 17: CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.
Page 18: CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.

• PHP is a server scripting language• PHP is a powerful tool for making dynamic and

interactive Web pages quickly. • PHP files can contain text, HTML, CSS,

JavaScript, and PHP code• PHP code are executed on the server, and the

result is returned to the browser as plain HTML

Page 19: CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.

• <!DOCTYPE html><html><body>

<?phpecho "My first PHP script!";?>

</body></html>

Page 20: CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.

• MySQL is a relational database management system

• SQL is a standard language for accessing databases.

SELECT * FROM Customers;

Page 21: CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.

Content Management System

Page 22: CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.

Thank You