, 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); })(); MOOSE STEAM Learning Progression | Department of Education

fb88

|
|
|

Department of Education

Home → The MOOSE Project → MOOSE Learning Progressions → MOOSE STEAM Learning Progression → MOOSE STEAM Learning Progression

MOOSE STEAM Learning Progression

STEAM (Science, Technology, Engineering, Arts, Math)

The MOOSE STEAM (Science, Technology, Engineering, Arts, & Math)��Learning Progression is designed to deepen student understanding of science, technology, engineering, art and math topics while exploring how systems in our world are connected. STEAM modules allow students to develop and build upon the following skills:

Obtaining, evaluating, and communicating information.
Analyzing and Interpreting data.
Planning and carrying out investigations.

STEAM modules also give students a chance to deepen their understanding of:

Patterns
Cause and effect, and
The influence of engineering, technology and science on society and the natural world.

Modules in the STEAM Progression are created around the theme "Designing for a Better World".

Diagram of concentric ovals outlining the STEAM learning progression with PreK-2 in the inner most oval and extending to Grades 9-12 in the outermost oval

Explore the Modules

PK-2 Modules explore how LIVING THINGS anchor our world.

Grades 3-5 Modules look at ENERGY and how living things need and use energy to survive.

Grades 6-8 Modules dig into RESOURCES and the connection between energy, living things and utilization of resources.

Grades 9-12 Modules tie the SYSTEMS together and remind students that systems are needed to support the energy and resources that living things need to survive.

blue sunburst pattern with MMSA in the center

The modules in this Learning Progression were made possible by a partnership with the .