Computer Science 103:

Web Development

Gregory M. Kapfhammer


flickr photo by SaurabhChatterjee shared under a Creative Commons (BY-NC-ND) license

Keep in Touch!

Course Web Site

Office Hours

Teaching Assistants

Slack Communication

Relevant Tweets

Email Communication


flickr photo by SaurabhChatterjee shared under a Creative Commons (BY-NC-ND) license

Color Scheme

Key Concept

Corresponding Diagram

In-Class Discussion

In-Class Activity

Details in the Textbook

What will we explore in this class?

Areas for Exploration

Graphic Design

Software Development

Programming Languages

International Connections


flickr photo by wocintechchat.com shared under a Creative Commons (BY) license

Areas for Exploration

Cascading Style Sheets

JavaScript Scripting

Web Application Design

Effective Communication


flickr photo by wocintechchat.com shared under a Creative Commons (BY) license

Important Observation

Computer Science Involves More than Programming!

Areas for Exploration

People

Teams

Writing

Speaking


creative commons licensed ( BY-NC-ND ) flickr photo shared by Scott Beale

Very Exciting!

Important Quotation

"The magic of myth and legend has come true in our time"

Frederick P. Brooks, Jr.

What is Brooks Talking About?

Software

Highlights of this Course

Class Activities

Laboratory Sessions

Challenging Programming

Group Projects

Fun Presentations

Real-world Software Tools

New Friends and Colleagues

Plan for Success

Work Hard

Be Prepared

Ask Questions

Participate Regularly

Use the Provided Technology


flickr photo shared by OKF DE under a Creative Commons ( BY-SA ) license

Investigate These Slides

Firefox: Tools → Web Developer → Page Source

What do you see? What is this?

Find a part that you understand

Find a part that is confusing

See page 85, notice any similarities?


flickr photo shared by OKF DE under a Creative Commons ( BY-SA ) license

Our course slides are a web site!

☺ ☻ ☺

You will make your own web sites!

☺ ☻ ☺

How did I make the ☺ appear?

What is an HTML character codes?

Don't worry, we will investigate this later!

Any questions about this introduction?