Hello! We’re so excited to be learning with you. You’re getting this email because you signed up to get weekly updates from the Bad Website Club during our upcoming Responsive Web Design bootcamp.

We're continuing our journey on learning the core skills you need to make websites. This bootcamp is completely free, the only thing we ask from learners is that you bring your curiosity and abide by the Code of Conduct when you interact with our instructors or other learners.

Where we're learning:

We are teaching live sessions at 15:00 UTC Monday to Friday on Youtube and Twitch, to let learners pick which service they prefer to watch from. All stream videos will be available afterwards for learners unable to join us live.

We have a dedicated channel in the freeCodeCamp Discord. All information will be posted to the Bad Website Club website, and all your lesson units can be found on the freeCodeCamp Responsive Web Design course.

How we're learning:

We're using a flipped classroom approach, asking you to work through the lesson material on your own before we review together during our streamed sessions. We are talking through some (not all!) of the workshop steps and offer space for Q&A in our live streams.

We're also huge fans of taking notes as we learn! The lesson pages on our website include Instructor Notes, and we encourage you to take your own notes. You can even share your notes in our bootcamp-discussion channel on our dedicated space in the freeCodeCamp Discord server.

Upcoming Guest Session with Sara Joy: Whimsica11y: bringing the joy and whimsy to everyone (May 20, 7:30pm UTC)

We’re excited to welcome Sara Joy for a guest session on accessibility and whimsy!

About the session:

Accessibility, inclusivity and WCAG guidelines are extremely important for proper access to vital services online. But we all also deserve to be amused, surprised and yes, delighted by the web! Sara is looking to stimulate discussion on how we can lift the accessibility bar off the floor of basic functionality, up towards more fun stuff.

About Sara Joy:

Sara has been extremely online since 1998, making her own personal websites since 1999. She fell off the wagon some time around 2010, until getting back on it in 2021 to switch her career from electronic engineering to front end web development. She loves the web platform, and wants it to be accessible to everyone.

You can follow Sara on Mastodon and Bluesky.

Check out the session page on our website, we can't wait to see you there!

Week 3 Recap:

Here's a list of what we did this week:

• HTML - Semantic HTML Part 2, covering the lessons:
  • Working with Text and Time Semantic Elements: How Do Block and Inline Quotes Work in HTML?
  • Working with Text and Time Semantic Elements: How Do You Display Abbreviations in HTML?
  • Working with Text and Time Semantic Elements: How Do You Display Addresses in HTML?
  • Working with Text and Time Semantic Elements: How Do You Display Times and Dates in HTML?
  • Build Quincy’s Job Tips Page
• HTML - Semantic HTML Part 3, covering the lessons:
  • Working with Specialized Semantic Elements: How Do You Display Mathematical Equations and Chemical Formulas in HTML?
  • Working with Specialized Semantic Elements: How Do You Represent Computer Code in HTML?
  • Working with Specialized Semantic Elements: What Are the U, S, and Ruby Elements Used For, and How Do They Work?
  • Build a Cat Blog Page
  • Build an Event Hub
  • Semantic HTML Review
  • Semantic HTML Quiz
• HTML - Forms and Tables Part 1, covering the lessons:
  • Working with Forms: How Do Forms, Labels, and Inputs Work in HTML?
  • Working with Forms: What Are the Different Types of Buttons, and When Should You Use Them?
  • Working with Forms: What Is Client-Side Form Validation in HTML Forms, and What Are Some Examples?
  • Working with Forms: What Are the Different Form States, and Why Are They Important?
  • Build a Hotel Feedback Form
• HTML - Forms and Tables Part 2, covering the lessons:
  • Working with Tables: What Are HTML Tables Used For, and What Should They Not Be Used For?
  • Build a Final Exams Table
  • Build a Book Catalog Table
• HTML - Forms and Tables Part 3, covering the lessons:
  • Working with HTML Tools: What Is an HTML Validator, and How Can It Help You Debug Your Code?
  • Working with HTML Tools: How to Use the DOM Inspector and DevTools to Debug and Build Your Projects
  • HTML Tables and Forms Review
  • HTML Tables and Forms Quiz
  • Build a Survey Form

What's coming for Week 4?

• May 18: HTML - Accessibility Part 1, we'll cover the topic Importance of Accessibility and Good HTML Structure
• May 19: HTML - Accessibility Part 2, we'll cover the topic Working with Accessible Tables and Forms
• May 20: HTML - Accessibility Part 3, we'll cover the topic Introduction to ARIA
• May 20: Guest session with Sara Joy: Whimsica11y: bringing the joy and whimsy to everyone (7:30pm UTC)
  • We’re excited to welcome Sara Joy for a guest session on accessibility and whimsy!
• May 21: HTML - Accessibility Part 4, we'll cover the topic Working with Accessible Media Elements
• May 22: HTML - Accessibility Part 5, we'll go through HTML Accessibility Review and a review of all we have learned so far, and finish the HTML unit 🎉

You can find the links to individual lessons and solo tasks for each day on our website.

Before the session on Monday, May 18, please:

• Read Importance of Accessibility and Good HTML Structure: What Is Accessibility? and take notes
• Read Importance of Accessibility and Good HTML Structure: What Are Screen Readers, and Who Uses Them? and take notes
• Read Importance of Accessibility and Good HTML Structure: What Are Large Text or Braille Keyboards, and Who Uses Them? and take notes
• Read Importance of Accessibility and Good HTML Structure: What Are Alternative Pointing Devices Such as Trackballs, Joysticks, and Touchpads Used For? and take notes
• Read Importance of Accessibility and Good HTML Structure: What Are Screen Magnifiers Used For? and take notes
• Read Importance of Accessibility and Good HTML Structure: What Is Voice Recognition Software Used For? and take notes
• Read Importance of Accessibility and Good HTML Structure: What Are Some Common Accessibility Auditing Tools to Use? and take notes
• Read Importance of Accessibility and Good HTML Structure: How Does Proper Heading Level Structure Affect Accessibility? and take notes
• Try to complete all the steps in Debug a Coding Journey Blog Page

Optional/stretch activities:

• Join the #bootcamp-discussion and #bwc-announcements channels in the freeCodeCamp Discord if you haven't
• Bookmark the Bad Website Club website, to be able to quickly find information about your sessions
• Follow on YouTube or Twitch to be notified of livestreamed courses and guest sessions
• Download the session calendar

See you there!

Jess, Eda and Carmen