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

麻豆区

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); })(); Women can code, too - News & Stories | 麻豆区

麻豆区

Skip to main content

Spark

Women can code, too

Thu, Dec 01, 2016

Susan Smith Metoxen 鈥82 is fond of the saying 鈥淜now how to learn.鈥

She鈥檚 modeled that herself and passes this wisdom on to women via Girl Develop It, a nonprofit that educates women on how to be developers. Metoxen founded the Minneapolis and Phoenix chapters of Girl Develop It.

鈥淚 taught myself programming after 30 years in health care administration,鈥 she said. 鈥淚t began as a hobby, developing apps and then starting my own programming business.鈥

While running her website and app company, White Buffalo, Metoxen devotes part of her time to helping women build up their own coding skills.

Girl Develop It offers low-cost coding courses during times that allow women to keep their current jobs. The Minneapolis chapter is one of 56 branches of the organization across the country.

鈥淧rogramming is a male-dominated field. We want to make it easier for more women to become developers,鈥 she said.

Metoxen began her time at Calvin intending to major in oboe performance in the music department. She wound up with a history major and a secondary education teaching degree.

Then, intending to go on to get her master鈥檚 in history, she took a parttime job in as an admitting registrar at a local hospital. That small start grew into a 30-year career in health care, culminating as a director of compliance for a large health care firm.

鈥淚 credit my liberal arts education for setting up my career,鈥 she said. 鈥淚t has always been my observation that those with a liberal arts degree were the ones who moved up.鈥

And her education classes have come into play as she teaches women how to code.

Metoxen also noted that her faith has directed her to help others, whether in the medical field or as a developer.

鈥淚 think one鈥檚 faith always nudges one to make choices that lead to helping others, to serve more than just yourself,鈥 she said.