Section 06: Making Changes
Put your knowledge into practice! This section guides you through making progressively more complex changes to the codebase.
What You'll Do
- Change text content safely
- Add new navigation links
- Modify styles and colors
- Test changes thoroughly
- Build confidence making real contributions
Why This Matters
Reading code is important, but making changes is where real learning happens. Each exercise builds on the previous one, gradually increasing in complexity.
Estimated Time
2-3 hours (hands-on practice)
Sections
- Changing Text Content - Safe first edits
- Adding New Links - Update navigation
- Modifying Styles - Change colors and spacing
- Testing Your Changes - Verify everything works
Practice Philosophy
- Start small: Simple changes first
- Test often: Check browser after each change
- Undo freely: Don't fear breaking things (you can always reset)
- Ask questions: If stuck, ask for help!
Success Metrics
After this section, you should be able to:
- Change any text on any page
- Add navigation items
- Modify colors and spacing
- Test changes in multiple browsers/sizes
- Know when to commit changes