Bad Website Club Week 1 Recap + Week 2 Sneak Peek
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.
Week 1 Recap:
We've already finished the first week of the bootcamp! Here's a list of what we did:
- Launch Party: Virtual kickoff party to start the bootcamp. We've had several guests, including:
- freeCodeCamp Founder Quincy Lawson, with a fireside chat about online learning
- Jess Rose on effectively taking notes as a learner
- Bruce Lawson from Vivaldi showing us the lovely side of HTML
- Computers - Computer Basics: Entire Computer Basics Unit from freeCodeCamp, covering the lessons:
- Understanding Computer, Internet and Tooling Basics
- Working with File Systems
- How Can You Use File Management Applications on Your Computer?
- What Are Best Practices for Naming Files for Web Applications?
- What Are Best Practices for File/Folder Organization in Web Applications?
- How Can You Create, Move, and Delete Files and Folders Using Explorer/Finder?
- How Can You Search for Files and Folders on Your Computer?
- What Are Some Common File Types You Will Work With in Web Applications?
- Browsing the Web Effectively
- HTML - Basic HTML Part 1, covering the lessons:
- HTML - Basic HTML Part 2, covering the lessons:
- Debug a Pet Adoption Page
- Understanding the HTML Boilerplate: What Is the Role of the Link Element in HTML, and How Can It Be Used to Link to External Stylesheets?
- Understanding the HTML Boilerplate: What Is an HTML Boilerplate, and Why Is It Important?
- Understanding the HTML Boilerplate: What Is UTF-8 Character Encoding, and Why Is It Needed?
- HTML - Basic HTML Part 3, covering the lessons:
- HTML - Basic HTML Part 4, covering the lessons:
- Build a Bookstore Page
- HTML Fundamentals: What Is the Role of the Script Element in HTML, and How Can It Be Used to Link to External JavaScript Files?
- Understanding How HTML Affects SEO: What Is the Role of the Meta Description, and How Does It Affect SEO?
- Understanding How HTML Affects SEO: What Is the Role of Open Graph Tags, and How Do They Affect SEO?
- Build a Travel Agency Page
What's coming for Week 2?
- May 4: HTML - Basic HTML Part 5, we'll cover the topic Working with Audio and Video Elements
- May 5: HTML - Basic HTML Part 6, we'll cover the topic Working with Images and SVGs
- May 6: Guest session with Terence Eden: Wait - you can do that with SVG? (2:00pm UTC)
- We’re excited to welcome Terence Eden for a guest session on SVGs! In this guest session, Terence will explore what’s possible with SVG. You might be surprised by just how much you can do with it.
- May 6: HTML - Basic HTML Part 7, we'll cover the topic Working with the iframe Element
- May 7: HTML - Basic HTML Part 8, we'll cover the topic Working with Links and finish the Basic HTML unit 🎉
- May 8: HTML - Semantic HTML Part 1, we'll start the Semantic HTML unit, covering the topics Importance of Semantic HTML and Understanding Nuanced Semantic Elements
You can find the links to individual lessons and solo tasks for each day on our website.
Before the session on Monday, May 4, please:
- Read Working with Audio and Video Elements: What Are the Roles of the HTML Audio and Video Elements, and How Do They Work? and take notes
- Preview Build an HTML Music Player and try to work through the steps alone, recording questions and any new concepts
- Preview Build an HTML Video Player and try to work through the steps alone, recording questions and any new concepts
- Complete Build an HTML Audio and Video Player on your own
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 course and guest sessions
- Download the session calendar
See you there!
Jess, Eda and Carmen