, but this code // executes before the first paint, when

fb88

is not yet present. The // classes are added to so styling immediately reflects the current // toolbar state. The classes are removed after the toolbar completes // initialization. const classesToAdd = ['toolbar-loading', 'toolbar-anti-flicker']; if (toolbarState) { const { orientation, hasActiveTab, isFixed, activeTray, activeTabId, isOriented, userButtonMinWidth } = toolbarState; classesToAdd.push( orientation ? `toolbar-` + orientation + `` : 'toolbar-horizontal', ); if (hasActiveTab !== false) { classesToAdd.push('toolbar-tray-open'); } if (isFixed) { classesToAdd.push('toolbar-fixed'); } if (isOriented) { classesToAdd.push('toolbar-oriented'); } if (activeTray) { // These styles are added so the active tab/tray styles are present // immediately instead of "flickering" on as the toolbar initializes. In // instances where a tray is lazy loaded, these styles facilitate the // lazy loaded tray appearing gracefully and without reflow. const styleContent = ` .toolbar-loading #` + activeTabId + ` { background-image: linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%); } .toolbar-loading #` + activeTabId + `-tray { display: block; box-shadow: -1px 0 5px 2px rgb(0 0 0 / 33%); border-right: 1px solid #aaa; background-color: #f5f5f5; z-index: 0; } .toolbar-loading.toolbar-vertical.toolbar-tray-open #` + activeTabId + `-tray { width: 15rem; height: 100vh; } .toolbar-loading.toolbar-horizontal :not(#` + activeTray + `) > .toolbar-lining {opacity: 0}`; const style = document.createElement('style'); style.textContent = styleContent; style.setAttribute('data-toolbar-anti-flicker-loading', true); document.querySelector('head').appendChild(style); if (userButtonMinWidth) { const userButtonStyle = document.createElement('style'); userButtonStyle.textContent = `#toolbar-item-user {min-width: ` + userButtonMinWidth +`px;}` document.querySelector('head').appendChild(userButtonStyle); } } } document.querySelector('html').classList.add(...classesToAdd); })(); Authentic Audience | Department of Education

fb88

|
|
|

Department of Education

Home → Learning → Interdisciplinary Instruction → Authentic Audience → Authentic Audience

Authentic Audience

Imagine playing a baseball game without the fans.�� Or writing a book with no readers.�� It would be a very different, and probably less engaging, experience.��

One of the superpowers of interdisciplinary instruction is that learning connects students to the world around them.�� It gives them an authentic audience to show their work to, connections to community members, and time to receive meaningful feedback.�� In short, authentic audiences give purpose to students' work.

Authentic Audience Infographic

��

Developing Authentic Audiences

Authentic audiences are a key part of interdisciplinary instruction since they give students a purpose for their work. This short video gives actionable tips for developing authentic audiences.

Audience Ideas

Whether you are new to developing audiences or an expert, here are some ideas to get you started.

Low to high prep audience ideas

��

Edutopia:

Additional Resources

Articles

(Edutopia)

(Edutopia)

(PBLWorks)

Podcasts

(PBLWorks)

(Cult of Pedagogy)

Books

��

��