Web Foundations/Introduction

Internet word cloud

This lesson introduces web foundations.

Objectives and Skills

Objectives and skills for this lesson include:

• Understanding fundamental web development concepts and vocabulary.

Articles

1. Wikipedia: Web design
2. Wikipedia: Web development

Videos

1. YouTube: The Complete Web Design Tutorials for Beginners

Key Vocabulary

1a. Hypertext Markup Language (HTML)${\displaystyle \star }$

1b. Extensible Markup Language (XML)

1c. Standard Generalized Markup Language (SGML)

The markup language for the structure of a web page.

2. Cascading Style Sheets (CSS) The programming language for the style of a web page.

3. Javascript (JS)

The prograamming language for the resposiveness of a web page.

${\displaystyle \star }$ The most common markup language

Other Vocabulary

• Cloud Computing
• Search Engine Optimization (SEO)
• Document Type Definition (DTD)
• Multipurpose Internet Mail Extensions (MIME)
• Request For Comments (RFC)
• Secure Sockets Layer (SSL)
• Transport Layer Security (TLS)
• Meta Language
• User Agent
• Web 2.0
• Web Feed
• Wire Framing

Activities

1. Review Wikipedia: List of most popular websites. Examine the top 10 or top 20 sites. What do these sites have in common in terms of design? Are the layouts similar? How is navigation implemented? What colors are standard? Are there design features unique to the focus of each organization?
2. Search the Internet for top 10 web designs. How do these designs differ from the most popular website designs? Why might they be different? Consider performance, compatibility across devices, audience, etc.
3. Review the most recent Stack Overflow: Annual Developer Survey. What programming languages are most popular? What frameworks are most popular? What databases are most popular?

See Also

-

References

-