By the end of this lesson, coders will be able to:
- Understand the importance of writing clean, readable code and debug errors.
- Review HTML and CSS concepts.
- Participate in coding challenges to reinforce concepts.
- Prepare for future coding interviews by experiencing a coding challenge similar to those in the tech industry.
- Errors are normal: It's totally normal to run into errors; both beginners and pros encounter them.
- Three Strategies to Debug:
- Write clean code
- Use documentation
- Read error messages
Clean code is more readable and makes spotting errors easier.
<html>
<body>
<p>clean</p>
<p>code</p>
</body>
</html>Hover over an HTML tag that's not working to find a link to documentation.
- HTML Structure:
- It adds structure to web pages.
- It uses tags to create different elements on a webpage.
<body>
<h1>Hello World</h1>
<p>Yay, coding!</p>
<button>Click here.</button>
</body>- CSS Styling:
- It adds style to web pages.
- Choose a selector, property, and value.
p {
color: blue;
}- Writing clean, error-free code is essential, but encountering errors is a normal part of the coding process.
- Debugging involves strategies such as writing clean code, reading error messages, and consulting documentation.
- HTML and CSS are foundational technologies for creating web pages.
Happy coding!