This topic should include an overview of the infrastructure, hardware and software that make web-based media possible. The steps and key roles at play in web development are divided into three main categories: UX, Front-end and Back-end. Some important terminology associated with each of them is outlined in the links below. Web and app development are closely linked but there are different approaches to building content for smartphones and tablets. The difference between native apps, web apps and responsive design should be addressed.
////////// HOW THE INTERNET WORKS
Key concepts / terms
Web server ♦ Client & web browser ♦ Internet Protocols (HTTP & FTP) ♦ IP Address/Domain name/URL ♦ Cloud computing ♦ P2P
Resources
- Don’t Fear the Internet: Not a Series of Tubes – Video series by Jessica Hische & Russ Maschmeyer
- How the Internet Works – Video by WIMP
- Into the Cloud – NYTimes video
- History of the Internet – by Life Noggin
////////// WEB DESIGN
Key concepts / terms
The Creative Brief ♦ UX Design ♦ Front-end development ♦ Back-end development ♦ Markup vs programming languages
Resources
- Don’t Fear the Internet: HTML – Video series by Jessica Hische & Russ Maschmeyer
- Don’t Fear the Internet: Don’t Fear The Browser
- Don’t Fear the Internet: Starting From Scratch: HTML
- Don’t Fear the Internet: Starting From Scratch: CSS
- The Art of Web Design – Video from PBS’ OffBooks series
- What the Heck Is UX?
- Ultimate Guide to Website Wireframing – Article by Cameron Chapman
- What is a Wireframe? – video explaining the process
- Coming Home: NYT Now – Article by Craig Mod
- Better User Experience With Storytelling – by Francisco Inchauste
////////// APP DEVELOPMENT
Key concepts / terms
Native Apps vs. Web Apps vs. Hybrid Apps
Resources
- Apple Watch Success Will Hinge on Apps – NYTimes article by Brian X. Chen