<aside> 💡 !! When I went through the Quizzet quizzes weren’t submitting properly. Test them when you start and if not working email the instructor group to ask for the Google Doc version.

NOTE: The Traversy Media videos are a popular recommendation. I watched them when I first opened the course but would recommend skipping them. They have good info but the LinkedIn courses are more engaging and cover the same content + more.

I failed my first PA (by a few questions) after watching Traversy Media and was well above passing it after watching the LinkedIn ones.

With that said, here are the Traversy Media links in case you’re curious.

• [ ] Crash Course 1: HTML
• [ ] Crash Course 2: CSS

ALSO, Zybooks is 1000% pointless for this course.

</aside>

Suggested Attack Plan

• [ ] LinkedIn Courses (free through WGU)

  • [ ] HTML
  • [ ] CSS
  • [ ] XML - hard to get through for me; can use the W3 link below instead

• [ ] complete lesson challenges on Khan Academy for practice (Computer Programming Course > Unit 2)

  • watch videos as needed to complete challenges

• [ ] Take Pre-Assessment

  • The material above isn’t enough to pass the OA, but is enough to pass the PA so take it at this point and use as a meter to how well you know the intro material, then move forward studying the rest.

• [ ] W3 Schools

  • [ ] HTML - take quiz and review topics as needed
  • [ ] CSS - go through unfamiliars in advanced section, take quiz, review as needed
  • [ ] XML - skim for general idea
  • [ ] HTML Graphics - go through entire library

• [ ] The instructor highlighted these videos for me after my PA based on common mistakes!

  Just watch the video it links to or the section I specified, not the entire course.

  • [ ] Web Technology Fundamentals Course (Front End Technology Section)
  • [ ] CSS Layouts (review From Float to Flexbox and Grid)
  • [ ] CSS Animation (skim for unknown topics)
  • [ ] Bootstrap (full course recommended; i jumped around it for ~10 mins and then opted for this 20 minute crash course) - POST OA Note: focus on the purpose and installation, not in-depth utilization
  • [ ] Learn Chrome Web Development Tool (watch sections 3+4, look at titles for 5-7)
  • [ ] Learn Firefox Web Development Tool (only the linked video)
  • [ ] Media Queries (linked video only)

• [ ] Bounce around the Instructor Study Guide (in Course Announcements)

  • [ ] Click any unfamiliar “Key Concepts”
  • [ ] Read Articles under “Additional, Essential Course Material”
  • [ ] look over the “Resources” section for the Panopto videos; they’re made by the instructor and address common small mistakes!
  • [ ] Make sure you can answer study questions

• [ ] Helpful Things I Found

  • [ ] The DOM in 4 Minutes
  • [ ] Responsive vs. Liquid Design

• [ ] Take the Instructor Quizzes. They are a good gauge of WHAT is in the OA, but not of the depth. If you’re breezing through these and feel like you know more, you’re ready. If you can pass these but are at the cap of your knowledge, dig deeper into the tiny details of those topics before the OA.

• [ ] Complete Objective Assessment

  Important to Know: units of measurement (vh, px, em) - what they stand for, how they’re used; grid and flexbox spacing and orientation; image file formats, debugging - where to go to look into what; KNOW CSS SPECIFICITY