1R - MDN Web Technology Reference

MDN HTML

The MDN HTML page is such a great tool for looking up HTML elements and properties when I either want to learn more or I am stuck and can't remember how to accomplish what I want to do. I love the long list of HTML elements that makes it easy to find what I'm looking for. I also often reference the attributes list when I'm trying to remember a certain attribute to use. Each element has an in-depth page on how to use it properly. It's really an amazing resource for anyone who uses HTML.

MDN CSS

The MDN CSS page is one of my favorite resources for looking up how to do things in CSS. I love that this page has an easy to reference breakdown of properties, selectors, types and more. Each of the categories has an extensive list of all of these items alphabetically so it's easy to reference what you need. Additionally, each page about those items goes in depth about how to use it and shows examples of it in action. I also love their Guides section with information and examples on things like Flex & Grid as well as elements like backgrounds, fonts, etc. This is a reference page I keep coming back to!

MDN DOM

The MDN DOM page gives a brief overview of what the DOM is and how it is structured. It talks about how the DOM is used to access all things in a document by representing the page and it's structure. This page goes into detail about how the DOM works and how to locate and select DOM elements to work with them to add or change information on a page. There is a lot of great info about the DOM on these pages and it really goes in depth about how it's used with JavaScript to manipulate a page. This page was very interesting and helpful to really understand what the DOM is and how it relates to what we do in JavaScript.

MDN JavaScript

The MDN Javascript page is a great starting point for learning about JavaScript. It offers resources from begginning to advanced skills. The beginners area has a lot of reference material for starting out and knowing the basics. Their JavaScript Guide was especially useful to quickly see the different functions, expressions, formatting, and other syntax associated with the JS language. It is also broken into beginners, intermediate, and advanced. I bookmarked this to read through in more detail and reference later. The JS page also has a long list of resources to use while learning JavaScript. It lists things like expressions, statements, declarations, functions, classes, and more. This page is a great quick resource to find out more about a specific JS code item.

Summary

The MDN pages are definitely what I would consider a trusted resource for learning more about website coding and design. It is extensively researched and kept up to date, which is important in the fast-changing world of technology. It's important to use resources that are current when doing web development because outdated code can create undesired results on your page in certain situations. The MDN site is an amazing resource to learn new things and to use as a quick reference guide when you can't quite remember how to code something. They make it easy to find things by their great navigation and also their search feature.