MDN Code Nuggets

Update: This post was featured on onymos.com! Thanks Jamie Goodnight for inviting me to guest post! Check out the featured post!

For the past couple of weeks, I’ve been working through MDN’s Web Front-End Web Development course.

It’s actually fairly new and according to the release notes was officially launched June 2020.

I was looking for a resource like this mainly to improve existing skills and to see what new things I could learn from fundamental topics.

Having worked in the industry for 1+ years now, it’s enjoyable to read through documentation like this without being concerned about working on anything and just focusing on studying along with a bit of simple application.

If you’ve been watching my YouTube channel, you’ll know that I’m currently considering contract work as a developer for many reasons.

You can check it out:

In the meantime, I just want to get back to focusing on what I enjoy and think about what kind of projects I truly want to work on in the near future.

Most of my tech journey is now being documented on my channel but I’ll still be writing blog posts here.

I’ll end this post by sharing some fundamental nuggets (not chicken nuggets, lol) that I found in the MDN docs.

Code Nuggets – 5 Piece Meal 🤓

Nugget #1 –

When creating a link where a resource will be downloaded rather than opened in the browser, you can use the ‘download’ attribute — this gives the file a default filename when someone goes to download it.

Nugget #2 –

When creating email links, you can additionally specify default values for mail header fields – i.e. CC, BCC, Subject, and Body.

Nugget #3 –

Script Loading Strategy: When applying JavaScript to HTML, you can use the ‘defer’ attribute to make sure the HTML is all loaded before the JavaScript runs to prevent errors.

Nugget #4 –

You can use the ‘abbr‘ element in HTML to represent both abbreviations and acronyms. A tooltip appears when the term is hovered over.

Nugget #5 –

You can wrap text using the ‘q’ element to render quotation marks in the browser.

That’s all the nuggets for now! 🐓