Learning JS Flashcards
In 2003 Austin SXSW a new term was coined in regards to the way websites were developed, what is that term, what does it mean, and what was the working analog of it before it, and speak a little about that.
In 2003 Progressive enhancement was coined. The term refers to the way in which css, and JS, could be added to html, the content layer, one by one to make for better website experiences for the enduser. Before progressive enhancement you had a term called graceful degradation. Graceful degradation refers to the method in web development of creating new websites chuck full of features but allowing for removal of certain features whenever those websites were displayed on older browsers which did not support newer web techniques. The older method focuses on the browser and the issues that arise from crap quality older ones, the newer method focuses on the separation of layers. CONTENT trumps DECORATION.
Describe HTML, what 4 elements would you describe as popular and frequently used body elements in an HTML page, and how would you describe the header tag?
HTML is made up of 2 main parts: a head and a body. The head holds the linked and hreffed css stylesheet, while the body holds the content and also sources any javascript sheets.
The 4 elements that typically segment an HTML body is the header, nav, main or content, and footer tags.
The header tag can be considered a top level element.
What comes to mind in relation to web dev when you see this character.
A really lame (but effective) way to remember the very important web dev concept. The disney mermaid Ariel has a name similar to ARIA (accesible rich internet applications) or WAI-ARIA which is a powerful tool that allows devs to easily describe the functionality of specific page elements across many user interfaces that can be understood by assistive techologies to benefit all humans.
People with disabilities such as lack of sight who view your website typically rely on assistive technologies that make navigating websites easier by distinguising elements on the page with names said aloud, ARIA allows developers the option of allowing for the continuing of this value to this niche group while being able to design their oage however they see fit for people who don’t rely on assistive technologies.
So to explain certain screen readers depend on the main sections of a web page (sections could be the header, nav, main content, footer), so disabled users can skip to the nav section whenever they want. With ARIA we give these sections roles, roles are just a way to state that a section serves an important purpose on your site, roles can only be given to our main html section (so even if you have several nav sections, you can only give one nav section a role). So you could give your pages nav element a role attribute with the attribute name of navigation!
There are several aria landmarks or role attribute value names: navigation, main, search, application, banner, complementary, form, contentinfo.
How was styling included inside html pages before teh advent of separate css pages?
You’d use a css tag, inside the tag include a style attribute, and give the attribute the style values you want.
How was javascript code included inside html pages before advent of PE?
Coders would use script tags to wrap their javascript code right inside the html document.
Explain why javascript needs to be scripted into your html document towards the bottom of the page and not anywhere else.
JavaScript can be scripted into yoru html document anywhere you choose to have it however issues arise when browser attempt to render and execute JS if it is located before the content in which it is to use.
What is a media query and how is it used?
Media queries are used in CSS to detect the users device screen size and to adjust the pages content to whatever the programmer wants it to be.
@media only screen and (max-width:480px){ }
