Frontend Masters Workshop Notes (2023)

👋 Psst, this is a draft!

Just a quick note: this is a draft entry. That is, an entry literally tagged draft which I’ve published. The quality may be lower than typical a benchmark post, although that is personal distinction. You can read more in my announcement. Cheers.

Published January 26, 2024

These are ad-hoc notes / thoughts from things I jotted down and things in retrospective of some recent Frontend Masters workshops I attended in December 2023. I did a quick once-over double checking basic spelling, general capitalization, and such but otherwise this a generally less flushed out post than I typically do. Oh well, that’s why I publish drafts.

JavaScript Quiz

Never heard of macrotasks & microtasks. Specifically queueMicrotask.

Details on MDN: https://developer.mozilla.org/en-US/docs/Web/API/HTML_DOM_API/Microtask_guide

Angular Fundamentals

Haven’t used really used new” Angular, last time was Angular.JS circa 2016. Probably the reason I like Vue so much, they took inspiration from that e.g. with the HTML attributes. FWIW the Angular covered was the latest, IIRC v17.

Angular itself these days is very much a DSL (domain specific language) where you’re writing something that is hyper specialized. I don’t like JSX much, but I guess the advantage there is it’s a JS DSL that tries to resemble HTML.

Web A11y v3

Normative vs non-normative e.g. WCAG vs a blog post (not based on a standard; wouldn’t hold up in court)

AT == Assistive Technology

A11y tree, adjacent to the DOM

Broken window theory? If there’s a broken window people will just abandon it (vs try and fix it).

https://github.com/marcysutton/no-mouse-days

Landmark elements are the fancy new” ones from HTML5 e.g. <main>, <header>, <footer>, <nav>, <section>, <article>

<ul role="list"> for Safari

TIL live regions

Useful snippet:

document.body.addEventListener('focusin', () => console.log(document.activeElement));

Book recommendation: Don’t Make Me Think by Steve Krug

Enterprise A11y

https://www.w3.org/WAI/ARIA/apg/

https://www.downshift-js.com/

Rules of ARIA: https://www.w3.org/TR/using-aria/

https://www.lithichor.com/2020/03/tautological-tests.html

:focus-visible vs :focus https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible

Last modified January 26, 2024  #draft   #programming   #words   #learning 


← Newer post  •  Older post →