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 2 Recap:

This week, we have finished the Basic HTML unit, started learning about Semantic HTML, and welcomed our guest Terence Eden to talk about what's possible with SVG! (If you've missed our livestream, you can watch it on YouTube here.)

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

• HTML - Basic HTML Part 5, covering the lessons:
  • Working with Audio and Video Elements: What Are the Roles of the HTML Audio and Video Elements, and How Do They Work?
  • Build an HTML Music Player
  • Build an HTML Video Player
  • Build an HTML Audio and Video Player
• HTML - Basic HTML Part 6, covering the lessons:
  • Working with Images and SVGs: What Are Common Ways to Optimize Media Assets?
  • Working with Images and SVGs: What Are the Different Types of Image Licenses, and How Do They Work?
  • Working with Images and SVGs: What Are SVGs, and When Should You Use Them?
  • Build a Heart Icon
• Guest session with Terence Eden: Wait - you can do that with SVG?
• HTML - Basic HTML Part 7, covering the lessons:
  • Working with the iframe Element: What Are Replaced Elements, and What Are Some Examples?
  • Working with the iframe Element: How Do You Embed Videos onto Your Page Using the iframe Element?
  • Build a Video Display Using iframe
  • Build a Video Compilation Page
• HTML - Basic HTML Part 8, covering the lessons:
  • Working with Links: What Are the Different Target Attribute Types, and How Do They Work?
  • Working with Links: What Is the Difference Between Absolute and Relative Paths?
  • Working with Links: What Is the Difference Between Slashes, a Single Dot, and Double Dot in Path Syntax?
  • Working with Links: What Are the Different Link States, and Why Are They Important?
  • Basic HTML Review
  • Basic HTML Quiz
• HTML - Semantic HTML Part 1, covering the lessons:
  • Importance of Semantic HTML: Why Should You Care About Semantic HTML?
  • Importance of Semantic HTML: Why is it Important to Have Good Structural Hierarchy?
  • Importance of Semantic HTML: What Is the Difference Between Presentational and Semantic HTML?
  • Understanding Nuanced Semantic Elements: When Should You Use the Emphasis Element Over the Idiomatic Text Element?
  • Understanding Nuanced Semantic Elements: When Should You Use the Strong Element Over the Bring Attention To Element?
  • Understanding Nuanced Semantic Elements: What Are Description Lists, and When Should You Use Them?
  • Build a List of Major Web Browsers

What's coming for Week 3?

• May 11: HTML - Semantic HTML Part 2, we'll cover the topic Working with Text and Time Semantic Elements
• May 12: HTML - Semantic HTML Part 3, we'll cover the topic Working with Specialized Semantic Elements and finish the Semantic HTML unit 🎉
• May 13: HTML - Forms and Tables Part 1, we'll start the Forms and Tables unit, covering the topic Working with Forms
• May 14: HTML - Forms and Tables Part 2, we'll cover the topic Working with Tables
• May 15: HTML - Forms and Tables Part 3, we'll cover the topic Working with HTML Tools and finish the Forms and Tables unit 🎉

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

Before the session on Monday, May 11, please:

• Read Working with Text and Time Semantic Elements: How Do Block and Inline Quotes Work in HTML? and take notes
• Read Working with Text and Time Semantic Elements: How Do You Display Abbreviations in HTML? and take notes
• Read Working with Text and Time Semantic Elements: How Do You Display Addresses in HTML? and take notes
• Read Working with Text and Time Semantic Elements: How Do You Display Times and Dates in HTML? and take notes
• Try to go through all the steps from Build Quincy’s Job Tips Page, recording any questions or new concepts introduced

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