“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: , , , , tags Basic page markup: -, , , , , , tags Inline vs. block tags: , , , etc. Assignment: Create a basic web page Unit 4: HTML Basics II Page organization: , , , tags Hyperlinks: the 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 tag Optimizing images for the web Images as backgrounds Images as hyperlinks Assignment: Add graphical elements to the web page
- Evolution of the Internet and the Web
- Web standards
- Universal/accessible design
- Ethical use of the Web
- Browsers and Servers
- Networking protocols
- URIs, URLs, and Domain Names
- Evolution of HTML
- Current Web Trends
- What’s “markup”?
- Markup language in a web document
- Web document structure: , , ,
, tags - Basic page markup:
-
,
,
,- ,
- ,
tags
- Inline vs. block tags: , , , etc.
- Page organization:
, - Hyperlinks: the tag
- Phrase elements
- Special characters
- Testing for valid syntax
- What’s a “style sheet”?
- Inline styling with the “style” attribute
- Cascading Style Sheets (CSS) and their advantages
- Configuring backgrounds and text colors
- Creating a basic style sheet
- Embedded and external stylesheets
- Element, class, id, and descendant selectors
- Using the “cascade”
- Validating your CSS
- Creating and formatting borders
- Using graphic elements in web pages
- Images in a web page: the tag
- Optimizing images for the web
- Images as backgrounds
- Images as hyperlinks
- ,
Assignment: Create a basic web pageUnit 4: HTML Basics IIAssignment: Reorganize the web page, add linksUnit 5: Styling Color and Text with CSS IUnit 5: Styling Color and Text with CSS IIAssignment: Create an external stylesheet for the web pageUnit 6: Visual Elements and Graphics IAssignment: Add graphical elements to the web page - ,