“Front End Development” is a complete course in modern web design, covering everything you’ll need to know about HTML5 and CSS3 to make beautiful, responsive, interactive web sites. No previous experience, other than in using a keyboard, is required or assumed. If you’ve wondered how the web works or had an idea for your own web site but weren’t sure where to begin creating it, this is the perfect course for you. Beginning with where the web came from, and how it works, by the end, you’ll be coding web pages that include media and animations, interactivity, and responsively adjust to larger or smaller screen sizes. Plus, you’ll get a quick introduction to actual programming with Javascript and jQuery!
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