, 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); })(); Continuum of Engagement | Department of Education

fb88

|
|
|

Department of Education

Home → Learning → Interdisciplinary Instruction → Continuum of Engagement → Continuum of Engagement

Continuum of Engagement

Student engagement is front and center of many educators' minds these days.�� In this module, hear what current research on engagement says and learn practical strategies for improving student engagement.

Research on Engagement

There is a lot a great research about student engagement.�� In this video, we briefly cover the psychological model of engagement.�� Then we review five enemies of engagement and five ways to counteract them.�� This is based on the research by Dennis Shirley and Andy Hargreaves.�� A link to their book is listed below.

The Continuum of Engagement

Although we often talk about students as either engaged or disengaged, the Continuum of Engagement breaks it down even further.�� By taking a more nuanced look��at engagement, we can discover ways to improve student engagement.�� The video below discusses research on engagement.��

��-

This Google Doc links the continuum and questions covered in the video.�� You will be asked to make a copy.

Additional Resources

Articles

��(��ܳٴǱ辱��)

(Edutopia)

Books

��