Noob Coding

Community Built Web Development Courses

Module 3: Expanding on HTML and CSS

This module aims to provide Noob Coders with a good understanding of HTML and CSS. The module guides a developer through the steps of building a simple static website, exploring the use of different HTML tags and styling techniques.

When completing the module, Noob Coders are expected to be able to build a replica of the sample website provided in this repo.

Pre-requisites

• Estimated duration: ?? hours.
• Computer
• VS Code or similar Text Editor

Course Contents

• HTML
  • The anatomy of the HTML Element
  • The anatomy of the HTML Document
  • Semantic HTML
    • Why should we use it?
    • Accessibility from day one!
  • Consuming external resources through links
• Building the skeleton of our webpage.
• Cascade style sheets (CSS)
  • Why that name?
  • CSS Syntax
  • CSS basic selectors (with a note about specificity)
  • The Box Model
• Styling our Webpage
  • Positioning HTML elements.
  • Background colors
  • Hover/Active/Visited selectors
  • Customizing links

Contributing content and Plagiarism

Please be mindful with the content you include. If you quote or use content created by someone else, always give credit to the original author and make sure that you have their permission to share their content.

Contributions that copy commercial courses, or that fail to refer to the original source will be removed or declined.

If you are an author, and you believe this course contains plagiarized content, please open a new issue here.

Hacktoberfest

Hacktoberfest® is on! You can help drive the growth of open source and make positive contributions to an ever-growing community. All backgrounds and skill levels are encouraged to participate!

Get involved

Find a list of active Noob Coding repositories in the Modules list above.

Explore the open issues and contribute to the Noob Coding initiative. Open a pull request for any of the following

• Existing Issues
• Improving existing course content
• Creating new course content
• Add new and interesting exercises

License

This work is licensed under the Creative Commons Attribution-ShareAlike 4.0 International License. To view a copy of this license, visit http://creativecommons.org/licenses/by-sa/4.0/.