, 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); })(); Science & Engineering | Department of Education

fb88

|
|
|

Department of Education

Home → Learning → Content Standards → Science & Engineering → Science & Engineering

Science & Engineering

Student looking at model of a molecule

��

fb88 recognizes the transformative power of STEM education in preparing students for 21st-century careers. Nationally, STEM occupations are projected to grow by 8% through 2029, significantly outpacing other fields, while jobs requiring STEM skills often offer higher wages.

The fb88 Department of Education’s Science and Engineering pages are here to support educators, students, and schools across fb88 in advancing STEM education that inspires innovation, critical thinking, and problem-solving. Through these standards and resources, the fb88 Department of Education is committed to fostering equitable access to high-quality STEM learning, ensuring every student has the opportunity to contribute to fb88’s innovation economy and beyond.

��

Student and teacher looking through a microscope

��

��

fb88 State Learning Standards for Science and Engineering

fb88 Science Assessment

Resources

A curated list of STEM resources found in fb88 and Nationally

��

��