Front End Development I

Unit 1: Introduction to the Internet and the WorldWide Web I
• Evolution of the Internet and the Web
• Web standards
• Universal/accessible design
• Ethical use of the Web

Unit 2: Introduction to the Internet and the WorldWide Web II
• Browsers and Servers
• Networking protocols
• URIs, URLs, and Domain Names
• Evolution of HTML
• Current Web Trends
Assignment: Come up with a plan for the web page(s) you want to create

Unit 3: HTML Basics I
• What’s “markup”?
• Markup language in a web document
• Web document structure: <html>, <head>, <body>, <title>, <meta> tags
• Basic page markup: <h1>-<h6>, <p>, <br>, <ol>, <ul>, <li>, <blockquote> tags
• Inline vs. block tags: <em>, <strong>, <span>, etc.
Assignment: Create a basic web page

Unit 4: HTML Basics II
• Page organization: <header>, <nav>, <main>, <footer> tags
• Hyperlinks: the <a> tag
• Phrase elements
• Special characters
• Testing for valid syntax
Assignment: Reorganize the web page, add links

Unit 5: Styling Color and Text with CSS I
• What’s a “style sheet”?
• Inline styling with the “style” attribute
• Cascading Style Sheets (CSS) and their advantages
• Configuring backgrounds and text colors

Unit 5: Styling Color and Text with CSS II
• Creating a basic style sheet
• Embedded and external stylesheets
• Element, class, id, and descendant selectors
• Using the “cascade”
• Validating your CSS
Assignment: Create an external stylesheet for the web page

Unit 6: Visual Elements and Graphics I
• Creating and formatting borders
• Using graphic elements in web pages
• Images in a web page: the <img> tag
• Optimizing images for the web
• Images as backgrounds
• Images as hyperlinks
Assignment: Add graphical elements to the web page