, 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); })(); Getting Started with Interdisciplinary Instruction | Department of Education

fb88

|
|
|

Department of Education

Home → Learning → Interdisciplinary Instruction → Getting Started with Interdisciplinary Instruction → Getting Started with Interdisciplinary Instruction

Getting Started with Interdisciplinary Instruction

Student and teacher working together

You may be wondering HOW to get started with interdisciplinary instruction.�� The following presentation gives some practical advice to help you get started.��Any planning doc mentioned in the presentation is linked below the video.�� We recommend you make a copy of the docs to fill out as you watch.�� In the Additional Resources section, you will find articles, books, podcasts, and videos if you want to learn more.��

��Getting Started with Interdisciplinary Instruction Video

(Time stamps are available when opened in Youtube.)

Sticky notes on table

Planning Docs and Examples

Planning Docs

These planning docs are referenced in the presentation above.�� We recommend you make a copy and work along with the presentation.

- based on Tubric by PBLWorks
Podcast: ��(Cult of Pedagogy)
Video: ��(Driving Questions)
Video: (The Project)

Examples of Interdisciplinary Lessons

(fb88 Online Opportunities for Sustained Education)

There are over 400 FREE lessons written by fb88 teachers going from PK-12 grades. These lessons are interdisciplinary project-based lessons.��

Here are some example modules:

��(PK-2)
(3-5)
(Middle School)
(High School)

A computer, notebook, and article on a table

Additional Resources

Articles

Videos

Podcasts

��