2a:null 2b:["$","title",null,{"children":"Catálogo de exemplos didáticos | Guilherme Ranoya | Observable"}] 30:[] 2e:{"id":"a11b8e7f42e87f9e","slug":"interface-exemplos","title":"Catálogo de exemplos didáticos","thumbnail":"f406a4d60ac98f1739ff3058fcaed4bf7c96005aacc0e644a43816a3996e454e","access_level":"public","create_time":"$D2025-10-11T20:40:03.362Z","update_time":"$D2026-01-03T21:44:49.972Z","view_time":null,"first_public_time":"$D2025-10-11T21:09:28.778Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"0a78bc4380cdd0f8","login":"ranoya","name":"Guilherme Ranoya","avatar_url":"https://avatars-next.observableusercontent.com/f2bd0349885993a7b110789aa4741bda605eb0a795d20940d586f0ced4c0f91a","tier":"starter_2024"},"version":104,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"92bd7310c7ec23d5","login":"ranoya","name":"Guilherme Ranoya","avatar_url":"https://avatars-next.observableusercontent.com/f2bd0349885993a7b110789aa4741bda605eb0a795d20940d586f0ced4c0f91a","tier":null}],"members":[{"type":"team","id":"0a78bc4380cdd0f8","login":"ranoya","name":"Guilherme Ranoya","avatar_url":"https://avatars-next.observableusercontent.com/f2bd0349885993a7b110789aa4741bda605eb0a795d20940d586f0ced4c0f91a","tier":"starter_2024","role":"editor"},{"type":"individual","id":"92bd7310c7ec23d5","login":"ranoya","name":"Guilherme Ranoya","avatar_url":"https://avatars-next.observableusercontent.com/f2bd0349885993a7b110789aa4741bda605eb0a795d20940d586f0ced4c0f91a","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":2,"collection":{"id":"47821d6cd44c2246","slug":"exemplos-didaticos","title":"Exemplos Didaticos","owner":{"id":"0a78bc4380cdd0f8","login":"ranoya","name":"Guilherme Ranoya"}},"type":"notebook","body":{"title":"Catálogo de exemplos didáticos","cells":[{"id":0,"value":"# Catálogo de exemplos didáticos","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":69,"value":"

\nInformações para exemplos da disciplina de web","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":37,"value":"titulo_web = html`

Exemplos de programação web

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":31,"value":"allexemplos_web = html`${montatabela(catalogo_web)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":23,"value":"botoes_web = createbuttons(\n viewof Exemplo_web,\n [\"Tudo\", ...grupos_web],\n [\"\", ...grupos_web]\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":39,"value":"estaile_web = html`\n\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":53,"value":"viewof disciplina_web_unorder = Inputs.search(catalogofull, {\n label: \"disciplina_web\",\n placeholder: \"Nenhum filtro\",\n query: \"Webdesign\",\n disabled: true\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":100,"value":"disciplina_web = alphabetic(disciplina_web_unorder, \"Titulo\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":16,"value":"viewof Exemplo_web = Inputs.text({ label: \"Exemplo_web\" })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":44,"value":"viewof catalogo_web = Inputs.search(disciplina_web, {\n label: \"catalogo_web\",\n placeholder: \"Nenhum filtro\",\n query: Exemplo_web,\n disabled: true\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":21,"value":"grupos_web = tags(disciplina_web, \"Grupo\", \",\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":97,"value":"disciplina_web","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":77,"value":"

\nApêndice","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":5,"value":"import {\n gsdata,\n setinput,\n createbuttons,\n tags,\n alphabetic\n} from \"@ranoya/datat\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":8,"value":"catalogofull = gsdata(\n \"https://docs.google.com/spreadsheets/d/10wpfmMWn3igQF4rJBYCo8OR90igO1tfKwcmrot0ult0/edit?gid=1415613441#gid=1415613441\"\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":29,"value":"montatabela = function (arr) {\n let code = `

`;\n\n for (let i = 0; i < arr.length; i++) {\n code += `

${arr[i][\"Titulo\"]}

`;\n }\n\n code += `

`;\n\n return code;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":26,"value":"estaile = html`\n\n\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W30","stdlib":"1","titling":"auto"}} 2f:"$2e:body"