This document provides an overview of a course on developing and using the web. It discusses: - How the web has changed communication and how people now rely on it for many tasks. - Recent trends in web design like responsive design, large photography, minimalism, and infinite scrolling. - Different career paths in web design and development, as well as skills employers seek. - Personal learning networks and how exploring coding tools and online resources can help build lifelong learning skills.

1. Developing and Using the
Web
MMDP 101: Digital Design Survey
Week 5

2. Goals for this Week
• Understand some ways that the web has
changed the ways that we communicate
• Understand recent trends in web
development and design
• Understand different career paths for a
web designer

3. Life Before the Web
• Does anyone remember what life was like
before the web?
• In what ways do we now rely on the web
to do things?

4. Group Activity: Web Time Machine
• I want you to get with the person next to
you and visit
– http://www2.warnerbros.com/spacejam/movi
e/jam.htm
• List some characteristics of this website
that seem “off” to you as a user

5. What do we expect from a website
today?

6. Visit evolutionofweb.appspot.com

7. Survey of the Job Market
• Visit Craigslist – what kind of skills are
people looking for in web development
jobs
• What are the different types of jobs that
exist in the market

8. Web Design as a Career

9. Latest Trends in Web Design
• Responsive Web Design
• Support for higher resolutions
• Large photo backgrounds
• Minimalist Websites
• Use of QR Codes
• Social Media Badges
• Infinite Scrolling
Source

10. Examples
• Responsive Web Design:
– Ryjohnson.com
– Kerem.co
• Big Photography
– Blindbarber.com
• Infinite Scrolling
– Tumblr & Pinterest

11. Look at Web Designs on Behance

12. Code as a Literacy Movement

13. Exploration of Coding Tools
• Explore the “Learn” section of code.org
– Codecademy
– Khan Academy
– CodeHS

14. Using the web to develop a PLN
• What is a PLN and why should we care?
– Creates lifetime learners
– Helps us learn answers to specific questions
– Creates bonds and connections with industry
• What are we doing now that is a part of
our PLN?

15. A Map of a PLN

16. Elements of my own personal
learning network

17. Work for this Week
• Week 5 Online Discussion – Classwide
• Group Discussion – Find some initial
examples of portfolios
• Lynda.com Mac Lessons 9 & 10