WEB300 - User Interface

• CIW course resources – If your institution gives CIW access, link to your CIW User Interface Designer online resources and practice exams; these are the official materials mapped to the certification covered in the syllabus.

• W3C Web Accessibility Tutorials – Tutorials on navigation, forms, menus, images, and more, framed around WCAG 2 and accessible UX, which fit—Home Weeks 4, 7, and 8 (principles, legal guidelines, navigation, maintenance).
     Link: W3C WAI Tutorials

• W3C (standards overview) – Ho—Practicalme base for HTML, CSS, and web standards you can reference when discussing best practices and validation (Weeks 1–6 site design).
     Link: W3C

• W3Schools (HTML/CSS/JS refreshers) – Practical syntax reference and try‑it labs for HTML, CSS, JavaScript,—Practical and layout, useful for weekly assignments that require building or modifying pages.
     Link: W3Schools Tutorials

• Free UX/UI Design course (YouTube playlist) – A full beginner playlist covering user research, wireframing, and UI layout; this aligns well with Weeks 2–6 (process, user‑centered design, wireframes, and basic site design).
     Link: Free UX/UI Design Course – YouTube playlist

• Free UI/UX design course list (article) – Page collecting several free UI/UX YouTube courses; you can pick 1–2 you like and embed or link them on your site under “Optional video resources.”
     Link: 4 UI/UX Design Courses For Free On YouTube

• HTML/CSS and W3C validation video – A beginner‑friendly video that introduces W3C and code validation; this works well for early weeks when students are learning to build standards‑compliant pages.
     Link: HTML5 and CSS3 Beginner Tutorial – W3C and Validating Your Code

These are practical tools you can use to design, test, and validate your interfaces.

• Browser developer tools – I encourage the use of built‑in DevTools in Chrome or Firefox for inspecting layout, responsive breakpoints, and accessibility; this supports your outcomes around designing for multiple platforms and responsive design.

• W3C HTML and CSS Validators – Online validation services students can run their pages through before submitting; this reinforces the standards and quality aspects discussed in the course.
     Link: from W3C main site under “Validators.”

• Text editor: Notepad++ is a good one.

                 Link: https://notepad-plus-plus.org/downloads/

• Screenshot tool – This free tool works well for taking screenshots.

                  Link: https://screenrec.com/screenshot-tool/

If you are struggling with APA formatting of references and how to cite sources you can take a look at this site for some assistance.

• https://apastyle.apa.org/

This site talks about references lists:

• https://blog.apastyle.org/apastyle/2011/02/whats-a-reference-list-for.html