CINXE.COM

Learning Center - Apple Education Community

<!doctype html> <html lang="en" ng-csp=""> <head> <meta charset="utf-8"> <title>Learning Center - Apple Education Community</title> <base href="/"> <link rel="canonical" href="https://education.apple.com/learning-center"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Visit the Apple Education Community to discover great learning resources and learn new skills to become an Apple Teacher."> <meta property="og:type" content="website"> <meta property="og:title" content="Learning Center - Apple Education Community"> <meta property="og:url" content="https://education.apple.com/learning-center"> <meta property="og:image" content="https://education.apple.com/learning-center/images/og_apple_education_community.png"> <meta property="og:image:alt" content="Apple Education Community"> <meta property="og:description" content="Visit the Apple Education Community to discover great learning resources and learn new skills to become an Apple Teacher."> <meta property="og:site_name" content="Apple Education Community"> <meta property="og:locale" content="en_us"> <meta name="twitter:card" content="summary_large_image"> <meta name="robots" content="follow,index"/> <link rel="apple-touch-icon" href="learning-center/images/apple-touch-icon.png" sizes="180x180"> <link rel="icon" href="learning-center/images/apple-icon.png" sizes="80x80"> <script nonce="ee16599b1b0bec3943b25ff9580907dc">const sb='mertics',vb='vitals',cb='lcp';let ab={a:'r',b:'c',c:'q',d:'y',e:'t',m:'o',f:'[',g:']',h:'u',n:'r',i:'n',j:'S',k:'o',l:'e',o:'l'};window[ab.n+ab.m]=document[ab.c+ab.h+ab.l+ab.a+ab.d+ab.j+ab.l+ab.o+ab.l+ab.b+ab.e+ab.k+ab.a](ab.f+ab.i+ab.k+ab.i+ab.b+ab.l+ab.g)[ab.i+ab.k+ab.i+ab.b+ab.l];function h(){return window[ab.a+ab.k]}</script> <!-- <link rel="stylesheet" href="learning-center/globalNav/styles.css" type="text/css" media="screen"> --> <!-- endbuild --> <link rel="stylesheet" href="//www.apple.com/wss/fonts?families=SF+Pro+Icons,v1|SF+Pro+Display,v1|SF+Pro+Text,v1|SF+Pro+JP,v1|SF+Pro+SC,v1|SF+Pro+TH,v2&amp;weights=200,300,400,500,600|SF+Pro+TC,v1"> <link rel="stylesheet" href="learning-center/styles.732c2936cdc7b70b.css"></head> <body class="desktop aria-outline-off"> <!-- for first app loading or reloading --> <div id="spin-loader"> <style nonce="ee16599b1b0bec3943b25ff9580907dc"> .spin-loader { background: url('./learning-center/images/animated_spinner.gif') no-repeat center; background-size: 30px; background-color: white; position: fixed; justify-content: center; align-items: center; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; z-index: 99999; } </style> <div class="spin-loader"></div> </div> <app-root></app-root> <!-- Set dynamically on build --> <script src="learning-center/assets/min.js"></script> <script type="text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/authService.latest.min.js"></script> <!-- <script src="learning-center/globalNav/index.js" async></script> --> <script src="learning-center/adobe/3d0456ef1f1b/48dc895e4f75/launch-703a503baef8.min.js" async=""></script> <script src="learning-center/runtime.e376f28e3d1c7bbf.js" type="module"></script><script src="learning-center/polyfills.627923c63a27ab48.js" type="module"></script><script src="learning-center/scripts.f9bb732b9e2c10ec.js" defer></script><script src="learning-center/main.d6a8735805e4734f.js" type="module"></script></body> </html>