'+esc(L.title)+''+(off?'optional':'')+'

'; }).join(""); } function shelf(){ var d=done(), later=""; DAYS.forEach(function(D){ if(D.d===3&&day<3) later+='

Day 3My checked result

'; if(D.d===4&&day<4) later+='

Day 4My helper

'; }); return LESSONS.map(function(L){ return '

=0?' class="have"':'')+'>Lesson '+L.n+''+esc(L.made)+'

'; }).join("")+later; } var top=document.createElement("header"); top.className="top"; top.innerHTML=''+ ''+COURSE+''+MOTTO+''+ '

'; body.insertBefore(top,body.firstChild); var side=$("#side"); function dayRow(D){ var head='Day '+D.d+' · '+D.name; if(D.d===day){ return '

'+D.d+'

'+head+'

'+D.sub+'

'+lessonsList()+'

'; } if(!built(D)){ return '

'+D.d+'

'+head+'

'+D.sub+'

'; } var on=D.lessons.filter(function(L){return onPath(L)}), dd=doneOf(D), n=on.filter(function(L){return dd.indexOf(L.n)>=0}).length, all=n>=on.length; var nx=on.filter(function(L){return dd.indexOf(L.n)<0})[0]||nextOf(D)||D.lessons[0]; var st=all?(on.length'+(all?"✓":D.d)+'

'+head+'

'+st+'

'; } function drawSide(){ side.innerHTML='

Your four days

'+leftLine()+'

'+DAYS.map(dayRow).join("")+''+ 'The words to know'+ 'Your course record'+ 'Your assistant\'s names for things

'+ '

What you\'ve made

'+shelf()+'

'; } drawSide(); var _draw=drawSide; drawSide=function(){_draw(); if(typeof wordsLink==="function") wordsLink()}; var extra=document.createElement("div"); extra.innerHTML='

'+ ''+ '

'; while(extra.firstChild) body.appendChild(extra.firstChild); var note=$("#note"); if(note){note.innerHTML='Your place is kept in this browser only. Nothing you do here is sent anywhere. '+(cur?('Start Day '+day+' over'):'Start the course over (this clears your place and your course record picks)')+''; $("#reset").addEventListener("click",function(e){e.preventDefault(); try{if(cur){parent.__mem.removeItem(KEY)}else{DAYS.forEach(function(D){if(D.key)parent.__mem.removeItem(D.key)});parent.__mem.removeItem(PKEY);parent.__mem.removeItem("ngai-corp-record")}}catch(x){} parent.__go("index.html")})} var toastT, toast=function(t){var el=$("#toast");el.textContent=t;el.classList.add("on");clearTimeout(toastT);toastT=setTimeout(function(){el.classList.remove("on")},3200)}; $$("[data-toast]").forEach(function(b){b.addEventListener("click",function(e){e.preventDefault();toast(b.getAttribute("data-toast"))})}); var pb=$("#pathbtn"); pb.addEventListener("click",function(){var o=side.classList.toggle("open");pb.setAttribute("aria-expanded",o);pb.textContent=o?(cur?"Back to lesson":"Close"):"Your path"}); function wordList(links){return Object.keys(TERMS).map(function(k){var T=TERMS[k],L=dayOf(T.d).lessons[T.l-1]; var w='First taught: Day '+T.d+', lesson '+T.l+', "'+esc(L.title)+'"'; return '

'+esc(T.name)+'

'+esc(T.text)+'

'+(links?''+w+'':''+w+'')+'

'; }).join("")} function dayBar(){ if(page==="finish"||page==="extra"||(page==="home"&&pathIs()==="short")){var sq0=seq(), n0=sq0.length-leftOf().length; $("#bar").style.width=Math.max(4,n0/sq0.length*100)+"%";$("#barlabel").textContent=n0+" of "+sq0.length+" done";return} var n=done().length;$("#bar").style.width=Math.max(4,n/LESSONS.length*100)+"%";$("#barlabel").textContent="Day "+day+": "+n+" of "+LESSONS.length+" done"} if(page==="home"){ dayBar(); var nextDay=null, next=null, any=false; var P=pathIs(), fullA=seq("full"), shortA=seq("short"), l0=leftOf()[0]; DAYS.forEach(function(D){if(built(D)&&doneOf(D).length)any=true}); if(l0){next=l0.L;nextDay=l0.D} var pp=$("#pathpick"); if(pp){ pp.innerHTML='

Two ways through

'+ '

Short on time? The short path is the twelve lessons that carry the main ideas. You can switch at any point, and no tick is lost. The times are our estimates.

'+ '

'+ ''+ ''+ '

'+leftLine()+'

'; $$("[data-path]",pp).forEach(function(b){b.addEventListener("click",function(){setPath(b.getAttribute("data-path"));parent.__reload()})}); } DAYS.forEach(function(D){ var box=$("#lessonlist"+(D.d===1?"":D.d)); if(!box||!built(D)) return; var d=doneOf(D); box.innerHTML=D.lessons.map(function(L){ var st=d.indexOf(L.n)>=0?"done":(next&&nextDay===D&&L.n===next.n?"next":""); var on=onPath(L,P), tag=P==="short"?(on?"":" · optional, not on the short path"):(L.short?" · on the short path":""); return ''+(st==="done"?"✓":L.n)+''+esc(L.title)+'About '+L.mins+' minutes'+(st==="done"?' · done':'')+tag+''; }).join(""); }); var s=$("#startbtn"); if(next){s.href=next.file;s.textContent=any?("Carry on: Day "+nextDay.d+", lesson "+next.n):"Start lesson 1"} else{s.href="finish.html";s.textContent=(P==="short"?"The short path is done.":"All four days are done.")+" Open your course record"} } if(page==="extra"){dayBar()} if(page==="words"){ dayBar(); $("#wordlist").innerHTML=wordList(true); } if(page==="finish"){ dayBar(); var RK="ngai-corp-record", R0={}; try{R0=JSON.parse(parent.__mem.getItem(RK)||"{}")||{}}catch(e){R0={}} var saveR=function(){try{parent.__mem.setItem(RK,JSON.stringify(R0))}catch(e){}}; var Pf=pathIs(), sqf=seq(Pf), lf=leftOf(Pf), total=sqf.length-lf.length; var dl=DAYS.map(function(D){var on=D.lessons.filter(function(L){return onPath(L,Pf)}),d=doneOf(D),n=on.filter(function(L){return d.indexOf(L.n)>=0}).length; return 'Day '+D.d+' · '+D.name+': '+n+' of '+on.length+(on.length===1?' lesson':' lessons')+' done'}); $("#recdone").innerHTML='

Your path: '+pathName(Pf)+'. '+total+' of '+sqf.length+' lessons done.

'+esc(t)+'

'+ (lf.length?'

You have '+lf.length+(lf.length===1?' lesson':' lessons')+' left on '+pathName(Pf)+', '+hm(minsOf(lf))+'. Carry on: Day '+lf[0].D.d+', lesson '+lf[0].L.n+'. You can still fill in the record below. It will say how far you got.

' :'

Every lesson on '+pathName(Pf)+' is done.

')+ (Pf==="short"?'

The full course has '+(seq("full").length-sqf.length)+' more lessons. They stay open to you on the start page.

':''); var sayOf=function(k){var g=$('[data-rec="'+k+'"]'), c=$$(".choice",g)[R0[k]]; return c?c.getAttribute("data-say"):"(not answered yet)"}; var MONTHS=["January","February","March","April","May","June","July","August","September","October","November","December"]; var rec=function(){ var nm=$("#recname").value.trim(), now=new Date(), ticks=$$("[data-tick]").filter(function(c){return R0[c.getAttribute("data-tick")]}); var lines=["AI at Work: my course record","My own statement, not a certificate.","Name: "+(nm||"(no name typed)"),"Date: "+now.getDate()+" "+MONTHS[now.getMonth()]+" "+now.getFullYear(),"", "Path: "+pathName(Pf)+", "+total+" of "+sqf.length+" lessons done"].concat(dl).concat(["", "My company's written rule for the AI assistant: "+sayOf("rule"),"My helper: "+sayOf("helper"),"My last check of my helper: "+sayOf("check"), "My checks before anything the assistant wrote leaves my desk:"]).concat(ticks.length?ticks.map(function(c){return "- "+c.getAttribute("data-say")}):["- (none picked yet)"]).concat(["", "The lesson counts come from what my browser kept. The course doesn't mark anything or keep a copy of this."]); $("#rec").textContent=lines.join("\n"); }; $$("[data-rec]").forEach(function(g){ var k=g.getAttribute("data-rec"), fb=g.nextElementSibling; var show=function(c){$$(".choice",g).forEach(function(x){x.classList.remove("picked")}); c.classList.add("picked"); var t=c.getAttribute("data-fb")||""; fb.innerHTML=t; fb.hidden=!t}; $$(".choice",g).forEach(function(c,i){ if(R0[k]===i) show(c); c.addEventListener("click",function(){R0[k]=i; saveR(); show(c); rec()}); }); }); $$("[data-tick]").forEach(function(c){ var k=c.getAttribute("data-tick"); var paint=function(){c.classList.toggle("right",!!R0[k]); c.setAttribute("aria-pressed",R0[k]?"true":"false"); $(".k",c).textContent=R0[k]?"✓":""}; paint(); c.addEventListener("click",function(){R0[k]=!R0[k]; saveR(); paint(); rec()}); }); $("#recname").addEventListener("input",rec); $("#printbtn").addEventListener("click",function(){window.print()}); rec(); } var steps=$$("section.step"), N=steps.length-1; function progress(i){ if(!cur) return; $("#bar").style.width=(i>=N?100:(i/N*100+6))+"%"; $("#barlabel").textContent=i>=N?"Lesson done":"Step "+(i+1)+" of "+N; } if(cur){ progress(0); $$("[data-next]").forEach(function(b){b.addEventListener("click",function(){ var sec=b.closest("section.step"), i=steps.indexOf(sec)+1, el=steps[i]; if(!el) return; el.hidden=false; b.hidden=true; progress(i); if(i===N){markDone(cur);drawSide()} setTimeout(function(){el.scrollIntoView({behavior:"smooth",block:"start"})},40); })}); } if(cur&&pathIs()==="short"){ var sq=seq("short"), fq=seq("full"), at=-1, fat=-1, card=$("section.donecard"), goA=card?$("a.go",card):null; sq.forEach(function(x,i){if(x.D.d===day&&x.L.n===cur)at=i}); fq.forEach(function(x,i){if(x.D.d===day&&x.L.n===cur)fat=i}); if(at>=0&&goA){ var nxt=sq[at+1], fnx=fq[fat+1]; if(!nxt||!fnx||nxt.L.file!==fnx.L.file){ var cp=$("p",card); if(nxt){cp.textContent='Next on the short path: Day '+nxt.D.d+', lesson '+nxt.L.n+', "'+nxt.L.title+'". About '+nxt.L.mins+' minutes.'; goA.href=nxt.L.file; goA.textContent='Next on the short path: Day '+nxt.D.d+', lesson '+nxt.L.n} else{cp.textContent="That was the last lesson on the short path. One page is left: your course record. It says what you did, and you can copy it or print it for your manager."; goA.href="finish.html"; goA.textContent="Open your course record"} if(fnx){var alt=document.createElement("p"); alt.className="alt"; alt.innerHTML='The full course goes on from here with Day '+fnx.D.d+', lesson '+fnx.L.n+', "'+esc(fnx.L.title)+'", about '+fnx.L.mins+' minutes.'; card.appendChild(alt)} } } } $$("[data-pick]").forEach(function(g){ var fb=g.nextElementSibling, sec=g.closest("section.step"); $$(".choice",g).forEach(function(c){c.addEventListener("click",function(){ $$(".choice",g).forEach(function(x){x.classList.remove("picked")}); c.classList.add("picked"); fb.innerHTML=c.getAttribute("data-fb")||g.getAttribute("data-fb")||""; fb.hidden=false; var go=$(".go[data-next]",sec), i=steps.indexOf(sec); if(go&&(!steps[i+1]||steps[i+1].hidden)) go.hidden=false; })}); }); steps.forEach(function(sec){ var qs=$$("[data-q]",sec), right=0; if(!qs.length) return; qs.forEach(function(q){ var fb=$(".fb",q), ok=false; $$(".choice",q).forEach(function(c){c.addEventListener("click",function(){ if(ok) return; $$(".choice",q).forEach(function(x){x.classList.remove("wrong")}); fb.hidden=false; fb.textContent=c.getAttribute("data-fb"); if(c.hasAttribute("data-ok")){ok=true;c.classList.add("right");fb.className="fb ok";right++; if(right===qs.length){var go=$(".go[data-next]",sec); if(go) go.hidden=false}} else{c.classList.add("wrong");fb.className="fb no";fb.textContent+=" Try another."} })}); }); }); function legacy(t){var a=document.createElement("textarea");a.value=t;a.style.position="fixed";a.style.opacity="0";document.body.appendChild(a);a.select();var ok=false;try{ok=document.execCommand("copy")}catch(e){}document.body.removeChild(a);return ok} function copyText(t){ if(navigator.clipboard&&window.isSecureContext){return navigator.clipboard.writeText(t).then(function(){return true}).catch(function(){return legacy(t)})} return Promise.resolve(legacy(t)); } window.__lastCopied=""; $$("[data-copy]").forEach(function(b){b.addEventListener("click",function(){ var t=$("#"+b.getAttribute("data-copy")).textContent.replace(/\s+\n/g,"\n").trim(); window.__lastCopied=t; copyText(t).then(function(){ if(b.classList.contains("copy")){b.textContent="Copied ✓";b.classList.add("did");setTimeout(function(){b.textContent="Copy";b.classList.remove("did")},1800)} else toast("Copied. Paste it into a separate new chat and swap [type it here] for where you're stuck."); }); })}); var pop=$("#pop"), open=null; function closePop(){pop.hidden=true;$("#scrim").classList.remove("on");if(open){open.setAttribute("aria-expanded","false");open=null}} $$(".term").forEach(function(t){t.setAttribute("aria-expanded","false");t.addEventListener("click",function(e){ e.stopPropagation(); if(open===t){closePop();return} closePop(); open=t; t.setAttribute("aria-expanded","true"); var T=TERMS[t.getAttribute("data-term")], L=dayOf(T.d).lessons[T.l-1], here=(T.d===day&&T.l===cur); $("#popbody").innerHTML=""+esc(T.name)+" "+esc(T.text); $("#popwhere").textContent="First taught: Day "+T.d+", lesson "+T.l; var go=$("#popgo"); go.href=L.file; go.hidden=here; go.textContent=here?"":"Go back to it"; pop.hidden=false; if(window.innerWidth>860){var r=t.getBoundingClientRect();var left=Math.min(Math.max(12,r.left+window.scrollX-20),window.scrollX+document.documentElement.clientWidth-332);pop.style.left=left+"px";pop.style.top=(r.bottom+window.scrollY+8)+"px"} else{$("#scrim").classList.add("on")} })}); $("#popx").addEventListener("click",closePop); $("#scrim").addEventListener("click",closePop); document.addEventListener("click",function(e){if(!pop.hidden&&!pop.contains(e.target))closePop()}); document.addEventListener("keydown",function(e){if(e.key==="Escape"){closePop()}}); var wOpen=false, wLast=null, backWord=cur?"Back to the lesson":"Back"; var wEl=document.createElement("div"); wEl.innerHTML=''+ ''; while(wEl.firstChild) body.appendChild(wEl.firstChild); function wordsLink(){var a=$(".wordslink",side); if(!a) return; if(page==="words"){a.textContent="\u2190 Back";return} a.textContent=wOpen?"\u2190 Close the words to know":"The words to know"; a.setAttribute("aria-expanded",wOpen?"true":"false")} function openWords(){ closePop(); $("#wbody").innerHTML=wordList(false); $("#wbody").scrollTop=0; $("#wscrim").hidden=false; $("#wpanel").hidden=false; wOpen=true; wLast=document.activeElement; document.documentElement.classList.add("wlock"); wordsLink(); $(".wback",$("#wpanel")).focus(); } function closeWords(){ if(!wOpen) return; $("#wscrim").hidden=true; $("#wpanel").hidden=true; wOpen=false; document.documentElement.classList.remove("wlock"); wordsLink(); var a=$(".wordslink",side); if(wLast&&document.contains(wLast)) wLast.focus(); else if(a) a.focus(); } function goBack(e){ var ref=document.referrer||"", same=ref.indexOf(location.protocol+"//"+location.host+"/")===0; if(same&&history.length>1){e.preventDefault();history.back()} } side.addEventListener("click",function(e){ var a=e.target.closest?e.target.closest(".wordslink"):null; if(!a) return; if(page==="words"){goBack(e);return} e.preventDefault(); e.stopPropagation(); if(wOpen) closeWords(); else openWords(); }); $$(".wback",$("#wpanel")).forEach(function(b){b.addEventListener("click",closeWords)}); $("#wscrim").addEventListener("click",closeWords); $$("[data-back]").forEach(function(b){b.addEventListener("click",goBack)}); document.addEventListener("keydown",function(e){if(e.key==="Escape") closeWords()}); wordsLink(); if(cur&&body.classList.contains("wide")){ var rail=document.createElement("aside"); rail.className="rail"; rail.setAttribute("aria-label","This lesson"); $(".wrap").appendChild(rail); var stuckBtn=$(".stuck[data-copy]"), work=steps.slice(0,N); function shown(el){var s=el.closest("section.step"); return !s||!s.hidden} function drawRail(){ var at=-1; work.forEach(function(s,i){if(!s.hidden) at=i}); var over=steps[N]&&!steps[N].hidden; var list=work.map(function(s,i){ var n=$(".num",s), name=n?n.textContent.replace(/^\s*\d+\s*/,""):"Step "+(i+1); var cls=over||i'+(cls==="seen"?"✓":(i+1))+''+esc(name)+''}).join(""); var keys=[]; $$(".term").forEach(function(t){var k=t.getAttribute("data-term"); if(TERMS[k]&&shown(t)&&keys.indexOf(k)<0) keys.push(k)}); var words=keys.length?'

'+keys.map(function(k){return '

'+esc(TERMS[k].name)+''+esc(TERMS[k].text)+'

'}).join("")+'

' :'

The blue words in the lesson show up here with their meaning as you reach them. Nothing to memorise.

'; var html='

Your assistant

The AI tool your company gives you, such as Copilot, ChatGPT, Gemini or Claude. Keep it open in another tab.

Your assistant's names for things

'+ '

This lesson

'+list+'

'+ '

Words so far

'+words+'

'+ (stuckBtn?'

Stuck?

Copy a ready-made request for help. Paste it into a separate new chat, not one you're testing with.

':''); if(html!==was){was=html;rail.innerHTML=html} } var was=""; drawRail(); document.addEventListener("click",function(e){ if(e.target.closest&&e.target.closest("[data-rail-stuck]")){stuckBtn.click();return} setTimeout(drawRail,60); }); } })();

AI at Work: así se ve el curso