diff --git a/.nojekyll b/.nojekyll new file mode 100644 index 00000000..e69de29b diff --git a/404.html b/404.html new file mode 100644 index 00000000..c64a13b9 --- /dev/null +++ b/404.html @@ -0,0 +1,1759 @@ + + + + + + + + + + + + + + + + + + + GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+ +
+ + + + + + +
+ + + + + + + +
+ +
+ + + + +
+
+ + + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+ +

404 - Not found

+ +
+
+ + +
+ +
+ + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/analytics-raw-data/analytics-raw-data/index.html b/analytics-raw-data/analytics-raw-data/index.html new file mode 100644 index 00000000..22a957be --- /dev/null +++ b/analytics-raw-data/analytics-raw-data/index.html @@ -0,0 +1,1792 @@ + + + + + + + + + + + + + + + + + + + Analytics raw data - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + Ir para o conteúdo + + +
+
+ +
+ + + + + + +
+ + + + + + + +
+ +
+ + + + +
+
+ + + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+ + + + + + + +

Analytics raw data

+ +

2023-2-GEROcuidado-Doc

+ + + + + + +
+
+ + +
+ +
+ + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/assets/gero.png b/assets/gero.png new file mode 100644 index 00000000..387dd002 Binary files /dev/null and b/assets/gero.png differ diff --git a/assets/imagens/Docker_logo-700x588.png b/assets/imagens/Docker_logo-700x588.png new file mode 100644 index 00000000..6cc7d4bc Binary files /dev/null and b/assets/imagens/Docker_logo-700x588.png differ diff --git a/assets/imagens/EAR.png b/assets/imagens/EAR.png new file mode 100644 index 00000000..6fb9726c Binary files /dev/null and b/assets/imagens/EAR.png differ diff --git a/assets/imagens/MER/MER1pt1.png b/assets/imagens/MER/MER1pt1.png new file mode 100644 index 00000000..ef89663e Binary files /dev/null and b/assets/imagens/MER/MER1pt1.png differ diff --git a/assets/imagens/MER/MER1pt2.png b/assets/imagens/MER/MER1pt2.png new file mode 100644 index 00000000..9b70aa41 Binary files /dev/null and b/assets/imagens/MER/MER1pt2.png differ diff --git a/assets/imagens/MER/MER1pt3.png b/assets/imagens/MER/MER1pt3.png new file mode 100644 index 00000000..7e095276 Binary files /dev/null and b/assets/imagens/MER/MER1pt3.png differ diff --git a/assets/imagens/MER/MER2pt1.png b/assets/imagens/MER/MER2pt1.png new file mode 100644 index 00000000..9c5b8f08 Binary files /dev/null and b/assets/imagens/MER/MER2pt1.png differ diff --git a/assets/imagens/MER/MER2pt2.png b/assets/imagens/MER/MER2pt2.png new file mode 100644 index 00000000..56ad43a3 Binary files /dev/null and b/assets/imagens/MER/MER2pt2.png differ diff --git a/assets/imagens/React.png b/assets/imagens/React.png new file mode 100644 index 00000000..6fc44cc8 Binary files /dev/null and b/assets/imagens/React.png differ diff --git a/assets/imagens/banco_de_dados/DER.png b/assets/imagens/banco_de_dados/DER.png new file mode 100644 index 00000000..1258068a Binary files /dev/null and b/assets/imagens/banco_de_dados/DER.png differ diff --git a/assets/imagens/banco_de_dados/DLD.png b/assets/imagens/banco_de_dados/DLD.png new file mode 100644 index 00000000..01fc9c48 Binary files /dev/null and b/assets/imagens/banco_de_dados/DLD.png differ diff --git a/assets/imagens/banco_de_dados/MER/DESCRICAO_ENTIDADE.png b/assets/imagens/banco_de_dados/MER/DESCRICAO_ENTIDADE.png new file mode 100644 index 00000000..72d3e611 Binary files /dev/null and b/assets/imagens/banco_de_dados/MER/DESCRICAO_ENTIDADE.png differ diff --git a/assets/imagens/banco_de_dados/MER/MER_ENTIDADES.png b/assets/imagens/banco_de_dados/MER/MER_ENTIDADES.png new file mode 100644 index 00000000..e4c3c470 Binary files /dev/null and b/assets/imagens/banco_de_dados/MER/MER_ENTIDADES.png differ diff --git a/assets/imagens/banco_de_dados/MER/RELACIONAMENTOS1.png b/assets/imagens/banco_de_dados/MER/RELACIONAMENTOS1.png new file mode 100644 index 00000000..b0c7d148 Binary files /dev/null and b/assets/imagens/banco_de_dados/MER/RELACIONAMENTOS1.png differ diff --git a/assets/imagens/banco_de_dados/MER/RELACIONAMENTOS2.png b/assets/imagens/banco_de_dados/MER/RELACIONAMENTOS2.png new file mode 100644 index 00000000..6bcb582f Binary files /dev/null and b/assets/imagens/banco_de_dados/MER/RELACIONAMENTOS2.png differ diff --git a/assets/imagens/banco_de_dados/dicionario_de_dados/COMENTARIO.png b/assets/imagens/banco_de_dados/dicionario_de_dados/COMENTARIO.png new file mode 100644 index 00000000..cf331af7 Binary files /dev/null and b/assets/imagens/banco_de_dados/dicionario_de_dados/COMENTARIO.png differ diff --git a/assets/imagens/banco_de_dados/dicionario_de_dados/LIKE.png b/assets/imagens/banco_de_dados/dicionario_de_dados/LIKE.png new file mode 100644 index 00000000..e132e5da Binary files /dev/null and b/assets/imagens/banco_de_dados/dicionario_de_dados/LIKE.png differ diff --git a/assets/imagens/banco_de_dados/dicionario_de_dados/METRICA_SAUDE.png b/assets/imagens/banco_de_dados/dicionario_de_dados/METRICA_SAUDE.png new file mode 100644 index 00000000..cabdb525 Binary files /dev/null and b/assets/imagens/banco_de_dados/dicionario_de_dados/METRICA_SAUDE.png differ diff --git a/assets/imagens/banco_de_dados/dicionario_de_dados/PACIENTE.png b/assets/imagens/banco_de_dados/dicionario_de_dados/PACIENTE.png new file mode 100644 index 00000000..b8c7a6ff Binary files /dev/null and b/assets/imagens/banco_de_dados/dicionario_de_dados/PACIENTE.png differ diff --git a/assets/imagens/banco_de_dados/dicionario_de_dados/PUBLICACAO.png b/assets/imagens/banco_de_dados/dicionario_de_dados/PUBLICACAO.png new file mode 100644 index 00000000..2ed94bd2 Binary files /dev/null and b/assets/imagens/banco_de_dados/dicionario_de_dados/PUBLICACAO.png differ diff --git a/assets/imagens/banco_de_dados/dicionario_de_dados/RELACIONAMENTO_COMENTARIO.png b/assets/imagens/banco_de_dados/dicionario_de_dados/RELACIONAMENTO_COMENTARIO.png new file mode 100644 index 00000000..bbb8a527 Binary files /dev/null and b/assets/imagens/banco_de_dados/dicionario_de_dados/RELACIONAMENTO_COMENTARIO.png differ diff --git a/assets/imagens/banco_de_dados/dicionario_de_dados/RELACIONAMENTO_LIKE.png b/assets/imagens/banco_de_dados/dicionario_de_dados/RELACIONAMENTO_LIKE.png new file mode 100644 index 00000000..fd945b7c Binary files /dev/null and b/assets/imagens/banco_de_dados/dicionario_de_dados/RELACIONAMENTO_LIKE.png differ diff --git a/assets/imagens/banco_de_dados/dicionario_de_dados/ROTINA.png b/assets/imagens/banco_de_dados/dicionario_de_dados/ROTINA.png new file mode 100644 index 00000000..32c6dde3 Binary files /dev/null and b/assets/imagens/banco_de_dados/dicionario_de_dados/ROTINA.png differ diff --git a/assets/imagens/banco_de_dados/dicionario_de_dados/USUARIO.png b/assets/imagens/banco_de_dados/dicionario_de_dados/USUARIO.png new file mode 100644 index 00000000..14d882ca Binary files /dev/null and b/assets/imagens/banco_de_dados/dicionario_de_dados/USUARIO.png differ diff --git a/assets/imagens/banco_de_dados/dicionario_de_dados/VALOR_METRICA.png b/assets/imagens/banco_de_dados/dicionario_de_dados/VALOR_METRICA.png new file mode 100644 index 00000000..cffd93c0 Binary files /dev/null and b/assets/imagens/banco_de_dados/dicionario_de_dados/VALOR_METRICA.png differ diff --git a/assets/imagens/canvas_mvp.png b/assets/imagens/canvas_mvp.png new file mode 100644 index 00000000..d590cbf5 Binary files /dev/null and b/assets/imagens/canvas_mvp.png differ diff --git a/assets/imagens/diagrama_de_arquitetura_antigo.png b/assets/imagens/diagrama_de_arquitetura_antigo.png new file mode 100644 index 00000000..193a6425 Binary files /dev/null and b/assets/imagens/diagrama_de_arquitetura_antigo.png differ diff --git a/assets/imagens/diagrama_de_arquitetura_atual.jpg b/assets/imagens/diagrama_de_arquitetura_atual.jpg new file mode 100644 index 00000000..45613f8e Binary files /dev/null and b/assets/imagens/diagrama_de_arquitetura_atual.jpg differ diff --git a/assets/imagens/eap.png b/assets/imagens/eap.png new file mode 100644 index 00000000..ceb63e22 Binary files /dev/null and b/assets/imagens/eap.png differ diff --git a/assets/imagens/kanban.png b/assets/imagens/kanban.png new file mode 100644 index 00000000..56619865 Binary files /dev/null and b/assets/imagens/kanban.png differ diff --git a/assets/imagens/lean_inception/Canvas_MVP.png b/assets/imagens/lean_inception/Canvas_MVP.png new file mode 100644 index 00000000..4c145c9c Binary files /dev/null and b/assets/imagens/lean_inception/Canvas_MVP.png differ diff --git a/assets/imagens/lean_inception/agenda_lean_inception.jpg b/assets/imagens/lean_inception/agenda_lean_inception.jpg new file mode 100644 index 00000000..50be40a2 Binary files /dev/null and b/assets/imagens/lean_inception/agenda_lean_inception.jpg differ diff --git a/assets/imagens/lean_inception/brainstorm.png b/assets/imagens/lean_inception/brainstorm.png new file mode 100644 index 00000000..d40c3846 Binary files /dev/null and b/assets/imagens/lean_inception/brainstorm.png differ diff --git a/assets/imagens/lean_inception/e_nao-faz_naofaz_gero.png b/assets/imagens/lean_inception/e_nao-faz_naofaz_gero.png new file mode 100644 index 00000000..7d80402c Binary files /dev/null and b/assets/imagens/lean_inception/e_nao-faz_naofaz_gero.png differ diff --git a/assets/imagens/lean_inception/jornada1.png b/assets/imagens/lean_inception/jornada1.png new file mode 100644 index 00000000..824b3cf1 Binary files /dev/null and b/assets/imagens/lean_inception/jornada1.png differ diff --git a/assets/imagens/lean_inception/jornada2.png b/assets/imagens/lean_inception/jornada2.png new file mode 100644 index 00000000..86989220 Binary files /dev/null and b/assets/imagens/lean_inception/jornada2.png differ diff --git a/assets/imagens/lean_inception/jornada3.png b/assets/imagens/lean_inception/jornada3.png new file mode 100644 index 00000000..851d1cee Binary files /dev/null and b/assets/imagens/lean_inception/jornada3.png differ diff --git a/assets/imagens/lean_inception/modelo_canvas_mvp.png b/assets/imagens/lean_inception/modelo_canvas_mvp.png new file mode 100644 index 00000000..3ab77db6 Binary files /dev/null and b/assets/imagens/lean_inception/modelo_canvas_mvp.png differ diff --git a/assets/imagens/lean_inception/nosso_cronograma_li.png b/assets/imagens/lean_inception/nosso_cronograma_li.png new file mode 100644 index 00000000..ae092901 Binary files /dev/null and b/assets/imagens/lean_inception/nosso_cronograma_li.png differ diff --git a/assets/imagens/lean_inception/objetivos_do_produto.png b/assets/imagens/lean_inception/objetivos_do_produto.png new file mode 100644 index 00000000..fa5f55d3 Binary files /dev/null and b/assets/imagens/lean_inception/objetivos_do_produto.png differ diff --git a/assets/imagens/lean_inception/persona1.png b/assets/imagens/lean_inception/persona1.png new file mode 100644 index 00000000..389f8e77 Binary files /dev/null and b/assets/imagens/lean_inception/persona1.png differ diff --git a/assets/imagens/lean_inception/persona2.png b/assets/imagens/lean_inception/persona2.png new file mode 100644 index 00000000..3ccd0ad6 Binary files /dev/null and b/assets/imagens/lean_inception/persona2.png differ diff --git a/assets/imagens/lean_inception/persona3.png b/assets/imagens/lean_inception/persona3.png new file mode 100644 index 00000000..61daf302 Binary files /dev/null and b/assets/imagens/lean_inception/persona3.png differ diff --git a/assets/imagens/lean_inception/persona4.png b/assets/imagens/lean_inception/persona4.png new file mode 100644 index 00000000..c7ae5917 Binary files /dev/null and b/assets/imagens/lean_inception/persona4.png differ diff --git a/assets/imagens/lean_inception/persona5.png b/assets/imagens/lean_inception/persona5.png new file mode 100644 index 00000000..b9ff60ca Binary files /dev/null and b/assets/imagens/lean_inception/persona5.png differ diff --git a/assets/imagens/lean_inception/pesquisa_perfil_familiar.png b/assets/imagens/lean_inception/pesquisa_perfil_familiar.png new file mode 100644 index 00000000..23da5ea8 Binary files /dev/null and b/assets/imagens/lean_inception/pesquisa_perfil_familiar.png differ diff --git a/assets/imagens/lean_inception/revisao_tecnica.png b/assets/imagens/lean_inception/revisao_tecnica.png new file mode 100644 index 00000000..52d1113f Binary files /dev/null and b/assets/imagens/lean_inception/revisao_tecnica.png differ diff --git a/assets/imagens/lean_inception/revisao_tecnica_final.png b/assets/imagens/lean_inception/revisao_tecnica_final.png new file mode 100644 index 00000000..80f5a015 Binary files /dev/null and b/assets/imagens/lean_inception/revisao_tecnica_final.png differ diff --git a/assets/imagens/lean_inception/sequenciador.png b/assets/imagens/lean_inception/sequenciador.png new file mode 100644 index 00000000..4c7aa30f Binary files /dev/null and b/assets/imagens/lean_inception/sequenciador.png differ diff --git a/assets/imagens/lean_inception/visao_produto.png b/assets/imagens/lean_inception/visao_produto.png new file mode 100644 index 00000000..f2f0a239 Binary files /dev/null and b/assets/imagens/lean_inception/visao_produto.png differ diff --git a/assets/imagens/logo-wordmark-light.png b/assets/imagens/logo-wordmark-light.png new file mode 100644 index 00000000..597a5a66 Binary files /dev/null and b/assets/imagens/logo-wordmark-light.png differ diff --git a/assets/imagens/logo-wordmark.png b/assets/imagens/logo-wordmark.png new file mode 100644 index 00000000..e69de29b diff --git a/assets/imagens/nestjs-272666.png b/assets/imagens/nestjs-272666.png new file mode 100644 index 00000000..b4c049e9 Binary files /dev/null and b/assets/imagens/nestjs-272666.png differ diff --git a/assets/imagens/postgresql-512.png b/assets/imagens/postgresql-512.png new file mode 100644 index 00000000..39821512 Binary files /dev/null and b/assets/imagens/postgresql-512.png differ diff --git a/assets/imagens/quadro_conhecimento/quadro_conhecimento_semana2.png b/assets/imagens/quadro_conhecimento/quadro_conhecimento_semana2.png new file mode 100644 index 00000000..2145b99d Binary files /dev/null and b/assets/imagens/quadro_conhecimento/quadro_conhecimento_semana2.png differ diff --git a/assets/imagens/quadro_de_disponibilidade/quadro_disponibilidade_EPS.jpeg b/assets/imagens/quadro_de_disponibilidade/quadro_disponibilidade_EPS.jpeg new file mode 100644 index 00000000..e501d79f Binary files /dev/null and b/assets/imagens/quadro_de_disponibilidade/quadro_disponibilidade_EPS.jpeg differ diff --git a/assets/imagens/quadro_de_disponibilidade/quadro_disponibilidade_Geral.jpeg b/assets/imagens/quadro_de_disponibilidade/quadro_disponibilidade_Geral.jpeg new file mode 100644 index 00000000..a999c3d0 Binary files /dev/null and b/assets/imagens/quadro_de_disponibilidade/quadro_disponibilidade_Geral.jpeg differ diff --git a/assets/imagens/quadro_de_disponibilidade/quadro_disponibilidade_MDS.jpeg b/assets/imagens/quadro_de_disponibilidade/quadro_disponibilidade_MDS.jpeg new file mode 100644 index 00000000..902ae2f3 Binary files /dev/null and b/assets/imagens/quadro_de_disponibilidade/quadro_disponibilidade_MDS.jpeg differ diff --git a/assets/imagens/scrum.png b/assets/imagens/scrum.png new file mode 100644 index 00000000..846854b7 Binary files /dev/null and b/assets/imagens/scrum.png differ diff --git a/assets/imagens/xp.png b/assets/imagens/xp.png new file mode 100644 index 00000000..1f93e3a1 Binary files /dev/null and b/assets/imagens/xp.png differ diff --git a/assets/images/favicon.png b/assets/images/favicon.png new file mode 100644 index 00000000..1cf13b9f Binary files /dev/null and b/assets/images/favicon.png differ diff --git a/assets/javascripts/bundle.aecac24b.min.js b/assets/javascripts/bundle.aecac24b.min.js new file mode 100644 index 00000000..464603d8 --- /dev/null +++ b/assets/javascripts/bundle.aecac24b.min.js @@ -0,0 +1,29 @@ +"use strict";(()=>{var wi=Object.create;var ur=Object.defineProperty;var Si=Object.getOwnPropertyDescriptor;var Ti=Object.getOwnPropertyNames,kt=Object.getOwnPropertySymbols,Oi=Object.getPrototypeOf,dr=Object.prototype.hasOwnProperty,Zr=Object.prototype.propertyIsEnumerable;var Xr=(e,t,r)=>t in e?ur(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,R=(e,t)=>{for(var r in t||(t={}))dr.call(t,r)&&Xr(e,r,t[r]);if(kt)for(var r of kt(t))Zr.call(t,r)&&Xr(e,r,t[r]);return e};var eo=(e,t)=>{var r={};for(var o in e)dr.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&kt)for(var o of kt(e))t.indexOf(o)<0&&Zr.call(e,o)&&(r[o]=e[o]);return r};var hr=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var Mi=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Ti(t))!dr.call(e,n)&&n!==r&&ur(e,n,{get:()=>t[n],enumerable:!(o=Si(t,n))||o.enumerable});return e};var Ht=(e,t,r)=>(r=e!=null?wi(Oi(e)):{},Mi(t||!e||!e.__esModule?ur(r,"default",{value:e,enumerable:!0}):r,e));var ro=hr((br,to)=>{(function(e,t){typeof br=="object"&&typeof to!="undefined"?t():typeof define=="function"&&define.amd?define(t):t()})(br,function(){"use strict";function e(r){var o=!0,n=!1,i=null,s={text:!0,search:!0,url:!0,tel:!0,email:!0,password:!0,number:!0,date:!0,month:!0,week:!0,time:!0,datetime:!0,"datetime-local":!0};function a(C){return!!(C&&C!==document&&C.nodeName!=="HTML"&&C.nodeName!=="BODY"&&"classList"in C&&"contains"in C.classList)}function c(C){var it=C.type,Ne=C.tagName;return!!(Ne==="INPUT"&&s[it]&&!C.readOnly||Ne==="TEXTAREA"&&!C.readOnly||C.isContentEditable)}function p(C){C.classList.contains("focus-visible")||(C.classList.add("focus-visible"),C.setAttribute("data-focus-visible-added",""))}function l(C){C.hasAttribute("data-focus-visible-added")&&(C.classList.remove("focus-visible"),C.removeAttribute("data-focus-visible-added"))}function f(C){C.metaKey||C.altKey||C.ctrlKey||(a(r.activeElement)&&p(r.activeElement),o=!0)}function u(C){o=!1}function d(C){a(C.target)&&(o||c(C.target))&&p(C.target)}function v(C){a(C.target)&&(C.target.classList.contains("focus-visible")||C.target.hasAttribute("data-focus-visible-added"))&&(n=!0,window.clearTimeout(i),i=window.setTimeout(function(){n=!1},100),l(C.target))}function b(C){document.visibilityState==="hidden"&&(n&&(o=!0),z())}function z(){document.addEventListener("mousemove",G),document.addEventListener("mousedown",G),document.addEventListener("mouseup",G),document.addEventListener("pointermove",G),document.addEventListener("pointerdown",G),document.addEventListener("pointerup",G),document.addEventListener("touchmove",G),document.addEventListener("touchstart",G),document.addEventListener("touchend",G)}function K(){document.removeEventListener("mousemove",G),document.removeEventListener("mousedown",G),document.removeEventListener("mouseup",G),document.removeEventListener("pointermove",G),document.removeEventListener("pointerdown",G),document.removeEventListener("pointerup",G),document.removeEventListener("touchmove",G),document.removeEventListener("touchstart",G),document.removeEventListener("touchend",G)}function G(C){C.target.nodeName&&C.target.nodeName.toLowerCase()==="html"||(o=!1,K())}document.addEventListener("keydown",f,!0),document.addEventListener("mousedown",u,!0),document.addEventListener("pointerdown",u,!0),document.addEventListener("touchstart",u,!0),document.addEventListener("visibilitychange",b,!0),z(),r.addEventListener("focus",d,!0),r.addEventListener("blur",v,!0),r.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&r.host?r.host.setAttribute("data-js-focus-visible",""):r.nodeType===Node.DOCUMENT_NODE&&(document.documentElement.classList.add("js-focus-visible"),document.documentElement.setAttribute("data-js-focus-visible",""))}if(typeof window!="undefined"&&typeof document!="undefined"){window.applyFocusVisiblePolyfill=e;var t;try{t=new CustomEvent("focus-visible-polyfill-ready")}catch(r){t=document.createEvent("CustomEvent"),t.initCustomEvent("focus-visible-polyfill-ready",!1,!1,{})}window.dispatchEvent(t)}typeof document!="undefined"&&e(document)})});var Vr=hr((Ot,Dr)=>{/*! + * clipboard.js v2.0.11 + * https://clipboardjs.com/ + * + * Licensed MIT © Zeno Rocha + */(function(t,r){typeof Ot=="object"&&typeof Dr=="object"?Dr.exports=r():typeof define=="function"&&define.amd?define([],r):typeof Ot=="object"?Ot.ClipboardJS=r():t.ClipboardJS=r()})(Ot,function(){return function(){var e={686:function(o,n,i){"use strict";i.d(n,{default:function(){return Ei}});var s=i(279),a=i.n(s),c=i(370),p=i.n(c),l=i(817),f=i.n(l);function u(U){try{return document.execCommand(U)}catch(O){return!1}}var d=function(O){var S=f()(O);return u("cut"),S},v=d;function b(U){var O=document.documentElement.getAttribute("dir")==="rtl",S=document.createElement("textarea");S.style.fontSize="12pt",S.style.border="0",S.style.padding="0",S.style.margin="0",S.style.position="absolute",S.style[O?"right":"left"]="-9999px";var $=window.pageYOffset||document.documentElement.scrollTop;return S.style.top="".concat($,"px"),S.setAttribute("readonly",""),S.value=U,S}var z=function(O,S){var $=b(O);S.container.appendChild($);var F=f()($);return u("copy"),$.remove(),F},K=function(O){var S=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{container:document.body},$="";return typeof O=="string"?$=z(O,S):O instanceof HTMLInputElement&&!["text","search","url","tel","password"].includes(O==null?void 0:O.type)?$=z(O.value,S):($=f()(O),u("copy")),$},G=K;function C(U){"@babel/helpers - typeof";return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?C=function(S){return typeof S}:C=function(S){return S&&typeof Symbol=="function"&&S.constructor===Symbol&&S!==Symbol.prototype?"symbol":typeof S},C(U)}var it=function(){var O=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},S=O.action,$=S===void 0?"copy":S,F=O.container,Q=O.target,_e=O.text;if($!=="copy"&&$!=="cut")throw new Error('Invalid "action" value, use either "copy" or "cut"');if(Q!==void 0)if(Q&&C(Q)==="object"&&Q.nodeType===1){if($==="copy"&&Q.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if($==="cut"&&(Q.hasAttribute("readonly")||Q.hasAttribute("disabled")))throw new Error(`Invalid "target" attribute. You can't cut text from elements with "readonly" or "disabled" attributes`)}else throw new Error('Invalid "target" value, use a valid Element');if(_e)return G(_e,{container:F});if(Q)return $==="cut"?v(Q):G(Q,{container:F})},Ne=it;function Pe(U){"@babel/helpers - typeof";return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?Pe=function(S){return typeof S}:Pe=function(S){return S&&typeof Symbol=="function"&&S.constructor===Symbol&&S!==Symbol.prototype?"symbol":typeof S},Pe(U)}function ui(U,O){if(!(U instanceof O))throw new TypeError("Cannot call a class as a function")}function Jr(U,O){for(var S=0;S0&&arguments[0]!==void 0?arguments[0]:{};this.action=typeof F.action=="function"?F.action:this.defaultAction,this.target=typeof F.target=="function"?F.target:this.defaultTarget,this.text=typeof F.text=="function"?F.text:this.defaultText,this.container=Pe(F.container)==="object"?F.container:document.body}},{key:"listenClick",value:function(F){var Q=this;this.listener=p()(F,"click",function(_e){return Q.onClick(_e)})}},{key:"onClick",value:function(F){var Q=F.delegateTarget||F.currentTarget,_e=this.action(Q)||"copy",Ct=Ne({action:_e,container:this.container,target:this.target(Q),text:this.text(Q)});this.emit(Ct?"success":"error",{action:_e,text:Ct,trigger:Q,clearSelection:function(){Q&&Q.focus(),window.getSelection().removeAllRanges()}})}},{key:"defaultAction",value:function(F){return fr("action",F)}},{key:"defaultTarget",value:function(F){var Q=fr("target",F);if(Q)return document.querySelector(Q)}},{key:"defaultText",value:function(F){return fr("text",F)}},{key:"destroy",value:function(){this.listener.destroy()}}],[{key:"copy",value:function(F){var Q=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{container:document.body};return G(F,Q)}},{key:"cut",value:function(F){return v(F)}},{key:"isSupported",value:function(){var F=arguments.length>0&&arguments[0]!==void 0?arguments[0]:["copy","cut"],Q=typeof F=="string"?[F]:F,_e=!!document.queryCommandSupported;return Q.forEach(function(Ct){_e=_e&&!!document.queryCommandSupported(Ct)}),_e}}]),S}(a()),Ei=yi},828:function(o){var n=9;if(typeof Element!="undefined"&&!Element.prototype.matches){var i=Element.prototype;i.matches=i.matchesSelector||i.mozMatchesSelector||i.msMatchesSelector||i.oMatchesSelector||i.webkitMatchesSelector}function s(a,c){for(;a&&a.nodeType!==n;){if(typeof a.matches=="function"&&a.matches(c))return a;a=a.parentNode}}o.exports=s},438:function(o,n,i){var s=i(828);function a(l,f,u,d,v){var b=p.apply(this,arguments);return l.addEventListener(u,b,v),{destroy:function(){l.removeEventListener(u,b,v)}}}function c(l,f,u,d,v){return typeof l.addEventListener=="function"?a.apply(null,arguments):typeof u=="function"?a.bind(null,document).apply(null,arguments):(typeof l=="string"&&(l=document.querySelectorAll(l)),Array.prototype.map.call(l,function(b){return a(b,f,u,d,v)}))}function p(l,f,u,d){return function(v){v.delegateTarget=s(v.target,f),v.delegateTarget&&d.call(l,v)}}o.exports=c},879:function(o,n){n.node=function(i){return i!==void 0&&i instanceof HTMLElement&&i.nodeType===1},n.nodeList=function(i){var s=Object.prototype.toString.call(i);return i!==void 0&&(s==="[object NodeList]"||s==="[object HTMLCollection]")&&"length"in i&&(i.length===0||n.node(i[0]))},n.string=function(i){return typeof i=="string"||i instanceof String},n.fn=function(i){var s=Object.prototype.toString.call(i);return s==="[object Function]"}},370:function(o,n,i){var s=i(879),a=i(438);function c(u,d,v){if(!u&&!d&&!v)throw new Error("Missing required arguments");if(!s.string(d))throw new TypeError("Second argument must be a String");if(!s.fn(v))throw new TypeError("Third argument must be a Function");if(s.node(u))return p(u,d,v);if(s.nodeList(u))return l(u,d,v);if(s.string(u))return f(u,d,v);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList")}function p(u,d,v){return u.addEventListener(d,v),{destroy:function(){u.removeEventListener(d,v)}}}function l(u,d,v){return Array.prototype.forEach.call(u,function(b){b.addEventListener(d,v)}),{destroy:function(){Array.prototype.forEach.call(u,function(b){b.removeEventListener(d,v)})}}}function f(u,d,v){return a(document.body,u,d,v)}o.exports=c},817:function(o){function n(i){var s;if(i.nodeName==="SELECT")i.focus(),s=i.value;else if(i.nodeName==="INPUT"||i.nodeName==="TEXTAREA"){var a=i.hasAttribute("readonly");a||i.setAttribute("readonly",""),i.select(),i.setSelectionRange(0,i.value.length),a||i.removeAttribute("readonly"),s=i.value}else{i.hasAttribute("contenteditable")&&i.focus();var c=window.getSelection(),p=document.createRange();p.selectNodeContents(i),c.removeAllRanges(),c.addRange(p),s=c.toString()}return s}o.exports=n},279:function(o){function n(){}n.prototype={on:function(i,s,a){var c=this.e||(this.e={});return(c[i]||(c[i]=[])).push({fn:s,ctx:a}),this},once:function(i,s,a){var c=this;function p(){c.off(i,p),s.apply(a,arguments)}return p._=s,this.on(i,p,a)},emit:function(i){var s=[].slice.call(arguments,1),a=((this.e||(this.e={}))[i]||[]).slice(),c=0,p=a.length;for(c;c{"use strict";/*! + * escape-html + * Copyright(c) 2012-2013 TJ Holowaychuk + * Copyright(c) 2015 Andreas Lubbe + * Copyright(c) 2015 Tiancheng "Timothy" Gu + * MIT Licensed + */var Ha=/["'&<>]/;Un.exports=$a;function $a(e){var t=""+e,r=Ha.exec(t);if(!r)return t;var o,n="",i=0,s=0;for(i=r.index;i0&&i[i.length-1])&&(p[0]===6||p[0]===2)){r=0;continue}if(p[0]===3&&(!i||p[1]>i[0]&&p[1]=e.length&&(e=void 0),{value:e&&e[o++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function N(e,t){var r=typeof Symbol=="function"&&e[Symbol.iterator];if(!r)return e;var o=r.call(e),n,i=[],s;try{for(;(t===void 0||t-- >0)&&!(n=o.next()).done;)i.push(n.value)}catch(a){s={error:a}}finally{try{n&&!n.done&&(r=o.return)&&r.call(o)}finally{if(s)throw s.error}}return i}function D(e,t,r){if(r||arguments.length===2)for(var o=0,n=t.length,i;o1||a(u,d)})})}function a(u,d){try{c(o[u](d))}catch(v){f(i[0][3],v)}}function c(u){u.value instanceof Ze?Promise.resolve(u.value.v).then(p,l):f(i[0][2],u)}function p(u){a("next",u)}function l(u){a("throw",u)}function f(u,d){u(d),i.shift(),i.length&&a(i[0][0],i[0][1])}}function io(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t=e[Symbol.asyncIterator],r;return t?t.call(e):(e=typeof we=="function"?we(e):e[Symbol.iterator](),r={},o("next"),o("throw"),o("return"),r[Symbol.asyncIterator]=function(){return this},r);function o(i){r[i]=e[i]&&function(s){return new Promise(function(a,c){s=e[i](s),n(a,c,s.done,s.value)})}}function n(i,s,a,c){Promise.resolve(c).then(function(p){i({value:p,done:a})},s)}}function k(e){return typeof e=="function"}function at(e){var t=function(o){Error.call(o),o.stack=new Error().stack},r=e(t);return r.prototype=Object.create(Error.prototype),r.prototype.constructor=r,r}var Rt=at(function(e){return function(r){e(this),this.message=r?r.length+` errors occurred during unsubscription: +`+r.map(function(o,n){return n+1+") "+o.toString()}).join(` + `):"",this.name="UnsubscriptionError",this.errors=r}});function De(e,t){if(e){var r=e.indexOf(t);0<=r&&e.splice(r,1)}}var Ie=function(){function e(t){this.initialTeardown=t,this.closed=!1,this._parentage=null,this._finalizers=null}return e.prototype.unsubscribe=function(){var t,r,o,n,i;if(!this.closed){this.closed=!0;var s=this._parentage;if(s)if(this._parentage=null,Array.isArray(s))try{for(var a=we(s),c=a.next();!c.done;c=a.next()){var p=c.value;p.remove(this)}}catch(b){t={error:b}}finally{try{c&&!c.done&&(r=a.return)&&r.call(a)}finally{if(t)throw t.error}}else s.remove(this);var l=this.initialTeardown;if(k(l))try{l()}catch(b){i=b instanceof Rt?b.errors:[b]}var f=this._finalizers;if(f){this._finalizers=null;try{for(var u=we(f),d=u.next();!d.done;d=u.next()){var v=d.value;try{ao(v)}catch(b){i=i!=null?i:[],b instanceof Rt?i=D(D([],N(i)),N(b.errors)):i.push(b)}}}catch(b){o={error:b}}finally{try{d&&!d.done&&(n=u.return)&&n.call(u)}finally{if(o)throw o.error}}}if(i)throw new Rt(i)}},e.prototype.add=function(t){var r;if(t&&t!==this)if(this.closed)ao(t);else{if(t instanceof e){if(t.closed||t._hasParent(this))return;t._addParent(this)}(this._finalizers=(r=this._finalizers)!==null&&r!==void 0?r:[]).push(t)}},e.prototype._hasParent=function(t){var r=this._parentage;return r===t||Array.isArray(r)&&r.includes(t)},e.prototype._addParent=function(t){var r=this._parentage;this._parentage=Array.isArray(r)?(r.push(t),r):r?[r,t]:t},e.prototype._removeParent=function(t){var r=this._parentage;r===t?this._parentage=null:Array.isArray(r)&&De(r,t)},e.prototype.remove=function(t){var r=this._finalizers;r&&De(r,t),t instanceof e&&t._removeParent(this)},e.EMPTY=function(){var t=new e;return t.closed=!0,t}(),e}();var gr=Ie.EMPTY;function Pt(e){return e instanceof Ie||e&&"closed"in e&&k(e.remove)&&k(e.add)&&k(e.unsubscribe)}function ao(e){k(e)?e():e.unsubscribe()}var Ae={onUnhandledError:null,onStoppedNotification:null,Promise:void 0,useDeprecatedSynchronousErrorHandling:!1,useDeprecatedNextContext:!1};var st={setTimeout:function(e,t){for(var r=[],o=2;o0},enumerable:!1,configurable:!0}),t.prototype._trySubscribe=function(r){return this._throwIfClosed(),e.prototype._trySubscribe.call(this,r)},t.prototype._subscribe=function(r){return this._throwIfClosed(),this._checkFinalizedStatuses(r),this._innerSubscribe(r)},t.prototype._innerSubscribe=function(r){var o=this,n=this,i=n.hasError,s=n.isStopped,a=n.observers;return i||s?gr:(this.currentObservers=null,a.push(r),new Ie(function(){o.currentObservers=null,De(a,r)}))},t.prototype._checkFinalizedStatuses=function(r){var o=this,n=o.hasError,i=o.thrownError,s=o.isStopped;n?r.error(i):s&&r.complete()},t.prototype.asObservable=function(){var r=new P;return r.source=this,r},t.create=function(r,o){return new ho(r,o)},t}(P);var ho=function(e){ie(t,e);function t(r,o){var n=e.call(this)||this;return n.destination=r,n.source=o,n}return t.prototype.next=function(r){var o,n;(n=(o=this.destination)===null||o===void 0?void 0:o.next)===null||n===void 0||n.call(o,r)},t.prototype.error=function(r){var o,n;(n=(o=this.destination)===null||o===void 0?void 0:o.error)===null||n===void 0||n.call(o,r)},t.prototype.complete=function(){var r,o;(o=(r=this.destination)===null||r===void 0?void 0:r.complete)===null||o===void 0||o.call(r)},t.prototype._subscribe=function(r){var o,n;return(n=(o=this.source)===null||o===void 0?void 0:o.subscribe(r))!==null&&n!==void 0?n:gr},t}(x);var yt={now:function(){return(yt.delegate||Date).now()},delegate:void 0};var Et=function(e){ie(t,e);function t(r,o,n){r===void 0&&(r=1/0),o===void 0&&(o=1/0),n===void 0&&(n=yt);var i=e.call(this)||this;return i._bufferSize=r,i._windowTime=o,i._timestampProvider=n,i._buffer=[],i._infiniteTimeWindow=!0,i._infiniteTimeWindow=o===1/0,i._bufferSize=Math.max(1,r),i._windowTime=Math.max(1,o),i}return t.prototype.next=function(r){var o=this,n=o.isStopped,i=o._buffer,s=o._infiniteTimeWindow,a=o._timestampProvider,c=o._windowTime;n||(i.push(r),!s&&i.push(a.now()+c)),this._trimBuffer(),e.prototype.next.call(this,r)},t.prototype._subscribe=function(r){this._throwIfClosed(),this._trimBuffer();for(var o=this._innerSubscribe(r),n=this,i=n._infiniteTimeWindow,s=n._buffer,a=s.slice(),c=0;c0?e.prototype.requestAsyncId.call(this,r,o,n):(r.actions.push(this),r._scheduled||(r._scheduled=lt.requestAnimationFrame(function(){return r.flush(void 0)})))},t.prototype.recycleAsyncId=function(r,o,n){var i;if(n===void 0&&(n=0),n!=null?n>0:this.delay>0)return e.prototype.recycleAsyncId.call(this,r,o,n);var s=r.actions;o!=null&&((i=s[s.length-1])===null||i===void 0?void 0:i.id)!==o&&(lt.cancelAnimationFrame(o),r._scheduled=void 0)},t}(jt);var go=function(e){ie(t,e);function t(){return e!==null&&e.apply(this,arguments)||this}return t.prototype.flush=function(r){this._active=!0;var o=this._scheduled;this._scheduled=void 0;var n=this.actions,i;r=r||n.shift();do if(i=r.execute(r.state,r.delay))break;while((r=n[0])&&r.id===o&&n.shift());if(this._active=!1,i){for(;(r=n[0])&&r.id===o&&n.shift();)r.unsubscribe();throw i}},t}(Wt);var Oe=new go(vo);var L=new P(function(e){return e.complete()});function Ut(e){return e&&k(e.schedule)}function Or(e){return e[e.length-1]}function Qe(e){return k(Or(e))?e.pop():void 0}function Me(e){return Ut(Or(e))?e.pop():void 0}function Nt(e,t){return typeof Or(e)=="number"?e.pop():t}var mt=function(e){return e&&typeof e.length=="number"&&typeof e!="function"};function Dt(e){return k(e==null?void 0:e.then)}function Vt(e){return k(e[pt])}function zt(e){return Symbol.asyncIterator&&k(e==null?void 0:e[Symbol.asyncIterator])}function qt(e){return new TypeError("You provided "+(e!==null&&typeof e=="object"?"an invalid object":"'"+e+"'")+" where a stream was expected. You can provide an Observable, Promise, ReadableStream, Array, AsyncIterable, or Iterable.")}function Pi(){return typeof Symbol!="function"||!Symbol.iterator?"@@iterator":Symbol.iterator}var Kt=Pi();function Qt(e){return k(e==null?void 0:e[Kt])}function Yt(e){return no(this,arguments,function(){var r,o,n,i;return $t(this,function(s){switch(s.label){case 0:r=e.getReader(),s.label=1;case 1:s.trys.push([1,,9,10]),s.label=2;case 2:return[4,Ze(r.read())];case 3:return o=s.sent(),n=o.value,i=o.done,i?[4,Ze(void 0)]:[3,5];case 4:return[2,s.sent()];case 5:return[4,Ze(n)];case 6:return[4,s.sent()];case 7:return s.sent(),[3,2];case 8:return[3,10];case 9:return r.releaseLock(),[7];case 10:return[2]}})})}function Bt(e){return k(e==null?void 0:e.getReader)}function I(e){if(e instanceof P)return e;if(e!=null){if(Vt(e))return Ii(e);if(mt(e))return Fi(e);if(Dt(e))return ji(e);if(zt(e))return xo(e);if(Qt(e))return Wi(e);if(Bt(e))return Ui(e)}throw qt(e)}function Ii(e){return new P(function(t){var r=e[pt]();if(k(r.subscribe))return r.subscribe(t);throw new TypeError("Provided object does not correctly implement Symbol.observable")})}function Fi(e){return new P(function(t){for(var r=0;r=2;return function(o){return o.pipe(e?M(function(n,i){return e(n,i,o)}):ue,xe(1),r?He(t):Io(function(){return new Jt}))}}function Fo(){for(var e=[],t=0;t=2,!0))}function le(e){e===void 0&&(e={});var t=e.connector,r=t===void 0?function(){return new x}:t,o=e.resetOnError,n=o===void 0?!0:o,i=e.resetOnComplete,s=i===void 0?!0:i,a=e.resetOnRefCountZero,c=a===void 0?!0:a;return function(p){var l,f,u,d=0,v=!1,b=!1,z=function(){f==null||f.unsubscribe(),f=void 0},K=function(){z(),l=u=void 0,v=b=!1},G=function(){var C=l;K(),C==null||C.unsubscribe()};return g(function(C,it){d++,!b&&!v&&z();var Ne=u=u!=null?u:r();it.add(function(){d--,d===0&&!b&&!v&&(f=Hr(G,c))}),Ne.subscribe(it),!l&&d>0&&(l=new tt({next:function(Pe){return Ne.next(Pe)},error:function(Pe){b=!0,z(),f=Hr(K,n,Pe),Ne.error(Pe)},complete:function(){v=!0,z(),f=Hr(K,s),Ne.complete()}}),I(C).subscribe(l))})(p)}}function Hr(e,t){for(var r=[],o=2;oe.next(document)),e}function q(e,t=document){return Array.from(t.querySelectorAll(e))}function W(e,t=document){let r=ce(e,t);if(typeof r=="undefined")throw new ReferenceError(`Missing element: expected "${e}" to be present`);return r}function ce(e,t=document){return t.querySelector(e)||void 0}function Re(){return document.activeElement instanceof HTMLElement&&document.activeElement||void 0}var na=_(h(document.body,"focusin"),h(document.body,"focusout")).pipe(ke(1),V(void 0),m(()=>Re()||document.body),J(1));function Zt(e){return na.pipe(m(t=>e.contains(t)),X())}function Je(e){return{x:e.offsetLeft,y:e.offsetTop}}function No(e){return _(h(window,"load"),h(window,"resize")).pipe(Ce(0,Oe),m(()=>Je(e)),V(Je(e)))}function er(e){return{x:e.scrollLeft,y:e.scrollTop}}function dt(e){return _(h(e,"scroll"),h(window,"resize")).pipe(Ce(0,Oe),m(()=>er(e)),V(er(e)))}function Do(e,t){if(typeof t=="string"||typeof t=="number")e.innerHTML+=t.toString();else if(t instanceof Node)e.appendChild(t);else if(Array.isArray(t))for(let r of t)Do(e,r)}function T(e,t,...r){let o=document.createElement(e);if(t)for(let n of Object.keys(t))typeof t[n]!="undefined"&&(typeof t[n]!="boolean"?o.setAttribute(n,t[n]):o.setAttribute(n,""));for(let n of r)Do(o,n);return o}function tr(e){if(e>999){let t=+((e-950)%1e3>99);return`${((e+1e-6)/1e3).toFixed(t)}k`}else return e.toString()}function ht(e){let t=T("script",{src:e});return H(()=>(document.head.appendChild(t),_(h(t,"load"),h(t,"error").pipe(E(()=>Mr(()=>new ReferenceError(`Invalid script: ${e}`))))).pipe(m(()=>{}),A(()=>document.head.removeChild(t)),xe(1))))}var Vo=new x,ia=H(()=>typeof ResizeObserver=="undefined"?ht("https://unpkg.com/resize-observer-polyfill"):j(void 0)).pipe(m(()=>new ResizeObserver(e=>{for(let t of e)Vo.next(t)})),E(e=>_(Ve,j(e)).pipe(A(()=>e.disconnect()))),J(1));function he(e){return{width:e.offsetWidth,height:e.offsetHeight}}function ye(e){return ia.pipe(w(t=>t.observe(e)),E(t=>Vo.pipe(M(({target:r})=>r===e),A(()=>t.unobserve(e)),m(()=>he(e)))),V(he(e)))}function bt(e){return{width:e.scrollWidth,height:e.scrollHeight}}function zo(e){let t=e.parentElement;for(;t&&(e.scrollWidth<=t.scrollWidth&&e.scrollHeight<=t.scrollHeight);)t=(e=t).parentElement;return t?e:void 0}var qo=new x,aa=H(()=>j(new IntersectionObserver(e=>{for(let t of e)qo.next(t)},{threshold:0}))).pipe(E(e=>_(Ve,j(e)).pipe(A(()=>e.disconnect()))),J(1));function rr(e){return aa.pipe(w(t=>t.observe(e)),E(t=>qo.pipe(M(({target:r})=>r===e),A(()=>t.unobserve(e)),m(({isIntersecting:r})=>r))))}function Ko(e,t=16){return dt(e).pipe(m(({y:r})=>{let o=he(e),n=bt(e);return r>=n.height-o.height-t}),X())}var or={drawer:W("[data-md-toggle=drawer]"),search:W("[data-md-toggle=search]")};function Qo(e){return or[e].checked}function Ke(e,t){or[e].checked!==t&&or[e].click()}function We(e){let t=or[e];return h(t,"change").pipe(m(()=>t.checked),V(t.checked))}function sa(e,t){switch(e.constructor){case HTMLInputElement:return e.type==="radio"?/^Arrow/.test(t):!0;case HTMLSelectElement:case HTMLTextAreaElement:return!0;default:return e.isContentEditable}}function ca(){return _(h(window,"compositionstart").pipe(m(()=>!0)),h(window,"compositionend").pipe(m(()=>!1))).pipe(V(!1))}function Yo(){let e=h(window,"keydown").pipe(M(t=>!(t.metaKey||t.ctrlKey)),m(t=>({mode:Qo("search")?"search":"global",type:t.key,claim(){t.preventDefault(),t.stopPropagation()}})),M(({mode:t,type:r})=>{if(t==="global"){let o=Re();if(typeof o!="undefined")return!sa(o,r)}return!0}),le());return ca().pipe(E(t=>t?L:e))}function pe(){return new URL(location.href)}function ot(e,t=!1){if(te("navigation.instant")&&!t){let r=T("a",{href:e.href});document.body.appendChild(r),r.click(),r.remove()}else location.href=e.href}function Bo(){return new x}function Go(){return location.hash.slice(1)}function nr(e){let t=T("a",{href:e});t.addEventListener("click",r=>r.stopPropagation()),t.click()}function pa(e){return _(h(window,"hashchange"),e).pipe(m(Go),V(Go()),M(t=>t.length>0),J(1))}function Jo(e){return pa(e).pipe(m(t=>ce(`[id="${t}"]`)),M(t=>typeof t!="undefined"))}function Fr(e){let t=matchMedia(e);return Xt(r=>t.addListener(()=>r(t.matches))).pipe(V(t.matches))}function Xo(){let e=matchMedia("print");return _(h(window,"beforeprint").pipe(m(()=>!0)),h(window,"afterprint").pipe(m(()=>!1))).pipe(V(e.matches))}function jr(e,t){return e.pipe(E(r=>r?t():L))}function ir(e,t){return new P(r=>{let o=new XMLHttpRequest;o.open("GET",`${e}`),o.responseType="blob",o.addEventListener("load",()=>{o.status>=200&&o.status<300?(r.next(o.response),r.complete()):r.error(new Error(o.statusText))}),o.addEventListener("error",()=>{r.error(new Error("Network Error"))}),o.addEventListener("abort",()=>{r.error(new Error("Request aborted"))}),typeof(t==null?void 0:t.progress$)!="undefined"&&(o.addEventListener("progress",n=>{t.progress$.next(n.loaded/n.total*100)}),t.progress$.next(5)),o.send()})}function Ue(e,t){return ir(e,t).pipe(E(r=>r.text()),m(r=>JSON.parse(r)),J(1))}function Zo(e,t){let r=new DOMParser;return ir(e,t).pipe(E(o=>o.text()),m(o=>r.parseFromString(o,"text/xml")),J(1))}function en(){return{x:Math.max(0,scrollX),y:Math.max(0,scrollY)}}function tn(){return _(h(window,"scroll",{passive:!0}),h(window,"resize",{passive:!0})).pipe(m(en),V(en()))}function rn(){return{width:innerWidth,height:innerHeight}}function on(){return h(window,"resize",{passive:!0}).pipe(m(rn),V(rn()))}function nn(){return B([tn(),on()]).pipe(m(([e,t])=>({offset:e,size:t})),J(1))}function ar(e,{viewport$:t,header$:r}){let o=t.pipe(ee("size")),n=B([o,r]).pipe(m(()=>Je(e)));return B([r,t,n]).pipe(m(([{height:i},{offset:s,size:a},{x:c,y:p}])=>({offset:{x:s.x-c,y:s.y-p+i},size:a})))}function la(e){return h(e,"message",t=>t.data)}function ma(e){let t=new x;return t.subscribe(r=>e.postMessage(r)),t}function an(e,t=new Worker(e)){let r=la(t),o=ma(t),n=new x;n.subscribe(o);let i=o.pipe(Z(),re(!0));return n.pipe(Z(),qe(r.pipe(Y(i))),le())}var fa=W("#__config"),vt=JSON.parse(fa.textContent);vt.base=`${new URL(vt.base,pe())}`;function me(){return vt}function te(e){return vt.features.includes(e)}function be(e,t){return typeof t!="undefined"?vt.translations[e].replace("#",t.toString()):vt.translations[e]}function Ee(e,t=document){return W(`[data-md-component=${e}]`,t)}function oe(e,t=document){return q(`[data-md-component=${e}]`,t)}function ua(e){let t=W(".md-typeset > :first-child",e);return h(t,"click",{once:!0}).pipe(m(()=>W(".md-typeset",e)),m(r=>({hash:__md_hash(r.innerHTML)})))}function sn(e){if(!te("announce.dismiss")||!e.childElementCount)return L;if(!e.hidden){let t=W(".md-typeset",e);__md_hash(t.innerHTML)===__md_get("__announce")&&(e.hidden=!0)}return H(()=>{let t=new x;return t.subscribe(({hash:r})=>{e.hidden=!0,__md_set("__announce",r)}),ua(e).pipe(w(r=>t.next(r)),A(()=>t.complete()),m(r=>R({ref:e},r)))})}function da(e,{target$:t}){return t.pipe(m(r=>({hidden:r!==e})))}function cn(e,t){let r=new x;return r.subscribe(({hidden:o})=>{e.hidden=o}),da(e,t).pipe(w(o=>r.next(o)),A(()=>r.complete()),m(o=>R({ref:e},o)))}function ha(e,t){let r=H(()=>B([No(e),dt(t)])).pipe(m(([{x:o,y:n},i])=>{let{width:s,height:a}=he(e);return{x:o-i.x+s/2,y:n-i.y+a/2}}));return Zt(e).pipe(E(o=>r.pipe(m(n=>({active:o,offset:n})),xe(+!o||1/0))))}function pn(e,t,{target$:r}){let[o,n]=Array.from(e.children);return H(()=>{let i=new x,s=i.pipe(Z(),re(!0));return i.subscribe({next({offset:a}){e.style.setProperty("--md-tooltip-x",`${a.x}px`),e.style.setProperty("--md-tooltip-y",`${a.y}px`)},complete(){e.style.removeProperty("--md-tooltip-x"),e.style.removeProperty("--md-tooltip-y")}}),rr(e).pipe(Y(s)).subscribe(a=>{e.toggleAttribute("data-md-visible",a)}),_(i.pipe(M(({active:a})=>a)),i.pipe(ke(250),M(({active:a})=>!a))).subscribe({next({active:a}){a?e.prepend(o):o.remove()},complete(){e.prepend(o)}}),i.pipe(Ce(16,Oe)).subscribe(({active:a})=>{o.classList.toggle("md-tooltip--active",a)}),i.pipe(Pr(125,Oe),M(()=>!!e.offsetParent),m(()=>e.offsetParent.getBoundingClientRect()),m(({x:a})=>a)).subscribe({next(a){a?e.style.setProperty("--md-tooltip-0",`${-a}px`):e.style.removeProperty("--md-tooltip-0")},complete(){e.style.removeProperty("--md-tooltip-0")}}),h(n,"click").pipe(Y(s),M(a=>!(a.metaKey||a.ctrlKey))).subscribe(a=>{a.stopPropagation(),a.preventDefault()}),h(n,"mousedown").pipe(Y(s),ne(i)).subscribe(([a,{active:c}])=>{var p;if(a.button!==0||a.metaKey||a.ctrlKey)a.preventDefault();else if(c){a.preventDefault();let l=e.parentElement.closest(".md-annotation");l instanceof HTMLElement?l.focus():(p=Re())==null||p.blur()}}),r.pipe(Y(s),M(a=>a===o),ze(125)).subscribe(()=>e.focus()),ha(e,t).pipe(w(a=>i.next(a)),A(()=>i.complete()),m(a=>R({ref:e},a)))})}function Wr(e){return T("div",{class:"md-tooltip",id:e},T("div",{class:"md-tooltip__inner md-typeset"}))}function ln(e,t){if(t=t?`${t}_annotation_${e}`:void 0,t){let r=t?`#${t}`:void 0;return T("aside",{class:"md-annotation",tabIndex:0},Wr(t),T("a",{href:r,class:"md-annotation__index",tabIndex:-1},T("span",{"data-md-annotation-id":e})))}else return T("aside",{class:"md-annotation",tabIndex:0},Wr(t),T("span",{class:"md-annotation__index",tabIndex:-1},T("span",{"data-md-annotation-id":e})))}function mn(e){return T("button",{class:"md-clipboard md-icon",title:be("clipboard.copy"),"data-clipboard-target":`#${e} > code`})}function Ur(e,t){let r=t&2,o=t&1,n=Object.keys(e.terms).filter(c=>!e.terms[c]).reduce((c,p)=>[...c,T("del",null,p)," "],[]).slice(0,-1),i=me(),s=new URL(e.location,i.base);te("search.highlight")&&s.searchParams.set("h",Object.entries(e.terms).filter(([,c])=>c).reduce((c,[p])=>`${c} ${p}`.trim(),""));let{tags:a}=me();return T("a",{href:`${s}`,class:"md-search-result__link",tabIndex:-1},T("article",{class:"md-search-result__article md-typeset","data-md-score":e.score.toFixed(2)},r>0&&T("div",{class:"md-search-result__icon md-icon"}),r>0&&T("h1",null,e.title),r<=0&&T("h2",null,e.title),o>0&&e.text.length>0&&e.text,e.tags&&e.tags.map(c=>{let p=a?c in a?`md-tag-icon md-tag--${a[c]}`:"md-tag-icon":"";return T("span",{class:`md-tag ${p}`},c)}),o>0&&n.length>0&&T("p",{class:"md-search-result__terms"},be("search.result.term.missing"),": ",...n)))}function fn(e){let t=e[0].score,r=[...e],o=me(),n=r.findIndex(l=>!`${new URL(l.location,o.base)}`.includes("#")),[i]=r.splice(n,1),s=r.findIndex(l=>l.scoreUr(l,1)),...c.length?[T("details",{class:"md-search-result__more"},T("summary",{tabIndex:-1},T("div",null,c.length>0&&c.length===1?be("search.result.more.one"):be("search.result.more.other",c.length))),...c.map(l=>Ur(l,1)))]:[]];return T("li",{class:"md-search-result__item"},p)}function un(e){return T("ul",{class:"md-source__facts"},Object.entries(e).map(([t,r])=>T("li",{class:`md-source__fact md-source__fact--${t}`},typeof r=="number"?tr(r):r)))}function Nr(e){let t=`tabbed-control tabbed-control--${e}`;return T("div",{class:t,hidden:!0},T("button",{class:"tabbed-button",tabIndex:-1,"aria-hidden":"true"}))}function dn(e){return T("div",{class:"md-typeset__scrollwrap"},T("div",{class:"md-typeset__table"},e))}function ba(e){let t=me(),r=new URL(`../${e.version}/`,t.base);return T("li",{class:"md-version__item"},T("a",{href:`${r}`,class:"md-version__link"},e.title))}function hn(e,t){return T("div",{class:"md-version"},T("button",{class:"md-version__current","aria-label":be("select.version")},t.title),T("ul",{class:"md-version__list"},e.map(ba)))}function va(e){return e.tagName==="CODE"?q(".c, .c1, .cm",e):[e]}function ga(e){let t=[];for(let r of va(e)){let o=[],n=document.createNodeIterator(r,NodeFilter.SHOW_TEXT);for(let i=n.nextNode();i;i=n.nextNode())o.push(i);for(let i of o){let s;for(;s=/(\(\d+\))(!)?/.exec(i.textContent);){let[,a,c]=s;if(typeof c=="undefined"){let p=i.splitText(s.index);i=p.splitText(a.length),t.push(p)}else{i.textContent=a,t.push(i);break}}}}return t}function bn(e,t){t.append(...Array.from(e.childNodes))}function sr(e,t,{target$:r,print$:o}){let n=t.closest("[id]"),i=n==null?void 0:n.id,s=new Map;for(let a of ga(t)){let[,c]=a.textContent.match(/\((\d+)\)/);ce(`:scope > li:nth-child(${c})`,e)&&(s.set(c,ln(c,i)),a.replaceWith(s.get(c)))}return s.size===0?L:H(()=>{let a=new x,c=a.pipe(Z(),re(!0)),p=[];for(let[l,f]of s)p.push([W(".md-typeset",f),W(`:scope > li:nth-child(${l})`,e)]);return o.pipe(Y(c)).subscribe(l=>{e.hidden=!l,e.classList.toggle("md-annotation-list",l);for(let[f,u]of p)l?bn(f,u):bn(u,f)}),_(...[...s].map(([,l])=>pn(l,t,{target$:r}))).pipe(A(()=>a.complete()),le())})}function vn(e){if(e.nextElementSibling){let t=e.nextElementSibling;if(t.tagName==="OL")return t;if(t.tagName==="P"&&!t.children.length)return vn(t)}}function gn(e,t){return H(()=>{let r=vn(e);return typeof r!="undefined"?sr(r,e,t):L})}var yn=Ht(Vr());var xa=0;function En(e){if(e.nextElementSibling){let t=e.nextElementSibling;if(t.tagName==="OL")return t;if(t.tagName==="P"&&!t.children.length)return En(t)}}function xn(e){return ye(e).pipe(m(({width:t})=>({scrollable:bt(e).width>t})),ee("scrollable"))}function wn(e,t){let{matches:r}=matchMedia("(hover)"),o=H(()=>{let n=new x;if(n.subscribe(({scrollable:s})=>{s&&r?e.setAttribute("tabindex","0"):e.removeAttribute("tabindex")}),yn.default.isSupported()&&(e.closest(".copy")||te("content.code.copy")&&!e.closest(".no-copy"))){let s=e.closest("pre");s.id=`__code_${xa++}`,s.insertBefore(mn(s.id),e)}let i=e.closest(".highlight");if(i instanceof HTMLElement){let s=En(i);if(typeof s!="undefined"&&(i.classList.contains("annotate")||te("content.code.annotate"))){let a=sr(s,e,t);return xn(e).pipe(w(c=>n.next(c)),A(()=>n.complete()),m(c=>R({ref:e},c)),qe(ye(i).pipe(m(({width:c,height:p})=>c&&p),X(),E(c=>c?a:L))))}}return xn(e).pipe(w(s=>n.next(s)),A(()=>n.complete()),m(s=>R({ref:e},s)))});return te("content.lazy")?rr(e).pipe(M(n=>n),xe(1),E(()=>o)):o}function ya(e,{target$:t,print$:r}){let o=!0;return _(t.pipe(m(n=>n.closest("details:not([open])")),M(n=>e===n),m(()=>({action:"open",reveal:!0}))),r.pipe(M(n=>n||!o),w(()=>o=e.open),m(n=>({action:n?"open":"close"}))))}function Sn(e,t){return H(()=>{let r=new x;return r.subscribe(({action:o,reveal:n})=>{e.toggleAttribute("open",o==="open"),n&&e.scrollIntoView()}),ya(e,t).pipe(w(o=>r.next(o)),A(()=>r.complete()),m(o=>R({ref:e},o)))})}var Tn=".node circle,.node ellipse,.node path,.node polygon,.node rect{fill:var(--md-mermaid-node-bg-color);stroke:var(--md-mermaid-node-fg-color)}marker{fill:var(--md-mermaid-edge-color)!important}.edgeLabel .label rect{fill:#0000}.label{color:var(--md-mermaid-label-fg-color);font-family:var(--md-mermaid-font-family)}.label foreignObject{line-height:normal;overflow:visible}.label div .edgeLabel{color:var(--md-mermaid-label-fg-color)}.edgeLabel,.edgeLabel rect,.label div .edgeLabel{background-color:var(--md-mermaid-label-bg-color)}.edgeLabel,.edgeLabel rect{fill:var(--md-mermaid-label-bg-color);color:var(--md-mermaid-edge-color)}.edgePath .path,.flowchart-link{stroke:var(--md-mermaid-edge-color);stroke-width:.05rem}.edgePath .arrowheadPath{fill:var(--md-mermaid-edge-color);stroke:none}.cluster rect{fill:var(--md-default-fg-color--lightest);stroke:var(--md-default-fg-color--lighter)}.cluster span{color:var(--md-mermaid-label-fg-color);font-family:var(--md-mermaid-font-family)}g #flowchart-circleEnd,g #flowchart-circleStart,g #flowchart-crossEnd,g #flowchart-crossStart,g #flowchart-pointEnd,g #flowchart-pointStart{stroke:none}g.classGroup line,g.classGroup rect{fill:var(--md-mermaid-node-bg-color);stroke:var(--md-mermaid-node-fg-color)}g.classGroup text{fill:var(--md-mermaid-label-fg-color);font-family:var(--md-mermaid-font-family)}.classLabel .box{fill:var(--md-mermaid-label-bg-color);background-color:var(--md-mermaid-label-bg-color);opacity:1}.classLabel .label{fill:var(--md-mermaid-label-fg-color);font-family:var(--md-mermaid-font-family)}.node .divider{stroke:var(--md-mermaid-node-fg-color)}.relation{stroke:var(--md-mermaid-edge-color)}.cardinality{fill:var(--md-mermaid-label-fg-color);font-family:var(--md-mermaid-font-family)}.cardinality text{fill:inherit!important}defs #classDiagram-compositionEnd,defs #classDiagram-compositionStart,defs #classDiagram-dependencyEnd,defs #classDiagram-dependencyStart,defs #classDiagram-extensionEnd,defs #classDiagram-extensionStart{fill:var(--md-mermaid-edge-color)!important;stroke:var(--md-mermaid-edge-color)!important}defs #classDiagram-aggregationEnd,defs #classDiagram-aggregationStart{fill:var(--md-mermaid-label-bg-color)!important;stroke:var(--md-mermaid-edge-color)!important}g.stateGroup rect{fill:var(--md-mermaid-node-bg-color);stroke:var(--md-mermaid-node-fg-color)}g.stateGroup .state-title{fill:var(--md-mermaid-label-fg-color)!important;font-family:var(--md-mermaid-font-family)}g.stateGroup .composit{fill:var(--md-mermaid-label-bg-color)}.nodeLabel{color:var(--md-mermaid-label-fg-color);font-family:var(--md-mermaid-font-family)}.node circle.state-end,.node circle.state-start,.start-state{fill:var(--md-mermaid-edge-color);stroke:none}.end-state-inner,.end-state-outer{fill:var(--md-mermaid-edge-color)}.end-state-inner,.node circle.state-end{stroke:var(--md-mermaid-label-bg-color)}.transition{stroke:var(--md-mermaid-edge-color)}[id^=state-fork] rect,[id^=state-join] rect{fill:var(--md-mermaid-edge-color)!important;stroke:none!important}.statediagram-cluster.statediagram-cluster .inner{fill:var(--md-default-bg-color)}.statediagram-cluster rect{fill:var(--md-mermaid-node-bg-color);stroke:var(--md-mermaid-node-fg-color)}.statediagram-state rect.divider{fill:var(--md-default-fg-color--lightest);stroke:var(--md-default-fg-color--lighter)}defs #statediagram-barbEnd{stroke:var(--md-mermaid-edge-color)}.attributeBoxEven,.attributeBoxOdd{fill:var(--md-mermaid-node-bg-color);stroke:var(--md-mermaid-node-fg-color)}.entityBox{fill:var(--md-mermaid-label-bg-color);stroke:var(--md-mermaid-node-fg-color)}.entityLabel{fill:var(--md-mermaid-label-fg-color);font-family:var(--md-mermaid-font-family)}.relationshipLabelBox{fill:var(--md-mermaid-label-bg-color);fill-opacity:1;background-color:var(--md-mermaid-label-bg-color);opacity:1}.relationshipLabel{fill:var(--md-mermaid-label-fg-color)}.relationshipLine{stroke:var(--md-mermaid-edge-color)}defs #ONE_OR_MORE_END *,defs #ONE_OR_MORE_START *,defs #ONLY_ONE_END *,defs #ONLY_ONE_START *,defs #ZERO_OR_MORE_END *,defs #ZERO_OR_MORE_START *,defs #ZERO_OR_ONE_END *,defs #ZERO_OR_ONE_START *{stroke:var(--md-mermaid-edge-color)!important}defs #ZERO_OR_MORE_END circle,defs #ZERO_OR_MORE_START circle{fill:var(--md-mermaid-label-bg-color)}.actor{fill:var(--md-mermaid-sequence-actor-bg-color);stroke:var(--md-mermaid-sequence-actor-border-color)}text.actor>tspan{fill:var(--md-mermaid-sequence-actor-fg-color);font-family:var(--md-mermaid-font-family)}line{stroke:var(--md-mermaid-sequence-actor-line-color)}.actor-man circle,.actor-man line{fill:var(--md-mermaid-sequence-actorman-bg-color);stroke:var(--md-mermaid-sequence-actorman-line-color)}.messageLine0,.messageLine1{stroke:var(--md-mermaid-sequence-message-line-color)}.note{fill:var(--md-mermaid-sequence-note-bg-color);stroke:var(--md-mermaid-sequence-note-border-color)}.loopText,.loopText>tspan,.messageText,.noteText>tspan{stroke:none;font-family:var(--md-mermaid-font-family)!important}.messageText{fill:var(--md-mermaid-sequence-message-fg-color)}.loopText,.loopText>tspan{fill:var(--md-mermaid-sequence-loop-fg-color)}.noteText>tspan{fill:var(--md-mermaid-sequence-note-fg-color)}#arrowhead path{fill:var(--md-mermaid-sequence-message-line-color);stroke:none}.loopLine{fill:var(--md-mermaid-sequence-loop-bg-color);stroke:var(--md-mermaid-sequence-loop-border-color)}.labelBox{fill:var(--md-mermaid-sequence-label-bg-color);stroke:none}.labelText,.labelText>span{fill:var(--md-mermaid-sequence-label-fg-color);font-family:var(--md-mermaid-font-family)}.sequenceNumber{fill:var(--md-mermaid-sequence-number-fg-color)}rect.rect{fill:var(--md-mermaid-sequence-box-bg-color);stroke:none}rect.rect+text.text{fill:var(--md-mermaid-sequence-box-fg-color)}defs #sequencenumber{fill:var(--md-mermaid-sequence-number-bg-color)!important}";var zr,wa=0;function Sa(){return typeof mermaid=="undefined"||mermaid instanceof Element?ht("https://unpkg.com/mermaid@9.4.3/dist/mermaid.min.js"):j(void 0)}function On(e){return e.classList.remove("mermaid"),zr||(zr=Sa().pipe(w(()=>mermaid.initialize({startOnLoad:!1,themeCSS:Tn,sequence:{actorFontSize:"16px",messageFontSize:"16px",noteFontSize:"16px"}})),m(()=>{}),J(1))),zr.subscribe(()=>{e.classList.add("mermaid");let t=`__mermaid_${wa++}`,r=T("div",{class:"mermaid"}),o=e.textContent;mermaid.mermaidAPI.render(t,o,(n,i)=>{let s=r.attachShadow({mode:"closed"});s.innerHTML=n,e.replaceWith(r),i==null||i(s)})}),zr.pipe(m(()=>({ref:e})))}var Mn=T("table");function Ln(e){return e.replaceWith(Mn),Mn.replaceWith(dn(e)),j({ref:e})}function Ta(e){let t=q(":scope > input",e),r=t.find(o=>o.checked)||t[0];return _(...t.map(o=>h(o,"change").pipe(m(()=>W(`label[for="${o.id}"]`))))).pipe(V(W(`label[for="${r.id}"]`)),m(o=>({active:o})))}function _n(e,{viewport$:t}){let r=Nr("prev");e.append(r);let o=Nr("next");e.append(o);let n=W(".tabbed-labels",e);return H(()=>{let i=new x,s=i.pipe(Z(),re(!0));return B([i,ye(e)]).pipe(Ce(1,Oe),Y(s)).subscribe({next([{active:a},c]){let p=Je(a),{width:l}=he(a);e.style.setProperty("--md-indicator-x",`${p.x}px`),e.style.setProperty("--md-indicator-width",`${l}px`);let f=er(n);(p.xf.x+c.width)&&n.scrollTo({left:Math.max(0,p.x-16),behavior:"smooth"})},complete(){e.style.removeProperty("--md-indicator-x"),e.style.removeProperty("--md-indicator-width")}}),B([dt(n),ye(n)]).pipe(Y(s)).subscribe(([a,c])=>{let p=bt(n);r.hidden=a.x<16,o.hidden=a.x>p.width-c.width-16}),_(h(r,"click").pipe(m(()=>-1)),h(o,"click").pipe(m(()=>1))).pipe(Y(s)).subscribe(a=>{let{width:c}=he(n);n.scrollBy({left:c*a,behavior:"smooth"})}),te("content.tabs.link")&&i.pipe(je(1),ne(t)).subscribe(([{active:a},{offset:c}])=>{let p=a.innerText.trim();if(a.hasAttribute("data-md-switching"))a.removeAttribute("data-md-switching");else{let l=e.offsetTop-c.y;for(let u of q("[data-tabs]"))for(let d of q(":scope > input",u)){let v=W(`label[for="${d.id}"]`);if(v!==a&&v.innerText.trim()===p){v.setAttribute("data-md-switching",""),d.click();break}}window.scrollTo({top:e.offsetTop-l});let f=__md_get("__tabs")||[];__md_set("__tabs",[...new Set([p,...f])])}}),i.pipe(Y(s)).subscribe(()=>{for(let a of q("audio, video",e))a.pause()}),Ta(e).pipe(w(a=>i.next(a)),A(()=>i.complete()),m(a=>R({ref:e},a)))}).pipe(rt(ae))}function An(e,{viewport$:t,target$:r,print$:o}){return _(...q(".annotate:not(.highlight)",e).map(n=>gn(n,{target$:r,print$:o})),...q("pre:not(.mermaid) > code",e).map(n=>wn(n,{target$:r,print$:o})),...q("pre.mermaid",e).map(n=>On(n)),...q("table:not([class])",e).map(n=>Ln(n)),...q("details",e).map(n=>Sn(n,{target$:r,print$:o})),...q("[data-tabs]",e).map(n=>_n(n,{viewport$:t})))}function Oa(e,{alert$:t}){return t.pipe(E(r=>_(j(!0),j(!1).pipe(ze(2e3))).pipe(m(o=>({message:r,active:o})))))}function Cn(e,t){let r=W(".md-typeset",e);return H(()=>{let o=new x;return o.subscribe(({message:n,active:i})=>{e.classList.toggle("md-dialog--active",i),r.textContent=n}),Oa(e,t).pipe(w(n=>o.next(n)),A(()=>o.complete()),m(n=>R({ref:e},n)))})}function Ma({viewport$:e}){if(!te("header.autohide"))return j(!1);let t=e.pipe(m(({offset:{y:n}})=>n),Le(2,1),m(([n,i])=>[nMath.abs(i-n.y)>100),m(([,[n]])=>n),X()),o=We("search");return B([e,o]).pipe(m(([{offset:n},i])=>n.y>400&&!i),X(),E(n=>n?r:j(!1)),V(!1))}function kn(e,t){return H(()=>B([ye(e),Ma(t)])).pipe(m(([{height:r},o])=>({height:r,hidden:o})),X((r,o)=>r.height===o.height&&r.hidden===o.hidden),J(1))}function Hn(e,{header$:t,main$:r}){return H(()=>{let o=new x,n=o.pipe(Z(),re(!0));return o.pipe(ee("active"),Ge(t)).subscribe(([{active:i},{hidden:s}])=>{e.classList.toggle("md-header--shadow",i&&!s),e.hidden=s}),r.subscribe(o),t.pipe(Y(n),m(i=>R({ref:e},i)))})}function La(e,{viewport$:t,header$:r}){return ar(e,{viewport$:t,header$:r}).pipe(m(({offset:{y:o}})=>{let{height:n}=he(e);return{active:o>=n}}),ee("active"))}function $n(e,t){return H(()=>{let r=new x;r.subscribe({next({active:n}){e.classList.toggle("md-header__title--active",n)},complete(){e.classList.remove("md-header__title--active")}});let o=ce(".md-content h1");return typeof o=="undefined"?L:La(o,t).pipe(w(n=>r.next(n)),A(()=>r.complete()),m(n=>R({ref:e},n)))})}function Rn(e,{viewport$:t,header$:r}){let o=r.pipe(m(({height:i})=>i),X()),n=o.pipe(E(()=>ye(e).pipe(m(({height:i})=>({top:e.offsetTop,bottom:e.offsetTop+i})),ee("bottom"))));return B([o,n,t]).pipe(m(([i,{top:s,bottom:a},{offset:{y:c},size:{height:p}}])=>(p=Math.max(0,p-Math.max(0,s-c,i)-Math.max(0,p+c-a)),{offset:s-i,height:p,active:s-i<=c})),X((i,s)=>i.offset===s.offset&&i.height===s.height&&i.active===s.active))}function _a(e){let t=__md_get("__palette")||{index:e.findIndex(r=>matchMedia(r.getAttribute("data-md-color-media")).matches)};return j(...e).pipe(se(r=>h(r,"change").pipe(m(()=>r))),V(e[Math.max(0,t.index)]),m(r=>({index:e.indexOf(r),color:{scheme:r.getAttribute("data-md-color-scheme"),primary:r.getAttribute("data-md-color-primary"),accent:r.getAttribute("data-md-color-accent")}})),J(1))}function Pn(e){let t=T("meta",{name:"theme-color"});document.head.appendChild(t);let r=T("meta",{name:"color-scheme"});return document.head.appendChild(r),H(()=>{let o=new x;o.subscribe(i=>{document.body.setAttribute("data-md-color-switching","");for(let[s,a]of Object.entries(i.color))document.body.setAttribute(`data-md-color-${s}`,a);for(let s=0;s{let i=Ee("header"),s=window.getComputedStyle(i);return r.content=s.colorScheme,s.backgroundColor.match(/\d+/g).map(a=>(+a).toString(16).padStart(2,"0")).join("")})).subscribe(i=>t.content=`#${i}`),o.pipe(Se(ae)).subscribe(()=>{document.body.removeAttribute("data-md-color-switching")});let n=q("input",e);return _a(n).pipe(w(i=>o.next(i)),A(()=>o.complete()),m(i=>R({ref:e},i)))})}function In(e,{progress$:t}){return H(()=>{let r=new x;return r.subscribe(({value:o})=>{e.style.setProperty("--md-progress-value",`${o}`)}),t.pipe(w(o=>r.next({value:o})),A(()=>r.complete()),m(o=>({ref:e,value:o})))})}var qr=Ht(Vr());function Aa(e){e.setAttribute("data-md-copying","");let t=e.closest("[data-copy]"),r=t?t.getAttribute("data-copy"):e.innerText;return e.removeAttribute("data-md-copying"),r}function Fn({alert$:e}){qr.default.isSupported()&&new P(t=>{new qr.default("[data-clipboard-target], [data-clipboard-text]",{text:r=>r.getAttribute("data-clipboard-text")||Aa(W(r.getAttribute("data-clipboard-target")))}).on("success",r=>t.next(r))}).pipe(w(t=>{t.trigger.focus()}),m(()=>be("clipboard.copied"))).subscribe(e)}function Ca(e){if(e.length<2)return[""];let[t,r]=[...e].sort((n,i)=>n.length-i.length).map(n=>n.replace(/[^/]+$/,"")),o=0;if(t===r)o=t.length;else for(;t.charCodeAt(o)===r.charCodeAt(o);)o++;return e.map(n=>n.replace(t.slice(0,o),""))}function cr(e){let t=__md_get("__sitemap",sessionStorage,e);if(t)return j(t);{let r=me();return Zo(new URL("sitemap.xml",e||r.base)).pipe(m(o=>Ca(q("loc",o).map(n=>n.textContent))),de(()=>L),He([]),w(o=>__md_set("__sitemap",o,sessionStorage,e)))}}function jn(e){let t=W("[rel=canonical]",e);t.href=t.href.replace("//localhost:","//127.0.0.1");let r=new Map;for(let o of q(":scope > *",e)){let n=o.outerHTML;for(let i of["href","src"]){let s=o.getAttribute(i);if(s===null)continue;let a=new URL(s,t.href),c=o.cloneNode();c.setAttribute(i,`${a}`),n=c.outerHTML;break}r.set(n,o)}return r}function Wn({location$:e,viewport$:t,progress$:r}){let o=me();if(location.protocol==="file:")return L;let n=cr().pipe(m(l=>l.map(f=>`${new URL(f,o.base)}`))),i=h(document.body,"click").pipe(ne(n),E(([l,f])=>{if(!(l.target instanceof Element))return L;let u=l.target.closest("a");if(u===null)return L;if(u.target||l.metaKey||l.ctrlKey)return L;let d=new URL(u.href);return d.search=d.hash="",f.includes(`${d}`)?(l.preventDefault(),j(new URL(u.href))):L}),le());i.pipe(xe(1)).subscribe(()=>{let l=ce("link[rel=icon]");typeof l!="undefined"&&(l.href=l.href)}),h(window,"beforeunload").subscribe(()=>{history.scrollRestoration="auto"}),i.pipe(ne(t)).subscribe(([l,{offset:f}])=>{history.scrollRestoration="manual",history.replaceState(f,""),history.pushState(null,"",l)}),i.subscribe(e);let s=e.pipe(V(pe()),ee("pathname"),je(1),E(l=>ir(l,{progress$:r}).pipe(de(()=>(ot(l,!0),L))))),a=new DOMParser,c=s.pipe(E(l=>l.text()),E(l=>{let f=a.parseFromString(l,"text/html");for(let b of["[data-md-component=announce]","[data-md-component=container]","[data-md-component=header-topic]","[data-md-component=outdated]","[data-md-component=logo]","[data-md-component=skip]",...te("navigation.tabs.sticky")?["[data-md-component=tabs]"]:[]]){let z=ce(b),K=ce(b,f);typeof z!="undefined"&&typeof K!="undefined"&&z.replaceWith(K)}let u=jn(document.head),d=jn(f.head);for(let[b,z]of d)z.getAttribute("rel")==="stylesheet"||z.hasAttribute("src")||(u.has(b)?u.delete(b):document.head.appendChild(z));for(let b of u.values())b.getAttribute("rel")==="stylesheet"||b.hasAttribute("src")||b.remove();let v=Ee("container");return Fe(q("script",v)).pipe(E(b=>{let z=f.createElement("script");if(b.src){for(let K of b.getAttributeNames())z.setAttribute(K,b.getAttribute(K));return b.replaceWith(z),new P(K=>{z.onload=()=>K.complete()})}else return z.textContent=b.textContent,b.replaceWith(z),L}),Z(),re(f))}),le());return h(window,"popstate").pipe(m(pe)).subscribe(e),e.pipe(V(pe()),Le(2,1),M(([l,f])=>l.pathname===f.pathname&&l.hash!==f.hash),m(([,l])=>l)).subscribe(l=>{var f,u;history.state!==null||!l.hash?window.scrollTo(0,(u=(f=history.state)==null?void 0:f.y)!=null?u:0):(history.scrollRestoration="auto",nr(l.hash),history.scrollRestoration="manual")}),e.pipe(Cr(i),V(pe()),Le(2,1),M(([l,f])=>l.pathname===f.pathname&&l.hash===f.hash),m(([,l])=>l)).subscribe(l=>{history.scrollRestoration="auto",nr(l.hash),history.scrollRestoration="manual",history.back()}),c.pipe(ne(e)).subscribe(([,l])=>{var f,u;history.state!==null||!l.hash?window.scrollTo(0,(u=(f=history.state)==null?void 0:f.y)!=null?u:0):nr(l.hash)}),t.pipe(ee("offset"),ke(100)).subscribe(({offset:l})=>{history.replaceState(l,"")}),c}var Dn=Ht(Nn());function Vn(e){let t=e.separator.split("|").map(n=>n.replace(/(\(\?[!=<][^)]+\))/g,"").length===0?"\uFFFD":n).join("|"),r=new RegExp(t,"img"),o=(n,i,s)=>`${i}${s}`;return n=>{n=n.replace(/[\s*+\-:~^]+/g," ").trim();let i=new RegExp(`(^|${e.separator}|)(${n.replace(/[|\\{}()[\]^$+*?.-]/g,"\\$&").replace(r,"|")})`,"img");return s=>(0,Dn.default)(s).replace(i,o).replace(/<\/mark>(\s+)]*>/img,"$1")}}function Mt(e){return e.type===1}function pr(e){return e.type===3}function zn(e,t){let r=an(e);return _(j(location.protocol!=="file:"),We("search")).pipe($e(o=>o),E(()=>t)).subscribe(({config:o,docs:n})=>r.next({type:0,data:{config:o,docs:n,options:{suggest:te("search.suggest")}}})),r}function qn({document$:e}){let t=me(),r=Ue(new URL("../versions.json",t.base)).pipe(de(()=>L)),o=r.pipe(m(n=>{let[,i]=t.base.match(/([^/]+)\/?$/);return n.find(({version:s,aliases:a})=>s===i||a.includes(i))||n[0]}));r.pipe(m(n=>new Map(n.map(i=>[`${new URL(`../${i.version}/`,t.base)}`,i]))),E(n=>h(document.body,"click").pipe(M(i=>!i.metaKey&&!i.ctrlKey),ne(o),E(([i,s])=>{if(i.target instanceof Element){let a=i.target.closest("a");if(a&&!a.target&&n.has(a.href)){let c=a.href;return!i.target.closest(".md-version")&&n.get(c)===s?L:(i.preventDefault(),j(c))}}return L}),E(i=>{let{version:s}=n.get(i);return cr(new URL(i)).pipe(m(a=>{let p=pe().href.replace(t.base,"");return a.includes(p.split("#")[0])?new URL(`../${s}/${p}`,t.base):new URL(i)}))})))).subscribe(n=>ot(n,!0)),B([r,o]).subscribe(([n,i])=>{W(".md-header__topic").appendChild(hn(n,i))}),e.pipe(E(()=>o)).subscribe(n=>{var s;let i=__md_get("__outdated",sessionStorage);if(i===null){i=!0;let a=((s=t.version)==null?void 0:s.default)||"latest";Array.isArray(a)||(a=[a]);e:for(let c of a)for(let p of n.aliases)if(new RegExp(c,"i").test(p)){i=!1;break e}__md_set("__outdated",i,sessionStorage)}if(i)for(let a of oe("outdated"))a.hidden=!1})}function Pa(e,{worker$:t}){let{searchParams:r}=pe();r.has("q")&&(Ke("search",!0),e.value=r.get("q"),e.focus(),We("search").pipe($e(i=>!i)).subscribe(()=>{let i=pe();i.searchParams.delete("q"),history.replaceState({},"",`${i}`)}));let o=Zt(e),n=_(t.pipe($e(Mt)),h(e,"keyup"),o).pipe(m(()=>e.value),X());return B([n,o]).pipe(m(([i,s])=>({value:i,focus:s})),J(1))}function Kn(e,{worker$:t}){let r=new x,o=r.pipe(Z(),re(!0));B([t.pipe($e(Mt)),r],(i,s)=>s).pipe(ee("value")).subscribe(({value:i})=>t.next({type:2,data:i})),r.pipe(ee("focus")).subscribe(({focus:i})=>{i&&Ke("search",i)}),h(e.form,"reset").pipe(Y(o)).subscribe(()=>e.focus());let n=W("header [for=__search]");return h(n,"click").subscribe(()=>e.focus()),Pa(e,{worker$:t}).pipe(w(i=>r.next(i)),A(()=>r.complete()),m(i=>R({ref:e},i)),J(1))}function Qn(e,{worker$:t,query$:r}){let o=new x,n=Ko(e.parentElement).pipe(M(Boolean)),i=e.parentElement,s=W(":scope > :first-child",e),a=W(":scope > :last-child",e);We("search").subscribe(l=>a.setAttribute("role",l?"list":"presentation")),o.pipe(ne(r),$r(t.pipe($e(Mt)))).subscribe(([{items:l},{value:f}])=>{switch(l.length){case 0:s.textContent=f.length?be("search.result.none"):be("search.result.placeholder");break;case 1:s.textContent=be("search.result.one");break;default:let u=tr(l.length);s.textContent=be("search.result.other",u)}});let c=o.pipe(w(()=>a.innerHTML=""),E(({items:l})=>_(j(...l.slice(0,10)),j(...l.slice(10)).pipe(Le(4),Ir(n),E(([f])=>f)))),m(fn),le());return c.subscribe(l=>a.appendChild(l)),c.pipe(se(l=>{let f=ce("details",l);return typeof f=="undefined"?L:h(f,"toggle").pipe(Y(o),m(()=>f))})).subscribe(l=>{l.open===!1&&l.offsetTop<=i.scrollTop&&i.scrollTo({top:l.offsetTop})}),t.pipe(M(pr),m(({data:l})=>l)).pipe(w(l=>o.next(l)),A(()=>o.complete()),m(l=>R({ref:e},l)))}function Ia(e,{query$:t}){return t.pipe(m(({value:r})=>{let o=pe();return o.hash="",r=r.replace(/\s+/g,"+").replace(/&/g,"%26").replace(/=/g,"%3D"),o.search=`q=${r}`,{url:o}}))}function Yn(e,t){let r=new x,o=r.pipe(Z(),re(!0));return r.subscribe(({url:n})=>{e.setAttribute("data-clipboard-text",e.href),e.href=`${n}`}),h(e,"click").pipe(Y(o)).subscribe(n=>n.preventDefault()),Ia(e,t).pipe(w(n=>r.next(n)),A(()=>r.complete()),m(n=>R({ref:e},n)))}function Bn(e,{worker$:t,keyboard$:r}){let o=new x,n=Ee("search-query"),i=_(h(n,"keydown"),h(n,"focus")).pipe(Se(ae),m(()=>n.value),X());return o.pipe(Ge(i),m(([{suggest:a},c])=>{let p=c.split(/([\s-]+)/);if(a!=null&&a.length&&p[p.length-1]){let l=a[a.length-1];l.startsWith(p[p.length-1])&&(p[p.length-1]=l)}else p.length=0;return p})).subscribe(a=>e.innerHTML=a.join("").replace(/\s/g," ")),r.pipe(M(({mode:a})=>a==="search")).subscribe(a=>{switch(a.type){case"ArrowRight":e.innerText.length&&n.selectionStart===n.value.length&&(n.value=e.innerText);break}}),t.pipe(M(pr),m(({data:a})=>a)).pipe(w(a=>o.next(a)),A(()=>o.complete()),m(()=>({ref:e})))}function Gn(e,{index$:t,keyboard$:r}){let o=me();try{let n=zn(o.search,t),i=Ee("search-query",e),s=Ee("search-result",e);h(e,"click").pipe(M(({target:c})=>c instanceof Element&&!!c.closest("a"))).subscribe(()=>Ke("search",!1)),r.pipe(M(({mode:c})=>c==="search")).subscribe(c=>{let p=Re();switch(c.type){case"Enter":if(p===i){let l=new Map;for(let f of q(":first-child [href]",s)){let u=f.firstElementChild;l.set(f,parseFloat(u.getAttribute("data-md-score")))}if(l.size){let[[f]]=[...l].sort(([,u],[,d])=>d-u);f.click()}c.claim()}break;case"Escape":case"Tab":Ke("search",!1),i.blur();break;case"ArrowUp":case"ArrowDown":if(typeof p=="undefined")i.focus();else{let l=[i,...q(":not(details) > [href], summary, details[open] [href]",s)],f=Math.max(0,(Math.max(0,l.indexOf(p))+l.length+(c.type==="ArrowUp"?-1:1))%l.length);l[f].focus()}c.claim();break;default:i!==Re()&&i.focus()}}),r.pipe(M(({mode:c})=>c==="global")).subscribe(c=>{switch(c.type){case"f":case"s":case"/":i.focus(),i.select(),c.claim();break}});let a=Kn(i,{worker$:n});return _(a,Qn(s,{worker$:n,query$:a})).pipe(qe(...oe("search-share",e).map(c=>Yn(c,{query$:a})),...oe("search-suggest",e).map(c=>Bn(c,{worker$:n,keyboard$:r}))))}catch(n){return e.hidden=!0,Ve}}function Jn(e,{index$:t,location$:r}){return B([t,r.pipe(V(pe()),M(o=>!!o.searchParams.get("h")))]).pipe(m(([o,n])=>Vn(o.config)(n.searchParams.get("h"))),m(o=>{var s;let n=new Map,i=document.createNodeIterator(e,NodeFilter.SHOW_TEXT);for(let a=i.nextNode();a;a=i.nextNode())if((s=a.parentElement)!=null&&s.offsetHeight){let c=a.textContent,p=o(c);p.length>c.length&&n.set(a,p)}for(let[a,c]of n){let{childNodes:p}=T("span",null,c);a.replaceWith(...Array.from(p))}return{ref:e,nodes:n}}))}function Fa(e,{viewport$:t,main$:r}){let o=e.closest(".md-grid"),n=o.offsetTop-o.parentElement.offsetTop;return B([r,t]).pipe(m(([{offset:i,height:s},{offset:{y:a}}])=>(s=s+Math.min(n,Math.max(0,a-i))-n,{height:s,locked:a>=i+n})),X((i,s)=>i.height===s.height&&i.locked===s.locked))}function Kr(e,o){var n=o,{header$:t}=n,r=eo(n,["header$"]);let i=W(".md-sidebar__scrollwrap",e),{y:s}=Je(i);return H(()=>{let a=new x,c=a.pipe(Z(),re(!0)),p=a.pipe(Ce(0,Oe));return p.pipe(ne(t)).subscribe({next([{height:l},{height:f}]){i.style.height=`${l-2*s}px`,e.style.top=`${f}px`},complete(){i.style.height="",e.style.top=""}}),p.pipe($e()).subscribe(()=>{for(let l of q(".md-nav__link--active[href]",e)){if(!l.clientHeight)continue;let f=l.closest(".md-sidebar__scrollwrap");if(typeof f!="undefined"){let u=l.offsetTop-f.offsetTop,{height:d}=he(f);f.scrollTo({top:u-d/2})}}}),ge(q("label[tabindex]",e)).pipe(se(l=>h(l,"click").pipe(Se(ae),m(()=>l),Y(c)))).subscribe(l=>{let f=W(`[id="${l.htmlFor}"]`);W(`[aria-labelledby="${l.id}"]`).setAttribute("aria-expanded",`${f.checked}`)}),Fa(e,r).pipe(w(l=>a.next(l)),A(()=>a.complete()),m(l=>R({ref:e},l)))})}function Xn(e,t){if(typeof t!="undefined"){let r=`https://api.github.com/repos/${e}/${t}`;return St(Ue(`${r}/releases/latest`).pipe(de(()=>L),m(o=>({version:o.tag_name})),He({})),Ue(r).pipe(de(()=>L),m(o=>({stars:o.stargazers_count,forks:o.forks_count})),He({}))).pipe(m(([o,n])=>R(R({},o),n)))}else{let r=`https://api.github.com/users/${e}`;return Ue(r).pipe(m(o=>({repositories:o.public_repos})),He({}))}}function Zn(e,t){let r=`https://${e}/api/v4/projects/${encodeURIComponent(t)}`;return Ue(r).pipe(de(()=>L),m(({star_count:o,forks_count:n})=>({stars:o,forks:n})),He({}))}function ei(e){let t=e.match(/^.+github\.com\/([^/]+)\/?([^/]+)?/i);if(t){let[,r,o]=t;return Xn(r,o)}if(t=e.match(/^.+?([^/]*gitlab[^/]+)\/(.+?)\/?$/i),t){let[,r,o]=t;return Zn(r,o)}return L}var ja;function Wa(e){return ja||(ja=H(()=>{let t=__md_get("__source",sessionStorage);if(t)return j(t);if(oe("consent").length){let o=__md_get("__consent");if(!(o&&o.github))return L}return ei(e.href).pipe(w(o=>__md_set("__source",o,sessionStorage)))}).pipe(de(()=>L),M(t=>Object.keys(t).length>0),m(t=>({facts:t})),J(1)))}function ti(e){let t=W(":scope > :last-child",e);return H(()=>{let r=new x;return r.subscribe(({facts:o})=>{t.appendChild(un(o)),t.classList.add("md-source__repository--active")}),Wa(e).pipe(w(o=>r.next(o)),A(()=>r.complete()),m(o=>R({ref:e},o)))})}function Ua(e,{viewport$:t,header$:r}){return ye(document.body).pipe(E(()=>ar(e,{header$:r,viewport$:t})),m(({offset:{y:o}})=>({hidden:o>=10})),ee("hidden"))}function ri(e,t){return H(()=>{let r=new x;return r.subscribe({next({hidden:o}){e.hidden=o},complete(){e.hidden=!1}}),(te("navigation.tabs.sticky")?j({hidden:!1}):Ua(e,t)).pipe(w(o=>r.next(o)),A(()=>r.complete()),m(o=>R({ref:e},o)))})}function Na(e,{viewport$:t,header$:r}){let o=new Map,n=q("[href^=\\#]",e);for(let a of n){let c=decodeURIComponent(a.hash.substring(1)),p=ce(`[id="${c}"]`);typeof p!="undefined"&&o.set(a,p)}let i=r.pipe(ee("height"),m(({height:a})=>{let c=Ee("main"),p=W(":scope > :first-child",c);return a+.8*(p.offsetTop-c.offsetTop)}),le());return ye(document.body).pipe(ee("height"),E(a=>H(()=>{let c=[];return j([...o].reduce((p,[l,f])=>{for(;c.length&&o.get(c[c.length-1]).tagName>=f.tagName;)c.pop();let u=f.offsetTop;for(;!u&&f.parentElement;)f=f.parentElement,u=f.offsetTop;let d=f.offsetParent;for(;d;d=d.offsetParent)u+=d.offsetTop;return p.set([...c=[...c,l]].reverse(),u)},new Map))}).pipe(m(c=>new Map([...c].sort(([,p],[,l])=>p-l))),Ge(i),E(([c,p])=>t.pipe(kr(([l,f],{offset:{y:u},size:d})=>{let v=u+d.height>=Math.floor(a.height);for(;f.length;){let[,b]=f[0];if(b-p=u&&!v)f=[l.pop(),...f];else break}return[l,f]},[[],[...c]]),X((l,f)=>l[0]===f[0]&&l[1]===f[1])))))).pipe(m(([a,c])=>({prev:a.map(([p])=>p),next:c.map(([p])=>p)})),V({prev:[],next:[]}),Le(2,1),m(([a,c])=>a.prev.length{let i=new x,s=i.pipe(Z(),re(!0));if(i.subscribe(({prev:a,next:c})=>{for(let[p]of c)p.classList.remove("md-nav__link--passed"),p.classList.remove("md-nav__link--active");for(let[p,[l]]of a.entries())l.classList.add("md-nav__link--passed"),l.classList.toggle("md-nav__link--active",p===a.length-1)}),te("toc.follow")){let a=_(t.pipe(ke(1),m(()=>{})),t.pipe(ke(250),m(()=>"smooth")));i.pipe(M(({prev:c})=>c.length>0),Ge(o.pipe(Se(ae))),ne(a)).subscribe(([[{prev:c}],p])=>{let[l]=c[c.length-1];if(l.offsetHeight){let f=zo(l);if(typeof f!="undefined"){let u=l.offsetTop-f.offsetTop,{height:d}=he(f);f.scrollTo({top:u-d/2,behavior:p})}}})}return te("navigation.tracking")&&t.pipe(Y(s),ee("offset"),ke(250),je(1),Y(n.pipe(je(1))),Tt({delay:250}),ne(i)).subscribe(([,{prev:a}])=>{let c=pe(),p=a[a.length-1];if(p&&p.length){let[l]=p,{hash:f}=new URL(l.href);c.hash!==f&&(c.hash=f,history.replaceState({},"",`${c}`))}else c.hash="",history.replaceState({},"",`${c}`)}),Na(e,{viewport$:t,header$:r}).pipe(w(a=>i.next(a)),A(()=>i.complete()),m(a=>R({ref:e},a)))})}function Da(e,{viewport$:t,main$:r,target$:o}){let n=t.pipe(m(({offset:{y:s}})=>s),Le(2,1),m(([s,a])=>s>a&&a>0),X()),i=r.pipe(m(({active:s})=>s));return B([i,n]).pipe(m(([s,a])=>!(s&&a)),X(),Y(o.pipe(je(1))),re(!0),Tt({delay:250}),m(s=>({hidden:s})))}function ni(e,{viewport$:t,header$:r,main$:o,target$:n}){let i=new x,s=i.pipe(Z(),re(!0));return i.subscribe({next({hidden:a}){e.hidden=a,a?(e.setAttribute("tabindex","-1"),e.blur()):e.removeAttribute("tabindex")},complete(){e.style.top="",e.hidden=!0,e.removeAttribute("tabindex")}}),r.pipe(Y(s),ee("height")).subscribe(({height:a})=>{e.style.top=`${a+16}px`}),h(e,"click").subscribe(a=>{a.preventDefault(),window.scrollTo({top:0})}),Da(e,{viewport$:t,main$:o,target$:n}).pipe(w(a=>i.next(a)),A(()=>i.complete()),m(a=>R({ref:e},a)))}function ii({document$:e,tablet$:t}){e.pipe(E(()=>q(".md-toggle--indeterminate")),w(r=>{r.indeterminate=!0,r.checked=!1}),se(r=>h(r,"change").pipe(Rr(()=>r.classList.contains("md-toggle--indeterminate")),m(()=>r))),ne(t)).subscribe(([r,o])=>{r.classList.remove("md-toggle--indeterminate"),o&&(r.checked=!1)})}function Va(){return/(iPad|iPhone|iPod)/.test(navigator.userAgent)}function ai({document$:e}){e.pipe(E(()=>q("[data-md-scrollfix]")),w(t=>t.removeAttribute("data-md-scrollfix")),M(Va),se(t=>h(t,"touchstart").pipe(m(()=>t)))).subscribe(t=>{let r=t.scrollTop;r===0?t.scrollTop=1:r+t.offsetHeight===t.scrollHeight&&(t.scrollTop=r-1)})}function si({viewport$:e,tablet$:t}){B([We("search"),t]).pipe(m(([r,o])=>r&&!o),E(r=>j(r).pipe(ze(r?400:100))),ne(e)).subscribe(([r,{offset:{y:o}}])=>{if(r)document.body.setAttribute("data-md-scrolllock",""),document.body.style.top=`-${o}px`;else{let n=-1*parseInt(document.body.style.top,10);document.body.removeAttribute("data-md-scrolllock"),document.body.style.top="",n&&window.scrollTo(0,n)}})}Object.entries||(Object.entries=function(e){let t=[];for(let r of Object.keys(e))t.push([r,e[r]]);return t});Object.values||(Object.values=function(e){let t=[];for(let r of Object.keys(e))t.push(e[r]);return t});typeof Element!="undefined"&&(Element.prototype.scrollTo||(Element.prototype.scrollTo=function(e,t){typeof e=="object"?(this.scrollLeft=e.left,this.scrollTop=e.top):(this.scrollLeft=e,this.scrollTop=t)}),Element.prototype.replaceWith||(Element.prototype.replaceWith=function(...e){let t=this.parentNode;if(t){e.length===0&&t.removeChild(this);for(let r=e.length-1;r>=0;r--){let o=e[r];typeof o=="string"?o=document.createTextNode(o):o.parentNode&&o.parentNode.removeChild(o),r?t.insertBefore(this.previousSibling,o):t.replaceChild(o,this)}}}));function za(){return location.protocol==="file:"?ht(`${new URL("search/search_index.js",Qr.base)}`).pipe(m(()=>__index),J(1)):Ue(new URL("search/search_index.json",Qr.base))}document.documentElement.classList.remove("no-js");document.documentElement.classList.add("js");var nt=Uo(),_t=Bo(),gt=Jo(_t),Yr=Yo(),Te=nn(),lr=Fr("(min-width: 960px)"),pi=Fr("(min-width: 1220px)"),li=Xo(),Qr=me(),mi=document.forms.namedItem("search")?za():Ve,Br=new x;Fn({alert$:Br});var Gr=new x;te("navigation.instant")&&Wn({location$:_t,viewport$:Te,progress$:Gr}).subscribe(nt);var ci;((ci=Qr.version)==null?void 0:ci.provider)==="mike"&&qn({document$:nt});_(_t,gt).pipe(ze(125)).subscribe(()=>{Ke("drawer",!1),Ke("search",!1)});Yr.pipe(M(({mode:e})=>e==="global")).subscribe(e=>{switch(e.type){case"p":case",":let t=ce("link[rel=prev]");typeof t!="undefined"&&ot(t);break;case"n":case".":let r=ce("link[rel=next]");typeof r!="undefined"&&ot(r);break;case"Enter":let o=Re();o instanceof HTMLLabelElement&&o.click()}});ii({document$:nt,tablet$:lr});ai({document$:nt});si({viewport$:Te,tablet$:lr});var Xe=kn(Ee("header"),{viewport$:Te}),Lt=nt.pipe(m(()=>Ee("main")),E(e=>Rn(e,{viewport$:Te,header$:Xe})),J(1)),qa=_(...oe("consent").map(e=>cn(e,{target$:gt})),...oe("dialog").map(e=>Cn(e,{alert$:Br})),...oe("header").map(e=>Hn(e,{viewport$:Te,header$:Xe,main$:Lt})),...oe("palette").map(e=>Pn(e)),...oe("progress").map(e=>In(e,{progress$:Gr})),...oe("search").map(e=>Gn(e,{index$:mi,keyboard$:Yr})),...oe("source").map(e=>ti(e))),Ka=H(()=>_(...oe("announce").map(e=>sn(e)),...oe("content").map(e=>An(e,{viewport$:Te,target$:gt,print$:li})),...oe("content").map(e=>te("search.highlight")?Jn(e,{index$:mi,location$:_t}):L),...oe("header-title").map(e=>$n(e,{viewport$:Te,header$:Xe})),...oe("sidebar").map(e=>e.getAttribute("data-md-type")==="navigation"?jr(pi,()=>Kr(e,{viewport$:Te,header$:Xe,main$:Lt})):jr(lr,()=>Kr(e,{viewport$:Te,header$:Xe,main$:Lt}))),...oe("tabs").map(e=>ri(e,{viewport$:Te,header$:Xe})),...oe("toc").map(e=>oi(e,{viewport$:Te,header$:Xe,main$:Lt,target$:gt})),...oe("top").map(e=>ni(e,{viewport$:Te,header$:Xe,main$:Lt,target$:gt})))),fi=nt.pipe(E(()=>Ka),qe(qa),J(1));fi.subscribe();window.document$=nt;window.location$=_t;window.target$=gt;window.keyboard$=Yr;window.viewport$=Te;window.tablet$=lr;window.screen$=pi;window.print$=li;window.alert$=Br;window.progress$=Gr;window.component$=fi;})(); +//# sourceMappingURL=bundle.aecac24b.min.js.map + diff --git a/assets/javascripts/bundle.aecac24b.min.js.map b/assets/javascripts/bundle.aecac24b.min.js.map new file mode 100644 index 00000000..b1534de5 --- /dev/null +++ b/assets/javascripts/bundle.aecac24b.min.js.map @@ -0,0 +1,7 @@ +{ + "version": 3, + "sources": ["node_modules/focus-visible/dist/focus-visible.js", "node_modules/clipboard/dist/clipboard.js", "node_modules/escape-html/index.js", "src/templates/assets/javascripts/bundle.ts", "node_modules/rxjs/node_modules/tslib/tslib.es6.js", "node_modules/rxjs/src/internal/util/isFunction.ts", "node_modules/rxjs/src/internal/util/createErrorClass.ts", "node_modules/rxjs/src/internal/util/UnsubscriptionError.ts", "node_modules/rxjs/src/internal/util/arrRemove.ts", "node_modules/rxjs/src/internal/Subscription.ts", "node_modules/rxjs/src/internal/config.ts", "node_modules/rxjs/src/internal/scheduler/timeoutProvider.ts", "node_modules/rxjs/src/internal/util/reportUnhandledError.ts", "node_modules/rxjs/src/internal/util/noop.ts", "node_modules/rxjs/src/internal/NotificationFactories.ts", "node_modules/rxjs/src/internal/util/errorContext.ts", "node_modules/rxjs/src/internal/Subscriber.ts", "node_modules/rxjs/src/internal/symbol/observable.ts", "node_modules/rxjs/src/internal/util/identity.ts", "node_modules/rxjs/src/internal/util/pipe.ts", "node_modules/rxjs/src/internal/Observable.ts", "node_modules/rxjs/src/internal/util/lift.ts", "node_modules/rxjs/src/internal/operators/OperatorSubscriber.ts", "node_modules/rxjs/src/internal/scheduler/animationFrameProvider.ts", "node_modules/rxjs/src/internal/util/ObjectUnsubscribedError.ts", "node_modules/rxjs/src/internal/Subject.ts", "node_modules/rxjs/src/internal/scheduler/dateTimestampProvider.ts", "node_modules/rxjs/src/internal/ReplaySubject.ts", "node_modules/rxjs/src/internal/scheduler/Action.ts", "node_modules/rxjs/src/internal/scheduler/intervalProvider.ts", "node_modules/rxjs/src/internal/scheduler/AsyncAction.ts", "node_modules/rxjs/src/internal/Scheduler.ts", "node_modules/rxjs/src/internal/scheduler/AsyncScheduler.ts", "node_modules/rxjs/src/internal/scheduler/async.ts", "node_modules/rxjs/src/internal/scheduler/AnimationFrameAction.ts", "node_modules/rxjs/src/internal/scheduler/AnimationFrameScheduler.ts", "node_modules/rxjs/src/internal/scheduler/animationFrame.ts", "node_modules/rxjs/src/internal/observable/empty.ts", "node_modules/rxjs/src/internal/util/isScheduler.ts", "node_modules/rxjs/src/internal/util/args.ts", "node_modules/rxjs/src/internal/util/isArrayLike.ts", "node_modules/rxjs/src/internal/util/isPromise.ts", "node_modules/rxjs/src/internal/util/isInteropObservable.ts", "node_modules/rxjs/src/internal/util/isAsyncIterable.ts", "node_modules/rxjs/src/internal/util/throwUnobservableError.ts", "node_modules/rxjs/src/internal/symbol/iterator.ts", "node_modules/rxjs/src/internal/util/isIterable.ts", "node_modules/rxjs/src/internal/util/isReadableStreamLike.ts", "node_modules/rxjs/src/internal/observable/innerFrom.ts", "node_modules/rxjs/src/internal/util/executeSchedule.ts", "node_modules/rxjs/src/internal/operators/observeOn.ts", "node_modules/rxjs/src/internal/operators/subscribeOn.ts", "node_modules/rxjs/src/internal/scheduled/scheduleObservable.ts", "node_modules/rxjs/src/internal/scheduled/schedulePromise.ts", "node_modules/rxjs/src/internal/scheduled/scheduleArray.ts", "node_modules/rxjs/src/internal/scheduled/scheduleIterable.ts", "node_modules/rxjs/src/internal/scheduled/scheduleAsyncIterable.ts", "node_modules/rxjs/src/internal/scheduled/scheduleReadableStreamLike.ts", "node_modules/rxjs/src/internal/scheduled/scheduled.ts", "node_modules/rxjs/src/internal/observable/from.ts", "node_modules/rxjs/src/internal/observable/of.ts", "node_modules/rxjs/src/internal/observable/throwError.ts", "node_modules/rxjs/src/internal/util/EmptyError.ts", "node_modules/rxjs/src/internal/util/isDate.ts", "node_modules/rxjs/src/internal/operators/map.ts", "node_modules/rxjs/src/internal/util/mapOneOrManyArgs.ts", "node_modules/rxjs/src/internal/util/argsArgArrayOrObject.ts", "node_modules/rxjs/src/internal/util/createObject.ts", "node_modules/rxjs/src/internal/observable/combineLatest.ts", "node_modules/rxjs/src/internal/operators/mergeInternals.ts", "node_modules/rxjs/src/internal/operators/mergeMap.ts", "node_modules/rxjs/src/internal/operators/mergeAll.ts", "node_modules/rxjs/src/internal/operators/concatAll.ts", "node_modules/rxjs/src/internal/observable/concat.ts", "node_modules/rxjs/src/internal/observable/defer.ts", "node_modules/rxjs/src/internal/observable/fromEvent.ts", "node_modules/rxjs/src/internal/observable/fromEventPattern.ts", "node_modules/rxjs/src/internal/observable/timer.ts", "node_modules/rxjs/src/internal/observable/merge.ts", "node_modules/rxjs/src/internal/observable/never.ts", "node_modules/rxjs/src/internal/util/argsOrArgArray.ts", "node_modules/rxjs/src/internal/operators/filter.ts", "node_modules/rxjs/src/internal/observable/zip.ts", "node_modules/rxjs/src/internal/operators/audit.ts", "node_modules/rxjs/src/internal/operators/auditTime.ts", "node_modules/rxjs/src/internal/operators/bufferCount.ts", "node_modules/rxjs/src/internal/operators/catchError.ts", "node_modules/rxjs/src/internal/operators/scanInternals.ts", "node_modules/rxjs/src/internal/operators/combineLatest.ts", "node_modules/rxjs/src/internal/operators/combineLatestWith.ts", "node_modules/rxjs/src/internal/operators/debounceTime.ts", "node_modules/rxjs/src/internal/operators/defaultIfEmpty.ts", "node_modules/rxjs/src/internal/operators/take.ts", "node_modules/rxjs/src/internal/operators/ignoreElements.ts", "node_modules/rxjs/src/internal/operators/mapTo.ts", "node_modules/rxjs/src/internal/operators/delayWhen.ts", "node_modules/rxjs/src/internal/operators/delay.ts", "node_modules/rxjs/src/internal/operators/distinctUntilChanged.ts", "node_modules/rxjs/src/internal/operators/distinctUntilKeyChanged.ts", "node_modules/rxjs/src/internal/operators/throwIfEmpty.ts", "node_modules/rxjs/src/internal/operators/endWith.ts", "node_modules/rxjs/src/internal/operators/finalize.ts", "node_modules/rxjs/src/internal/operators/first.ts", "node_modules/rxjs/src/internal/operators/merge.ts", "node_modules/rxjs/src/internal/operators/mergeWith.ts", "node_modules/rxjs/src/internal/operators/repeat.ts", "node_modules/rxjs/src/internal/operators/sample.ts", "node_modules/rxjs/src/internal/operators/scan.ts", "node_modules/rxjs/src/internal/operators/share.ts", "node_modules/rxjs/src/internal/operators/shareReplay.ts", "node_modules/rxjs/src/internal/operators/skip.ts", "node_modules/rxjs/src/internal/operators/skipUntil.ts", "node_modules/rxjs/src/internal/operators/startWith.ts", "node_modules/rxjs/src/internal/operators/switchMap.ts", "node_modules/rxjs/src/internal/operators/takeUntil.ts", "node_modules/rxjs/src/internal/operators/takeWhile.ts", "node_modules/rxjs/src/internal/operators/tap.ts", "node_modules/rxjs/src/internal/operators/throttle.ts", "node_modules/rxjs/src/internal/operators/throttleTime.ts", "node_modules/rxjs/src/internal/operators/withLatestFrom.ts", "node_modules/rxjs/src/internal/operators/zip.ts", "node_modules/rxjs/src/internal/operators/zipWith.ts", "src/templates/assets/javascripts/browser/document/index.ts", "src/templates/assets/javascripts/browser/element/_/index.ts", "src/templates/assets/javascripts/browser/element/focus/index.ts", "src/templates/assets/javascripts/browser/element/offset/_/index.ts", "src/templates/assets/javascripts/browser/element/offset/content/index.ts", "src/templates/assets/javascripts/utilities/h/index.ts", "src/templates/assets/javascripts/utilities/round/index.ts", "src/templates/assets/javascripts/browser/script/index.ts", "src/templates/assets/javascripts/browser/element/size/_/index.ts", "src/templates/assets/javascripts/browser/element/size/content/index.ts", "src/templates/assets/javascripts/browser/element/visibility/index.ts", "src/templates/assets/javascripts/browser/toggle/index.ts", "src/templates/assets/javascripts/browser/keyboard/index.ts", "src/templates/assets/javascripts/browser/location/_/index.ts", "src/templates/assets/javascripts/browser/location/hash/index.ts", "src/templates/assets/javascripts/browser/media/index.ts", "src/templates/assets/javascripts/browser/request/index.ts", "src/templates/assets/javascripts/browser/viewport/offset/index.ts", "src/templates/assets/javascripts/browser/viewport/size/index.ts", "src/templates/assets/javascripts/browser/viewport/_/index.ts", "src/templates/assets/javascripts/browser/viewport/at/index.ts", "src/templates/assets/javascripts/browser/worker/index.ts", "src/templates/assets/javascripts/_/index.ts", "src/templates/assets/javascripts/components/_/index.ts", "src/templates/assets/javascripts/components/announce/index.ts", "src/templates/assets/javascripts/components/consent/index.ts", "src/templates/assets/javascripts/components/content/annotation/_/index.ts", "src/templates/assets/javascripts/templates/tooltip/index.tsx", "src/templates/assets/javascripts/templates/annotation/index.tsx", "src/templates/assets/javascripts/templates/clipboard/index.tsx", "src/templates/assets/javascripts/templates/search/index.tsx", "src/templates/assets/javascripts/templates/source/index.tsx", "src/templates/assets/javascripts/templates/tabbed/index.tsx", "src/templates/assets/javascripts/templates/table/index.tsx", "src/templates/assets/javascripts/templates/version/index.tsx", "src/templates/assets/javascripts/components/content/annotation/list/index.ts", "src/templates/assets/javascripts/components/content/annotation/block/index.ts", "src/templates/assets/javascripts/components/content/code/_/index.ts", "src/templates/assets/javascripts/components/content/details/index.ts", "src/templates/assets/javascripts/components/content/mermaid/index.css", "src/templates/assets/javascripts/components/content/mermaid/index.ts", "src/templates/assets/javascripts/components/content/table/index.ts", "src/templates/assets/javascripts/components/content/tabs/index.ts", "src/templates/assets/javascripts/components/content/_/index.ts", "src/templates/assets/javascripts/components/dialog/index.ts", "src/templates/assets/javascripts/components/header/_/index.ts", "src/templates/assets/javascripts/components/header/title/index.ts", "src/templates/assets/javascripts/components/main/index.ts", "src/templates/assets/javascripts/components/palette/index.ts", "src/templates/assets/javascripts/components/progress/index.ts", "src/templates/assets/javascripts/integrations/clipboard/index.ts", "src/templates/assets/javascripts/integrations/sitemap/index.ts", "src/templates/assets/javascripts/integrations/instant/index.ts", "src/templates/assets/javascripts/integrations/search/highlighter/index.ts", "src/templates/assets/javascripts/integrations/search/worker/message/index.ts", "src/templates/assets/javascripts/integrations/search/worker/_/index.ts", "src/templates/assets/javascripts/integrations/version/index.ts", "src/templates/assets/javascripts/components/search/query/index.ts", "src/templates/assets/javascripts/components/search/result/index.ts", "src/templates/assets/javascripts/components/search/share/index.ts", "src/templates/assets/javascripts/components/search/suggest/index.ts", "src/templates/assets/javascripts/components/search/_/index.ts", "src/templates/assets/javascripts/components/search/highlight/index.ts", "src/templates/assets/javascripts/components/sidebar/index.ts", "src/templates/assets/javascripts/components/source/facts/github/index.ts", "src/templates/assets/javascripts/components/source/facts/gitlab/index.ts", "src/templates/assets/javascripts/components/source/facts/_/index.ts", "src/templates/assets/javascripts/components/source/_/index.ts", "src/templates/assets/javascripts/components/tabs/index.ts", "src/templates/assets/javascripts/components/toc/index.ts", "src/templates/assets/javascripts/components/top/index.ts", "src/templates/assets/javascripts/patches/indeterminate/index.ts", "src/templates/assets/javascripts/patches/scrollfix/index.ts", "src/templates/assets/javascripts/patches/scrolllock/index.ts", "src/templates/assets/javascripts/polyfills/index.ts"], + "sourcesContent": ["(function (global, factory) {\n typeof exports === 'object' && typeof module !== 'undefined' ? factory() :\n typeof define === 'function' && define.amd ? define(factory) :\n (factory());\n}(this, (function () { 'use strict';\n\n /**\n * Applies the :focus-visible polyfill at the given scope.\n * A scope in this case is either the top-level Document or a Shadow Root.\n *\n * @param {(Document|ShadowRoot)} scope\n * @see https://github.com/WICG/focus-visible\n */\n function applyFocusVisiblePolyfill(scope) {\n var hadKeyboardEvent = true;\n var hadFocusVisibleRecently = false;\n var hadFocusVisibleRecentlyTimeout = null;\n\n var inputTypesAllowlist = {\n text: true,\n search: true,\n url: true,\n tel: true,\n email: true,\n password: true,\n number: true,\n date: true,\n month: true,\n week: true,\n time: true,\n datetime: true,\n 'datetime-local': true\n };\n\n /**\n * Helper function for legacy browsers and iframes which sometimes focus\n * elements like document, body, and non-interactive SVG.\n * @param {Element} el\n */\n function isValidFocusTarget(el) {\n if (\n el &&\n el !== document &&\n el.nodeName !== 'HTML' &&\n el.nodeName !== 'BODY' &&\n 'classList' in el &&\n 'contains' in el.classList\n ) {\n return true;\n }\n return false;\n }\n\n /**\n * Computes whether the given element should automatically trigger the\n * `focus-visible` class being added, i.e. whether it should always match\n * `:focus-visible` when focused.\n * @param {Element} el\n * @return {boolean}\n */\n function focusTriggersKeyboardModality(el) {\n var type = el.type;\n var tagName = el.tagName;\n\n if (tagName === 'INPUT' && inputTypesAllowlist[type] && !el.readOnly) {\n return true;\n }\n\n if (tagName === 'TEXTAREA' && !el.readOnly) {\n return true;\n }\n\n if (el.isContentEditable) {\n return true;\n }\n\n return false;\n }\n\n /**\n * Add the `focus-visible` class to the given element if it was not added by\n * the author.\n * @param {Element} el\n */\n function addFocusVisibleClass(el) {\n if (el.classList.contains('focus-visible')) {\n return;\n }\n el.classList.add('focus-visible');\n el.setAttribute('data-focus-visible-added', '');\n }\n\n /**\n * Remove the `focus-visible` class from the given element if it was not\n * originally added by the author.\n * @param {Element} el\n */\n function removeFocusVisibleClass(el) {\n if (!el.hasAttribute('data-focus-visible-added')) {\n return;\n }\n el.classList.remove('focus-visible');\n el.removeAttribute('data-focus-visible-added');\n }\n\n /**\n * If the most recent user interaction was via the keyboard;\n * and the key press did not include a meta, alt/option, or control key;\n * then the modality is keyboard. Otherwise, the modality is not keyboard.\n * Apply `focus-visible` to any current active element and keep track\n * of our keyboard modality state with `hadKeyboardEvent`.\n * @param {KeyboardEvent} e\n */\n function onKeyDown(e) {\n if (e.metaKey || e.altKey || e.ctrlKey) {\n return;\n }\n\n if (isValidFocusTarget(scope.activeElement)) {\n addFocusVisibleClass(scope.activeElement);\n }\n\n hadKeyboardEvent = true;\n }\n\n /**\n * If at any point a user clicks with a pointing device, ensure that we change\n * the modality away from keyboard.\n * This avoids the situation where a user presses a key on an already focused\n * element, and then clicks on a different element, focusing it with a\n * pointing device, while we still think we're in keyboard modality.\n * @param {Event} e\n */\n function onPointerDown(e) {\n hadKeyboardEvent = false;\n }\n\n /**\n * On `focus`, add the `focus-visible` class to the target if:\n * - the target received focus as a result of keyboard navigation, or\n * - the event target is an element that will likely require interaction\n * via the keyboard (e.g. a text box)\n * @param {Event} e\n */\n function onFocus(e) {\n // Prevent IE from focusing the document or HTML element.\n if (!isValidFocusTarget(e.target)) {\n return;\n }\n\n if (hadKeyboardEvent || focusTriggersKeyboardModality(e.target)) {\n addFocusVisibleClass(e.target);\n }\n }\n\n /**\n * On `blur`, remove the `focus-visible` class from the target.\n * @param {Event} e\n */\n function onBlur(e) {\n if (!isValidFocusTarget(e.target)) {\n return;\n }\n\n if (\n e.target.classList.contains('focus-visible') ||\n e.target.hasAttribute('data-focus-visible-added')\n ) {\n // To detect a tab/window switch, we look for a blur event followed\n // rapidly by a visibility change.\n // If we don't see a visibility change within 100ms, it's probably a\n // regular focus change.\n hadFocusVisibleRecently = true;\n window.clearTimeout(hadFocusVisibleRecentlyTimeout);\n hadFocusVisibleRecentlyTimeout = window.setTimeout(function() {\n hadFocusVisibleRecently = false;\n }, 100);\n removeFocusVisibleClass(e.target);\n }\n }\n\n /**\n * If the user changes tabs, keep track of whether or not the previously\n * focused element had .focus-visible.\n * @param {Event} e\n */\n function onVisibilityChange(e) {\n if (document.visibilityState === 'hidden') {\n // If the tab becomes active again, the browser will handle calling focus\n // on the element (Safari actually calls it twice).\n // If this tab change caused a blur on an element with focus-visible,\n // re-apply the class when the user switches back to the tab.\n if (hadFocusVisibleRecently) {\n hadKeyboardEvent = true;\n }\n addInitialPointerMoveListeners();\n }\n }\n\n /**\n * Add a group of listeners to detect usage of any pointing devices.\n * These listeners will be added when the polyfill first loads, and anytime\n * the window is blurred, so that they are active when the window regains\n * focus.\n */\n function addInitialPointerMoveListeners() {\n document.addEventListener('mousemove', onInitialPointerMove);\n document.addEventListener('mousedown', onInitialPointerMove);\n document.addEventListener('mouseup', onInitialPointerMove);\n document.addEventListener('pointermove', onInitialPointerMove);\n document.addEventListener('pointerdown', onInitialPointerMove);\n document.addEventListener('pointerup', onInitialPointerMove);\n document.addEventListener('touchmove', onInitialPointerMove);\n document.addEventListener('touchstart', onInitialPointerMove);\n document.addEventListener('touchend', onInitialPointerMove);\n }\n\n function removeInitialPointerMoveListeners() {\n document.removeEventListener('mousemove', onInitialPointerMove);\n document.removeEventListener('mousedown', onInitialPointerMove);\n document.removeEventListener('mouseup', onInitialPointerMove);\n document.removeEventListener('pointermove', onInitialPointerMove);\n document.removeEventListener('pointerdown', onInitialPointerMove);\n document.removeEventListener('pointerup', onInitialPointerMove);\n document.removeEventListener('touchmove', onInitialPointerMove);\n document.removeEventListener('touchstart', onInitialPointerMove);\n document.removeEventListener('touchend', onInitialPointerMove);\n }\n\n /**\n * When the polfyill first loads, assume the user is in keyboard modality.\n * If any event is received from a pointing device (e.g. mouse, pointer,\n * touch), turn off keyboard modality.\n * This accounts for situations where focus enters the page from the URL bar.\n * @param {Event} e\n */\n function onInitialPointerMove(e) {\n // Work around a Safari quirk that fires a mousemove on whenever the\n // window blurs, even if you're tabbing out of the page. \u00AF\\_(\u30C4)_/\u00AF\n if (e.target.nodeName && e.target.nodeName.toLowerCase() === 'html') {\n return;\n }\n\n hadKeyboardEvent = false;\n removeInitialPointerMoveListeners();\n }\n\n // For some kinds of state, we are interested in changes at the global scope\n // only. For example, global pointer input, global key presses and global\n // visibility change should affect the state at every scope:\n document.addEventListener('keydown', onKeyDown, true);\n document.addEventListener('mousedown', onPointerDown, true);\n document.addEventListener('pointerdown', onPointerDown, true);\n document.addEventListener('touchstart', onPointerDown, true);\n document.addEventListener('visibilitychange', onVisibilityChange, true);\n\n addInitialPointerMoveListeners();\n\n // For focus and blur, we specifically care about state changes in the local\n // scope. This is because focus / blur events that originate from within a\n // shadow root are not re-dispatched from the host element if it was already\n // the active element in its own scope:\n scope.addEventListener('focus', onFocus, true);\n scope.addEventListener('blur', onBlur, true);\n\n // We detect that a node is a ShadowRoot by ensuring that it is a\n // DocumentFragment and also has a host property. This check covers native\n // implementation and polyfill implementation transparently. If we only cared\n // about the native implementation, we could just check if the scope was\n // an instance of a ShadowRoot.\n if (scope.nodeType === Node.DOCUMENT_FRAGMENT_NODE && scope.host) {\n // Since a ShadowRoot is a special kind of DocumentFragment, it does not\n // have a root element to add a class to. So, we add this attribute to the\n // host element instead:\n scope.host.setAttribute('data-js-focus-visible', '');\n } else if (scope.nodeType === Node.DOCUMENT_NODE) {\n document.documentElement.classList.add('js-focus-visible');\n document.documentElement.setAttribute('data-js-focus-visible', '');\n }\n }\n\n // It is important to wrap all references to global window and document in\n // these checks to support server-side rendering use cases\n // @see https://github.com/WICG/focus-visible/issues/199\n if (typeof window !== 'undefined' && typeof document !== 'undefined') {\n // Make the polyfill helper globally available. This can be used as a signal\n // to interested libraries that wish to coordinate with the polyfill for e.g.,\n // applying the polyfill to a shadow root:\n window.applyFocusVisiblePolyfill = applyFocusVisiblePolyfill;\n\n // Notify interested libraries of the polyfill's presence, in case the\n // polyfill was loaded lazily:\n var event;\n\n try {\n event = new CustomEvent('focus-visible-polyfill-ready');\n } catch (error) {\n // IE11 does not support using CustomEvent as a constructor directly:\n event = document.createEvent('CustomEvent');\n event.initCustomEvent('focus-visible-polyfill-ready', false, false, {});\n }\n\n window.dispatchEvent(event);\n }\n\n if (typeof document !== 'undefined') {\n // Apply the polyfill to the global document, so that no JavaScript\n // coordination is required to use the polyfill in the top-level document:\n applyFocusVisiblePolyfill(document);\n }\n\n})));\n", "/*!\n * clipboard.js v2.0.11\n * https://clipboardjs.com/\n *\n * Licensed MIT \u00A9 Zeno Rocha\n */\n(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"ClipboardJS\"] = factory();\n\telse\n\t\troot[\"ClipboardJS\"] = factory();\n})(this, function() {\nreturn /******/ (function() { // webpackBootstrap\n/******/ \tvar __webpack_modules__ = ({\n\n/***/ 686:\n/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, {\n \"default\": function() { return /* binding */ clipboard; }\n});\n\n// EXTERNAL MODULE: ./node_modules/tiny-emitter/index.js\nvar tiny_emitter = __webpack_require__(279);\nvar tiny_emitter_default = /*#__PURE__*/__webpack_require__.n(tiny_emitter);\n// EXTERNAL MODULE: ./node_modules/good-listener/src/listen.js\nvar listen = __webpack_require__(370);\nvar listen_default = /*#__PURE__*/__webpack_require__.n(listen);\n// EXTERNAL MODULE: ./node_modules/select/src/select.js\nvar src_select = __webpack_require__(817);\nvar select_default = /*#__PURE__*/__webpack_require__.n(src_select);\n;// CONCATENATED MODULE: ./src/common/command.js\n/**\n * Executes a given operation type.\n * @param {String} type\n * @return {Boolean}\n */\nfunction command(type) {\n try {\n return document.execCommand(type);\n } catch (err) {\n return false;\n }\n}\n;// CONCATENATED MODULE: ./src/actions/cut.js\n\n\n/**\n * Cut action wrapper.\n * @param {String|HTMLElement} target\n * @return {String}\n */\n\nvar ClipboardActionCut = function ClipboardActionCut(target) {\n var selectedText = select_default()(target);\n command('cut');\n return selectedText;\n};\n\n/* harmony default export */ var actions_cut = (ClipboardActionCut);\n;// CONCATENATED MODULE: ./src/common/create-fake-element.js\n/**\n * Creates a fake textarea element with a value.\n * @param {String} value\n * @return {HTMLElement}\n */\nfunction createFakeElement(value) {\n var isRTL = document.documentElement.getAttribute('dir') === 'rtl';\n var fakeElement = document.createElement('textarea'); // Prevent zooming on iOS\n\n fakeElement.style.fontSize = '12pt'; // Reset box model\n\n fakeElement.style.border = '0';\n fakeElement.style.padding = '0';\n fakeElement.style.margin = '0'; // Move element out of screen horizontally\n\n fakeElement.style.position = 'absolute';\n fakeElement.style[isRTL ? 'right' : 'left'] = '-9999px'; // Move element to the same position vertically\n\n var yPosition = window.pageYOffset || document.documentElement.scrollTop;\n fakeElement.style.top = \"\".concat(yPosition, \"px\");\n fakeElement.setAttribute('readonly', '');\n fakeElement.value = value;\n return fakeElement;\n}\n;// CONCATENATED MODULE: ./src/actions/copy.js\n\n\n\n/**\n * Create fake copy action wrapper using a fake element.\n * @param {String} target\n * @param {Object} options\n * @return {String}\n */\n\nvar fakeCopyAction = function fakeCopyAction(value, options) {\n var fakeElement = createFakeElement(value);\n options.container.appendChild(fakeElement);\n var selectedText = select_default()(fakeElement);\n command('copy');\n fakeElement.remove();\n return selectedText;\n};\n/**\n * Copy action wrapper.\n * @param {String|HTMLElement} target\n * @param {Object} options\n * @return {String}\n */\n\n\nvar ClipboardActionCopy = function ClipboardActionCopy(target) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {\n container: document.body\n };\n var selectedText = '';\n\n if (typeof target === 'string') {\n selectedText = fakeCopyAction(target, options);\n } else if (target instanceof HTMLInputElement && !['text', 'search', 'url', 'tel', 'password'].includes(target === null || target === void 0 ? void 0 : target.type)) {\n // If input type doesn't support `setSelectionRange`. Simulate it. https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange\n selectedText = fakeCopyAction(target.value, options);\n } else {\n selectedText = select_default()(target);\n command('copy');\n }\n\n return selectedText;\n};\n\n/* harmony default export */ var actions_copy = (ClipboardActionCopy);\n;// CONCATENATED MODULE: ./src/actions/default.js\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\n\n\n/**\n * Inner function which performs selection from either `text` or `target`\n * properties and then executes copy or cut operations.\n * @param {Object} options\n */\n\nvar ClipboardActionDefault = function ClipboardActionDefault() {\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n // Defines base properties passed from constructor.\n var _options$action = options.action,\n action = _options$action === void 0 ? 'copy' : _options$action,\n container = options.container,\n target = options.target,\n text = options.text; // Sets the `action` to be performed which can be either 'copy' or 'cut'.\n\n if (action !== 'copy' && action !== 'cut') {\n throw new Error('Invalid \"action\" value, use either \"copy\" or \"cut\"');\n } // Sets the `target` property using an element that will be have its content copied.\n\n\n if (target !== undefined) {\n if (target && _typeof(target) === 'object' && target.nodeType === 1) {\n if (action === 'copy' && target.hasAttribute('disabled')) {\n throw new Error('Invalid \"target\" attribute. Please use \"readonly\" instead of \"disabled\" attribute');\n }\n\n if (action === 'cut' && (target.hasAttribute('readonly') || target.hasAttribute('disabled'))) {\n throw new Error('Invalid \"target\" attribute. You can\\'t cut text from elements with \"readonly\" or \"disabled\" attributes');\n }\n } else {\n throw new Error('Invalid \"target\" value, use a valid Element');\n }\n } // Define selection strategy based on `text` property.\n\n\n if (text) {\n return actions_copy(text, {\n container: container\n });\n } // Defines which selection strategy based on `target` property.\n\n\n if (target) {\n return action === 'cut' ? actions_cut(target) : actions_copy(target, {\n container: container\n });\n }\n};\n\n/* harmony default export */ var actions_default = (ClipboardActionDefault);\n;// CONCATENATED MODULE: ./src/clipboard.js\nfunction clipboard_typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { clipboard_typeof = function _typeof(obj) { return typeof obj; }; } else { clipboard_typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return clipboard_typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (clipboard_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\n\n\n\n\n\n/**\n * Helper function to retrieve attribute value.\n * @param {String} suffix\n * @param {Element} element\n */\n\nfunction getAttributeValue(suffix, element) {\n var attribute = \"data-clipboard-\".concat(suffix);\n\n if (!element.hasAttribute(attribute)) {\n return;\n }\n\n return element.getAttribute(attribute);\n}\n/**\n * Base class which takes one or more elements, adds event listeners to them,\n * and instantiates a new `ClipboardAction` on each click.\n */\n\n\nvar Clipboard = /*#__PURE__*/function (_Emitter) {\n _inherits(Clipboard, _Emitter);\n\n var _super = _createSuper(Clipboard);\n\n /**\n * @param {String|HTMLElement|HTMLCollection|NodeList} trigger\n * @param {Object} options\n */\n function Clipboard(trigger, options) {\n var _this;\n\n _classCallCheck(this, Clipboard);\n\n _this = _super.call(this);\n\n _this.resolveOptions(options);\n\n _this.listenClick(trigger);\n\n return _this;\n }\n /**\n * Defines if attributes would be resolved using internal setter functions\n * or custom functions that were passed in the constructor.\n * @param {Object} options\n */\n\n\n _createClass(Clipboard, [{\n key: \"resolveOptions\",\n value: function resolveOptions() {\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n this.action = typeof options.action === 'function' ? options.action : this.defaultAction;\n this.target = typeof options.target === 'function' ? options.target : this.defaultTarget;\n this.text = typeof options.text === 'function' ? options.text : this.defaultText;\n this.container = clipboard_typeof(options.container) === 'object' ? options.container : document.body;\n }\n /**\n * Adds a click event listener to the passed trigger.\n * @param {String|HTMLElement|HTMLCollection|NodeList} trigger\n */\n\n }, {\n key: \"listenClick\",\n value: function listenClick(trigger) {\n var _this2 = this;\n\n this.listener = listen_default()(trigger, 'click', function (e) {\n return _this2.onClick(e);\n });\n }\n /**\n * Defines a new `ClipboardAction` on each click event.\n * @param {Event} e\n */\n\n }, {\n key: \"onClick\",\n value: function onClick(e) {\n var trigger = e.delegateTarget || e.currentTarget;\n var action = this.action(trigger) || 'copy';\n var text = actions_default({\n action: action,\n container: this.container,\n target: this.target(trigger),\n text: this.text(trigger)\n }); // Fires an event based on the copy operation result.\n\n this.emit(text ? 'success' : 'error', {\n action: action,\n text: text,\n trigger: trigger,\n clearSelection: function clearSelection() {\n if (trigger) {\n trigger.focus();\n }\n\n window.getSelection().removeAllRanges();\n }\n });\n }\n /**\n * Default `action` lookup function.\n * @param {Element} trigger\n */\n\n }, {\n key: \"defaultAction\",\n value: function defaultAction(trigger) {\n return getAttributeValue('action', trigger);\n }\n /**\n * Default `target` lookup function.\n * @param {Element} trigger\n */\n\n }, {\n key: \"defaultTarget\",\n value: function defaultTarget(trigger) {\n var selector = getAttributeValue('target', trigger);\n\n if (selector) {\n return document.querySelector(selector);\n }\n }\n /**\n * Allow fire programmatically a copy action\n * @param {String|HTMLElement} target\n * @param {Object} options\n * @returns Text copied.\n */\n\n }, {\n key: \"defaultText\",\n\n /**\n * Default `text` lookup function.\n * @param {Element} trigger\n */\n value: function defaultText(trigger) {\n return getAttributeValue('text', trigger);\n }\n /**\n * Destroy lifecycle.\n */\n\n }, {\n key: \"destroy\",\n value: function destroy() {\n this.listener.destroy();\n }\n }], [{\n key: \"copy\",\n value: function copy(target) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {\n container: document.body\n };\n return actions_copy(target, options);\n }\n /**\n * Allow fire programmatically a cut action\n * @param {String|HTMLElement} target\n * @returns Text cutted.\n */\n\n }, {\n key: \"cut\",\n value: function cut(target) {\n return actions_cut(target);\n }\n /**\n * Returns the support of the given action, or all actions if no action is\n * given.\n * @param {String} [action]\n */\n\n }, {\n key: \"isSupported\",\n value: function isSupported() {\n var action = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ['copy', 'cut'];\n var actions = typeof action === 'string' ? [action] : action;\n var support = !!document.queryCommandSupported;\n actions.forEach(function (action) {\n support = support && !!document.queryCommandSupported(action);\n });\n return support;\n }\n }]);\n\n return Clipboard;\n}((tiny_emitter_default()));\n\n/* harmony default export */ var clipboard = (Clipboard);\n\n/***/ }),\n\n/***/ 828:\n/***/ (function(module) {\n\nvar DOCUMENT_NODE_TYPE = 9;\n\n/**\n * A polyfill for Element.matches()\n */\nif (typeof Element !== 'undefined' && !Element.prototype.matches) {\n var proto = Element.prototype;\n\n proto.matches = proto.matchesSelector ||\n proto.mozMatchesSelector ||\n proto.msMatchesSelector ||\n proto.oMatchesSelector ||\n proto.webkitMatchesSelector;\n}\n\n/**\n * Finds the closest parent that matches a selector.\n *\n * @param {Element} element\n * @param {String} selector\n * @return {Function}\n */\nfunction closest (element, selector) {\n while (element && element.nodeType !== DOCUMENT_NODE_TYPE) {\n if (typeof element.matches === 'function' &&\n element.matches(selector)) {\n return element;\n }\n element = element.parentNode;\n }\n}\n\nmodule.exports = closest;\n\n\n/***/ }),\n\n/***/ 438:\n/***/ (function(module, __unused_webpack_exports, __webpack_require__) {\n\nvar closest = __webpack_require__(828);\n\n/**\n * Delegates event to a selector.\n *\n * @param {Element} element\n * @param {String} selector\n * @param {String} type\n * @param {Function} callback\n * @param {Boolean} useCapture\n * @return {Object}\n */\nfunction _delegate(element, selector, type, callback, useCapture) {\n var listenerFn = listener.apply(this, arguments);\n\n element.addEventListener(type, listenerFn, useCapture);\n\n return {\n destroy: function() {\n element.removeEventListener(type, listenerFn, useCapture);\n }\n }\n}\n\n/**\n * Delegates event to a selector.\n *\n * @param {Element|String|Array} [elements]\n * @param {String} selector\n * @param {String} type\n * @param {Function} callback\n * @param {Boolean} useCapture\n * @return {Object}\n */\nfunction delegate(elements, selector, type, callback, useCapture) {\n // Handle the regular Element usage\n if (typeof elements.addEventListener === 'function') {\n return _delegate.apply(null, arguments);\n }\n\n // Handle Element-less usage, it defaults to global delegation\n if (typeof type === 'function') {\n // Use `document` as the first parameter, then apply arguments\n // This is a short way to .unshift `arguments` without running into deoptimizations\n return _delegate.bind(null, document).apply(null, arguments);\n }\n\n // Handle Selector-based usage\n if (typeof elements === 'string') {\n elements = document.querySelectorAll(elements);\n }\n\n // Handle Array-like based usage\n return Array.prototype.map.call(elements, function (element) {\n return _delegate(element, selector, type, callback, useCapture);\n });\n}\n\n/**\n * Finds closest match and invokes callback.\n *\n * @param {Element} element\n * @param {String} selector\n * @param {String} type\n * @param {Function} callback\n * @return {Function}\n */\nfunction listener(element, selector, type, callback) {\n return function(e) {\n e.delegateTarget = closest(e.target, selector);\n\n if (e.delegateTarget) {\n callback.call(element, e);\n }\n }\n}\n\nmodule.exports = delegate;\n\n\n/***/ }),\n\n/***/ 879:\n/***/ (function(__unused_webpack_module, exports) {\n\n/**\n * Check if argument is a HTML element.\n *\n * @param {Object} value\n * @return {Boolean}\n */\nexports.node = function(value) {\n return value !== undefined\n && value instanceof HTMLElement\n && value.nodeType === 1;\n};\n\n/**\n * Check if argument is a list of HTML elements.\n *\n * @param {Object} value\n * @return {Boolean}\n */\nexports.nodeList = function(value) {\n var type = Object.prototype.toString.call(value);\n\n return value !== undefined\n && (type === '[object NodeList]' || type === '[object HTMLCollection]')\n && ('length' in value)\n && (value.length === 0 || exports.node(value[0]));\n};\n\n/**\n * Check if argument is a string.\n *\n * @param {Object} value\n * @return {Boolean}\n */\nexports.string = function(value) {\n return typeof value === 'string'\n || value instanceof String;\n};\n\n/**\n * Check if argument is a function.\n *\n * @param {Object} value\n * @return {Boolean}\n */\nexports.fn = function(value) {\n var type = Object.prototype.toString.call(value);\n\n return type === '[object Function]';\n};\n\n\n/***/ }),\n\n/***/ 370:\n/***/ (function(module, __unused_webpack_exports, __webpack_require__) {\n\nvar is = __webpack_require__(879);\nvar delegate = __webpack_require__(438);\n\n/**\n * Validates all params and calls the right\n * listener function based on its target type.\n *\n * @param {String|HTMLElement|HTMLCollection|NodeList} target\n * @param {String} type\n * @param {Function} callback\n * @return {Object}\n */\nfunction listen(target, type, callback) {\n if (!target && !type && !callback) {\n throw new Error('Missing required arguments');\n }\n\n if (!is.string(type)) {\n throw new TypeError('Second argument must be a String');\n }\n\n if (!is.fn(callback)) {\n throw new TypeError('Third argument must be a Function');\n }\n\n if (is.node(target)) {\n return listenNode(target, type, callback);\n }\n else if (is.nodeList(target)) {\n return listenNodeList(target, type, callback);\n }\n else if (is.string(target)) {\n return listenSelector(target, type, callback);\n }\n else {\n throw new TypeError('First argument must be a String, HTMLElement, HTMLCollection, or NodeList');\n }\n}\n\n/**\n * Adds an event listener to a HTML element\n * and returns a remove listener function.\n *\n * @param {HTMLElement} node\n * @param {String} type\n * @param {Function} callback\n * @return {Object}\n */\nfunction listenNode(node, type, callback) {\n node.addEventListener(type, callback);\n\n return {\n destroy: function() {\n node.removeEventListener(type, callback);\n }\n }\n}\n\n/**\n * Add an event listener to a list of HTML elements\n * and returns a remove listener function.\n *\n * @param {NodeList|HTMLCollection} nodeList\n * @param {String} type\n * @param {Function} callback\n * @return {Object}\n */\nfunction listenNodeList(nodeList, type, callback) {\n Array.prototype.forEach.call(nodeList, function(node) {\n node.addEventListener(type, callback);\n });\n\n return {\n destroy: function() {\n Array.prototype.forEach.call(nodeList, function(node) {\n node.removeEventListener(type, callback);\n });\n }\n }\n}\n\n/**\n * Add an event listener to a selector\n * and returns a remove listener function.\n *\n * @param {String} selector\n * @param {String} type\n * @param {Function} callback\n * @return {Object}\n */\nfunction listenSelector(selector, type, callback) {\n return delegate(document.body, selector, type, callback);\n}\n\nmodule.exports = listen;\n\n\n/***/ }),\n\n/***/ 817:\n/***/ (function(module) {\n\nfunction select(element) {\n var selectedText;\n\n if (element.nodeName === 'SELECT') {\n element.focus();\n\n selectedText = element.value;\n }\n else if (element.nodeName === 'INPUT' || element.nodeName === 'TEXTAREA') {\n var isReadOnly = element.hasAttribute('readonly');\n\n if (!isReadOnly) {\n element.setAttribute('readonly', '');\n }\n\n element.select();\n element.setSelectionRange(0, element.value.length);\n\n if (!isReadOnly) {\n element.removeAttribute('readonly');\n }\n\n selectedText = element.value;\n }\n else {\n if (element.hasAttribute('contenteditable')) {\n element.focus();\n }\n\n var selection = window.getSelection();\n var range = document.createRange();\n\n range.selectNodeContents(element);\n selection.removeAllRanges();\n selection.addRange(range);\n\n selectedText = selection.toString();\n }\n\n return selectedText;\n}\n\nmodule.exports = select;\n\n\n/***/ }),\n\n/***/ 279:\n/***/ (function(module) {\n\nfunction E () {\n // Keep this empty so it's easier to inherit from\n // (via https://github.com/lipsmack from https://github.com/scottcorgan/tiny-emitter/issues/3)\n}\n\nE.prototype = {\n on: function (name, callback, ctx) {\n var e = this.e || (this.e = {});\n\n (e[name] || (e[name] = [])).push({\n fn: callback,\n ctx: ctx\n });\n\n return this;\n },\n\n once: function (name, callback, ctx) {\n var self = this;\n function listener () {\n self.off(name, listener);\n callback.apply(ctx, arguments);\n };\n\n listener._ = callback\n return this.on(name, listener, ctx);\n },\n\n emit: function (name) {\n var data = [].slice.call(arguments, 1);\n var evtArr = ((this.e || (this.e = {}))[name] || []).slice();\n var i = 0;\n var len = evtArr.length;\n\n for (i; i < len; i++) {\n evtArr[i].fn.apply(evtArr[i].ctx, data);\n }\n\n return this;\n },\n\n off: function (name, callback) {\n var e = this.e || (this.e = {});\n var evts = e[name];\n var liveEvents = [];\n\n if (evts && callback) {\n for (var i = 0, len = evts.length; i < len; i++) {\n if (evts[i].fn !== callback && evts[i].fn._ !== callback)\n liveEvents.push(evts[i]);\n }\n }\n\n // Remove event from queue to prevent memory leak\n // Suggested by https://github.com/lazd\n // Ref: https://github.com/scottcorgan/tiny-emitter/commit/c6ebfaa9bc973b33d110a84a307742b7cf94c953#commitcomment-5024910\n\n (liveEvents.length)\n ? e[name] = liveEvents\n : delete e[name];\n\n return this;\n }\n};\n\nmodule.exports = E;\nmodule.exports.TinyEmitter = E;\n\n\n/***/ })\n\n/******/ \t});\n/************************************************************************/\n/******/ \t// The module cache\n/******/ \tvar __webpack_module_cache__ = {};\n/******/ \t\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(__webpack_module_cache__[moduleId]) {\n/******/ \t\t\treturn __webpack_module_cache__[moduleId].exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = __webpack_module_cache__[moduleId] = {\n/******/ \t\t\t// no module.id needed\n/******/ \t\t\t// no module.loaded needed\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/ \t\n/******/ \t\t// Execute the module function\n/******/ \t\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n/******/ \t\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/ \t\n/************************************************************************/\n/******/ \t/* webpack/runtime/compat get default export */\n/******/ \t!function() {\n/******/ \t\t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t\t__webpack_require__.n = function(module) {\n/******/ \t\t\tvar getter = module && module.__esModule ?\n/******/ \t\t\t\tfunction() { return module['default']; } :\n/******/ \t\t\t\tfunction() { return module; };\n/******/ \t\t\t__webpack_require__.d(getter, { a: getter });\n/******/ \t\t\treturn getter;\n/******/ \t\t};\n/******/ \t}();\n/******/ \t\n/******/ \t/* webpack/runtime/define property getters */\n/******/ \t!function() {\n/******/ \t\t// define getter functions for harmony exports\n/******/ \t\t__webpack_require__.d = function(exports, definition) {\n/******/ \t\t\tfor(var key in definition) {\n/******/ \t\t\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n/******/ \t\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n/******/ \t\t\t\t}\n/******/ \t\t\t}\n/******/ \t\t};\n/******/ \t}();\n/******/ \t\n/******/ \t/* webpack/runtime/hasOwnProperty shorthand */\n/******/ \t!function() {\n/******/ \t\t__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }\n/******/ \t}();\n/******/ \t\n/************************************************************************/\n/******/ \t// module exports must be returned from runtime so entry inlining is disabled\n/******/ \t// startup\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(686);\n/******/ })()\n.default;\n});", "/*!\n * escape-html\n * Copyright(c) 2012-2013 TJ Holowaychuk\n * Copyright(c) 2015 Andreas Lubbe\n * Copyright(c) 2015 Tiancheng \"Timothy\" Gu\n * MIT Licensed\n */\n\n'use strict';\n\n/**\n * Module variables.\n * @private\n */\n\nvar matchHtmlRegExp = /[\"'&<>]/;\n\n/**\n * Module exports.\n * @public\n */\n\nmodule.exports = escapeHtml;\n\n/**\n * Escape special characters in the given string of html.\n *\n * @param {string} string The string to escape for inserting into HTML\n * @return {string}\n * @public\n */\n\nfunction escapeHtml(string) {\n var str = '' + string;\n var match = matchHtmlRegExp.exec(str);\n\n if (!match) {\n return str;\n }\n\n var escape;\n var html = '';\n var index = 0;\n var lastIndex = 0;\n\n for (index = match.index; index < str.length; index++) {\n switch (str.charCodeAt(index)) {\n case 34: // \"\n escape = '"';\n break;\n case 38: // &\n escape = '&';\n break;\n case 39: // '\n escape = ''';\n break;\n case 60: // <\n escape = '<';\n break;\n case 62: // >\n escape = '>';\n break;\n default:\n continue;\n }\n\n if (lastIndex !== index) {\n html += str.substring(lastIndex, index);\n }\n\n lastIndex = index + 1;\n html += escape;\n }\n\n return lastIndex !== index\n ? html + str.substring(lastIndex, index)\n : html;\n}\n", "/*\n * Copyright (c) 2016-2023 Martin Donath \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport \"focus-visible\"\n\nimport {\n EMPTY,\n NEVER,\n Observable,\n Subject,\n defer,\n delay,\n filter,\n map,\n merge,\n mergeWith,\n shareReplay,\n switchMap\n} from \"rxjs\"\n\nimport { configuration, feature } from \"./_\"\nimport {\n at,\n getActiveElement,\n getOptionalElement,\n requestJSON,\n setLocation,\n setToggle,\n watchDocument,\n watchKeyboard,\n watchLocation,\n watchLocationTarget,\n watchMedia,\n watchPrint,\n watchScript,\n watchViewport\n} from \"./browser\"\nimport {\n getComponentElement,\n getComponentElements,\n mountAnnounce,\n mountBackToTop,\n mountConsent,\n mountContent,\n mountDialog,\n mountHeader,\n mountHeaderTitle,\n mountPalette,\n mountProgress,\n mountSearch,\n mountSearchHiglight,\n mountSidebar,\n mountSource,\n mountTableOfContents,\n mountTabs,\n watchHeader,\n watchMain\n} from \"./components\"\nimport {\n SearchIndex,\n setupClipboardJS,\n setupInstantNavigation,\n setupVersionSelector\n} from \"./integrations\"\nimport {\n patchIndeterminate,\n patchScrollfix,\n patchScrolllock\n} from \"./patches\"\nimport \"./polyfills\"\n\n/* ----------------------------------------------------------------------------\n * Functions - @todo refactor\n * ------------------------------------------------------------------------- */\n\n/**\n * Fetch search index\n *\n * @returns Search index observable\n */\nfunction fetchSearchIndex(): Observable {\n if (location.protocol === \"file:\") {\n return watchScript(\n `${new URL(\"search/search_index.js\", config.base)}`\n )\n .pipe(\n // @ts-ignore - @todo fix typings\n map(() => __index),\n shareReplay(1)\n )\n } else {\n return requestJSON(\n new URL(\"search/search_index.json\", config.base)\n )\n }\n}\n\n/* ----------------------------------------------------------------------------\n * Application\n * ------------------------------------------------------------------------- */\n\n/* Yay, JavaScript is available */\ndocument.documentElement.classList.remove(\"no-js\")\ndocument.documentElement.classList.add(\"js\")\n\n/* Set up navigation observables and subjects */\nconst document$ = watchDocument()\nconst location$ = watchLocation()\nconst target$ = watchLocationTarget(location$)\nconst keyboard$ = watchKeyboard()\n\n/* Set up media observables */\nconst viewport$ = watchViewport()\nconst tablet$ = watchMedia(\"(min-width: 960px)\")\nconst screen$ = watchMedia(\"(min-width: 1220px)\")\nconst print$ = watchPrint()\n\n/* Retrieve search index, if search is enabled */\nconst config = configuration()\nconst index$ = document.forms.namedItem(\"search\")\n ? fetchSearchIndex()\n : NEVER\n\n/* Set up Clipboard.js integration */\nconst alert$ = new Subject()\nsetupClipboardJS({ alert$ })\n\n/* Set up progress indicator */\nconst progress$ = new Subject()\n\n/* Set up instant navigation, if enabled */\nif (feature(\"navigation.instant\"))\n setupInstantNavigation({ location$, viewport$, progress$ })\n .subscribe(document$)\n\n/* Set up version selector */\nif (config.version?.provider === \"mike\")\n setupVersionSelector({ document$ })\n\n/* Always close drawer and search on navigation */\nmerge(location$, target$)\n .pipe(\n delay(125)\n )\n .subscribe(() => {\n setToggle(\"drawer\", false)\n setToggle(\"search\", false)\n })\n\n/* Set up global keyboard handlers */\nkeyboard$\n .pipe(\n filter(({ mode }) => mode === \"global\")\n )\n .subscribe(key => {\n switch (key.type) {\n\n /* Go to previous page */\n case \"p\":\n case \",\":\n const prev = getOptionalElement(\"link[rel=prev]\")\n if (typeof prev !== \"undefined\")\n setLocation(prev)\n break\n\n /* Go to next page */\n case \"n\":\n case \".\":\n const next = getOptionalElement(\"link[rel=next]\")\n if (typeof next !== \"undefined\")\n setLocation(next)\n break\n\n /* Expand navigation, see https://bit.ly/3ZjG5io */\n case \"Enter\":\n const active = getActiveElement()\n if (active instanceof HTMLLabelElement)\n active.click()\n }\n })\n\n/* Set up patches */\npatchIndeterminate({ document$, tablet$ })\npatchScrollfix({ document$ })\npatchScrolllock({ viewport$, tablet$ })\n\n/* Set up header and main area observable */\nconst header$ = watchHeader(getComponentElement(\"header\"), { viewport$ })\nconst main$ = document$\n .pipe(\n map(() => getComponentElement(\"main\")),\n switchMap(el => watchMain(el, { viewport$, header$ })),\n shareReplay(1)\n )\n\n/* Set up control component observables */\nconst control$ = merge(\n\n /* Consent */\n ...getComponentElements(\"consent\")\n .map(el => mountConsent(el, { target$ })),\n\n /* Dialog */\n ...getComponentElements(\"dialog\")\n .map(el => mountDialog(el, { alert$ })),\n\n /* Header */\n ...getComponentElements(\"header\")\n .map(el => mountHeader(el, { viewport$, header$, main$ })),\n\n /* Color palette */\n ...getComponentElements(\"palette\")\n .map(el => mountPalette(el)),\n\n /* Progress bar */\n ...getComponentElements(\"progress\")\n .map(el => mountProgress(el, { progress$ })),\n\n /* Search */\n ...getComponentElements(\"search\")\n .map(el => mountSearch(el, { index$, keyboard$ })),\n\n /* Repository information */\n ...getComponentElements(\"source\")\n .map(el => mountSource(el))\n)\n\n/* Set up content component observables */\nconst content$ = defer(() => merge(\n\n /* Announcement bar */\n ...getComponentElements(\"announce\")\n .map(el => mountAnnounce(el)),\n\n /* Content */\n ...getComponentElements(\"content\")\n .map(el => mountContent(el, { viewport$, target$, print$ })),\n\n /* Search highlighting */\n ...getComponentElements(\"content\")\n .map(el => feature(\"search.highlight\")\n ? mountSearchHiglight(el, { index$, location$ })\n : EMPTY\n ),\n\n /* Header title */\n ...getComponentElements(\"header-title\")\n .map(el => mountHeaderTitle(el, { viewport$, header$ })),\n\n /* Sidebar */\n ...getComponentElements(\"sidebar\")\n .map(el => el.getAttribute(\"data-md-type\") === \"navigation\"\n ? at(screen$, () => mountSidebar(el, { viewport$, header$, main$ }))\n : at(tablet$, () => mountSidebar(el, { viewport$, header$, main$ }))\n ),\n\n /* Navigation tabs */\n ...getComponentElements(\"tabs\")\n .map(el => mountTabs(el, { viewport$, header$ })),\n\n /* Table of contents */\n ...getComponentElements(\"toc\")\n .map(el => mountTableOfContents(el, {\n viewport$, header$, main$, target$\n })),\n\n /* Back-to-top button */\n ...getComponentElements(\"top\")\n .map(el => mountBackToTop(el, { viewport$, header$, main$, target$ }))\n))\n\n/* Set up component observables */\nconst component$ = document$\n .pipe(\n switchMap(() => content$),\n mergeWith(control$),\n shareReplay(1)\n )\n\n/* Subscribe to all components */\ncomponent$.subscribe()\n\n/* ----------------------------------------------------------------------------\n * Exports\n * ------------------------------------------------------------------------- */\n\nwindow.document$ = document$ /* Document observable */\nwindow.location$ = location$ /* Location subject */\nwindow.target$ = target$ /* Location target observable */\nwindow.keyboard$ = keyboard$ /* Keyboard observable */\nwindow.viewport$ = viewport$ /* Viewport observable */\nwindow.tablet$ = tablet$ /* Media tablet observable */\nwindow.screen$ = screen$ /* Media screen observable */\nwindow.print$ = print$ /* Media print observable */\nwindow.alert$ = alert$ /* Alert subject */\nwindow.progress$ = progress$ /* Progress indicator subject */\nwindow.component$ = component$ /* Component observable */\n", "/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n", "/**\n * Returns true if the object is a function.\n * @param value The value to check\n */\nexport function isFunction(value: any): value is (...args: any[]) => any {\n return typeof value === 'function';\n}\n", "/**\n * Used to create Error subclasses until the community moves away from ES5.\n *\n * This is because compiling from TypeScript down to ES5 has issues with subclassing Errors\n * as well as other built-in types: https://github.com/Microsoft/TypeScript/issues/12123\n *\n * @param createImpl A factory function to create the actual constructor implementation. The returned\n * function should be a named function that calls `_super` internally.\n */\nexport function createErrorClass(createImpl: (_super: any) => any): T {\n const _super = (instance: any) => {\n Error.call(instance);\n instance.stack = new Error().stack;\n };\n\n const ctorFunc = createImpl(_super);\n ctorFunc.prototype = Object.create(Error.prototype);\n ctorFunc.prototype.constructor = ctorFunc;\n return ctorFunc;\n}\n", "import { createErrorClass } from './createErrorClass';\n\nexport interface UnsubscriptionError extends Error {\n readonly errors: any[];\n}\n\nexport interface UnsubscriptionErrorCtor {\n /**\n * @deprecated Internal implementation detail. Do not construct error instances.\n * Cannot be tagged as internal: https://github.com/ReactiveX/rxjs/issues/6269\n */\n new (errors: any[]): UnsubscriptionError;\n}\n\n/**\n * An error thrown when one or more errors have occurred during the\n * `unsubscribe` of a {@link Subscription}.\n */\nexport const UnsubscriptionError: UnsubscriptionErrorCtor = createErrorClass(\n (_super) =>\n function UnsubscriptionErrorImpl(this: any, errors: (Error | string)[]) {\n _super(this);\n this.message = errors\n ? `${errors.length} errors occurred during unsubscription:\n${errors.map((err, i) => `${i + 1}) ${err.toString()}`).join('\\n ')}`\n : '';\n this.name = 'UnsubscriptionError';\n this.errors = errors;\n }\n);\n", "/**\n * Removes an item from an array, mutating it.\n * @param arr The array to remove the item from\n * @param item The item to remove\n */\nexport function arrRemove(arr: T[] | undefined | null, item: T) {\n if (arr) {\n const index = arr.indexOf(item);\n 0 <= index && arr.splice(index, 1);\n }\n}\n", "import { isFunction } from './util/isFunction';\nimport { UnsubscriptionError } from './util/UnsubscriptionError';\nimport { SubscriptionLike, TeardownLogic, Unsubscribable } from './types';\nimport { arrRemove } from './util/arrRemove';\n\n/**\n * Represents a disposable resource, such as the execution of an Observable. A\n * Subscription has one important method, `unsubscribe`, that takes no argument\n * and just disposes the resource held by the subscription.\n *\n * Additionally, subscriptions may be grouped together through the `add()`\n * method, which will attach a child Subscription to the current Subscription.\n * When a Subscription is unsubscribed, all its children (and its grandchildren)\n * will be unsubscribed as well.\n *\n * @class Subscription\n */\nexport class Subscription implements SubscriptionLike {\n /** @nocollapse */\n public static EMPTY = (() => {\n const empty = new Subscription();\n empty.closed = true;\n return empty;\n })();\n\n /**\n * A flag to indicate whether this Subscription has already been unsubscribed.\n */\n public closed = false;\n\n private _parentage: Subscription[] | Subscription | null = null;\n\n /**\n * The list of registered finalizers to execute upon unsubscription. Adding and removing from this\n * list occurs in the {@link #add} and {@link #remove} methods.\n */\n private _finalizers: Exclude[] | null = null;\n\n /**\n * @param initialTeardown A function executed first as part of the finalization\n * process that is kicked off when {@link #unsubscribe} is called.\n */\n constructor(private initialTeardown?: () => void) {}\n\n /**\n * Disposes the resources held by the subscription. May, for instance, cancel\n * an ongoing Observable execution or cancel any other type of work that\n * started when the Subscription was created.\n * @return {void}\n */\n unsubscribe(): void {\n let errors: any[] | undefined;\n\n if (!this.closed) {\n this.closed = true;\n\n // Remove this from it's parents.\n const { _parentage } = this;\n if (_parentage) {\n this._parentage = null;\n if (Array.isArray(_parentage)) {\n for (const parent of _parentage) {\n parent.remove(this);\n }\n } else {\n _parentage.remove(this);\n }\n }\n\n const { initialTeardown: initialFinalizer } = this;\n if (isFunction(initialFinalizer)) {\n try {\n initialFinalizer();\n } catch (e) {\n errors = e instanceof UnsubscriptionError ? e.errors : [e];\n }\n }\n\n const { _finalizers } = this;\n if (_finalizers) {\n this._finalizers = null;\n for (const finalizer of _finalizers) {\n try {\n execFinalizer(finalizer);\n } catch (err) {\n errors = errors ?? [];\n if (err instanceof UnsubscriptionError) {\n errors = [...errors, ...err.errors];\n } else {\n errors.push(err);\n }\n }\n }\n }\n\n if (errors) {\n throw new UnsubscriptionError(errors);\n }\n }\n }\n\n /**\n * Adds a finalizer to this subscription, so that finalization will be unsubscribed/called\n * when this subscription is unsubscribed. If this subscription is already {@link #closed},\n * because it has already been unsubscribed, then whatever finalizer is passed to it\n * will automatically be executed (unless the finalizer itself is also a closed subscription).\n *\n * Closed Subscriptions cannot be added as finalizers to any subscription. Adding a closed\n * subscription to a any subscription will result in no operation. (A noop).\n *\n * Adding a subscription to itself, or adding `null` or `undefined` will not perform any\n * operation at all. (A noop).\n *\n * `Subscription` instances that are added to this instance will automatically remove themselves\n * if they are unsubscribed. Functions and {@link Unsubscribable} objects that you wish to remove\n * will need to be removed manually with {@link #remove}\n *\n * @param teardown The finalization logic to add to this subscription.\n */\n add(teardown: TeardownLogic): void {\n // Only add the finalizer if it's not undefined\n // and don't add a subscription to itself.\n if (teardown && teardown !== this) {\n if (this.closed) {\n // If this subscription is already closed,\n // execute whatever finalizer is handed to it automatically.\n execFinalizer(teardown);\n } else {\n if (teardown instanceof Subscription) {\n // We don't add closed subscriptions, and we don't add the same subscription\n // twice. Subscription unsubscribe is idempotent.\n if (teardown.closed || teardown._hasParent(this)) {\n return;\n }\n teardown._addParent(this);\n }\n (this._finalizers = this._finalizers ?? []).push(teardown);\n }\n }\n }\n\n /**\n * Checks to see if a this subscription already has a particular parent.\n * This will signal that this subscription has already been added to the parent in question.\n * @param parent the parent to check for\n */\n private _hasParent(parent: Subscription) {\n const { _parentage } = this;\n return _parentage === parent || (Array.isArray(_parentage) && _parentage.includes(parent));\n }\n\n /**\n * Adds a parent to this subscription so it can be removed from the parent if it\n * unsubscribes on it's own.\n *\n * NOTE: THIS ASSUMES THAT {@link _hasParent} HAS ALREADY BEEN CHECKED.\n * @param parent The parent subscription to add\n */\n private _addParent(parent: Subscription) {\n const { _parentage } = this;\n this._parentage = Array.isArray(_parentage) ? (_parentage.push(parent), _parentage) : _parentage ? [_parentage, parent] : parent;\n }\n\n /**\n * Called on a child when it is removed via {@link #remove}.\n * @param parent The parent to remove\n */\n private _removeParent(parent: Subscription) {\n const { _parentage } = this;\n if (_parentage === parent) {\n this._parentage = null;\n } else if (Array.isArray(_parentage)) {\n arrRemove(_parentage, parent);\n }\n }\n\n /**\n * Removes a finalizer from this subscription that was previously added with the {@link #add} method.\n *\n * Note that `Subscription` instances, when unsubscribed, will automatically remove themselves\n * from every other `Subscription` they have been added to. This means that using the `remove` method\n * is not a common thing and should be used thoughtfully.\n *\n * If you add the same finalizer instance of a function or an unsubscribable object to a `Subscription` instance\n * more than once, you will need to call `remove` the same number of times to remove all instances.\n *\n * All finalizer instances are removed to free up memory upon unsubscription.\n *\n * @param teardown The finalizer to remove from this subscription\n */\n remove(teardown: Exclude): void {\n const { _finalizers } = this;\n _finalizers && arrRemove(_finalizers, teardown);\n\n if (teardown instanceof Subscription) {\n teardown._removeParent(this);\n }\n }\n}\n\nexport const EMPTY_SUBSCRIPTION = Subscription.EMPTY;\n\nexport function isSubscription(value: any): value is Subscription {\n return (\n value instanceof Subscription ||\n (value && 'closed' in value && isFunction(value.remove) && isFunction(value.add) && isFunction(value.unsubscribe))\n );\n}\n\nfunction execFinalizer(finalizer: Unsubscribable | (() => void)) {\n if (isFunction(finalizer)) {\n finalizer();\n } else {\n finalizer.unsubscribe();\n }\n}\n", "import { Subscriber } from './Subscriber';\nimport { ObservableNotification } from './types';\n\n/**\n * The {@link GlobalConfig} object for RxJS. It is used to configure things\n * like how to react on unhandled errors.\n */\nexport const config: GlobalConfig = {\n onUnhandledError: null,\n onStoppedNotification: null,\n Promise: undefined,\n useDeprecatedSynchronousErrorHandling: false,\n useDeprecatedNextContext: false,\n};\n\n/**\n * The global configuration object for RxJS, used to configure things\n * like how to react on unhandled errors. Accessible via {@link config}\n * object.\n */\nexport interface GlobalConfig {\n /**\n * A registration point for unhandled errors from RxJS. These are errors that\n * cannot were not handled by consuming code in the usual subscription path. For\n * example, if you have this configured, and you subscribe to an observable without\n * providing an error handler, errors from that subscription will end up here. This\n * will _always_ be called asynchronously on another job in the runtime. This is because\n * we do not want errors thrown in this user-configured handler to interfere with the\n * behavior of the library.\n */\n onUnhandledError: ((err: any) => void) | null;\n\n /**\n * A registration point for notifications that cannot be sent to subscribers because they\n * have completed, errored or have been explicitly unsubscribed. By default, next, complete\n * and error notifications sent to stopped subscribers are noops. However, sometimes callers\n * might want a different behavior. For example, with sources that attempt to report errors\n * to stopped subscribers, a caller can configure RxJS to throw an unhandled error instead.\n * This will _always_ be called asynchronously on another job in the runtime. This is because\n * we do not want errors thrown in this user-configured handler to interfere with the\n * behavior of the library.\n */\n onStoppedNotification: ((notification: ObservableNotification, subscriber: Subscriber) => void) | null;\n\n /**\n * The promise constructor used by default for {@link Observable#toPromise toPromise} and {@link Observable#forEach forEach}\n * methods.\n *\n * @deprecated As of version 8, RxJS will no longer support this sort of injection of a\n * Promise constructor. If you need a Promise implementation other than native promises,\n * please polyfill/patch Promise as you see appropriate. Will be removed in v8.\n */\n Promise?: PromiseConstructorLike;\n\n /**\n * If true, turns on synchronous error rethrowing, which is a deprecated behavior\n * in v6 and higher. This behavior enables bad patterns like wrapping a subscribe\n * call in a try/catch block. It also enables producer interference, a nasty bug\n * where a multicast can be broken for all observers by a downstream consumer with\n * an unhandled error. DO NOT USE THIS FLAG UNLESS IT'S NEEDED TO BUY TIME\n * FOR MIGRATION REASONS.\n *\n * @deprecated As of version 8, RxJS will no longer support synchronous throwing\n * of unhandled errors. All errors will be thrown on a separate call stack to prevent bad\n * behaviors described above. Will be removed in v8.\n */\n useDeprecatedSynchronousErrorHandling: boolean;\n\n /**\n * If true, enables an as-of-yet undocumented feature from v5: The ability to access\n * `unsubscribe()` via `this` context in `next` functions created in observers passed\n * to `subscribe`.\n *\n * This is being removed because the performance was severely problematic, and it could also cause\n * issues when types other than POJOs are passed to subscribe as subscribers, as they will likely have\n * their `this` context overwritten.\n *\n * @deprecated As of version 8, RxJS will no longer support altering the\n * context of next functions provided as part of an observer to Subscribe. Instead,\n * you will have access to a subscription or a signal or token that will allow you to do things like\n * unsubscribe and test closed status. Will be removed in v8.\n */\n useDeprecatedNextContext: boolean;\n}\n", "import type { TimerHandle } from './timerHandle';\ntype SetTimeoutFunction = (handler: () => void, timeout?: number, ...args: any[]) => TimerHandle;\ntype ClearTimeoutFunction = (handle: TimerHandle) => void;\n\ninterface TimeoutProvider {\n setTimeout: SetTimeoutFunction;\n clearTimeout: ClearTimeoutFunction;\n delegate:\n | {\n setTimeout: SetTimeoutFunction;\n clearTimeout: ClearTimeoutFunction;\n }\n | undefined;\n}\n\nexport const timeoutProvider: TimeoutProvider = {\n // When accessing the delegate, use the variable rather than `this` so that\n // the functions can be called without being bound to the provider.\n setTimeout(handler: () => void, timeout?: number, ...args) {\n const { delegate } = timeoutProvider;\n if (delegate?.setTimeout) {\n return delegate.setTimeout(handler, timeout, ...args);\n }\n return setTimeout(handler, timeout, ...args);\n },\n clearTimeout(handle) {\n const { delegate } = timeoutProvider;\n return (delegate?.clearTimeout || clearTimeout)(handle as any);\n },\n delegate: undefined,\n};\n", "import { config } from '../config';\nimport { timeoutProvider } from '../scheduler/timeoutProvider';\n\n/**\n * Handles an error on another job either with the user-configured {@link onUnhandledError},\n * or by throwing it on that new job so it can be picked up by `window.onerror`, `process.on('error')`, etc.\n *\n * This should be called whenever there is an error that is out-of-band with the subscription\n * or when an error hits a terminal boundary of the subscription and no error handler was provided.\n *\n * @param err the error to report\n */\nexport function reportUnhandledError(err: any) {\n timeoutProvider.setTimeout(() => {\n const { onUnhandledError } = config;\n if (onUnhandledError) {\n // Execute the user-configured error handler.\n onUnhandledError(err);\n } else {\n // Throw so it is picked up by the runtime's uncaught error mechanism.\n throw err;\n }\n });\n}\n", "/* tslint:disable:no-empty */\nexport function noop() { }\n", "import { CompleteNotification, NextNotification, ErrorNotification } from './types';\n\n/**\n * A completion object optimized for memory use and created to be the\n * same \"shape\" as other notifications in v8.\n * @internal\n */\nexport const COMPLETE_NOTIFICATION = (() => createNotification('C', undefined, undefined) as CompleteNotification)();\n\n/**\n * Internal use only. Creates an optimized error notification that is the same \"shape\"\n * as other notifications.\n * @internal\n */\nexport function errorNotification(error: any): ErrorNotification {\n return createNotification('E', undefined, error) as any;\n}\n\n/**\n * Internal use only. Creates an optimized next notification that is the same \"shape\"\n * as other notifications.\n * @internal\n */\nexport function nextNotification(value: T) {\n return createNotification('N', value, undefined) as NextNotification;\n}\n\n/**\n * Ensures that all notifications created internally have the same \"shape\" in v8.\n *\n * TODO: This is only exported to support a crazy legacy test in `groupBy`.\n * @internal\n */\nexport function createNotification(kind: 'N' | 'E' | 'C', value: any, error: any) {\n return {\n kind,\n value,\n error,\n };\n}\n", "import { config } from '../config';\n\nlet context: { errorThrown: boolean; error: any } | null = null;\n\n/**\n * Handles dealing with errors for super-gross mode. Creates a context, in which\n * any synchronously thrown errors will be passed to {@link captureError}. Which\n * will record the error such that it will be rethrown after the call back is complete.\n * TODO: Remove in v8\n * @param cb An immediately executed function.\n */\nexport function errorContext(cb: () => void) {\n if (config.useDeprecatedSynchronousErrorHandling) {\n const isRoot = !context;\n if (isRoot) {\n context = { errorThrown: false, error: null };\n }\n cb();\n if (isRoot) {\n const { errorThrown, error } = context!;\n context = null;\n if (errorThrown) {\n throw error;\n }\n }\n } else {\n // This is the general non-deprecated path for everyone that\n // isn't crazy enough to use super-gross mode (useDeprecatedSynchronousErrorHandling)\n cb();\n }\n}\n\n/**\n * Captures errors only in super-gross mode.\n * @param err the error to capture\n */\nexport function captureError(err: any) {\n if (config.useDeprecatedSynchronousErrorHandling && context) {\n context.errorThrown = true;\n context.error = err;\n }\n}\n", "import { isFunction } from './util/isFunction';\nimport { Observer, ObservableNotification } from './types';\nimport { isSubscription, Subscription } from './Subscription';\nimport { config } from './config';\nimport { reportUnhandledError } from './util/reportUnhandledError';\nimport { noop } from './util/noop';\nimport { nextNotification, errorNotification, COMPLETE_NOTIFICATION } from './NotificationFactories';\nimport { timeoutProvider } from './scheduler/timeoutProvider';\nimport { captureError } from './util/errorContext';\n\n/**\n * Implements the {@link Observer} interface and extends the\n * {@link Subscription} class. While the {@link Observer} is the public API for\n * consuming the values of an {@link Observable}, all Observers get converted to\n * a Subscriber, in order to provide Subscription-like capabilities such as\n * `unsubscribe`. Subscriber is a common type in RxJS, and crucial for\n * implementing operators, but it is rarely used as a public API.\n *\n * @class Subscriber\n */\nexport class Subscriber extends Subscription implements Observer {\n /**\n * A static factory for a Subscriber, given a (potentially partial) definition\n * of an Observer.\n * @param next The `next` callback of an Observer.\n * @param error The `error` callback of an\n * Observer.\n * @param complete The `complete` callback of an\n * Observer.\n * @return A Subscriber wrapping the (partially defined)\n * Observer represented by the given arguments.\n * @nocollapse\n * @deprecated Do not use. Will be removed in v8. There is no replacement for this\n * method, and there is no reason to be creating instances of `Subscriber` directly.\n * If you have a specific use case, please file an issue.\n */\n static create(next?: (x?: T) => void, error?: (e?: any) => void, complete?: () => void): Subscriber {\n return new SafeSubscriber(next, error, complete);\n }\n\n /** @deprecated Internal implementation detail, do not use directly. Will be made internal in v8. */\n protected isStopped: boolean = false;\n /** @deprecated Internal implementation detail, do not use directly. Will be made internal in v8. */\n protected destination: Subscriber | Observer; // this `any` is the escape hatch to erase extra type param (e.g. R)\n\n /**\n * @deprecated Internal implementation detail, do not use directly. Will be made internal in v8.\n * There is no reason to directly create an instance of Subscriber. This type is exported for typings reasons.\n */\n constructor(destination?: Subscriber | Observer) {\n super();\n if (destination) {\n this.destination = destination;\n // Automatically chain subscriptions together here.\n // if destination is a Subscription, then it is a Subscriber.\n if (isSubscription(destination)) {\n destination.add(this);\n }\n } else {\n this.destination = EMPTY_OBSERVER;\n }\n }\n\n /**\n * The {@link Observer} callback to receive notifications of type `next` from\n * the Observable, with a value. The Observable may call this method 0 or more\n * times.\n * @param {T} [value] The `next` value.\n * @return {void}\n */\n next(value?: T): void {\n if (this.isStopped) {\n handleStoppedNotification(nextNotification(value), this);\n } else {\n this._next(value!);\n }\n }\n\n /**\n * The {@link Observer} callback to receive notifications of type `error` from\n * the Observable, with an attached `Error`. Notifies the Observer that\n * the Observable has experienced an error condition.\n * @param {any} [err] The `error` exception.\n * @return {void}\n */\n error(err?: any): void {\n if (this.isStopped) {\n handleStoppedNotification(errorNotification(err), this);\n } else {\n this.isStopped = true;\n this._error(err);\n }\n }\n\n /**\n * The {@link Observer} callback to receive a valueless notification of type\n * `complete` from the Observable. Notifies the Observer that the Observable\n * has finished sending push-based notifications.\n * @return {void}\n */\n complete(): void {\n if (this.isStopped) {\n handleStoppedNotification(COMPLETE_NOTIFICATION, this);\n } else {\n this.isStopped = true;\n this._complete();\n }\n }\n\n unsubscribe(): void {\n if (!this.closed) {\n this.isStopped = true;\n super.unsubscribe();\n this.destination = null!;\n }\n }\n\n protected _next(value: T): void {\n this.destination.next(value);\n }\n\n protected _error(err: any): void {\n try {\n this.destination.error(err);\n } finally {\n this.unsubscribe();\n }\n }\n\n protected _complete(): void {\n try {\n this.destination.complete();\n } finally {\n this.unsubscribe();\n }\n }\n}\n\n/**\n * This bind is captured here because we want to be able to have\n * compatibility with monoid libraries that tend to use a method named\n * `bind`. In particular, a library called Monio requires this.\n */\nconst _bind = Function.prototype.bind;\n\nfunction bind any>(fn: Fn, thisArg: any): Fn {\n return _bind.call(fn, thisArg);\n}\n\n/**\n * Internal optimization only, DO NOT EXPOSE.\n * @internal\n */\nclass ConsumerObserver implements Observer {\n constructor(private partialObserver: Partial>) {}\n\n next(value: T): void {\n const { partialObserver } = this;\n if (partialObserver.next) {\n try {\n partialObserver.next(value);\n } catch (error) {\n handleUnhandledError(error);\n }\n }\n }\n\n error(err: any): void {\n const { partialObserver } = this;\n if (partialObserver.error) {\n try {\n partialObserver.error(err);\n } catch (error) {\n handleUnhandledError(error);\n }\n } else {\n handleUnhandledError(err);\n }\n }\n\n complete(): void {\n const { partialObserver } = this;\n if (partialObserver.complete) {\n try {\n partialObserver.complete();\n } catch (error) {\n handleUnhandledError(error);\n }\n }\n }\n}\n\nexport class SafeSubscriber extends Subscriber {\n constructor(\n observerOrNext?: Partial> | ((value: T) => void) | null,\n error?: ((e?: any) => void) | null,\n complete?: (() => void) | null\n ) {\n super();\n\n let partialObserver: Partial>;\n if (isFunction(observerOrNext) || !observerOrNext) {\n // The first argument is a function, not an observer. The next\n // two arguments *could* be observers, or they could be empty.\n partialObserver = {\n next: (observerOrNext ?? undefined) as (((value: T) => void) | undefined),\n error: error ?? undefined,\n complete: complete ?? undefined,\n };\n } else {\n // The first argument is a partial observer.\n let context: any;\n if (this && config.useDeprecatedNextContext) {\n // This is a deprecated path that made `this.unsubscribe()` available in\n // next handler functions passed to subscribe. This only exists behind a flag\n // now, as it is *very* slow.\n context = Object.create(observerOrNext);\n context.unsubscribe = () => this.unsubscribe();\n partialObserver = {\n next: observerOrNext.next && bind(observerOrNext.next, context),\n error: observerOrNext.error && bind(observerOrNext.error, context),\n complete: observerOrNext.complete && bind(observerOrNext.complete, context),\n };\n } else {\n // The \"normal\" path. Just use the partial observer directly.\n partialObserver = observerOrNext;\n }\n }\n\n // Wrap the partial observer to ensure it's a full observer, and\n // make sure proper error handling is accounted for.\n this.destination = new ConsumerObserver(partialObserver);\n }\n}\n\nfunction handleUnhandledError(error: any) {\n if (config.useDeprecatedSynchronousErrorHandling) {\n captureError(error);\n } else {\n // Ideal path, we report this as an unhandled error,\n // which is thrown on a new call stack.\n reportUnhandledError(error);\n }\n}\n\n/**\n * An error handler used when no error handler was supplied\n * to the SafeSubscriber -- meaning no error handler was supplied\n * do the `subscribe` call on our observable.\n * @param err The error to handle\n */\nfunction defaultErrorHandler(err: any) {\n throw err;\n}\n\n/**\n * A handler for notifications that cannot be sent to a stopped subscriber.\n * @param notification The notification being sent\n * @param subscriber The stopped subscriber\n */\nfunction handleStoppedNotification(notification: ObservableNotification, subscriber: Subscriber) {\n const { onStoppedNotification } = config;\n onStoppedNotification && timeoutProvider.setTimeout(() => onStoppedNotification(notification, subscriber));\n}\n\n/**\n * The observer used as a stub for subscriptions where the user did not\n * pass any arguments to `subscribe`. Comes with the default error handling\n * behavior.\n */\nexport const EMPTY_OBSERVER: Readonly> & { closed: true } = {\n closed: true,\n next: noop,\n error: defaultErrorHandler,\n complete: noop,\n};\n", "/**\n * Symbol.observable or a string \"@@observable\". Used for interop\n *\n * @deprecated We will no longer be exporting this symbol in upcoming versions of RxJS.\n * Instead polyfill and use Symbol.observable directly *or* use https://www.npmjs.com/package/symbol-observable\n */\nexport const observable: string | symbol = (() => (typeof Symbol === 'function' && Symbol.observable) || '@@observable')();\n", "/**\n * This function takes one parameter and just returns it. Simply put,\n * this is like `(x: T): T => x`.\n *\n * ## Examples\n *\n * This is useful in some cases when using things like `mergeMap`\n *\n * ```ts\n * import { interval, take, map, range, mergeMap, identity } from 'rxjs';\n *\n * const source$ = interval(1000).pipe(take(5));\n *\n * const result$ = source$.pipe(\n * map(i => range(i)),\n * mergeMap(identity) // same as mergeMap(x => x)\n * );\n *\n * result$.subscribe({\n * next: console.log\n * });\n * ```\n *\n * Or when you want to selectively apply an operator\n *\n * ```ts\n * import { interval, take, identity } from 'rxjs';\n *\n * const shouldLimit = () => Math.random() < 0.5;\n *\n * const source$ = interval(1000);\n *\n * const result$ = source$.pipe(shouldLimit() ? take(5) : identity);\n *\n * result$.subscribe({\n * next: console.log\n * });\n * ```\n *\n * @param x Any value that is returned by this function\n * @returns The value passed as the first parameter to this function\n */\nexport function identity(x: T): T {\n return x;\n}\n", "import { identity } from './identity';\nimport { UnaryFunction } from '../types';\n\nexport function pipe(): typeof identity;\nexport function pipe(fn1: UnaryFunction): UnaryFunction;\nexport function pipe(fn1: UnaryFunction, fn2: UnaryFunction): UnaryFunction;\nexport function pipe(fn1: UnaryFunction, fn2: UnaryFunction, fn3: UnaryFunction): UnaryFunction;\nexport function pipe(\n fn1: UnaryFunction,\n fn2: UnaryFunction,\n fn3: UnaryFunction,\n fn4: UnaryFunction\n): UnaryFunction;\nexport function pipe(\n fn1: UnaryFunction,\n fn2: UnaryFunction,\n fn3: UnaryFunction,\n fn4: UnaryFunction,\n fn5: UnaryFunction\n): UnaryFunction;\nexport function pipe(\n fn1: UnaryFunction,\n fn2: UnaryFunction,\n fn3: UnaryFunction,\n fn4: UnaryFunction,\n fn5: UnaryFunction,\n fn6: UnaryFunction\n): UnaryFunction;\nexport function pipe(\n fn1: UnaryFunction,\n fn2: UnaryFunction,\n fn3: UnaryFunction,\n fn4: UnaryFunction,\n fn5: UnaryFunction,\n fn6: UnaryFunction,\n fn7: UnaryFunction\n): UnaryFunction;\nexport function pipe(\n fn1: UnaryFunction,\n fn2: UnaryFunction,\n fn3: UnaryFunction,\n fn4: UnaryFunction,\n fn5: UnaryFunction,\n fn6: UnaryFunction,\n fn7: UnaryFunction,\n fn8: UnaryFunction\n): UnaryFunction;\nexport function pipe(\n fn1: UnaryFunction,\n fn2: UnaryFunction,\n fn3: UnaryFunction,\n fn4: UnaryFunction,\n fn5: UnaryFunction,\n fn6: UnaryFunction,\n fn7: UnaryFunction,\n fn8: UnaryFunction,\n fn9: UnaryFunction\n): UnaryFunction;\nexport function pipe(\n fn1: UnaryFunction,\n fn2: UnaryFunction,\n fn3: UnaryFunction,\n fn4: UnaryFunction,\n fn5: UnaryFunction,\n fn6: UnaryFunction,\n fn7: UnaryFunction,\n fn8: UnaryFunction,\n fn9: UnaryFunction,\n ...fns: UnaryFunction[]\n): UnaryFunction;\n\n/**\n * pipe() can be called on one or more functions, each of which can take one argument (\"UnaryFunction\")\n * and uses it to return a value.\n * It returns a function that takes one argument, passes it to the first UnaryFunction, and then\n * passes the result to the next one, passes that result to the next one, and so on. \n */\nexport function pipe(...fns: Array>): UnaryFunction {\n return pipeFromArray(fns);\n}\n\n/** @internal */\nexport function pipeFromArray(fns: Array>): UnaryFunction {\n if (fns.length === 0) {\n return identity as UnaryFunction;\n }\n\n if (fns.length === 1) {\n return fns[0];\n }\n\n return function piped(input: T): R {\n return fns.reduce((prev: any, fn: UnaryFunction) => fn(prev), input as any);\n };\n}\n", "import { Operator } from './Operator';\nimport { SafeSubscriber, Subscriber } from './Subscriber';\nimport { isSubscription, Subscription } from './Subscription';\nimport { TeardownLogic, OperatorFunction, Subscribable, Observer } from './types';\nimport { observable as Symbol_observable } from './symbol/observable';\nimport { pipeFromArray } from './util/pipe';\nimport { config } from './config';\nimport { isFunction } from './util/isFunction';\nimport { errorContext } from './util/errorContext';\n\n/**\n * A representation of any set of values over any amount of time. This is the most basic building block\n * of RxJS.\n *\n * @class Observable\n */\nexport class Observable implements Subscribable {\n /**\n * @deprecated Internal implementation detail, do not use directly. Will be made internal in v8.\n */\n source: Observable | undefined;\n\n /**\n * @deprecated Internal implementation detail, do not use directly. Will be made internal in v8.\n */\n operator: Operator | undefined;\n\n /**\n * @constructor\n * @param {Function} subscribe the function that is called when the Observable is\n * initially subscribed to. This function is given a Subscriber, to which new values\n * can be `next`ed, or an `error` method can be called to raise an error, or\n * `complete` can be called to notify of a successful completion.\n */\n constructor(subscribe?: (this: Observable, subscriber: Subscriber) => TeardownLogic) {\n if (subscribe) {\n this._subscribe = subscribe;\n }\n }\n\n // HACK: Since TypeScript inherits static properties too, we have to\n // fight against TypeScript here so Subject can have a different static create signature\n /**\n * Creates a new Observable by calling the Observable constructor\n * @owner Observable\n * @method create\n * @param {Function} subscribe? the subscriber function to be passed to the Observable constructor\n * @return {Observable} a new observable\n * @nocollapse\n * @deprecated Use `new Observable()` instead. Will be removed in v8.\n */\n static create: (...args: any[]) => any = (subscribe?: (subscriber: Subscriber) => TeardownLogic) => {\n return new Observable(subscribe);\n };\n\n /**\n * Creates a new Observable, with this Observable instance as the source, and the passed\n * operator defined as the new observable's operator.\n * @method lift\n * @param operator the operator defining the operation to take on the observable\n * @return a new observable with the Operator applied\n * @deprecated Internal implementation detail, do not use directly. Will be made internal in v8.\n * If you have implemented an operator using `lift`, it is recommended that you create an\n * operator by simply returning `new Observable()` directly. See \"Creating new operators from\n * scratch\" section here: https://rxjs.dev/guide/operators\n */\n lift(operator?: Operator): Observable {\n const observable = new Observable();\n observable.source = this;\n observable.operator = operator;\n return observable;\n }\n\n subscribe(observerOrNext?: Partial> | ((value: T) => void)): Subscription;\n /** @deprecated Instead of passing separate callback arguments, use an observer argument. Signatures taking separate callback arguments will be removed in v8. Details: https://rxjs.dev/deprecations/subscribe-arguments */\n subscribe(next?: ((value: T) => void) | null, error?: ((error: any) => void) | null, complete?: (() => void) | null): Subscription;\n /**\n * Invokes an execution of an Observable and registers Observer handlers for notifications it will emit.\n *\n * Use it when you have all these Observables, but still nothing is happening.\n *\n * `subscribe` is not a regular operator, but a method that calls Observable's internal `subscribe` function. It\n * might be for example a function that you passed to Observable's constructor, but most of the time it is\n * a library implementation, which defines what will be emitted by an Observable, and when it be will emitted. This means\n * that calling `subscribe` is actually the moment when Observable starts its work, not when it is created, as it is often\n * the thought.\n *\n * Apart from starting the execution of an Observable, this method allows you to listen for values\n * that an Observable emits, as well as for when it completes or errors. You can achieve this in two\n * of the following ways.\n *\n * The first way is creating an object that implements {@link Observer} interface. It should have methods\n * defined by that interface, but note that it should be just a regular JavaScript object, which you can create\n * yourself in any way you want (ES6 class, classic function constructor, object literal etc.). In particular, do\n * not attempt to use any RxJS implementation details to create Observers - you don't need them. Remember also\n * that your object does not have to implement all methods. If you find yourself creating a method that doesn't\n * do anything, you can simply omit it. Note however, if the `error` method is not provided and an error happens,\n * it will be thrown asynchronously. Errors thrown asynchronously cannot be caught using `try`/`catch`. Instead,\n * use the {@link onUnhandledError} configuration option or use a runtime handler (like `window.onerror` or\n * `process.on('error)`) to be notified of unhandled errors. Because of this, it's recommended that you provide\n * an `error` method to avoid missing thrown errors.\n *\n * The second way is to give up on Observer object altogether and simply provide callback functions in place of its methods.\n * This means you can provide three functions as arguments to `subscribe`, where the first function is equivalent\n * of a `next` method, the second of an `error` method and the third of a `complete` method. Just as in case of an Observer,\n * if you do not need to listen for something, you can omit a function by passing `undefined` or `null`,\n * since `subscribe` recognizes these functions by where they were placed in function call. When it comes\n * to the `error` function, as with an Observer, if not provided, errors emitted by an Observable will be thrown asynchronously.\n *\n * You can, however, subscribe with no parameters at all. This may be the case where you're not interested in terminal events\n * and you also handled emissions internally by using operators (e.g. using `tap`).\n *\n * Whichever style of calling `subscribe` you use, in both cases it returns a Subscription object.\n * This object allows you to call `unsubscribe` on it, which in turn will stop the work that an Observable does and will clean\n * up all resources that an Observable used. Note that cancelling a subscription will not call `complete` callback\n * provided to `subscribe` function, which is reserved for a regular completion signal that comes from an Observable.\n *\n * Remember that callbacks provided to `subscribe` are not guaranteed to be called asynchronously.\n * It is an Observable itself that decides when these functions will be called. For example {@link of}\n * by default emits all its values synchronously. Always check documentation for how given Observable\n * will behave when subscribed and if its default behavior can be modified with a `scheduler`.\n *\n * #### Examples\n *\n * Subscribe with an {@link guide/observer Observer}\n *\n * ```ts\n * import { of } from 'rxjs';\n *\n * const sumObserver = {\n * sum: 0,\n * next(value) {\n * console.log('Adding: ' + value);\n * this.sum = this.sum + value;\n * },\n * error() {\n * // We actually could just remove this method,\n * // since we do not really care about errors right now.\n * },\n * complete() {\n * console.log('Sum equals: ' + this.sum);\n * }\n * };\n *\n * of(1, 2, 3) // Synchronously emits 1, 2, 3 and then completes.\n * .subscribe(sumObserver);\n *\n * // Logs:\n * // 'Adding: 1'\n * // 'Adding: 2'\n * // 'Adding: 3'\n * // 'Sum equals: 6'\n * ```\n *\n * Subscribe with functions ({@link deprecations/subscribe-arguments deprecated})\n *\n * ```ts\n * import { of } from 'rxjs'\n *\n * let sum = 0;\n *\n * of(1, 2, 3).subscribe(\n * value => {\n * console.log('Adding: ' + value);\n * sum = sum + value;\n * },\n * undefined,\n * () => console.log('Sum equals: ' + sum)\n * );\n *\n * // Logs:\n * // 'Adding: 1'\n * // 'Adding: 2'\n * // 'Adding: 3'\n * // 'Sum equals: 6'\n * ```\n *\n * Cancel a subscription\n *\n * ```ts\n * import { interval } from 'rxjs';\n *\n * const subscription = interval(1000).subscribe({\n * next(num) {\n * console.log(num)\n * },\n * complete() {\n * // Will not be called, even when cancelling subscription.\n * console.log('completed!');\n * }\n * });\n *\n * setTimeout(() => {\n * subscription.unsubscribe();\n * console.log('unsubscribed!');\n * }, 2500);\n *\n * // Logs:\n * // 0 after 1s\n * // 1 after 2s\n * // 'unsubscribed!' after 2.5s\n * ```\n *\n * @param {Observer|Function} observerOrNext (optional) Either an observer with methods to be called,\n * or the first of three possible handlers, which is the handler for each value emitted from the subscribed\n * Observable.\n * @param {Function} error (optional) A handler for a terminal event resulting from an error. If no error handler is provided,\n * the error will be thrown asynchronously as unhandled.\n * @param {Function} complete (optional) A handler for a terminal event resulting from successful completion.\n * @return {Subscription} a subscription reference to the registered handlers\n * @method subscribe\n */\n subscribe(\n observerOrNext?: Partial> | ((value: T) => void) | null,\n error?: ((error: any) => void) | null,\n complete?: (() => void) | null\n ): Subscription {\n const subscriber = isSubscriber(observerOrNext) ? observerOrNext : new SafeSubscriber(observerOrNext, error, complete);\n\n errorContext(() => {\n const { operator, source } = this;\n subscriber.add(\n operator\n ? // We're dealing with a subscription in the\n // operator chain to one of our lifted operators.\n operator.call(subscriber, source)\n : source\n ? // If `source` has a value, but `operator` does not, something that\n // had intimate knowledge of our API, like our `Subject`, must have\n // set it. We're going to just call `_subscribe` directly.\n this._subscribe(subscriber)\n : // In all other cases, we're likely wrapping a user-provided initializer\n // function, so we need to catch errors and handle them appropriately.\n this._trySubscribe(subscriber)\n );\n });\n\n return subscriber;\n }\n\n /** @internal */\n protected _trySubscribe(sink: Subscriber): TeardownLogic {\n try {\n return this._subscribe(sink);\n } catch (err) {\n // We don't need to return anything in this case,\n // because it's just going to try to `add()` to a subscription\n // above.\n sink.error(err);\n }\n }\n\n /**\n * Used as a NON-CANCELLABLE means of subscribing to an observable, for use with\n * APIs that expect promises, like `async/await`. You cannot unsubscribe from this.\n *\n * **WARNING**: Only use this with observables you *know* will complete. If the source\n * observable does not complete, you will end up with a promise that is hung up, and\n * potentially all of the state of an async function hanging out in memory. To avoid\n * this situation, look into adding something like {@link timeout}, {@link take},\n * {@link takeWhile}, or {@link takeUntil} amongst others.\n *\n * #### Example\n *\n * ```ts\n * import { interval, take } from 'rxjs';\n *\n * const source$ = interval(1000).pipe(take(4));\n *\n * async function getTotal() {\n * let total = 0;\n *\n * await source$.forEach(value => {\n * total += value;\n * console.log('observable -> ' + value);\n * });\n *\n * return total;\n * }\n *\n * getTotal().then(\n * total => console.log('Total: ' + total)\n * );\n *\n * // Expected:\n * // 'observable -> 0'\n * // 'observable -> 1'\n * // 'observable -> 2'\n * // 'observable -> 3'\n * // 'Total: 6'\n * ```\n *\n * @param next a handler for each value emitted by the observable\n * @return a promise that either resolves on observable completion or\n * rejects with the handled error\n */\n forEach(next: (value: T) => void): Promise;\n\n /**\n * @param next a handler for each value emitted by the observable\n * @param promiseCtor a constructor function used to instantiate the Promise\n * @return a promise that either resolves on observable completion or\n * rejects with the handled error\n * @deprecated Passing a Promise constructor will no longer be available\n * in upcoming versions of RxJS. This is because it adds weight to the library, for very\n * little benefit. If you need this functionality, it is recommended that you either\n * polyfill Promise, or you create an adapter to convert the returned native promise\n * to whatever promise implementation you wanted. Will be removed in v8.\n */\n forEach(next: (value: T) => void, promiseCtor: PromiseConstructorLike): Promise;\n\n forEach(next: (value: T) => void, promiseCtor?: PromiseConstructorLike): Promise {\n promiseCtor = getPromiseCtor(promiseCtor);\n\n return new promiseCtor((resolve, reject) => {\n const subscriber = new SafeSubscriber({\n next: (value) => {\n try {\n next(value);\n } catch (err) {\n reject(err);\n subscriber.unsubscribe();\n }\n },\n error: reject,\n complete: resolve,\n });\n this.subscribe(subscriber);\n }) as Promise;\n }\n\n /** @internal */\n protected _subscribe(subscriber: Subscriber): TeardownLogic {\n return this.source?.subscribe(subscriber);\n }\n\n /**\n * An interop point defined by the es7-observable spec https://github.com/zenparsing/es-observable\n * @method Symbol.observable\n * @return {Observable} this instance of the observable\n */\n [Symbol_observable]() {\n return this;\n }\n\n /* tslint:disable:max-line-length */\n pipe(): Observable;\n pipe(op1: OperatorFunction): Observable;\n pipe(op1: OperatorFunction, op2: OperatorFunction): Observable;\n pipe(op1: OperatorFunction, op2: OperatorFunction, op3: OperatorFunction): Observable;\n pipe(\n op1: OperatorFunction,\n op2: OperatorFunction,\n op3: OperatorFunction,\n op4: OperatorFunction\n ): Observable;\n pipe(\n op1: OperatorFunction,\n op2: OperatorFunction,\n op3: OperatorFunction,\n op4: OperatorFunction,\n op5: OperatorFunction\n ): Observable;\n pipe(\n op1: OperatorFunction,\n op2: OperatorFunction,\n op3: OperatorFunction,\n op4: OperatorFunction,\n op5: OperatorFunction,\n op6: OperatorFunction\n ): Observable;\n pipe(\n op1: OperatorFunction,\n op2: OperatorFunction,\n op3: OperatorFunction,\n op4: OperatorFunction,\n op5: OperatorFunction,\n op6: OperatorFunction,\n op7: OperatorFunction\n ): Observable;\n pipe(\n op1: OperatorFunction,\n op2: OperatorFunction,\n op3: OperatorFunction,\n op4: OperatorFunction,\n op5: OperatorFunction,\n op6: OperatorFunction,\n op7: OperatorFunction,\n op8: OperatorFunction\n ): Observable;\n pipe(\n op1: OperatorFunction,\n op2: OperatorFunction,\n op3: OperatorFunction,\n op4: OperatorFunction,\n op5: OperatorFunction,\n op6: OperatorFunction,\n op7: OperatorFunction,\n op8: OperatorFunction,\n op9: OperatorFunction\n ): Observable;\n pipe(\n op1: OperatorFunction,\n op2: OperatorFunction,\n op3: OperatorFunction,\n op4: OperatorFunction,\n op5: OperatorFunction,\n op6: OperatorFunction,\n op7: OperatorFunction,\n op8: OperatorFunction,\n op9: OperatorFunction,\n ...operations: OperatorFunction[]\n ): Observable;\n /* tslint:enable:max-line-length */\n\n /**\n * Used to stitch together functional operators into a chain.\n * @method pipe\n * @return {Observable} the Observable result of all of the operators having\n * been called in the order they were passed in.\n *\n * ## Example\n *\n * ```ts\n * import { interval, filter, map, scan } from 'rxjs';\n *\n * interval(1000)\n * .pipe(\n * filter(x => x % 2 === 0),\n * map(x => x + x),\n * scan((acc, x) => acc + x)\n * )\n * .subscribe(x => console.log(x));\n * ```\n */\n pipe(...operations: OperatorFunction[]): Observable {\n return pipeFromArray(operations)(this);\n }\n\n /* tslint:disable:max-line-length */\n /** @deprecated Replaced with {@link firstValueFrom} and {@link lastValueFrom}. Will be removed in v8. Details: https://rxjs.dev/deprecations/to-promise */\n toPromise(): Promise;\n /** @deprecated Replaced with {@link firstValueFrom} and {@link lastValueFrom}. Will be removed in v8. Details: https://rxjs.dev/deprecations/to-promise */\n toPromise(PromiseCtor: typeof Promise): Promise;\n /** @deprecated Replaced with {@link firstValueFrom} and {@link lastValueFrom}. Will be removed in v8. Details: https://rxjs.dev/deprecations/to-promise */\n toPromise(PromiseCtor: PromiseConstructorLike): Promise;\n /* tslint:enable:max-line-length */\n\n /**\n * Subscribe to this Observable and get a Promise resolving on\n * `complete` with the last emission (if any).\n *\n * **WARNING**: Only use this with observables you *know* will complete. If the source\n * observable does not complete, you will end up with a promise that is hung up, and\n * potentially all of the state of an async function hanging out in memory. To avoid\n * this situation, look into adding something like {@link timeout}, {@link take},\n * {@link takeWhile}, or {@link takeUntil} amongst others.\n *\n * @method toPromise\n * @param [promiseCtor] a constructor function used to instantiate\n * the Promise\n * @return A Promise that resolves with the last value emit, or\n * rejects on an error. If there were no emissions, Promise\n * resolves with undefined.\n * @deprecated Replaced with {@link firstValueFrom} and {@link lastValueFrom}. Will be removed in v8. Details: https://rxjs.dev/deprecations/to-promise\n */\n toPromise(promiseCtor?: PromiseConstructorLike): Promise {\n promiseCtor = getPromiseCtor(promiseCtor);\n\n return new promiseCtor((resolve, reject) => {\n let value: T | undefined;\n this.subscribe(\n (x: T) => (value = x),\n (err: any) => reject(err),\n () => resolve(value)\n );\n }) as Promise;\n }\n}\n\n/**\n * Decides between a passed promise constructor from consuming code,\n * A default configured promise constructor, and the native promise\n * constructor and returns it. If nothing can be found, it will throw\n * an error.\n * @param promiseCtor The optional promise constructor to passed by consuming code\n */\nfunction getPromiseCtor(promiseCtor: PromiseConstructorLike | undefined) {\n return promiseCtor ?? config.Promise ?? Promise;\n}\n\nfunction isObserver(value: any): value is Observer {\n return value && isFunction(value.next) && isFunction(value.error) && isFunction(value.complete);\n}\n\nfunction isSubscriber(value: any): value is Subscriber {\n return (value && value instanceof Subscriber) || (isObserver(value) && isSubscription(value));\n}\n", "import { Observable } from '../Observable';\nimport { Subscriber } from '../Subscriber';\nimport { OperatorFunction } from '../types';\nimport { isFunction } from './isFunction';\n\n/**\n * Used to determine if an object is an Observable with a lift function.\n */\nexport function hasLift(source: any): source is { lift: InstanceType['lift'] } {\n return isFunction(source?.lift);\n}\n\n/**\n * Creates an `OperatorFunction`. Used to define operators throughout the library in a concise way.\n * @param init The logic to connect the liftedSource to the subscriber at the moment of subscription.\n */\nexport function operate(\n init: (liftedSource: Observable, subscriber: Subscriber) => (() => void) | void\n): OperatorFunction {\n return (source: Observable) => {\n if (hasLift(source)) {\n return source.lift(function (this: Subscriber, liftedSource: Observable) {\n try {\n return init(liftedSource, this);\n } catch (err) {\n this.error(err);\n }\n });\n }\n throw new TypeError('Unable to lift unknown Observable type');\n };\n}\n", "import { Subscriber } from '../Subscriber';\n\n/**\n * Creates an instance of an `OperatorSubscriber`.\n * @param destination The downstream subscriber.\n * @param onNext Handles next values, only called if this subscriber is not stopped or closed. Any\n * error that occurs in this function is caught and sent to the `error` method of this subscriber.\n * @param onError Handles errors from the subscription, any errors that occur in this handler are caught\n * and send to the `destination` error handler.\n * @param onComplete Handles completion notification from the subscription. Any errors that occur in\n * this handler are sent to the `destination` error handler.\n * @param onFinalize Additional teardown logic here. This will only be called on teardown if the\n * subscriber itself is not already closed. This is called after all other teardown logic is executed.\n */\nexport function createOperatorSubscriber(\n destination: Subscriber,\n onNext?: (value: T) => void,\n onComplete?: () => void,\n onError?: (err: any) => void,\n onFinalize?: () => void\n): Subscriber {\n return new OperatorSubscriber(destination, onNext, onComplete, onError, onFinalize);\n}\n\n/**\n * A generic helper for allowing operators to be created with a Subscriber and\n * use closures to capture necessary state from the operator function itself.\n */\nexport class OperatorSubscriber extends Subscriber {\n /**\n * Creates an instance of an `OperatorSubscriber`.\n * @param destination The downstream subscriber.\n * @param onNext Handles next values, only called if this subscriber is not stopped or closed. Any\n * error that occurs in this function is caught and sent to the `error` method of this subscriber.\n * @param onError Handles errors from the subscription, any errors that occur in this handler are caught\n * and send to the `destination` error handler.\n * @param onComplete Handles completion notification from the subscription. Any errors that occur in\n * this handler are sent to the `destination` error handler.\n * @param onFinalize Additional finalization logic here. This will only be called on finalization if the\n * subscriber itself is not already closed. This is called after all other finalization logic is executed.\n * @param shouldUnsubscribe An optional check to see if an unsubscribe call should truly unsubscribe.\n * NOTE: This currently **ONLY** exists to support the strange behavior of {@link groupBy}, where unsubscription\n * to the resulting observable does not actually disconnect from the source if there are active subscriptions\n * to any grouped observable. (DO NOT EXPOSE OR USE EXTERNALLY!!!)\n */\n constructor(\n destination: Subscriber,\n onNext?: (value: T) => void,\n onComplete?: () => void,\n onError?: (err: any) => void,\n private onFinalize?: () => void,\n private shouldUnsubscribe?: () => boolean\n ) {\n // It's important - for performance reasons - that all of this class's\n // members are initialized and that they are always initialized in the same\n // order. This will ensure that all OperatorSubscriber instances have the\n // same hidden class in V8. This, in turn, will help keep the number of\n // hidden classes involved in property accesses within the base class as\n // low as possible. If the number of hidden classes involved exceeds four,\n // the property accesses will become megamorphic and performance penalties\n // will be incurred - i.e. inline caches won't be used.\n //\n // The reasons for ensuring all instances have the same hidden class are\n // further discussed in this blog post from Benedikt Meurer:\n // https://benediktmeurer.de/2018/03/23/impact-of-polymorphism-on-component-based-frameworks-like-react/\n super(destination);\n this._next = onNext\n ? function (this: OperatorSubscriber, value: T) {\n try {\n onNext(value);\n } catch (err) {\n destination.error(err);\n }\n }\n : super._next;\n this._error = onError\n ? function (this: OperatorSubscriber, err: any) {\n try {\n onError(err);\n } catch (err) {\n // Send any errors that occur down stream.\n destination.error(err);\n } finally {\n // Ensure finalization.\n this.unsubscribe();\n }\n }\n : super._error;\n this._complete = onComplete\n ? function (this: OperatorSubscriber) {\n try {\n onComplete();\n } catch (err) {\n // Send any errors that occur down stream.\n destination.error(err);\n } finally {\n // Ensure finalization.\n this.unsubscribe();\n }\n }\n : super._complete;\n }\n\n unsubscribe() {\n if (!this.shouldUnsubscribe || this.shouldUnsubscribe()) {\n const { closed } = this;\n super.unsubscribe();\n // Execute additional teardown if we have any and we didn't already do so.\n !closed && this.onFinalize?.();\n }\n }\n}\n", "import { Subscription } from '../Subscription';\n\ninterface AnimationFrameProvider {\n schedule(callback: FrameRequestCallback): Subscription;\n requestAnimationFrame: typeof requestAnimationFrame;\n cancelAnimationFrame: typeof cancelAnimationFrame;\n delegate:\n | {\n requestAnimationFrame: typeof requestAnimationFrame;\n cancelAnimationFrame: typeof cancelAnimationFrame;\n }\n | undefined;\n}\n\nexport const animationFrameProvider: AnimationFrameProvider = {\n // When accessing the delegate, use the variable rather than `this` so that\n // the functions can be called without being bound to the provider.\n schedule(callback) {\n let request = requestAnimationFrame;\n let cancel: typeof cancelAnimationFrame | undefined = cancelAnimationFrame;\n const { delegate } = animationFrameProvider;\n if (delegate) {\n request = delegate.requestAnimationFrame;\n cancel = delegate.cancelAnimationFrame;\n }\n const handle = request((timestamp) => {\n // Clear the cancel function. The request has been fulfilled, so\n // attempting to cancel the request upon unsubscription would be\n // pointless.\n cancel = undefined;\n callback(timestamp);\n });\n return new Subscription(() => cancel?.(handle));\n },\n requestAnimationFrame(...args) {\n const { delegate } = animationFrameProvider;\n return (delegate?.requestAnimationFrame || requestAnimationFrame)(...args);\n },\n cancelAnimationFrame(...args) {\n const { delegate } = animationFrameProvider;\n return (delegate?.cancelAnimationFrame || cancelAnimationFrame)(...args);\n },\n delegate: undefined,\n};\n", "import { createErrorClass } from './createErrorClass';\n\nexport interface ObjectUnsubscribedError extends Error {}\n\nexport interface ObjectUnsubscribedErrorCtor {\n /**\n * @deprecated Internal implementation detail. Do not construct error instances.\n * Cannot be tagged as internal: https://github.com/ReactiveX/rxjs/issues/6269\n */\n new (): ObjectUnsubscribedError;\n}\n\n/**\n * An error thrown when an action is invalid because the object has been\n * unsubscribed.\n *\n * @see {@link Subject}\n * @see {@link BehaviorSubject}\n *\n * @class ObjectUnsubscribedError\n */\nexport const ObjectUnsubscribedError: ObjectUnsubscribedErrorCtor = createErrorClass(\n (_super) =>\n function ObjectUnsubscribedErrorImpl(this: any) {\n _super(this);\n this.name = 'ObjectUnsubscribedError';\n this.message = 'object unsubscribed';\n }\n);\n", "import { Operator } from './Operator';\nimport { Observable } from './Observable';\nimport { Subscriber } from './Subscriber';\nimport { Subscription, EMPTY_SUBSCRIPTION } from './Subscription';\nimport { Observer, SubscriptionLike, TeardownLogic } from './types';\nimport { ObjectUnsubscribedError } from './util/ObjectUnsubscribedError';\nimport { arrRemove } from './util/arrRemove';\nimport { errorContext } from './util/errorContext';\n\n/**\n * A Subject is a special type of Observable that allows values to be\n * multicasted to many Observers. Subjects are like EventEmitters.\n *\n * Every Subject is an Observable and an Observer. You can subscribe to a\n * Subject, and you can call next to feed values as well as error and complete.\n */\nexport class Subject extends Observable implements SubscriptionLike {\n closed = false;\n\n private currentObservers: Observer[] | null = null;\n\n /** @deprecated Internal implementation detail, do not use directly. Will be made internal in v8. */\n observers: Observer[] = [];\n /** @deprecated Internal implementation detail, do not use directly. Will be made internal in v8. */\n isStopped = false;\n /** @deprecated Internal implementation detail, do not use directly. Will be made internal in v8. */\n hasError = false;\n /** @deprecated Internal implementation detail, do not use directly. Will be made internal in v8. */\n thrownError: any = null;\n\n /**\n * Creates a \"subject\" by basically gluing an observer to an observable.\n *\n * @nocollapse\n * @deprecated Recommended you do not use. Will be removed at some point in the future. Plans for replacement still under discussion.\n */\n static create: (...args: any[]) => any = (destination: Observer, source: Observable): AnonymousSubject => {\n return new AnonymousSubject(destination, source);\n };\n\n constructor() {\n // NOTE: This must be here to obscure Observable's constructor.\n super();\n }\n\n /** @deprecated Internal implementation detail, do not use directly. Will be made internal in v8. */\n lift(operator: Operator): Observable {\n const subject = new AnonymousSubject(this, this);\n subject.operator = operator as any;\n return subject as any;\n }\n\n /** @internal */\n protected _throwIfClosed() {\n if (this.closed) {\n throw new ObjectUnsubscribedError();\n }\n }\n\n next(value: T) {\n errorContext(() => {\n this._throwIfClosed();\n if (!this.isStopped) {\n if (!this.currentObservers) {\n this.currentObservers = Array.from(this.observers);\n }\n for (const observer of this.currentObservers) {\n observer.next(value);\n }\n }\n });\n }\n\n error(err: any) {\n errorContext(() => {\n this._throwIfClosed();\n if (!this.isStopped) {\n this.hasError = this.isStopped = true;\n this.thrownError = err;\n const { observers } = this;\n while (observers.length) {\n observers.shift()!.error(err);\n }\n }\n });\n }\n\n complete() {\n errorContext(() => {\n this._throwIfClosed();\n if (!this.isStopped) {\n this.isStopped = true;\n const { observers } = this;\n while (observers.length) {\n observers.shift()!.complete();\n }\n }\n });\n }\n\n unsubscribe() {\n this.isStopped = this.closed = true;\n this.observers = this.currentObservers = null!;\n }\n\n get observed() {\n return this.observers?.length > 0;\n }\n\n /** @internal */\n protected _trySubscribe(subscriber: Subscriber): TeardownLogic {\n this._throwIfClosed();\n return super._trySubscribe(subscriber);\n }\n\n /** @internal */\n protected _subscribe(subscriber: Subscriber): Subscription {\n this._throwIfClosed();\n this._checkFinalizedStatuses(subscriber);\n return this._innerSubscribe(subscriber);\n }\n\n /** @internal */\n protected _innerSubscribe(subscriber: Subscriber) {\n const { hasError, isStopped, observers } = this;\n if (hasError || isStopped) {\n return EMPTY_SUBSCRIPTION;\n }\n this.currentObservers = null;\n observers.push(subscriber);\n return new Subscription(() => {\n this.currentObservers = null;\n arrRemove(observers, subscriber);\n });\n }\n\n /** @internal */\n protected _checkFinalizedStatuses(subscriber: Subscriber) {\n const { hasError, thrownError, isStopped } = this;\n if (hasError) {\n subscriber.error(thrownError);\n } else if (isStopped) {\n subscriber.complete();\n }\n }\n\n /**\n * Creates a new Observable with this Subject as the source. You can do this\n * to create custom Observer-side logic of the Subject and conceal it from\n * code that uses the Observable.\n * @return {Observable} Observable that the Subject casts to\n */\n asObservable(): Observable {\n const observable: any = new Observable();\n observable.source = this;\n return observable;\n }\n}\n\n/**\n * @class AnonymousSubject\n */\nexport class AnonymousSubject extends Subject {\n constructor(\n /** @deprecated Internal implementation detail, do not use directly. Will be made internal in v8. */\n public destination?: Observer,\n source?: Observable\n ) {\n super();\n this.source = source;\n }\n\n next(value: T) {\n this.destination?.next?.(value);\n }\n\n error(err: any) {\n this.destination?.error?.(err);\n }\n\n complete() {\n this.destination?.complete?.();\n }\n\n /** @internal */\n protected _subscribe(subscriber: Subscriber): Subscription {\n return this.source?.subscribe(subscriber) ?? EMPTY_SUBSCRIPTION;\n }\n}\n", "import { TimestampProvider } from '../types';\n\ninterface DateTimestampProvider extends TimestampProvider {\n delegate: TimestampProvider | undefined;\n}\n\nexport const dateTimestampProvider: DateTimestampProvider = {\n now() {\n // Use the variable rather than `this` so that the function can be called\n // without being bound to the provider.\n return (dateTimestampProvider.delegate || Date).now();\n },\n delegate: undefined,\n};\n", "import { Subject } from './Subject';\nimport { TimestampProvider } from './types';\nimport { Subscriber } from './Subscriber';\nimport { Subscription } from './Subscription';\nimport { dateTimestampProvider } from './scheduler/dateTimestampProvider';\n\n/**\n * A variant of {@link Subject} that \"replays\" old values to new subscribers by emitting them when they first subscribe.\n *\n * `ReplaySubject` has an internal buffer that will store a specified number of values that it has observed. Like `Subject`,\n * `ReplaySubject` \"observes\" values by having them passed to its `next` method. When it observes a value, it will store that\n * value for a time determined by the configuration of the `ReplaySubject`, as passed to its constructor.\n *\n * When a new subscriber subscribes to the `ReplaySubject` instance, it will synchronously emit all values in its buffer in\n * a First-In-First-Out (FIFO) manner. The `ReplaySubject` will also complete, if it has observed completion; and it will\n * error if it has observed an error.\n *\n * There are two main configuration items to be concerned with:\n *\n * 1. `bufferSize` - This will determine how many items are stored in the buffer, defaults to infinite.\n * 2. `windowTime` - The amount of time to hold a value in the buffer before removing it from the buffer.\n *\n * Both configurations may exist simultaneously. So if you would like to buffer a maximum of 3 values, as long as the values\n * are less than 2 seconds old, you could do so with a `new ReplaySubject(3, 2000)`.\n *\n * ### Differences with BehaviorSubject\n *\n * `BehaviorSubject` is similar to `new ReplaySubject(1)`, with a couple of exceptions:\n *\n * 1. `BehaviorSubject` comes \"primed\" with a single value upon construction.\n * 2. `ReplaySubject` will replay values, even after observing an error, where `BehaviorSubject` will not.\n *\n * @see {@link Subject}\n * @see {@link BehaviorSubject}\n * @see {@link shareReplay}\n */\nexport class ReplaySubject extends Subject {\n private _buffer: (T | number)[] = [];\n private _infiniteTimeWindow = true;\n\n /**\n * @param bufferSize The size of the buffer to replay on subscription\n * @param windowTime The amount of time the buffered items will stay buffered\n * @param timestampProvider An object with a `now()` method that provides the current timestamp. This is used to\n * calculate the amount of time something has been buffered.\n */\n constructor(\n private _bufferSize = Infinity,\n private _windowTime = Infinity,\n private _timestampProvider: TimestampProvider = dateTimestampProvider\n ) {\n super();\n this._infiniteTimeWindow = _windowTime === Infinity;\n this._bufferSize = Math.max(1, _bufferSize);\n this._windowTime = Math.max(1, _windowTime);\n }\n\n next(value: T): void {\n const { isStopped, _buffer, _infiniteTimeWindow, _timestampProvider, _windowTime } = this;\n if (!isStopped) {\n _buffer.push(value);\n !_infiniteTimeWindow && _buffer.push(_timestampProvider.now() + _windowTime);\n }\n this._trimBuffer();\n super.next(value);\n }\n\n /** @internal */\n protected _subscribe(subscriber: Subscriber): Subscription {\n this._throwIfClosed();\n this._trimBuffer();\n\n const subscription = this._innerSubscribe(subscriber);\n\n const { _infiniteTimeWindow, _buffer } = this;\n // We use a copy here, so reentrant code does not mutate our array while we're\n // emitting it to a new subscriber.\n const copy = _buffer.slice();\n for (let i = 0; i < copy.length && !subscriber.closed; i += _infiniteTimeWindow ? 1 : 2) {\n subscriber.next(copy[i] as T);\n }\n\n this._checkFinalizedStatuses(subscriber);\n\n return subscription;\n }\n\n private _trimBuffer() {\n const { _bufferSize, _timestampProvider, _buffer, _infiniteTimeWindow } = this;\n // If we don't have an infinite buffer size, and we're over the length,\n // use splice to truncate the old buffer values off. Note that we have to\n // double the size for instances where we're not using an infinite time window\n // because we're storing the values and the timestamps in the same array.\n const adjustedBufferSize = (_infiniteTimeWindow ? 1 : 2) * _bufferSize;\n _bufferSize < Infinity && adjustedBufferSize < _buffer.length && _buffer.splice(0, _buffer.length - adjustedBufferSize);\n\n // Now, if we're not in an infinite time window, remove all values where the time is\n // older than what is allowed.\n if (!_infiniteTimeWindow) {\n const now = _timestampProvider.now();\n let last = 0;\n // Search the array for the first timestamp that isn't expired and\n // truncate the buffer up to that point.\n for (let i = 1; i < _buffer.length && (_buffer[i] as number) <= now; i += 2) {\n last = i;\n }\n last && _buffer.splice(0, last + 1);\n }\n }\n}\n", "import { Scheduler } from '../Scheduler';\nimport { Subscription } from '../Subscription';\nimport { SchedulerAction } from '../types';\n\n/**\n * A unit of work to be executed in a `scheduler`. An action is typically\n * created from within a {@link SchedulerLike} and an RxJS user does not need to concern\n * themselves about creating and manipulating an Action.\n *\n * ```ts\n * class Action extends Subscription {\n * new (scheduler: Scheduler, work: (state?: T) => void);\n * schedule(state?: T, delay: number = 0): Subscription;\n * }\n * ```\n *\n * @class Action\n */\nexport class Action extends Subscription {\n constructor(scheduler: Scheduler, work: (this: SchedulerAction, state?: T) => void) {\n super();\n }\n /**\n * Schedules this action on its parent {@link SchedulerLike} for execution. May be passed\n * some context object, `state`. May happen at some point in the future,\n * according to the `delay` parameter, if specified.\n * @param {T} [state] Some contextual data that the `work` function uses when\n * called by the Scheduler.\n * @param {number} [delay] Time to wait before executing the work, where the\n * time unit is implicit and defined by the Scheduler.\n * @return {void}\n */\n public schedule(state?: T, delay: number = 0): Subscription {\n return this;\n }\n}\n", "import type { TimerHandle } from './timerHandle';\ntype SetIntervalFunction = (handler: () => void, timeout?: number, ...args: any[]) => TimerHandle;\ntype ClearIntervalFunction = (handle: TimerHandle) => void;\n\ninterface IntervalProvider {\n setInterval: SetIntervalFunction;\n clearInterval: ClearIntervalFunction;\n delegate:\n | {\n setInterval: SetIntervalFunction;\n clearInterval: ClearIntervalFunction;\n }\n | undefined;\n}\n\nexport const intervalProvider: IntervalProvider = {\n // When accessing the delegate, use the variable rather than `this` so that\n // the functions can be called without being bound to the provider.\n setInterval(handler: () => void, timeout?: number, ...args) {\n const { delegate } = intervalProvider;\n if (delegate?.setInterval) {\n return delegate.setInterval(handler, timeout, ...args);\n }\n return setInterval(handler, timeout, ...args);\n },\n clearInterval(handle) {\n const { delegate } = intervalProvider;\n return (delegate?.clearInterval || clearInterval)(handle as any);\n },\n delegate: undefined,\n};\n", "import { Action } from './Action';\nimport { SchedulerAction } from '../types';\nimport { Subscription } from '../Subscription';\nimport { AsyncScheduler } from './AsyncScheduler';\nimport { intervalProvider } from './intervalProvider';\nimport { arrRemove } from '../util/arrRemove';\nimport { TimerHandle } from './timerHandle';\n\nexport class AsyncAction extends Action {\n public id: TimerHandle | undefined;\n public state?: T;\n // @ts-ignore: Property has no initializer and is not definitely assigned\n public delay: number;\n protected pending: boolean = false;\n\n constructor(protected scheduler: AsyncScheduler, protected work: (this: SchedulerAction, state?: T) => void) {\n super(scheduler, work);\n }\n\n public schedule(state?: T, delay: number = 0): Subscription {\n if (this.closed) {\n return this;\n }\n\n // Always replace the current state with the new state.\n this.state = state;\n\n const id = this.id;\n const scheduler = this.scheduler;\n\n //\n // Important implementation note:\n //\n // Actions only execute once by default, unless rescheduled from within the\n // scheduled callback. This allows us to implement single and repeat\n // actions via the same code path, without adding API surface area, as well\n // as mimic traditional recursion but across asynchronous boundaries.\n //\n // However, JS runtimes and timers distinguish between intervals achieved by\n // serial `setTimeout` calls vs. a single `setInterval` call. An interval of\n // serial `setTimeout` calls can be individually delayed, which delays\n // scheduling the next `setTimeout`, and so on. `setInterval` attempts to\n // guarantee the interval callback will be invoked more precisely to the\n // interval period, regardless of load.\n //\n // Therefore, we use `setInterval` to schedule single and repeat actions.\n // If the action reschedules itself with the same delay, the interval is not\n // canceled. If the action doesn't reschedule, or reschedules with a\n // different delay, the interval will be canceled after scheduled callback\n // execution.\n //\n if (id != null) {\n this.id = this.recycleAsyncId(scheduler, id, delay);\n }\n\n // Set the pending flag indicating that this action has been scheduled, or\n // has recursively rescheduled itself.\n this.pending = true;\n\n this.delay = delay;\n // If this action has already an async Id, don't request a new one.\n this.id = this.id ?? this.requestAsyncId(scheduler, this.id, delay);\n\n return this;\n }\n\n protected requestAsyncId(scheduler: AsyncScheduler, _id?: TimerHandle, delay: number = 0): TimerHandle {\n return intervalProvider.setInterval(scheduler.flush.bind(scheduler, this), delay);\n }\n\n protected recycleAsyncId(_scheduler: AsyncScheduler, id?: TimerHandle, delay: number | null = 0): TimerHandle | undefined {\n // If this action is rescheduled with the same delay time, don't clear the interval id.\n if (delay != null && this.delay === delay && this.pending === false) {\n return id;\n }\n // Otherwise, if the action's delay time is different from the current delay,\n // or the action has been rescheduled before it's executed, clear the interval id\n if (id != null) {\n intervalProvider.clearInterval(id);\n }\n\n return undefined;\n }\n\n /**\n * Immediately executes this action and the `work` it contains.\n * @return {any}\n */\n public execute(state: T, delay: number): any {\n if (this.closed) {\n return new Error('executing a cancelled action');\n }\n\n this.pending = false;\n const error = this._execute(state, delay);\n if (error) {\n return error;\n } else if (this.pending === false && this.id != null) {\n // Dequeue if the action didn't reschedule itself. Don't call\n // unsubscribe(), because the action could reschedule later.\n // For example:\n // ```\n // scheduler.schedule(function doWork(counter) {\n // /* ... I'm a busy worker bee ... */\n // var originalAction = this;\n // /* wait 100ms before rescheduling the action */\n // setTimeout(function () {\n // originalAction.schedule(counter + 1);\n // }, 100);\n // }, 1000);\n // ```\n this.id = this.recycleAsyncId(this.scheduler, this.id, null);\n }\n }\n\n protected _execute(state: T, _delay: number): any {\n let errored: boolean = false;\n let errorValue: any;\n try {\n this.work(state);\n } catch (e) {\n errored = true;\n // HACK: Since code elsewhere is relying on the \"truthiness\" of the\n // return here, we can't have it return \"\" or 0 or false.\n // TODO: Clean this up when we refactor schedulers mid-version-8 or so.\n errorValue = e ? e : new Error('Scheduled action threw falsy error');\n }\n if (errored) {\n this.unsubscribe();\n return errorValue;\n }\n }\n\n unsubscribe() {\n if (!this.closed) {\n const { id, scheduler } = this;\n const { actions } = scheduler;\n\n this.work = this.state = this.scheduler = null!;\n this.pending = false;\n\n arrRemove(actions, this);\n if (id != null) {\n this.id = this.recycleAsyncId(scheduler, id, null);\n }\n\n this.delay = null!;\n super.unsubscribe();\n }\n }\n}\n", "import { Action } from './scheduler/Action';\nimport { Subscription } from './Subscription';\nimport { SchedulerLike, SchedulerAction } from './types';\nimport { dateTimestampProvider } from './scheduler/dateTimestampProvider';\n\n/**\n * An execution context and a data structure to order tasks and schedule their\n * execution. Provides a notion of (potentially virtual) time, through the\n * `now()` getter method.\n *\n * Each unit of work in a Scheduler is called an `Action`.\n *\n * ```ts\n * class Scheduler {\n * now(): number;\n * schedule(work, delay?, state?): Subscription;\n * }\n * ```\n *\n * @class Scheduler\n * @deprecated Scheduler is an internal implementation detail of RxJS, and\n * should not be used directly. Rather, create your own class and implement\n * {@link SchedulerLike}. Will be made internal in v8.\n */\nexport class Scheduler implements SchedulerLike {\n public static now: () => number = dateTimestampProvider.now;\n\n constructor(private schedulerActionCtor: typeof Action, now: () => number = Scheduler.now) {\n this.now = now;\n }\n\n /**\n * A getter method that returns a number representing the current time\n * (at the time this function was called) according to the scheduler's own\n * internal clock.\n * @return {number} A number that represents the current time. May or may not\n * have a relation to wall-clock time. May or may not refer to a time unit\n * (e.g. milliseconds).\n */\n public now: () => number;\n\n /**\n * Schedules a function, `work`, for execution. May happen at some point in\n * the future, according to the `delay` parameter, if specified. May be passed\n * some context object, `state`, which will be passed to the `work` function.\n *\n * The given arguments will be processed an stored as an Action object in a\n * queue of actions.\n *\n * @param {function(state: ?T): ?Subscription} work A function representing a\n * task, or some unit of work to be executed by the Scheduler.\n * @param {number} [delay] Time to wait before executing the work, where the\n * time unit is implicit and defined by the Scheduler itself.\n * @param {T} [state] Some contextual data that the `work` function uses when\n * called by the Scheduler.\n * @return {Subscription} A subscription in order to be able to unsubscribe\n * the scheduled work.\n */\n public schedule(work: (this: SchedulerAction, state?: T) => void, delay: number = 0, state?: T): Subscription {\n return new this.schedulerActionCtor(this, work).schedule(state, delay);\n }\n}\n", "import { Scheduler } from '../Scheduler';\nimport { Action } from './Action';\nimport { AsyncAction } from './AsyncAction';\nimport { TimerHandle } from './timerHandle';\n\nexport class AsyncScheduler extends Scheduler {\n public actions: Array> = [];\n /**\n * A flag to indicate whether the Scheduler is currently executing a batch of\n * queued actions.\n * @type {boolean}\n * @internal\n */\n public _active: boolean = false;\n /**\n * An internal ID used to track the latest asynchronous task such as those\n * coming from `setTimeout`, `setInterval`, `requestAnimationFrame`, and\n * others.\n * @type {any}\n * @internal\n */\n public _scheduled: TimerHandle | undefined;\n\n constructor(SchedulerAction: typeof Action, now: () => number = Scheduler.now) {\n super(SchedulerAction, now);\n }\n\n public flush(action: AsyncAction): void {\n const { actions } = this;\n\n if (this._active) {\n actions.push(action);\n return;\n }\n\n let error: any;\n this._active = true;\n\n do {\n if ((error = action.execute(action.state, action.delay))) {\n break;\n }\n } while ((action = actions.shift()!)); // exhaust the scheduler queue\n\n this._active = false;\n\n if (error) {\n while ((action = actions.shift()!)) {\n action.unsubscribe();\n }\n throw error;\n }\n }\n}\n", "import { AsyncAction } from './AsyncAction';\nimport { AsyncScheduler } from './AsyncScheduler';\n\n/**\n *\n * Async Scheduler\n *\n * Schedule task as if you used setTimeout(task, duration)\n *\n * `async` scheduler schedules tasks asynchronously, by putting them on the JavaScript\n * event loop queue. It is best used to delay tasks in time or to schedule tasks repeating\n * in intervals.\n *\n * If you just want to \"defer\" task, that is to perform it right after currently\n * executing synchronous code ends (commonly achieved by `setTimeout(deferredTask, 0)`),\n * better choice will be the {@link asapScheduler} scheduler.\n *\n * ## Examples\n * Use async scheduler to delay task\n * ```ts\n * import { asyncScheduler } from 'rxjs';\n *\n * const task = () => console.log('it works!');\n *\n * asyncScheduler.schedule(task, 2000);\n *\n * // After 2 seconds logs:\n * // \"it works!\"\n * ```\n *\n * Use async scheduler to repeat task in intervals\n * ```ts\n * import { asyncScheduler } from 'rxjs';\n *\n * function task(state) {\n * console.log(state);\n * this.schedule(state + 1, 1000); // `this` references currently executing Action,\n * // which we reschedule with new state and delay\n * }\n *\n * asyncScheduler.schedule(task, 3000, 0);\n *\n * // Logs:\n * // 0 after 3s\n * // 1 after 4s\n * // 2 after 5s\n * // 3 after 6s\n * ```\n */\n\nexport const asyncScheduler = new AsyncScheduler(AsyncAction);\n\n/**\n * @deprecated Renamed to {@link asyncScheduler}. Will be removed in v8.\n */\nexport const async = asyncScheduler;\n", "import { AsyncAction } from './AsyncAction';\nimport { AnimationFrameScheduler } from './AnimationFrameScheduler';\nimport { SchedulerAction } from '../types';\nimport { animationFrameProvider } from './animationFrameProvider';\nimport { TimerHandle } from './timerHandle';\n\nexport class AnimationFrameAction extends AsyncAction {\n constructor(protected scheduler: AnimationFrameScheduler, protected work: (this: SchedulerAction, state?: T) => void) {\n super(scheduler, work);\n }\n\n protected requestAsyncId(scheduler: AnimationFrameScheduler, id?: TimerHandle, delay: number = 0): TimerHandle {\n // If delay is greater than 0, request as an async action.\n if (delay !== null && delay > 0) {\n return super.requestAsyncId(scheduler, id, delay);\n }\n // Push the action to the end of the scheduler queue.\n scheduler.actions.push(this);\n // If an animation frame has already been requested, don't request another\n // one. If an animation frame hasn't been requested yet, request one. Return\n // the current animation frame request id.\n return scheduler._scheduled || (scheduler._scheduled = animationFrameProvider.requestAnimationFrame(() => scheduler.flush(undefined)));\n }\n\n protected recycleAsyncId(scheduler: AnimationFrameScheduler, id?: TimerHandle, delay: number = 0): TimerHandle | undefined {\n // If delay exists and is greater than 0, or if the delay is null (the\n // action wasn't rescheduled) but was originally scheduled as an async\n // action, then recycle as an async action.\n if (delay != null ? delay > 0 : this.delay > 0) {\n return super.recycleAsyncId(scheduler, id, delay);\n }\n // If the scheduler queue has no remaining actions with the same async id,\n // cancel the requested animation frame and set the scheduled flag to\n // undefined so the next AnimationFrameAction will request its own.\n const { actions } = scheduler;\n if (id != null && actions[actions.length - 1]?.id !== id) {\n animationFrameProvider.cancelAnimationFrame(id as number);\n scheduler._scheduled = undefined;\n }\n // Return undefined so the action knows to request a new async id if it's rescheduled.\n return undefined;\n }\n}\n", "import { AsyncAction } from './AsyncAction';\nimport { AsyncScheduler } from './AsyncScheduler';\n\nexport class AnimationFrameScheduler extends AsyncScheduler {\n public flush(action?: AsyncAction): void {\n this._active = true;\n // The async id that effects a call to flush is stored in _scheduled.\n // Before executing an action, it's necessary to check the action's async\n // id to determine whether it's supposed to be executed in the current\n // flush.\n // Previous implementations of this method used a count to determine this,\n // but that was unsound, as actions that are unsubscribed - i.e. cancelled -\n // are removed from the actions array and that can shift actions that are\n // scheduled to be executed in a subsequent flush into positions at which\n // they are executed within the current flush.\n const flushId = this._scheduled;\n this._scheduled = undefined;\n\n const { actions } = this;\n let error: any;\n action = action || actions.shift()!;\n\n do {\n if ((error = action.execute(action.state, action.delay))) {\n break;\n }\n } while ((action = actions[0]) && action.id === flushId && actions.shift());\n\n this._active = false;\n\n if (error) {\n while ((action = actions[0]) && action.id === flushId && actions.shift()) {\n action.unsubscribe();\n }\n throw error;\n }\n }\n}\n", "import { AnimationFrameAction } from './AnimationFrameAction';\nimport { AnimationFrameScheduler } from './AnimationFrameScheduler';\n\n/**\n *\n * Animation Frame Scheduler\n *\n * Perform task when `window.requestAnimationFrame` would fire\n *\n * When `animationFrame` scheduler is used with delay, it will fall back to {@link asyncScheduler} scheduler\n * behaviour.\n *\n * Without delay, `animationFrame` scheduler can be used to create smooth browser animations.\n * It makes sure scheduled task will happen just before next browser content repaint,\n * thus performing animations as efficiently as possible.\n *\n * ## Example\n * Schedule div height animation\n * ```ts\n * // html:
\n * import { animationFrameScheduler } from 'rxjs';\n *\n * const div = document.querySelector('div');\n *\n * animationFrameScheduler.schedule(function(height) {\n * div.style.height = height + \"px\";\n *\n * this.schedule(height + 1); // `this` references currently executing Action,\n * // which we reschedule with new state\n * }, 0, 0);\n *\n * // You will see a div element growing in height\n * ```\n */\n\nexport const animationFrameScheduler = new AnimationFrameScheduler(AnimationFrameAction);\n\n/**\n * @deprecated Renamed to {@link animationFrameScheduler}. Will be removed in v8.\n */\nexport const animationFrame = animationFrameScheduler;\n", "import { Observable } from '../Observable';\nimport { SchedulerLike } from '../types';\n\n/**\n * A simple Observable that emits no items to the Observer and immediately\n * emits a complete notification.\n *\n * Just emits 'complete', and nothing else.\n *\n * ![](empty.png)\n *\n * A simple Observable that only emits the complete notification. It can be used\n * for composing with other Observables, such as in a {@link mergeMap}.\n *\n * ## Examples\n *\n * Log complete notification\n *\n * ```ts\n * import { EMPTY } from 'rxjs';\n *\n * EMPTY.subscribe({\n * next: () => console.log('Next'),\n * complete: () => console.log('Complete!')\n * });\n *\n * // Outputs\n * // Complete!\n * ```\n *\n * Emit the number 7, then complete\n *\n * ```ts\n * import { EMPTY, startWith } from 'rxjs';\n *\n * const result = EMPTY.pipe(startWith(7));\n * result.subscribe(x => console.log(x));\n *\n * // Outputs\n * // 7\n * ```\n *\n * Map and flatten only odd numbers to the sequence `'a'`, `'b'`, `'c'`\n *\n * ```ts\n * import { interval, mergeMap, of, EMPTY } from 'rxjs';\n *\n * const interval$ = interval(1000);\n * const result = interval$.pipe(\n * mergeMap(x => x % 2 === 1 ? of('a', 'b', 'c') : EMPTY),\n * );\n * result.subscribe(x => console.log(x));\n *\n * // Results in the following to the console:\n * // x is equal to the count on the interval, e.g. (0, 1, 2, 3, ...)\n * // x will occur every 1000ms\n * // if x % 2 is equal to 1, print a, b, c (each on its own)\n * // if x % 2 is not equal to 1, nothing will be output\n * ```\n *\n * @see {@link Observable}\n * @see {@link NEVER}\n * @see {@link of}\n * @see {@link throwError}\n */\nexport const EMPTY = new Observable((subscriber) => subscriber.complete());\n\n/**\n * @param scheduler A {@link SchedulerLike} to use for scheduling\n * the emission of the complete notification.\n * @deprecated Replaced with the {@link EMPTY} constant or {@link scheduled} (e.g. `scheduled([], scheduler)`). Will be removed in v8.\n */\nexport function empty(scheduler?: SchedulerLike) {\n return scheduler ? emptyScheduled(scheduler) : EMPTY;\n}\n\nfunction emptyScheduled(scheduler: SchedulerLike) {\n return new Observable((subscriber) => scheduler.schedule(() => subscriber.complete()));\n}\n", "import { SchedulerLike } from '../types';\nimport { isFunction } from './isFunction';\n\nexport function isScheduler(value: any): value is SchedulerLike {\n return value && isFunction(value.schedule);\n}\n", "import { SchedulerLike } from '../types';\nimport { isFunction } from './isFunction';\nimport { isScheduler } from './isScheduler';\n\nfunction last(arr: T[]): T | undefined {\n return arr[arr.length - 1];\n}\n\nexport function popResultSelector(args: any[]): ((...args: unknown[]) => unknown) | undefined {\n return isFunction(last(args)) ? args.pop() : undefined;\n}\n\nexport function popScheduler(args: any[]): SchedulerLike | undefined {\n return isScheduler(last(args)) ? args.pop() : undefined;\n}\n\nexport function popNumber(args: any[], defaultValue: number): number {\n return typeof last(args) === 'number' ? args.pop()! : defaultValue;\n}\n", "export const isArrayLike = ((x: any): x is ArrayLike => x && typeof x.length === 'number' && typeof x !== 'function');", "import { isFunction } from \"./isFunction\";\n\n/**\n * Tests to see if the object is \"thennable\".\n * @param value the object to test\n */\nexport function isPromise(value: any): value is PromiseLike {\n return isFunction(value?.then);\n}\n", "import { InteropObservable } from '../types';\nimport { observable as Symbol_observable } from '../symbol/observable';\nimport { isFunction } from './isFunction';\n\n/** Identifies an input as being Observable (but not necessary an Rx Observable) */\nexport function isInteropObservable(input: any): input is InteropObservable {\n return isFunction(input[Symbol_observable]);\n}\n", "import { isFunction } from './isFunction';\n\nexport function isAsyncIterable(obj: any): obj is AsyncIterable {\n return Symbol.asyncIterator && isFunction(obj?.[Symbol.asyncIterator]);\n}\n", "/**\n * Creates the TypeError to throw if an invalid object is passed to `from` or `scheduled`.\n * @param input The object that was passed.\n */\nexport function createInvalidObservableTypeError(input: any) {\n // TODO: We should create error codes that can be looked up, so this can be less verbose.\n return new TypeError(\n `You provided ${\n input !== null && typeof input === 'object' ? 'an invalid object' : `'${input}'`\n } where a stream was expected. You can provide an Observable, Promise, ReadableStream, Array, AsyncIterable, or Iterable.`\n );\n}\n", "export function getSymbolIterator(): symbol {\n if (typeof Symbol !== 'function' || !Symbol.iterator) {\n return '@@iterator' as any;\n }\n\n return Symbol.iterator;\n}\n\nexport const iterator = getSymbolIterator();\n", "import { iterator as Symbol_iterator } from '../symbol/iterator';\nimport { isFunction } from './isFunction';\n\n/** Identifies an input as being an Iterable */\nexport function isIterable(input: any): input is Iterable {\n return isFunction(input?.[Symbol_iterator]);\n}\n", "import { ReadableStreamLike } from '../types';\nimport { isFunction } from './isFunction';\n\nexport async function* readableStreamLikeToAsyncGenerator(readableStream: ReadableStreamLike): AsyncGenerator {\n const reader = readableStream.getReader();\n try {\n while (true) {\n const { value, done } = await reader.read();\n if (done) {\n return;\n }\n yield value!;\n }\n } finally {\n reader.releaseLock();\n }\n}\n\nexport function isReadableStreamLike(obj: any): obj is ReadableStreamLike {\n // We don't want to use instanceof checks because they would return\n // false for instances from another Realm, like an + + + + + + + + + + + + + + + + + +
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/planejamento/eap/index.html b/planejamento/eap/index.html new file mode 100644 index 00000000..38d6a909 --- /dev/null +++ b/planejamento/eap/index.html @@ -0,0 +1,1823 @@ + + + + + + + + + + + + + + + + + + + Estrutura Anaĺitica do Projeto (EAP) - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + +
+ + + + + + + +
+ +
+ + + + +
+
+ + + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+ + + + + + + +

Estrutura Anaĺitica do Projeto (EAP)

+

Introdução

+

A Estrutura Analítica de Projeto (EAP) é uma ferramenta que facilita a organização de um projeto em uma hierarquia. Com a EAP, é possível subdividir os entregáveis em subentregáveis, tornando mais clara a visualização do projeto e a definição de suas principais interdependências.

+

Diagrama

+ + +

Histórico de versões

+ + + + + + + + + + + + + + + + + +
VersãoDataDescriçãoAutores
1.017/10/2023Adicionando EAP FigmaEduardo Gurgel
+ + + + + + +
+
+ + +
+ +
+ + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/planejamento/gerenciamento_de_riscos/index.html b/planejamento/gerenciamento_de_riscos/index.html new file mode 100644 index 00000000..5ea36fd7 --- /dev/null +++ b/planejamento/gerenciamento_de_riscos/index.html @@ -0,0 +1,2417 @@ + + + + + + + + + + + + + + + + + + + + + + + Plano de gerenciamento de risco - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + +
+ + + + + + + +
+ +
+ + + + +
+
+ + + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+ + + + + + + +

Plano de Gerenciamento de Riscos

+

Introdução

+

O Plano de Gerenciamento de Riscos tem por objetivo a identificação, análise e planejamento de medidas para os possíveis riscos que o projeto pode enfrentar. Depois do planejamento, torna-se possível fazer a gerência dos riscos, esta será feita pelo scrum master ao decorrer das sprints.

+

Estrutura Analítica de Riscos (EAR)

+

Esta estrutura é responsável por agrupar as possíveis causas dos riscos, o que facilita os reconhecimentos e tratamentos de riscos do projeto, facilitando o processo de mitigação dos riscos. Tem como objetivo mostrar as principais categorias de risco para um tipo de projeto buscando especificidade, pois dessa forma o ganho de tempo na identificação é mais significativo. Os riscos podem ser classificados de acordo com as categorias:

+
    +
  • Técnico: São riscos associados à tecnologia, requisitos e qualidade.
    • +
  • Externo: São os riscos relativos ao cliente, mercado ou ambiente.
    • +
  • Organizacional: São relacionados à priorização e recursos do projeto.
    • +
  • Gerência: São relativos à estimativa, planejamento, controle e comunicação.
    • +
+

Diagrama

+

EAR

+

Análise Quantitativa

+

Probabilidade

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ProbabilidadeIntervaloPeso
Muito Baixa0 a 101
Baixa11 a 302
Média31 a 503
Alta51 a 654
Muito Alta66 a 1005
+

Impacto

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ImpactoDescriçãoPeso
Muito BaixoImpacto pouco expressivo no desenvolvimento do projeto1
BaixoPouco impacto no desenvolvimento do projeto2
MédioPossui certo impacto porém é facilmente recuperado3
AltoHá grande impacto no desenvolvimento do projeto4
Muito AltoO impacto inviabiliza o projeto5
+

Prioridade

+

Se baseando com os valores do impacto e de probabilidade calcula-se a prioridade dos riscos. O que determina a urgência com que medidas devem ser tomadas para mitigar ou resolver um risco que pode impedir o projeto.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Probabilidade/ImpactoMuito BaixaBaixoMédiaAltaMuito Alta
Muito Baixa12345
Baixa246810
Média3691215
Alta48121620
Muito Alta510152025
+

Valor de Prioridade

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
PrioridadeIntervalo
Muito Baixo1 a 5
Baixo6 a 10
Médio11 a 15
Alto16 a 20
Muito Alto21 a 25
+

Identificação dos Riscos

+

O processo de identificação de riscos se utilizou de identificação de riscos através da comparação análoga - método que se utiliza de experiências anteriores e similares para facilitar a concepção e identificação comum em projetos do gênero.

+

Riscos Levantados

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
RiscoDescriçãoAção PreventivaAção ReativaCategoriaProbabilidadeImpactoPrioridade
R01Dificuldades da equipe com as novas tecnologias inseridasSeleção de alunos experientes para aplicação de treinamento.Realização de treinamento sobre tecnologias.Técnico4520
R02Divergência de horários entre membros da equipeElaboração de quadro de horários disponíveis da cada membro da equipe.Planejamento de pareamento por sprint baseado na disponibilidade dos integrantes por meio do quadro de disponibilidade.Organizacional4312
R03Desistência da disciplina.Estimular a máxima participação dos membros da equipeRedistribuir tarefas de forma que não ocorra sobrecarga para nenhum dos membros do grupo e que o grupo consiga interagir da melhor maneira possível.Organizacional2510
R04Alteração do escopoDocumentar e refinar de forma constante os requisitosPlanejar corretamente a sprint e se manter atualizado quanto às novas funcionalidades que serão adicionadas ao projetoGerência5420
R05Alteração das tecnologiasDefinir de forma concisa o escopo do projetoPlanejar corretamente a sprint e se manter atualizado quanto às novas funcionalidades que serão adicionadas ao projetoTécnico4520
R06Presença dos membros durante Daily e Reuniões de planejamentoDefinir datas, horários e locais que sejam acessíveis a todos.Manter o time sempre alinhado quanto às decisões tomadas.Gerência4312
R07Falta de cliente realUtilização de ferramentas que ajudem a levantar requisitosUtilização de dados levantados por usuários que sejam o público alvo do projeto.Externo5210
R08Dependência entre as atividadesPriorização das atividadesPlanejar Sprints de forma a evitar o excesso de dependências entre as issuesOrganizacional339
R09Baixa produtividade dos integrantes do grupoMotivação da equipe quanto à criação do projeto através de reuniões constantesAplicação de atividades de Gamificação e lúdicas do projeto para reintegração de membros desmotivadosGerência3515
R10Dificuldade de comunicação entre os membros do grupoElaborar e seguir plano de comunicaçõesReuniões presenciais com a equipe para tomada de decisõesGerência3412
R11Conflito entre EPS/MDS e outras disciplinasRealizar a validação de disponibilidade entre os membros de EPS e MDSMenor atribuição de tarefas para membros com disciplinas conflitantesGerência5420
R12Mudança do responsável pelo projetoPerguntar ao PO se haverá alguma mudança na pessoa/equipe responsávelRealizar uma visão geral do projeto, abarcando as decisões tomadas anteriormente e o que está sendo feito no momentoExterno248
R13Enfrentar desafios ao avançar com a elaboração dos documentos do projeto e a possibilidade de retrabalho em documentos criados sem validação.Visualizar um dia e um horário na semana que o cliente tem disponibilidade fora dos horários das reuniões e realizar as documentações/atividades antes delaPreparar uma pauta de reunião para mostrar as atividades com prioridade mais alta e propor realizar uma validação assíncrona com as atividades que faltaramExterno5420
R14Projeto canceladoSempre buscar saber sobre o caminho que a disciplina irá tomar através das informações do professor e das aulas presenciaisManter o planejamento do projetoExterno155
R15Ausência do professor na disciplina por motivos de saúdeObter informações inicialmente com o professor e posteriormente com o coordenador do cursoManter o planejamento iniciado e buscar tirar dúvidas com os monitoresExterno3412
R16CronogramaRealizar uma estimativa colaborativa com toda a equipe para determinar o tempo e esforço necessários para concluir cada atividade e realizar a alocação correta de membros para cada atividadeRedistribuir as tarefas e alocações dos membros com o foco em concluir as tarefas cujo prazo está mais próximo
R17Escassez de PrazoCriar e seguir o cronogramaPriorizar e concluir as tarefasOrganizacional5420
+

Bibliografia

+
    +
  • +

    RODRIGUES, Eli. EAR para projetos de software. Link. Acesso em 30 set 2019.

    +
    • +
  • +

    SIQUEIRA, Lucas; OLIVEIRA, Caio. Plano de Gerenciamento de Riscos do grupo +Monitoria. Disponível em: Link. Acesso em 30 set 2019.

    +
    • +
  • +

    JOÃO, Lucas. Plano de Gerenciamento de Riscos do grupo ArBC. Disponível em: Link. Acesso em 09 jul 2022.

    +
    • +
+

Histórico de Revisão

+ + + + + + + + + + + + + + + + + +
VersãoDataDescriçãoAutores
1.007/09/2023Abertura do documentoPedro Cella
+ + + + + + +
+
+ + +
+ +
+ + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/planejamento/metodologia/index.html b/planejamento/metodologia/index.html new file mode 100644 index 00000000..b0393cb8 --- /dev/null +++ b/planejamento/metodologia/index.html @@ -0,0 +1,2158 @@ + + + + + + + + + + + + + + + + + + + + + + + Metodologias - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + +
+ + + + + + + +
+ +
+ + + + +
+
+ + + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+ + + + + + + +

Metodologias

+

Introdução

+

Este documento descreve o processo completo utilizado no desenvolvimento do projeto GEROcuidado. Para alcançar esse objetivo, adotamos metodologias ágeis de desenvolvimento de software, incluindo Scrum e XP.

+ +

Lean Inception

+

O Lean Inception oferece um processo colaborativo de descoberta e demonstração em que os participantes trabalham juntos por meio de uma série de atividades para entender as oportunidades e elaborar um MVP(mínimo produto viável). O Lean Inception é útil quando a equipe necessita desenvolver um MVP e criar um produto de forma iterativa e incremental (CAROLI, 2017). É justamente a metodologia que possibilita acelerar a entrega de soluções de forma contínua e consistente, sempre contemplando dois eixos essenciais: os objetivos do negócio e as necessidades dos usuários.

+ +

Scrum

+

Scrum é um framework de gerenciamento de projetos ágeis, e embora seja amplamente utilizado na área de desenvolvimento de software, pode ser usado para planejar, gerenciar e desenvolver qualquer produto. É um framework interativo e incremental. Nessa metodologia, os projetos são divididos em ciclos curtos e iterativos (repetitivos). Os ciclos duram de 1 a 2 + semanas e são chamados de sprints (CRUZ, 2013). O scrum prevê alguns ritos (cerimônias) e artefatos. +

+ +

Durante o projeto GEROcuidado, os artefatos usados são: backlog do produto (product backlog) e sprints. Os ritos usados são: planejamento da sprint (planing), daily e review.

+ +

Product Backlog

+

O Product Backlog é uma lista de tarefas priorizadas que incluem todas as atividades necessárias para concluir um projeto, incluindo requisitos funcionais que agregam valor ao negócio (PEREIRA, 2007). Ou seja, é um conjunto de funcionalidades e requisitos que deverão ser entregues.

+ +

Sprints

+

No Scrum a Sprint é uma iteração que dura de duas a quatro semanas, no qual são desenvolvidos incrementos do produto.

+ +

Planning

+

A Sprint Planning é um rito em que a iteração é planejada, em que será definido o que será feito, ou seja, quais itens do backlog serão realizados na sprint .

+ +

Neste projeto a reunião de planejamento ocorre a cada duas semanas.

+ +

Daily Meeting

+

A Daily é uma reunião diária de acompanhamento da equipe com o objetivo de que cada participante relate seu status e possíveis obstáculos para a conclusão do projeto. Neste projeto a reunião dura em média quinze minutos.

+ +

Sprint Review

+

A Sprint Review é uma reunião que ocorre no final da sprint em que é feita uma revisão do que foi feito, tendo uma visão geral de como está o produto

+ +

XP

+

O Extreme Programming (XP) é uma metodologia ágil que nasceu com o intuito de tentar solucionar os problemas que eram causados pelas metodologias tradicionais. O XP tem quatro princípios: Comunicação, Simplicidade, Feedback e Coragem. O XP tem diversos tipos de práticas, totalizando 12 tipos, entre elas a que serão utilizadas no projeto serão: programação em pares, releases curtas, código coletivo e cliente presente. +

+ +

Programação em pares

+

A programação em pares ocorre quando dois programadores escrevem o código juntos em um mesmo computador. +

+ +

Releases curtas

+

São feitas pequenas releases do software, pequenas versões funcionais, para ser entregue ao cliente antes do prazo. +

+ +

Código coletivo

+

Essa característica permite que qualquer programador possa alterar o qualquer código, não precisando de uma autorização de qualquer membro antes disso. +

+ +

Cliente presente

+

O desenvolvimento do software é feito com a presença do cliente, ou seja, ele sempre está em contato com a equipe de desenvolvimento. +

+ +

Kanban

+

O Kanban é um sistema de gestão de trabalho, que possui como objetivo a definição de um fluxo de trabalho. Além disso tem como foco produtividade e organização das entregas. O kanban é mais conhecido devido o uso do quadro kanban, em que o mesmo é dividido, normalmente em cinco colunas: backlog, to do, doing, review e done. Na coluna de backlog fica os cards com as atividades que precisam ser feitas para realização do trabalho completo. Na coluna to do ficam os cards que precisam ser feitos durante a spring, quando começa a atividade o card é movido para coluna de doing, quando terminado vai para coluna de revisão e por último quando tudo finalizado vai para done.

+ +

Referências

+

CAROLI, Paulo. Lean inception. São Paulo, BR: Caroli. org, 2017.

+

CRUZ, Fábio. Scrum e PMBOK unidos no Gerenciamento de Projetos. Brasport, 2013.

+

FADEL, Aline Cristine; SILVEIRA, Henrique da Mota.Metodologias ágeis no contexto de +desenvolvimento de software: XP, Scrum e Lean.

+

PEREIRA, Paulo; TORREÃO, Paula; MARÇAL, Ana Sofia. Entendendo Scrum para gerenciar projetos de forma ágil. Mundo PM, v. 1, p. 3-11, 2007.

+

SOFIA, Bianca; OLIVEIRA, Lorrany. Metodologias do grupo AMIS. Disponível em: https://github.com/fga-eps-mds/2023.1-Amis-Doc/blob/main/docs/organization/methodology.md. Acesso em 09 jul 2022

+

Histórico de versões

+ + + + + + + + + + + + + + + + + +
VersãoDataDescriçãoAutores
1.007/09/2023Abertura do documentoPedro Cella
+ + + + + + +
+
+ + +
+ +
+ + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/planejamento/padroes_da_comunidade/index.html b/planejamento/padroes_da_comunidade/index.html new file mode 100644 index 00000000..31be2901 --- /dev/null +++ b/planejamento/padroes_da_comunidade/index.html @@ -0,0 +1,1826 @@ + + + + + + + + + + + + + + + + + + + + + + + Padrões da comunidade - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + +
+ + + + + + + +
+ +
+ + + + +
+
+ + + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+ + + + + + + +

Padrões da comunidade

+

Os padrões da comunidade do github compreende uma lista básica de documentações que auxiliam os contribuidores +a participarem do projeto de forma mais uniforme. Esse projeto utiliza os principais guias listados abaixo:

+
    +
  • Description: Descrição do repositório que auxilia na rápida identificação da função do mesmo.
    • +
  • README: Arquivo resumo que funciona como apresentação e guia dos pontos chave do projeto, como: +"problema/solução" e instruções de execução do projeto. Confira.
    • +
  • Code of Conduct: O código de conduta é um documento que serve como um guia ético de comportamento no projeto por parte dos contribuidores.
    • +
  • Contribuiting: é um guia de contribuição +na visão de desenvolvimento.
    • +
  • License: dispõe da licença de réplica e uso do software contido no repositório.
    • +
  • Issue templates: apresenta os padrões de montagem das issues
    • +
  • Pull request template: apresenta o padrão de preenchimento de um pull request ou merge request.
    • +
  • Bug reports: apresenta o padrão de documento de bug report
    • +
  • Labels: As labels são ferramentas de organização e categorização usadas em repositórios para ajudar a gerenciar tarefas, problemas (issues), pull requests (solicitações de pull) e outras atividades relacionadas ao desenvolvimento de software. Elas são pequenos rótulos coloridos que podem ser atribuídos a itens específicos em um repositório para fornecer informações adicionais sobre o status, prioridade, tipo ou qualquer outra característica relevante do item. Além disso elas servem para agrupar essas diferentes tarefas em grupos, o que facilita a pesquisa de alguma tarefa por meio de uma label.
    • +
+ + + + + + + + + + + + + + + + + +
VersãoDataDescriçãoAutores
1.008/09/2023Abertura do documentoPedro Cella
+ + + + + + +
+
+ + +
+ +
+ + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/planejamento/plano_de_comunicacao/index.html b/planejamento/plano_de_comunicacao/index.html new file mode 100644 index 00000000..c769a5b3 --- /dev/null +++ b/planejamento/plano_de_comunicacao/index.html @@ -0,0 +1,2130 @@ + + + + + + + + + + + + + + + + + + + + + + + Plano de comunicação - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + +
+ + + + + + + +
+ +
+ + + + +
+
+ + + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+ + + + + + + +

Plano de comunicação

+

Introdução

+

Durante a criação de um plano de comunicação muitos aspectos devem ser envolvidos. Entre as responsabilidades envolvidas temos: como as informações acerca do projeto devem ser transmitidas e por onde devem ser transmitidas. Além do melhor horario de disponibilidade, que deve ser monitorado para garantir que os serviços entreguem com alta qualidade.

+

Ao longo do semestre, o grupo terá inúmeras reuniões para desenvolver o projeto. Sabendo disso, mapear os melhores horários para as reuniões é crucial. A seguir temos o quadro de disponibilidade que visa o levantamento dos melhores horários para o agendamento de reuniões, levando em consideração o maior número de pessoas livres no horário.

+

Ferramentas

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FerramentaDescrição
DiscordComunicação rápida com o cliente e reuniões do time
TelegramComunicação rápida entre o time
TeamsReuniões com o cliente
GitHubRepositório central para documentos e código
ZenHubDocumentar a baseline de requisitos, roadmap, servir como quadro Kanban para o time e atribuições de tarefas
+

Reuniões pré agendadas

+
    +
  • Reunião com o cliente: quarta-feira às 12h00
    • +
+

Quadro de Disponibilidade

+

Para o desenvolvimento do Quadro de Disponibilidade, o grupo pegou as informações de disponibilidade de cada integrante e compilou os dados na agenda Geral, de EPS e a de MDS. Segue os resultados do Quadro de Disponibilidade.

+

Quadro Geral

+

Quadro de

+

Total: 12 Pessoas +EPS: 5 Pessoas +MDS: 7 Pessoas

+

Quadro de EPS

+

Quadro de +EPS: 5 Pessoas

+

Quadro de MDS

+

Quadro de +MDS: 7 Pessoas

+

Plano de Reuniões

+

Reunião - EPS

+

A reunião com os integrantes de EPS tem por objetivo alinhar sobre alguns processos gerenciais da equipe, organizar o que será abordado na reunião geral, iniciar o planejamento da reunião com o PO e separar as novas tarefas do backlog do produto. Essa reunião é realizada às 20:40 nas terças-feiras.

+

Reunião Geral

+

A reunião geral é realizada com os integrantes de EPS e MDS, toda terça-feira às 21h, seguindo a seguinte estrutura:

+
    +
  1. Review
    2. +
  2. Planning
    3. +
  3. Validação das pautas e dúvidas para reunião com PO
    4. +
+

Durante a planning ocorre o plano de ação para as tarefas que foram transbordadas(notada durante a review), apresentação das novas tasks, divisão das atividades e a realização do planning poker para gerar estimativas.

+

Reunião com o PO

+

A reunião ocorre semanalmente às quartas-feiras com início às 12h e duração média de 1 hora sem intervalos. Participam da reunião: toda a equipe de desenvolvimento, o Prof. Hilmer Neri e o PO - Prof. Mário Andrade e os membros do Enactus, compostos pelos integrantes, Larissa Ganoza, Nagyla Almeida, Henrique Monteiro, Ade Nidji Jacques, Pedro Leite, Livya Bembem e Maria Beatriz.

+

A reunião tem como pontapé inicial as pautas feitas pelo PO, mais para frente a definição das pautas será gerido pelos membros de EPS que deverão encaminhar a pauta da reunião indicando os assuntos e o membro ou membros responsáveis pela apresentação da pauta.

+

ATAs de reunião

+

As ATAs de reunião são geradas como insumo do que foi tratado na reunião e pontuar também quais membros estavam presentes além da duração;

+

A ata de reunião aborda 3 tópicos elementares:

+
    +
  1. Pautas da reunião
    2. +
  2. Membros participantes
    3. +
  3. Duração
    4. +
+

OBS: É importante ressaltar que as ATAs devem apresentar também todas as dúvidas abordadas durante a reunião, sendo essas dúvidas podendo serem adicionadas como subtópico da pauta.

+

Histórico de versões

+ + + + + + + + + + + + + + + + + +
VersãoDataDescriçãoAutores
1.006/09/2023Abertura do documentoPedro Cella
+ + + + + + +
+
+ + +
+ +
+ + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/planejamento/plano_de_contribuicao/index.html b/planejamento/plano_de_contribuicao/index.html new file mode 100644 index 00000000..76f349da --- /dev/null +++ b/planejamento/plano_de_contribuicao/index.html @@ -0,0 +1,1968 @@ + + + + + + + + + + + + + + + + + + + + + + + Plano de contribuição - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + +
+ + + + + + + +
+ +
+ + + + +
+
+ + + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+ + + + + + + +

Contribuições

+

Introdução

+

Este documento determina as regras para submissão de códigos para este repositório.

+

Issues

+

Toda e qualquer contribuição deve estar vinculada a uma e tão somente uma issue. Toda issue deve ser preenchida obrigatoriamente conforme o template feature ou bug e deve representar uma contribuição clara, objetiva e independente de outras issues, dentro do possível.

+

Se uma issue feature precisar de mais de um pull request ou se o prazo de conclusão for maior que uma sprint, essa issue deve ser quebrada em issues menores. As issues possuirão dois perfis de responsáveis:

+
    +
  1. Assignees: pessoa(s) responsáveis por desenvolver a issue, seja de código, seja de design, seja de documentação. Em caso de código, o pull request será vinculado. Em caso de outros tipos de artefato, eles devem ser linkados ou anexados na issue como prova de conclusão.
    2. +
  2. Reviewers: pessoa(s) responsáveis por verificar a conclusão da issue. Em caso de código, eles devem executar a funcionalidade ou correção de bug para verificar a conclusão.
    3. +
+
+

Pull Requests

+

Os pull requests devem estar obrigatoriamente vinculados a uma issue, e os passos obrigatórios presentes no template.

+
+

Commits

+

Por questões de padronização e rastreabilidade, os commits devem seguir as seguintes regras:

+
    +
  • Deve começar indicando a issue com uma "#"
    • +
  • Utilize a língua portuguesa na mensagem do commit
    • +
  • Deve conter um título curto e objetivo do que foi feito naquele commit
    • +
  • Deve começar com um verbo no presente do indicativo (corrige, adiciona, retira, melhora, etc.)
    • +
  • Caso o commit seja resultado de um trabalho em equipe, utilize Co-authored-by:
    • +
+

Exemplo Trabalhando Sozinho:

+
$ (#43) Corrige erro na autenticação do perfil x de usuário
+
+

Exemplo Trabalhando em grupo:

+
(#43) Corrige erro na autenticação do perfil x de usuário
+
+
+Co-authored-by: Outra Pessoa <pessoa@email.com>
+
+
+

Branches

+

Tendo como meta manter a integralidade e confiabilidade do código do projeto foi proposta a utilização de política de branches. Essa Política de Branches deverá guiar os desenvolvedores na forma de organização de suas contribuições ao repositório.

+

OBS: A política de branchs foi idealizada para trabalhar em conjunto com a ferramenta do git flow, sua documentação e mais informações podem ser acessadas aqui.

+

Branches Principais

+
    +
  • +

    main - Branch principal do repositório onde será permitida somente a integração de software consolidado e testado. Essa branch será exclusiva para a entrega de Realeases, ou seja, um conjunto maior de funcionalidades que integram o software, aqui estará a versão estável do software.

    +
    • +
  • +

    develop - Branch para integração de novas funcionalidades, onde será permitido a entrega das features desenvolvidas e que estão em um estágio avançado de desenvolvimento. Será a branch base para o início do desenvolvimento das features e da correção de bugs. Aqui também serão mergeadas as releases.

    +
    • +
+

Branches para Desenvolvimento

+
    +
  • +

    feature/ - Branch utilizada para o desenvolvimento de novas features do backlog. Caso a feature tenha sido proposta por uma issue do repositório e aceita no backlog o nome deverá conter o número da issue. Ex: feature/1-\ (Considerando que a feature tenha sido solicitada na issue #1)

    +
    • +
  • +

    bugfix/ - Branch utilizada para corrigir bugs de baixa/média urgência e que não estão presentes na branch master. Caso o bug tenha sido reportado por uma issue do repositório o nome deverá conter o número da issue. Ex: bugfix/1-\ (Considerando que o bug tenha sido reportado na issue #1)

    +
    • +
  • +

    hotfix/ - Branch utilizada para corrigir bugs de alta urgência e que estão presentes na branch master. Caso o bug tenha sido reportado por uma issue do repositório o nome deverá conter o número da issue. Ex: hotfix/1- (Considerando que o bug tenha sido reportado na issue #1)

    +
    • +
  • +

    release/ - Branch onde será feito os ajustes finais/build antes da entrega de uma versão do produto de software. Constará no nome da branch a versão da release a ser entregue.

    +
    • +
  • +

    doc/ - Branch onde serão executadas tarefas de suporte relacionadas ao software, como elaboração de documentações, correções de natureza de gerência de configuração, etc.

    +
    • +
+ + + + + + + + + + + + + + + + + +
VersãoDataDescriçãoAutores
1.006/09/2023Abertura do documentoPedro Cella
+
+ + + + + + +
+
+ + +
+ +
+ + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/planejamento/plano_de_custos/index.html b/planejamento/plano_de_custos/index.html new file mode 100644 index 00000000..0f637bcf --- /dev/null +++ b/planejamento/plano_de_custos/index.html @@ -0,0 +1,2049 @@ + + + + + + + + + + + + + + + + + + + + + + + Plano de custos - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + +
+ + + + + + + +
+ +
+ + + + +
+
+ + + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+ + + + + + + +

Plano de custos

+

O plano de custos de um projeto de software é uma documentação detalhada que prevê e estima todos os custos associados à concepção, desenvolvimento, implementação e manutenção de um software específico. Esse plano é essencial para garantir que o projeto permaneça dentro do orçamento previsto e que os recursos financeiros sejam alocados de forma eficaz ao longo de todas as fases do projeto.

+

Custos

+

Para desenvolver o plano de custos para o desenvolvimento de um projeto de software é importante considerar uma série de fatores para o orçamento total. Um desses fatores é o custo por aluno em uma universidade, que pode fornecer insights valiosos sobre o uso eficiente de recursos financeiros em um ambiente acadêmico.

+

Pessoas

+

De acordo com a Apuração do Custo das Universidades Federais no ano de 2016 feita pelo MEC, o custo por aluno na Universidade de Brasília (UnB) atingiu o montante de R$ 38.805,00.Sendo R$ 54.278,96 corrigido pela inflação.

+

Além disso, essa referência de custos pode ser utilizada como um ponto de partida para estimar os custos relacionados à equipe de desenvolvimento, treinamento, aquisição de ferramentas e tecnologias, hospedagem de servidores, entre outros, ao longo do ciclo de vida do projeto de software.

+

R$ 54.278,96 ÷ 52 semanas ≈ R$ 1.043,82

+

Calculando o custo por semana, sendo 52 semanas no ano.

+

R$ 1.043,82 ÷ 24 créditos ≈ R$ 43,49

+

Calculando o valor por crédito de EPS e MDS.

+

R$ 43,49 × (4 créditos + 6 créditos) = R$ 434,90

+

Sendo assim, o custo semanal por integrante da equipe é de R$ 434,90. Como a equipe é composta por 12 membros de EPS e MDS, o custo total por semana é de R$ 5.219,90.

+

R$ 434,90 × 12 integrantes = R$ 5.219,90

+

Internet

+

Segundo uma análise realizada no site Portal de planos, o custo médio de uma internet móvel de 100 gb, que seria suficiente para o projeto, custaria em média R$ 150,00/mês

+

Energia

+

Além do custo de R$ 0,69871000 por kW/h para atividades comerciais, de serviço e outras.

+

Tabela exemplo consumo notebook:

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
EnergiaKwHorasConsumo mensalICMS (25%)R$
Notebook0,038h7,2 kw/h0,7122R$ 5,12
Total (x12 integrantes)R$ 61,53
+

Usando a formula: +Energia = KW X h por consumo

+

Equipamentos

+

Para equipamentos para a equipe consideramos um custo de R$ 3.299,00 por notebook para cada integrante.

+

Planilha de custos

+ + + + + + + +
+
+ + +
+ +
+ + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/planejamento/plano_de_qualidade/index.html b/planejamento/plano_de_qualidade/index.html new file mode 100644 index 00000000..dfbcf36d --- /dev/null +++ b/planejamento/plano_de_qualidade/index.html @@ -0,0 +1,2045 @@ + + + + + + + + + + + + + + + + + + + + + + + Plano de qualidade - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + +
+ + + + + + + +
+ +
+ + + + +
+
+ + + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+ + + + + + + +

Plano de qualidade

+

Introdução

+

A qualidade é uma pedra angular em qualquer projeto de software. Para garantir que o nosso projeto atenda aos mais altos padrões de qualidade, estabelecemos um plano que utiliza tecnologias e práticas eficazes para aprimorar a qualidade do código, a robustez da aplicação e a confiabilidade do software. Neste plano de qualidade, detalharemos como planejamos as métricas e tecnologias de suporte para garantia de qualidade.

+

Ferramentas

+ + + + + + + + + + + + + + + + + +
FerramentaDescrição
Sonar CloudFerramenta de análise de código
JestFramework de teste JavaScript
+

Sonnar Cloud

+

O SonarCloud é uma ferramenta de análise de código estática que fornece insights detalhados sobre a qualidade do código, destacando problemas, vulnerabilidades e áreas de melhoria. Para garantir a qualidade do nosso projeto, planejamos integrar o SonarCloud ao processo de desenvolvimento de software.

+

Detalhes do uso do SonarCloud:

+
    +
  • +

    Análise de Código Contínua: A integração contínua com o SonarCloud permite que a cada commit, pull request ou build, que ative o trigger definido no repositório, uma análise de código estática seja executada automaticamente.

    +
    • +
  • +

    Avaliação de Vulnerabilidades e Bugs: Identifica vulnerabilidades de segurança, bugs e problemas de qualidade no código.

    +
    • +
  • +

    Acompanhamento de Métricas de Código: Acompanhamento de métricas essenciais, como a cobertura de código, a complexidade e a duplicação de código, para manter o código limpo e eficiente.

    +
    • +
  • +

    Integração com Fluxo de Trabalho de Desenvolvimento: Integraremos o SonarCloud com nossos fluxos de trabalho de desenvolvimento, permitindo a revisão e correção de problemas de qualidade durante o ciclo de desenvolvimento.

    +
    • +
+

Jest

+

O Jest é um framework de teste JavaScript amplamente utilizado para testar aplicações front-end e back-end. Planejamos utilizar o Jest para garantir a funcionalidade correta e a integridade do nosso software.

+

Detalhes do uso do Jest:

+
    +
  • +

    Testes Unitários e de Integração: Criaremos testes unitários e de integração utilizando o Jest para avaliar a funcionalidade dos componentes do React no front-end e dos controladores, serviços e módulos no back-end Nest.

    +
    • +
  • +

    Testes Automatizados: Configuraremos uma suíte de testes automatizados que será executada em um ambiente de integração contínua sempre que houver alterações no código.

    +
    • +
  • +

    Cobertura de Testes: Monitoraremos a cobertura de testes para garantir que a maioria do código seja testada, identificando áreas não testadas que requerem atenção.

    +
    • +
  • +

    Testes de Desempenho: Implementaremos testes de desempenho para garantir que o software seja responsivo e eficiente, especialmente em cenários de carga elevada.

    +
    • +
+

Testes Unitarios

+

Os testes unitários são realizados para avaliar o comportamento das menores unidades em uma aplicação. Isso implica, tecnicamente, examinar o desempenho de entidades individuais, que podem ser representadas por classes em linguagens orientadas a objetos, ou até mesmo métodos de classe, no contexto de linguagens orientadas a objetos. Em linguagens de programação processuais e funcionais, as menores unidades podem se referir a procedimentos ou funções independentes.

+

Testes E2E

+

Além dos testes unitários e de integração, incorporaremos testes E2E (End to end) em Node.js para garantir que todo o fluxo de aplicação, desde a interface do usuário até o banco de dados, funcione de maneira integrada e sem problemas. Usaremos bibliotecas e ferramentas disponíveis junto ao node para realizar testes E2E. O objetivo dessa ferramenta de teste é validar a experiência do usuário final e identificar problemas em cenários do mundo real.

+

Referências

+
+

SONNAR CLOUD, https://www.sonarsource.com/products/sonarcloud/. Acesso em: 17 de Out. 2023.

+

JEST, https://jestjs.io/pt-BR/ Acesso em: 17 de Out. 2023.

+
+ + + + + + +
+
+ + +
+ +
+ + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/planejamento/quadro_conhecimento/index.html b/planejamento/quadro_conhecimento/index.html new file mode 100644 index 00000000..03ea68ff --- /dev/null +++ b/planejamento/quadro_conhecimento/index.html @@ -0,0 +1,1850 @@ + + + + + + + + + + + + + + + + + + + + + + + Quadro de conhecimento - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + +
+ + + + + + + +
+ +
+ + + + +
+
+ + + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+ + + + + + + +

Quadro de conhecimento

+

O quadro de conhecimento tem o objetivo de acompanhar o desenvolvimento dos integrantes, tanto de MDS quanto de EPS em relação as tecnologias utilizadas no projeto, esse quadro inicia sua implementação da Semana 2 com o intuito de vericar quais tecnologias os membros já tem um conhecimento sobre, e futuramente será atualizado em todas as Sprints.

+

O quadro sofrerá alteração quando começar as Sprints, visto que o objetivo será o de medir o conhecimento em relação às tecnologias que são de fato usadas no projeto, em contradição ao quadro disponibilizado na Semana 2, cujo objetivo era o de saber quanto e quais tecnologias era sabida por cada integrante.

+

Quadro de Conhecimento da Semana 2 (16/09):

+

Quadro de conhecimento

+ + + + + + + +
+
+ + +
+ +
+ + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/planejamento/quadro_de_disponibilidade/index.html b/planejamento/quadro_de_disponibilidade/index.html new file mode 100644 index 00000000..ba80b037 --- /dev/null +++ b/planejamento/quadro_de_disponibilidade/index.html @@ -0,0 +1,1865 @@ + + + + + + + + + + + + + + + + + + + + + + + Quadro de disponibilidade - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + +
+ + + + + + + +
+ +
+ + + + +
+
+ + + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+ + + + + + + +

Quadro de disponibilidade

+

Introdução

+

O quadro de disponibilidade é uma ferramenta amplamente utilizada que permite visualizar a disponibilidade dos membros de equipe em um determinado projeto. Aqui inserimos o dia e horário disponível de cada membro e posteriormente elaboramos um mapa de calor.

+

Heatmap

+

O heatmap consiste em uma técnica através da qual se torna possível a visualização e análise da magnitude de um fenômeno por meio de cores atribuídas aos dados coletados.

+

Para o contexto do projeto, esta técnica foi utilizada com o intuito de atuar como um suporte para uma análise eficiente no que diz respeito às viabilidades de horários concernentes à rotina dos membros.

+ + + + + + + +
+
+ + +
+ +
+ + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/planejamento/quadro_pareamento/index.html b/planejamento/quadro_pareamento/index.html new file mode 100644 index 00000000..4d0d3538 --- /dev/null +++ b/planejamento/quadro_pareamento/index.html @@ -0,0 +1,1827 @@ + + + + + + + + + + + + + + + + + + + Quadro de pareamento - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + +
+ + + + + + + +
+ +
+ + + + +
+
+ + + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+ + + + + + + +

Quadro de pareamento

+

Introdução

+

O quadro de pareamento é uma técnica de colaboração no desenvolvimento de software que envolve dois ou mais desenvolvedores trabalhando juntos. Seguindo os padrões da matéria e pela escolha do time, foi realizado a escolha dos pareamentos da seguinte forma:

+
    +
  • 1 EPS e 2 MDS;
    • +
  • 1 EPS e 1 MDS;
    • +
+

Quadro de Pareamento

+ + + + + + + + + + + + + + + + + + + +
VersãoDataDescriçãoAutores
1.019/10/2023Abertura do documentoEduardo Gurgel e Pedro Cella
+
+ + + + + + +
+
+ + +
+ +
+ + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/produto/banco_de_dados/index.html b/produto/banco_de_dados/index.html new file mode 100644 index 00000000..5e8ad533 --- /dev/null +++ b/produto/banco_de_dados/index.html @@ -0,0 +1,2217 @@ + + + + + + + + + + + + + + + + + + + + + + + Documento de Banco de Dados - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + +
+ + + + + + + +
+ +
+ + + + +
+
+ + + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+ + + + + + + +

Documento de Banco de Dados

+

1. Introdução

+

+Este documento tem por objetivo reunir os principais documentos produzidos referentes ao banco de dados da aplicação. O intuito disso é proporcionar transparência e organização quanto ao que acreditamos ser a maneira mais adequada de contextualizar, diagramar e modelar os dados associados à problemática na qual o projeto GEROcuidado, bem como o produto de software a ele vinculado, está inserido. +

+ +

2. Documentos criados

+

2.1 MER

+

O Modelo Entidade-Relacionamento (MER) é uma abordagem conceitual usada no projeto de banco de dados para representar entidades, seus atributos e relacionamentos. Isso permite visualizar como os dados estão organizados e como as entidades se relacionam no sistema de informações. O MER é a base conceitual sobre a qual os Diagramas Entidade-Relacionamento (DER) são criados para representar graficamente essa estrutura.

+ +

2.1.1 Entidades

+

MER_ENTIDADES

+

2.1.2 Descrição das Entidades

+

MER_DESCRICAO_ENTIDADE

+

2.1.3 Relacionamentos

+

RELACIONAMENTOS 1 +RELACIONAMENTOS 2

+

2.2 DER

+

O Diagrama Entidade-Relacionamento (DER) é uma representação gráfica amplamente utilizada no projeto de bancos de dados. Ele descreve as entidades (objetos), seus atributos (características) e os relacionamentos entre as entidades. Os retângulos representam as entidades, as elipses indicam os atributos e as linhas conectam as entidades para mostrar como elas se relacionam. O DER é uma ferramenta fundamental para visualizar e planejar a estrutura de um banco de dados antes da implementação, ajudando a definir como os dados são armazenados e acessados

+ +

DER

+

2.3 DLD

+

+O Diagrama Lógico de Dados (DLD) é uma representação gráfica que ilustra a estrutura lógica de um banco de dados. Nesse diagrama, são exibidas informações cruciais, como os tipos de atributos associados a cada entidade, bem como as chaves estrangeiras e restrições, como a chave única (unique key). Seu propósito fundamental é fornecer uma representação estruturada e específica da maneira como o banco de dados deve ser implementado. Em resumo, o DLD funciona como uma representação visual que orienta a implementação efetiva do banco de dados.

+ +

DLD

+

2.4 Dicionário de Dados

+

+Um Dicionário de Dados é uma referência essencial em gerenciamento de dados. Ele é um documento ou repositório que descreve detalhadamente os elementos de um banco de dados, como tabelas, campos, relacionamentos e regras de negócios associadas. O Dicionário de Dados serve como uma fonte confiável de informações para desenvolvedores, analistas e outros stakeholders, garantindo a compreensão e a consistência dos dados dentro de um sistema. Ele fornece informações cruciais sobre a estrutura e a semântica dos dados, auxiliando na manutenção, integração e uso eficaz das informações em um contexto organizacional. +

+ +

2.4.1 Entidades

+

Usuário

+

USUARIO

+

Paciente

+

Paciente

+

Métricas de saúde

+

METRICA

+

Valor das métricas de saúde

+

VALOR_METRICA

+

Rotina

+

ROTINA

+

Publicação

+

PUBLICACAO

+

Like

+

LIKE

+

Comentário

+

COMENTARIO

+

2.4.2 Relacionamentos

+

Publicação tem comentário

+

PUB_TEM_COMENTARIO

+

Publicação tem like

+

PUB_TEM_LIKE

+

2.5 Documento de Banco de dados

+

O link contendo todos os documentos apresentados pode ser encontrado aqui.

+ + + + + + +
+
+ + +
+ +
+ + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/produto/ferramentas/index.html b/produto/ferramentas/index.html new file mode 100644 index 00000000..96044b0e --- /dev/null +++ b/produto/ferramentas/index.html @@ -0,0 +1,2445 @@ + + + + + + + + + + + + + + + + + + + + + + + Ferramentas - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + +
+ + + + + + + +
+ +
+ + + + +
+
+ + + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+ + + + + + + +

Documentação das Ferramentas

+

Este documento tem como objetivo explicar as tecnologias que serão usadas no projeto GEROcuidado.

+

React Native

+
    +
  • O React Native é um framework desenvolvido pelo Facebook que utiliza de JavaScript e a biblioteca React para desenvolvimento de aplicativos para IOS e Android. Sendo essa sua principal vantagem, executar o mesmo código em diversas plataformas diferentes. Em vez de renderizar elementos na Web o React utiliza componentes nativos o que resulta em um melhor desempenho. O React Native possui uma grande variadade de componentes em sua biblioteca o que simplifica o desenvolvimento de interfaces complexas.
    • +
+
+ React Native Logo +
+ +

Alguns dos principais components do React Native são:

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ComponentFunção
<View>É o Bloco de construção fundamental do React, usado para agrupar componentes e estilizá-los
<Text>Usado para exibir texto na interface do usuário
<TextInput>Usado para criar campos de entrada de texto
<ScrollView>É uma barra de rolagem que pode ser adicionado à uma área que contém outros componentes
<Button>Usado para criar botões interativos
<TouchableOpacity>Torna qualquer elemento envolto nele clicável
<FlatList> <SectionList>Usados para renderizar listas
<WebView>Usado para destacar páginas da web dentro do aplicativo
+
    +
  • O framework também inclui as chamadas "Hooks" que são funções que permitem adicionar estado e outras funcionalidades para componentes tornando o desenvolvimento mais simples e reutilizável.
    • +
+

Algumas das principais Hooks disponíveis:

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
HookFunção
useStateÉ uma hook para adicionar estado aos componentes, o que permite reagir a mudanças e atualizar a interface do usuário
useEffectUsada para executar efeitos colaterais em componentes, pode ser usado para buscar dados em uma API, por exemplo
useContextPermite acessar o contexto de um componente pai, sem a necessidade de passar props para todos os níveis
useRefPermite adicionar referência que pode ser usado para acessar o DOM ou outros elementos
Custom hooksÉ possível criar suas próprias hooks personalizadas para abstrair lógicas em diferentes componentes
+
+

Documentação Oficial: https://reactnative.dev/docs/getting-started

+
+

Expo

+
    +
  • O expo é uma ferramenta de desenvolvimento de aplicativos usando React Native. Sua principal vantagem é a simplificação no processo de configuração de ambiente. Além disso ele também oferece um conjunto de ferramentas úteis à criação, execução e depuração de aplicativos. O Expo Go é um aplicativo que permite a visualização em tempo real da aplicação em seu Aparelho pessoal, o que é bem mais fácil para testar o apliactivo durante o desenvolvimento.
    • +
+
+ Expo Logo +
+ +
    +
  • Para instalar o Expo basta utilizar o gerenciador de pacotes do NodeJs e executar o comando:
    • +
+
npm install expo
+
+
    +
  • E para iniciar um servidor:
    • +
+
npm expo start
+
+
+

Documentação Oficial: https://docs.expo.dev/more/expo-cli/

+
+

Nest JS

+
    +
  • O NestJS é um framework de desenvolvimento serverside (back-end) baseado em Node.js. O framework utiliza TypeScript (ainda permite que o desenvolvedor programe em JavaScript puro) e combina elementos da OOP (Object Oriented Programming), FP (Functional Programming) e FRP (Functional Reactve Programming). Por baixo dos panos ele também faz uso do Express que é outro framework web. Outra característica interessente que o Nest faz uso são as injeções de dependências para gerenciar a criação e vida de objetos usados no aplicativo.
    • +
+
+ NestJS Logo +
+ +

Modules

+
    +
  • Uma das principais partes do Nest são os módulos, são usadas para organizar e estruturar a aplicação. Eles ajudam as dividir o código em diferentes partes o que ajuda a escalabilidade do projeto. Módulos possuem algumas propriedades, eles são: provedores, controladores, importadoes e exportadores.
    • +
+

Middleware

+
    +
  • As Middlewares são funções intermediárias entre o cliente e o servidor. Representam um papel crítico em requisições HTTP, oferecem controle, flexibilidade e reusabilidade, permitindo executar ações antes ou depois de uma requisição.
    • +
+

Controllers

+
    +
  • Os controladores são responsáveis por lidar com requisições retornar respostas para o cliente. Eles promovem uma organização modular e separação clara de responsabilidades.
    • +
+

Microserviços

+
    +
  • O NestJS tem suporte nativo para a arquitetura de microserviços.
    • +
+

Instalação

+
    +
  • Para instalar o Nest JS você pode criar o scaffold do projeto com o Nest CLI ou clonar um projeto inicial (ambos produzirão o mesmo resultado).
    • +
  • Sendo assim, para estruturar o projeto com o Nest CLI digite os seguintes comandos. Isso criará um novo diretório de projeto e prencherá com os arquivos Nest JS principais iniciais:
    • +
+
$ npm i -g @nestjs/cli
+$ nest new project-name
+
+
    +
  • Alternativamente, para instalar o projeto inicial TypeScript com Git :
    • +
+
$ git clone https://github.com/nestjs/typescript-starter.git project
+$ cd project
+$ npm install
+$ npm run start
+
+
    +
  • Para instalar a versão JavaScript do projeto inicial, use na sequência dos comandos acima :
    • +
+
javascript-starter.git
+
+
+

Documentação Oficial: https://docs.nestjs.com/

+
+

Docker

+
    +
  • Docker é uma plataforma aberta para desenvolvimento, envio e execução de aplicativos. A plataforma oferece a capacidade de empacotar, distribuir e executar aplicativos, de forma consistente, em um ambiente isolado chamado container, que contêm tudo o que é necessário para executar o aplicativo.
    • +
  • Além disso, é possível compartilhar containers e garantir que todas as pessoas com quem você compartilha recebam o mesmo container que funciona da mesma maneira. Assim, o Docker evita inconsistências de ambiente, permite o desenvolvimento de um ambiente padronizado e facilita a colaboração.
    • +
  • Dessa forma, o Docker é uma ferramenta fundamental para melhorar a eficiência no desenvolvimento e na implantação de software.
    • +
+
+ Docker Logo +
+ +

Containers

+
    +
  • Um container é uma instância executável de uma imagem. É uma unidade de software que empacota uma aplicação e todas as suas dependências, incluindo bibliotecas, configurações e arquivos, em um único pacote executável. Esses containers são projetados para serem portáteis e consistentes, permitindo que uma aplicação seja executada de forma confiável e isolada em qualquer ambiente que suporte a tecnologia de containers.
    • +
+

Imagens

+
    +
  • As imagens Docker são usadas como base para criar instâncias de containers em tempo de execução. Elas são uma parte fundamental da tecnologia de containerização e contêm todas as informações necessárias para criar um container, como códigos, dependências, bibliotecas, variáveis ​​de ambiente e configurações. Por isso, desempenham um papel crucial na portabilidade e na consistência dos containers.
    • +
  • Outro ponto importante é sobre a possibilidade de versionamento das imagens Docker, o que permite rastrear e controlar as diferentes versões de um aplicativo.
    • +
+

Vantagens do Docker

+
    +
  • O Docker utiliza containers para isolar aplicativos e suas dependências. Isso garante que cada aplicativo seja executado de forma independente, evitando conflitos de versões e problemas de compatibilidade.
    • +
  • Os containers Docker são leves e empacotam todos os componentes necessários para a execução de um aplicativo, tornando-o portátil.
    • +
  • O Docker agiliza o ciclo de vida de desenvolvimento, permitindo que os desenvolvedores trabalhem em ambientes padronizados.
    • +
  • Os containers Docker podem ser implantados rapidamente, reduzindo o tempo necessário para provisionar e escalar aplicativos. Isso é especialmente útil em ambientes de desenvolvimento ágil e DevOps.
    • +
  • As imagens Docker podem ser versionadas, o que permite o controle preciso das versões de aplicativos e a reversão para versões anteriores, se necessário.
    • +
+

Instalação

+ +

PostgreSQL

+
    +
  • +

    PostgreSQL é um sistema de gerenciamento de banco de dados objeto-relacional (ORDBMS) baseado em POSTGRES, desenvolvido no Departamento de Ciência da Computação da Universidade da Califórnia em Berkeley.

    +
    • +
  • +

    PostgreSQL é um descendente de código aberto deste código original de Berkeley. Suporta grande parte do Padrão SQL e oferece muitos recursos modernos:

    +
      +
    • consultas complexas
      • +
    • chaves estrangeiras
      • +
    • gatilhos
      • +
    • visualizações atualizáveis
      • +
    • integridade transacional
      • +
    • controle de simultaneidade multiversão
      • +
    • Item de lista principal
      • +
    +
    • +
+
+PostgreSQL Logo +
+ +
    +
  • Além disso, o PostgreSQL pode ser estendido pelo usuário de várias maneiras, por exemplo, adicionando novos
      +
    • tipos de dados
      • +
    • funções
      • +
    • operadores
      • +
    • funções agregadas
      • +
    +
    • +
+

Instalação

+
    +
  • A maioria das distribuições Linux incluem o PostgreSQL por padrão, sendo assim para instalá-lo basta digitar o seguinte comando:
    • +
+
apt-get install postgresql-12
+
+ +

Fundamentos da Arquitetura

+
    +
  • +

    PostgreSQL usa um modelo cliente/servidor. Uma sessão PostgreSQL consiste nos seguintes processos (programas):

    +
      +
    • +

      Um processo de servidor, que gerencia os arquivos do banco de dados, aceita conexões do Banco de Dados com os formulários do CLientes e executa ações de banco de dados em nome dos clientes. O programa servidor de banco de dados é chamado postgres.

      +
      • +
    • +

      A aplicação cliente(frontend) do usuário que deseja realizar operações de banco de dados.

      +
      • +
    +
    • +
  • +

    Como é comum em aplicações cliente/servidor, o cliente e o servidor podem estar em hosts diferentes. Nesse caso, eles se comunicam por meio de uma conexão de rede TCP/IP. É importante lembrar disso, pois os arquivos que podem ser acessados em uma máquina cliente podem não ser acessíveis (ou podem ser acessíveis apenas com um nome de arquivo diferente) na máquina do servidor de banco de dados.

    +
    • +
  • +

    O servidor PostgreSQL pode lidar com várias conexões simultâneas de clientes. Para fazer isso, ele inicia ("cria cópias") um novo processo para cada conexão. A partir desse momento, o cliente e o novo processo do servidor se comunicam sem intervenção do processo original do PostgreSQL. Portanto, o processo de supervisão do servidor está sempre em execução, aguardando conexões de clientes, enquanto os processos do cliente e os processos de servidor associados vêm e vão.

    +
    • +
  • +

    Para mais informações gerais sobre o postgreSQL acesse o seguinte link :

    +
    +

    Documentação Oficial: https://www.postgresql.org/docs/

    +
    +
    • +
+

Histórico de versões

+ + + + + + + + + + + + + + + + + +
VersãoDataDescriçãoAutores
1.009/10/2023Documentação React Native, Expo, NestJS, Docker e PostgreSQLGuilherme Dutra
Guilherme Westphall
Lucas Martins Gabriel
+ + + + + + +
+
+ + +
+ +
+ + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/reunioes/Semana_1/reuniao_EPS_04_09/index.html b/reunioes/Semana_1/reuniao_EPS_04_09/index.html new file mode 100644 index 00000000..992328cc --- /dev/null +++ b/reunioes/Semana_1/reuniao_EPS_04_09/index.html @@ -0,0 +1,1906 @@ + + + + + + + + + + + + + + + + + + + + + + + Reunião EPS 04/09 - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + +
+ + + + + + + +
+ +
+ + + + +
+
+ + + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+ + + + + + + +

Reunião EPS 04/09

+ +

ATA de Reunião (04/09):

+

Pauta

+
    +
  • Apresentações entre membros de EPS;
    • +
  • Decisão do horário da reunião geral;
    • +
  • Decisões de MDS(realização de uma reunião de apresentação amanhã);
    • +
  • Discussão sobre o projeto;
    • +
  • Planilha de horários
    • +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Presentes na Reunião (04/09)Equipe PertencenteInfo
Arthur Talles de Sousa CunhaEPSPresente
Eduardo Gurgel Pereira de CarvalhoEPSPresente
Gustavo Afonso Pires SeveroEPSPresente
Henrique Amorim Costa MeloEPSPresente
Pedro Vítor de Salles CellaEPSPresente
Duração00:21:45
+ + + + + + +
+
+ + +
+ +
+ + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/reunioes/Semana_1/reuniao_Geral_05_09/index.html b/reunioes/Semana_1/reuniao_Geral_05_09/index.html new file mode 100644 index 00000000..81e3baa5 --- /dev/null +++ b/reunioes/Semana_1/reuniao_Geral_05_09/index.html @@ -0,0 +1,1963 @@ + + + + + + + + + + + + + + + + + + + + + + + Reunião Geral 05/09 - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + +
+ + + + + + + +
+ +
+ + + + +
+
+ + + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+ + + + + + + +

Reunião Geral 05/09

+ +

ATA de Reunião (05/09):

+

Pauta

+
    +
  • Apresentações entre membros de EPS e MDS;
    • +
  • Decisão do horário da reunião geral dos membros de MDS e EPS;
    • +
  • Explicação sobre as matérias de EPS e MDS;
    • +
  • Explicação sobre a dinâmica de comunicação entre os membros;
    • +
  • Convite para as ferramentas Mural, ZenHub e repositório da matéria para os membros de MDS
    • +
  • +

    Roda de dúvidas:

    +
    • +
  • +

    Conversa sobre as possibilidades do projeto;

    +
    • +
  • Aviso da Reunião com o cliente (06/09 às 12h);
    • +
  • +

    Definição de treinamentos iniciais a serem realizados;

    +
    • +
  • +

    Decisões de EPS:

    +
    • +
  • +

    Escolha dos treinamentos:

    +
      +
    • Linux;
      • +
    • Git;
      • +
    • SCRUM e áreas da tecnologia
      • +
    • Criação de possíveis perguntas a serem feitas ao PO
      • +
    +
    • +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Presentes na Reunião (05/09)Equipe PertencenteInfo
Arthur Talles de Sousa CunhaEPSPresente
Eduardo Gurgel Pereira de CarvalhoEPSPresente
Gustavo Afonso Pires SeveroEPSPresente
Henrique Amorim Costa MeloEPSPresente
Pedro Vítor de Salles CellaEPSPresente
Gabryel Nícolas Soares de SousaMDSPresente
Guilherme Silva DutraMDSPresente
Guilherme Westphall de QueirozMDSPresente
Hugo Queiroz Camelo de MeloMDSPresente
Julio Roberto da Silva NetoMDSPresente
Lucas Martins GabrielMDSPresente
Pedro Fonseca CruzMDSPresente
Duração01:15:00
+ + + + + + +
+
+ + +
+ +
+ + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/reunioes/Semana_1/reuniao_PO_06_09/index.html b/reunioes/Semana_1/reuniao_PO_06_09/index.html new file mode 100644 index 00000000..59eff628 --- /dev/null +++ b/reunioes/Semana_1/reuniao_PO_06_09/index.html @@ -0,0 +1,1986 @@ + + + + + + + + + + + + + + + + + + + + + + + Reunião PO 06/09 - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + +
+ + + + + + + +
+ +
+ + + + +
+
+ + + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+ + + + + + + +

Reunião PO 06/09

+ +

ATA de Reunião (06/09):

+

Pauta

+
    +
  • Definir a rotina das reuniões semanais;
    • +
  • Entender mais sobre o projeto;
    • +
  • Foi comentado que a tecnologia a ser utilizado poderia ser escolhida pelos membros de EPS/MDS, ressaltando que os usuários do produto, no caso cuidadoras formais e informais, utilizam mais de aparelhos móveis como smartphones do que computadores;
    • +
  • Foi levantado a questão do protótipo e novamente foi colocado de forma livre para os membros, podendo ser mantido o design do protótipo ou sendo livre para a equipe desenvolver algo novo;
    • +
  • Ficou para a próxima reunião uma apresentação completa acerca do GEROcuidado.
    • +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Presentes na Reunião (06/09)Equipe PertencenteInfo
Arthur Talles de Sousa CunhaEPSPresente
Eduardo Gurgel Pereira de CarvalhoEPSPresente
Gustavo Afonso Pires SeveroEPSPresente
Henrique Amorim Costa MeloEPSPresente
Pedro Vítor de Salles CellaEPSPresente
Gabryel Nícolas Soares de SousaMDSPresente
Guilherme Silva DutraMDSPresente
Guilherme Westphall de QueirozMDSPresente
Hugo Queiroz Camelo de MeloMDSPresente
Julio Roberto da Silva NetoMDSPresente
Lucas Martins GabrielMDSPresente
Pedro Fonseca CruzMDSPresente
Larissa GonzagaEnactusPresente
Nagyla CristinaEnactusPresente
Livya RibeiroEnactusPresente
Maria BeatrizEnactusPresente
Pedro LeiteEnactusPresente
Ade NidjiEnactusPresente
Henrique de SalesEnactusPresente
Prof. Hilmer NeriPresente
Prof. Mario AndradePresente no final
Duração01:18:05
+ + + + + + +
+
+ + +
+ +
+ + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/reunioes/Semana_2/reuniao_Geral_12_09/index.html b/reunioes/Semana_2/reuniao_Geral_12_09/index.html new file mode 100644 index 00000000..0b49d120 --- /dev/null +++ b/reunioes/Semana_2/reuniao_Geral_12_09/index.html @@ -0,0 +1,1998 @@ + + + + + + + + + + + + + + + + + + + + + + + Reunião Geral 12/09 - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + +
+ + + + + + + +
+ +
+ + + + +
+
+ + + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+ + + + + + + +

Reunião Geral 12/09

+ +

ATA de Reunião (12/09):

+

Pauta

+

EPS

+
    +
  • Definição dos Treinamentos;
    • +
  • Eduardo e Gustavo - Treinamento de Linux;
    • +
  • Henrique - Treinamento de Git;
    • +
  • Arthur e Pedro - Treinamento de Metodologias Ágeis;
    • +
  • Levantamento da documentação inicial do projeto;
    • +
  • Possíveis questões para levantar na reunião do cliente;
    • +
+

Geral

+
    +
  • Definição da tecnologia;
    • +
  • Cross-plataform com React Native a talvez Firebase;
    • +
  • PWA com Angular;
    • +
  • Definição do dia e horários dos treinamentos;
    • +
  • Treinamento de linux - sexta-feira(15/09) 12-14h
    • +
  • Treinamento de Git - terça-feira(19/09) 12h:30
    • +
  • Treinamento de Metodologias Ágeis - sábado (23/09) 14h
    • +
  • Pauta para os POs;
    • +
  • https://docs.google.com/document/d/1B5oy0kjTO7WoHb2z4g_SV_tqMGfXwhFkzBTUN0za6PM/edit?usp=drive_link
    • +
  • Apresentação do Lean Inception;
    • +
  • https://www.canva.com/design/DAFuDZM85Qk/05rx6saTZJsaEIlEX4aEwg/edit?utm_content=DAFuDZM85Qk&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton
    • +
  • Definição do cronograma do Lean Inception;
    • +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Presentes na Reunião (12/09)Equipe PertencenteInfo
Arthur Talles de Sousa CunhaEPSPresente
Eduardo Gurgel Pereira de CarvalhoEPSPresente
Gustavo Afonso Pires SeveroEPSPresente
Henrique Amorim Costa MeloEPSPresente
Pedro Vítor de Salles CellaEPSPresente
Gabryel Nícolas Soares de SousaMDSPresente
Guilherme Silva DutraMDSPresente
Guilherme Westphall de QueirozMDSPresente
Hugo Queiroz Camelo de MeloMDSPresente
Julio Roberto da Silva NetoMDSPresente
Lucas Martins GabrielMDSPresente
Pedro Fonseca CruzMDSPresente
Duração01:30:37
+ + + + + + +
+
+ + +
+ +
+ + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/reunioes/Semana_2/reuniao_Lean_Inception_Dia1_17_09/index.html b/reunioes/Semana_2/reuniao_Lean_Inception_Dia1_17_09/index.html new file mode 100644 index 00000000..cdc77a7c --- /dev/null +++ b/reunioes/Semana_2/reuniao_Lean_Inception_Dia1_17_09/index.html @@ -0,0 +1,1944 @@ + + + + + + + + + + + + + + + + + + + + + + + Reunião Lean Inception Dia 1 17/09 - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + +
+ + + + + + + +
+ +
+ + + + +
+
+ + + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+ + + + + + + +

Reunião Lean Inception Dia 1 17/09

+ +

ATA de Reunião (17/09):

+

Pauta

+
    +
  • Decisão do horário e local do Treinamento de Scrum, apresentação das personas e jornadas e realização das atividades do Dia 3(levantamento de funcionalidades)
    • +
  • Foi decidido que será realizado um encontro presencial na casa do integrante Pedro Cella, com início às 13h;
    • +
  • Escolha da tecnologia
    • +
  • Foi feita a votação e foi decidio a tecnologia de PWA(Progressive Web App) com o Frontend em Angular associado possivelmente com o Ionic, e o Backend com NodeJS, porém será confirmado na reunião geral do dia 19/09;
    • +
  • Desenvolvimento da Visão do Produto;
    • +
  • Desenvolvimento do É/não é Faz/não faz
    • +
  • Desenvolvimento dos objetivos do produto
    • +
  • Explicação inicial sobre Personas e Jornadas de usuário e atividade a ser realizada
    • +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Presentes na Reunião (17/09)Equipe PertencenteInfo
Arthur Talles de Sousa CunhaEPSPresente
Eduardo Gurgel Pereira de CarvalhoEPSPresente
Gustavo Afonso Pires SeveroEPSPresente
Henrique Amorim Costa MeloEPSAusente
Pedro Vítor de Salles CellaEPSPresente
Gabryel Nícolas Soares de SousaMDSPresente
Guilherme Silva DutraMDSPresente
Guilherme Westphall de QueirozMDSPresente
Hugo Queiroz Camelo de MeloMDSPresente
Julio Roberto da Silva NetoMDSPresente
Lucas Martins GabrielMDSPresente
Pedro Fonseca CruzMDSPresente
Duração02:02:43
+ + + + + + +
+
+ + +
+ +
+ + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/reunioes/Semana_2/reuniao_PO_13_09/index.html b/reunioes/Semana_2/reuniao_PO_13_09/index.html new file mode 100644 index 00000000..4d87fd37 --- /dev/null +++ b/reunioes/Semana_2/reuniao_PO_13_09/index.html @@ -0,0 +1,1980 @@ + + + + + + + + + + + + + + + + + + + + + + + Reunião PO 13/09 - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + +
+ + + + + + + +
+ +
+ + + + +
+
+ + + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+ + + + + + + +

Reunião PO 13/09

+ +

ATA de Reunião (13/09):

+

Pauta

+
    +
  • Apresentação do projeto pela equipe da Enactus (informações repassadas pela equipe);
      +
    • História do projeto;
      • +
    • Criação por meio do edital;
      • +
    • Desenvolvimento desde o inicio do projeto;
      • +
    • Problemática;
      • +
    • Proposta do projeto;
      • +
    • Objetivos;
      • +
    • Protótipo;
      • +
    • Objetivo das funções atuais;
      • +
    • Resultados obtidos com o protótipo;
      • +
    • Planejamento da etapa atual do projeto;
      • +
    +
    • +
  • Perguntas pelos membros do time de EPS/MDS;
    • +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Presentes na Reunião (06/09)Equipe PertencenteInfo
Arthur Talles de Sousa CunhaEPSPresente
Eduardo Gurgel Pereira de CarvalhoEPSPresente
Gustavo Afonso Pires SeveroEPSPresente
Henrique Amorim Costa MeloEPSPresente
Pedro Vítor de Salles CellaEPSPresente
Gabryel Nícolas Soares de SousaMDSPresente
Guilherme Silva DutraMDSPresente
Guilherme Westphall de QueirozMDSPresente
Hugo Queiroz Camelo de MeloMDSPresente
Julio Roberto da Silva NetoMDSPresente
Lucas Martins GabrielMDSPresente
Pedro Fonseca CruzMDSPresente
Larissa GonzagaEnactusPresente
Nagyla CristinaEnactusPresente
Maria BeatrizEnactusPresente
Pedro LeiteEnactusPresente
Henrique de SalesEnactusPresente
Prof. Hilmer NeriPresente
Duração00:56:03
+ + + + + + +
+
+ + +
+ +
+ + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/reunioes/Semana_3/reuniao_Geral_19_09/index.html b/reunioes/Semana_3/reuniao_Geral_19_09/index.html new file mode 100644 index 00000000..4d2a59e3 --- /dev/null +++ b/reunioes/Semana_3/reuniao_Geral_19_09/index.html @@ -0,0 +1,2003 @@ + + + + + + + + + + + + + + + + + + + + + + + Reunião Geral 19/09 - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + +
+ + + + + + + +
+ +
+ + + + +
+
+ + + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+ + + + + + + +

Reunião Geral 19/09

+ +

ATA de Reunião (04/09):

+

Pauta

+

EPS

+
    +
  • Definição do que deverá ser feito para a R1;
    • +
  • Até o momento só é possível realizar o documento de custos;
    • +
  • Divisão de tarefas
    • +
  • Teste de acesso ao ambiente Mural
    • +
  • Foi criado o link: https://app.mural.co/t/unbfgaepsmds202111846/m/unbfgaepsmds202111846/1692910566888/1fc408f9ca723d5da2cf6be39c72eb198e384eb9?sender=udf9239462e2a60d245477036
    • +
+

Geral

+
    +
  • Definição da tecnologia;
    • +
  • React Native e NodeJS
    • +
  • Definição da reunião na semana universitária, verificar disponibilidade dos membros do Enactus para a reunião de Quarta dia 27/09;
    • +
  • Definição da pauta e do que será apresentado na reunião com o cliente dia 20/09;
    • +
  • +

    Pauta:

    +
      +
    • Cronograma da reunião; - PV
      • +
    • Tecnologia; - Henrique e Gustavo
      • +
    • Visão do Produto; - PV
      • +
    • É/não - Faz/não faz; - Gustavo
      • +
    • Objetivos do produto; - PV
      • +
    • Personas; - Pedro(Cuidadora Formal), Hugo(Familiar), Eduardo(Cuidador Informal) e Guilherme Dutra(Idoso)
      • +
    +
    • +
  • +

    Criação de personas;

    +
    • +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Presentes na Reunião (19/09)Equipe PertencenteInfo
Arthur Talles de Sousa CunhaEPSPresente
Eduardo Gurgel Pereira de CarvalhoEPSPresente
Gustavo Afonso Pires SeveroEPSPresente
Henrique Amorim Costa MeloEPSPresente
Pedro Vítor de Salles CellaEPSPresente
Gabryel Nícolas Soares de SousaMDSPresente
Guilherme Silva DutraMDSPresente
Guilherme Westphall de QueirozMDSPresente
Hugo Queiroz Camelo de MeloMDSPresente
Julio Roberto da Silva NetoMDSPresente
Lucas Martins GabrielMDSPresente
Pedro Fonseca CruzMDSPresente
Duração01:53:08
+ + + + + + +
+
+ + +
+ +
+ + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/reunioes/Semana_3/reuniao_PO_20_09/index.html b/reunioes/Semana_3/reuniao_PO_20_09/index.html new file mode 100644 index 00000000..a0b785f0 --- /dev/null +++ b/reunioes/Semana_3/reuniao_PO_20_09/index.html @@ -0,0 +1,1989 @@ + + + + + + + + + + + + + + + + + + + + + + + Reunião PO 20/09 - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + +
+ + + + + + + +
+ +
+ + + + +
+
+ + + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+ + + + + + + +

Reunião PO 20/09

+ +

ATA de Reunião (20/09):

+

Pauta

+
    +
  • Cronograma da reunião;
    • +
  • Apresentadores: Pedro Cella
    • +
  • Resultado: Foi comentado pelos membros do Enactus que devido a semana universitária nem todos os membros conseguiriam comparecer a reunião.
    • +
  • Tecnologia;
    • +
  • Apresentadores: Henrique Amorim e Gustavo Afonso
    • +
  • Foi decidido e apresentado o uso de React Native para a criação do produto mobile;
    • +
  • Visão do Produto;
    • +
  • Apresentadores: Pedro Cella
    • +
  • Resultados: Time do Enactus aprovou a Visão do Produto
    • +
  • É/não - Faz/não faz;
    • +
  • Apresentadores: Gustavo
    • +
  • Resultados: Time do Enactus fez acréscimos ao artefato;
    • +
  • Objetivos do produto;
    • +
  • Apresentadores: Pedro Cella
    • +
  • Resultados: Foram levantados alguns pontos a serem acrescentados no artefato, como eram pontos importantes foi considerado a atualização desse artefato e o reenvio do mesmo para feedback;
    • +
  • Personas;
    • +
  • Apresentadores: Pedro Cruz(Cuidadora Formal), Hugo Queiroz(Familiar), Eduardo Gurgel(Cuidador Informal) e Guilherme Dutra(Idoso)
    • +
  • Resultados: Por conta do tempo foram apresentados somente as personas de Cuidador(a) forma e Cuidador(a) informal, o restante deverá ser encaminhado para os membros da Enactus de forma assíncrona para um feedback inicial. Além disso foram pontuadas algumas mudanças quanto a persona de cuidador(a) forma;
    • +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Presentes na Reunião (20/09)Equipe PertencenteInfo
Arthur Talles de Sousa CunhaEPSPresente
Eduardo Gurgel Pereira de CarvalhoEPSPresente
Gustavo Afonso Pires SeveroEPSPresente
Henrique Amorim Costa MeloEPSPresente
Pedro Vítor de Salles CellaEPSPresente
Gabryel Nícolas Soares de SousaMDSPresente
Guilherme Silva DutraMDSPresente
Guilherme Westphall de QueirozMDSPresente
Hugo Queiroz Camelo de MeloMDSPresente
Julio Roberto da Silva NetoMDSPresente
Lucas Martins GabrielMDSPresente
Pedro Fonseca CruzMDSPresente
Larissa GonzagaEnactusAusente
Nagyla CristinaEnactusPresente
Maria BeatrizEnactusPresente
Pedro LeiteEnactusPresente
Henrique de SalesEnactusPresente
Felipe Mastromauro CorreaMonitorPresente
Prof. Hilmer NeriPresente
Duração01:05:06
+ + + + + + +
+
+ + +
+ +
+ + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/reunioes/Semana_3/reuniao_Treinamento_e_Lean_Inception_Dia2_23_09/index.html b/reunioes/Semana_3/reuniao_Treinamento_e_Lean_Inception_Dia2_23_09/index.html new file mode 100644 index 00000000..85343443 --- /dev/null +++ b/reunioes/Semana_3/reuniao_Treinamento_e_Lean_Inception_Dia2_23_09/index.html @@ -0,0 +1,1952 @@ + + + + + + + + + + + + + + + + + + + + + + + Reunião Treinamento e Lean Inception Dia 2 23/09 - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + +
+ + + + + + + +
+ +
+ + + + +
+
+ + + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+ + + + + + + +

Reunião Treinamento e Lean Inception Dia 2 23/09

+ +

ATA de Reunião (23/09):

+

Pauta

+
    +
  • Treinamento de Metodologias Ágeis;
    • +
  • Link do treinamento: https://drive.google.com/file/d/1NFvQTyH97fUHs4akZBmK_qrwN8iAU-gP/view?usp=sharing
    • +
  • Criação das jornadas de usuário;
    • +
  • Atualização das Personas;
    • +
  • Atualização dos Objetivos do Produto;
    • +
  • Decisão das datas dos treinamentos técnicos;
    • +
  • Foi decidido pelos membros de EPS, os seguintes treinamentos:
      +
    • HTML/CSS;
      • +
    • JavaScript;
      • +
    • Docker;
      • +
    • React Native;
      • +
    • SQL;
      • +
    • Futuramente será também passado o treinamento de Testes; +OBS: Os horários e dias ainda serão definidos
      • +
    +
    • +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Presentes na Reunião (23/09)Equipe PertencenteInfo
Arthur Talles de Sousa CunhaEPSPresente
Eduardo Gurgel Pereira de CarvalhoEPSAusente
Gustavo Afonso Pires SeveroEPSPresente
Henrique Amorim Costa MeloEPSPresente
Pedro Vítor de Salles CellaEPSPresente
Gabryel Nícolas Soares de SousaMDSPresente
Guilherme Silva DutraMDSPresente
Guilherme Westphall de QueirozMDSPresente
Hugo Queiroz Camelo de MeloMDSPresente
Julio Roberto da Silva NetoMDSPresente
Lucas Martins GabrielMDSPresente
Pedro Fonseca CruzMDSPresente
Duração01:49:00
+ + + + + + +
+
+ + +
+ +
+ + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/reunioes/Semana_4/reuniao_Geral_26_09/index.html b/reunioes/Semana_4/reuniao_Geral_26_09/index.html new file mode 100644 index 00000000..d9e3d2fa --- /dev/null +++ b/reunioes/Semana_4/reuniao_Geral_26_09/index.html @@ -0,0 +1,1981 @@ + + + + + + + + + + + + + + + + + + + + + + + Reunião Geral 26/09 - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + +
+ + + + + + + +
+ +
+ + + + +
+
+ + + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+ + + + + + + +

Reunião Geral 26/09

+ +

ATA de Reunião (26/09):

+

Pauta

+
    +
  • Definição dos horários e dias dos treinamentos;
    • +
  • HTML/CSS (Henrique): Quinta-feira 28/09 às 19h
    • +
  • JavaScript (Henrique) - Domingo 01/10 às 14h
    • +
  • Banco de dados/SQL (Eduardo e Arthur) - Assíncrono
    • +
  • Docker (Gustavo) - Sexta-feira 29/09 às 14h
    • +
  • Realização do dia 3 de Lean Inception;
    • +
  • Definição da pauta de reunião do PO;
    • +
  • Comentar sobre as personas e as jornadas de usuário (Guilherme Dutra);
    • +
  • Funcionalidades (Pedro Cella);
    • +
  • Revisão técnica (Membros de EPS);
    • +
+

Geral

+
    +
  • Criação de personas;
    • +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Presentes na Reunião (26/09)Equipe PertencenteInfo
Arthur Talles de Sousa CunhaEPSPresente
Eduardo Gurgel Pereira de CarvalhoEPSPresente
Gustavo Afonso Pires SeveroEPSAusente
Henrique Amorim Costa MeloEPSPresente
Pedro Vítor de Salles CellaEPSPresente
Gabryel Nícolas Soares de SousaMDSPresente
Guilherme Silva DutraMDSPresente
Guilherme Westphall de QueirozMDSPresente
Hugo Queiroz Camelo de MeloMDSPresente
Julio Roberto da Silva NetoMDSPresente
Lucas Martins GabrielMDSPresente
Pedro Fonseca CruzMDSPresente
Antônio AldísioMonitorPresente
Duração02:17:00
+ + + + + + +
+
+ + +
+ +
+ + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/reunioes/Semana_4/reuniao_PO_27_09/index.html b/reunioes/Semana_4/reuniao_PO_27_09/index.html new file mode 100644 index 00000000..8313e052 --- /dev/null +++ b/reunioes/Semana_4/reuniao_PO_27_09/index.html @@ -0,0 +1,1988 @@ + + + + + + + + + + + + + + + + + + + + + + + Reunião PO 27/09 - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + +
+ + + + + + + +
+ +
+ + + + +
+
+ + + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+ + + + + + + +

Reunião PO 27/09

+ +

ATA de Reunião (27/09):

+

Pauta

+
    +
  • Personas e Jornadas de Usuário;
    • +
  • Apresentador: Guilherme Dutra
    • +
  • Resultado: Foi comentado pela membra Larissa do Enactus, que a persona da familia, não correspondia tanto com os tipos de pessoas avalidas numa pesquisa onde nela tem uma descriçaõ dos perfis dos familiares;
    • +
  • Funcionalidades;
    • +
  • Apresentadores: Henrique Amorim e Gustavo Afonso
    • +
  • Resultado: Os membros do Enactus tiveram uma boa aprovação quanto as funcionalidades levantas, porém foram questionados coisas como:
      +
    • O papel do Administrador, entender o que de fato seria um administrador, e um curador/moderador referentes as postagens de notícias e postagens no fórum, o administrador aprova as postagens e os moderadores restrigem e reportam postagens no fórum? Entender melhor esses diferentes papéis.
      • +
    +
    • +
  • Revisão técnica, de negócio e UX;
    • +
  • Apresentadores: Henrique Amorim e Gustavo Afonso
    • +
  • Resultado: Esse tópico será abordado assíncronamente, pois não teve o tempo para ser abordado na reunião
    • +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Presentes na Reunião (27/09)Equipe PertencenteInfo
Arthur Talles de Sousa CunhaEPSPresente
Eduardo Gurgel Pereira de CarvalhoEPSPresente
Gustavo Afonso Pires SeveroEPSPresente
Henrique Amorim Costa MeloEPSPresente
Pedro Vítor de Salles CellaEPSPresente
Gabryel Nícolas Soares de SousaMDSPresente
Guilherme Silva DutraMDSPresente
Guilherme Westphall de QueirozMDSPresente
Hugo Queiroz Camelo de MeloMDSPresente
Julio Roberto da Silva NetoMDSPresente
Lucas Martins GabrielMDSPresente
Pedro Fonseca CruzMDSPresente
Larissa GonzagaEnactusPresente
Nagyla CristinaEnactusAusente
Maria BeatrizEnactusPresente
Pedro LeiteEnactusAusente
Henrique de SalesEnactusPresente
Antônio AldísioMonitorPresente
Felipe Mastromauro CorreaMonitorPresente
Prof. Hilmer NeriPresente
Duração01:00:26
+ + + + + + +
+
+ + +
+ +
+ + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/reunioes/Semana_5/reuniao_EPS_05_10/index.html b/reunioes/Semana_5/reuniao_EPS_05_10/index.html new file mode 100644 index 00000000..13dbc84d --- /dev/null +++ b/reunioes/Semana_5/reuniao_EPS_05_10/index.html @@ -0,0 +1,1962 @@ + + + + + + + + + + + + + + + + + + + + + + + Reunião EPS 05/10 - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + +
+ + + + + + + +
+ +
+ + + + +
+
+ + + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+ + + + + + + +

Reunião EPS 05/10

+ +

ATA de Reunião (05/10):

+

Pauta

+
    +
  • Criação e definição da arquitetura;
    • +
  • Criação do EAP;
    • +
+

Documentos produzidos

+

EAP

+

EAP

+

Diagrama de Arquitetura

+

Diagrama de Arquitetura

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Presentes na Reunião (05/10)Equipe PertencenteInfo
Arthur Talles de Sousa CunhaEPSPresente
Eduardo Gurgel Pereira de CarvalhoEPSPresente
Gustavo Afonso Pires SeveroEPSPresente
Henrique Amorim Costa MeloEPSPresente
Pedro Vítor de Salles CellaEPSPresente
Duração02:39:00
+ + + + + + +
+
+ + +
+ +
+ + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/reunioes/Semana_5/reuniao_Geral_03_10/index.html b/reunioes/Semana_5/reuniao_Geral_03_10/index.html new file mode 100644 index 00000000..e860853b --- /dev/null +++ b/reunioes/Semana_5/reuniao_Geral_03_10/index.html @@ -0,0 +1,1992 @@ + + + + + + + + + + + + + + + + + + + + + + + Reunião Geral 03/10 - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + +
+ + + + + + + +
+ +
+ + + + +
+
+ + + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+ + + + + + + +

Reunião Geral 03/10

+ +

ATA de Reunião (03/10):

+

Pauta

+

EPS

+
    +
  • Finalização da definição das tecnologias, voltada para a definição do backend;
    • +
  • Frontend: React Native com expo;
    • +
  • Backend: NestJS;
    • +
+

Geral

+
    +
  • Atualização da revisão técnica, de negócios e UX;
    • +
  • Realização do dia 4 de Lean Inception;
    • +
  • Devido a dificuldade, foi realizado apenas o sequenciador;
    • +
  • Definição da pauta da reunião com o PO
    • +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Presentes na Reunião (03/10)Equipe PertencenteInfo
Arthur Talles de Sousa CunhaEPSPresente
Eduardo Gurgel Pereira de CarvalhoEPSPresente
Gustavo Afonso Pires SeveroEPSAusente
Henrique Amorim Costa MeloEPSPresente
Pedro Vítor de Salles CellaEPSPresente
Gabryel Nícolas Soares de SousaMDSPresente
Guilherme Silva DutraMDSPresente
Guilherme Westphall de QueirozMDSPresente
Hugo Queiroz Camelo de MeloMDSPresente
Julio Roberto da Silva NetoMDSPresente
Lucas Martins GabrielMDSPresente
Pedro Fonseca CruzMDSPresente
Antônio AldísioMonitorPresente
Duração02:40:00
+ + + + + + +
+
+ + +
+ +
+ + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/reunioes/Semana_5/reuniao_PO_04_10/index.html b/reunioes/Semana_5/reuniao_PO_04_10/index.html new file mode 100644 index 00000000..4c8292b4 --- /dev/null +++ b/reunioes/Semana_5/reuniao_PO_04_10/index.html @@ -0,0 +1,1982 @@ + + + + + + + + + + + + + + + + + + + + + + + Reunião PO 04/10 - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + +
+ + + + + + + +
+ +
+ + + + +
+
+ + + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+ + + + + + + +

Reunião PO 04/10

+ +

ATA de Reunião (04/10):

+

Pauta

+
    +
  • Explicação e apresentação do sequenciador;
    • +
  • Apresentador: Todos
    • +
  • Resultado: Foi aprovado o sequenciador e a definição do MVP pelo time do Enactus, comentaram que se alinha bem com o que eles haviam pensado;
    • +
  • Roda de perguntas
    • +
  • Apresentadores: Todos
    • +
  • Resultado: Foi compreendido algumas dúvidas, como a interação com o fórum, ser apenas comentar e deixar um like para a publicação, o protótipo irá seguir o modelo criado pelo próprio Enactus e a melhor identificação sobre a mmoderação, de realizar as tarefas de reportar por parte de usuários e o de remover publicações por parte do moderador.
    • +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Presentes na Reunião (04/10)Equipe PertencenteInfo
Arthur Talles de Sousa CunhaEPSPresente
Eduardo Gurgel Pereira de CarvalhoEPSPresente
Gustavo Afonso Pires SeveroEPSPresente
Henrique Amorim Costa MeloEPSPresente
Pedro Vítor de Salles CellaEPSPresente
Gabryel Nícolas Soares de SousaMDSPresente
Guilherme Silva DutraMDSPresente
Guilherme Westphall de QueirozMDSPresente
Hugo Queiroz Camelo de MeloMDSPresente
Julio Roberto da Silva NetoMDSPresente
Lucas Martins GabrielMDSPresente
Pedro Fonseca CruzMDSPresente
Larissa GonzagaEnactusPresente
Nagyla CristinaEnactusAusente
Maria BeatrizEnactusPresente
Pedro LeiteEnactusAusente
Henrique de SalesEnactusPresente
Antônio AldísioMonitorPresente
Felipe Mastromauro CorreaMonitorPresente
Prof. Hilmer NeriAusente
Duração00:59:00
+ + + + + + +
+
+ + +
+ +
+ + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/reunioes/Semana_6/reuniao_EPS_09_10/index.html b/reunioes/Semana_6/reuniao_EPS_09_10/index.html new file mode 100644 index 00000000..ea7b359c --- /dev/null +++ b/reunioes/Semana_6/reuniao_EPS_09_10/index.html @@ -0,0 +1,1951 @@ + + + + + + + + + + + + + + + + + + + + + + + Reunião EPS 09/10 - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + +
+ + + + + + + +
+ +
+ + + + +
+
+ + + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+ + + + + + + +

Reunião EPS 09/10

+ +

ATA de Reunião (09/10):

+

Pauta

+
    +
  • Criação do canvas MVP;
    • +
  • Criação cronograma;
    • +
  • Planejamento para elaboração das histórias de usuário.
    • +
+

Documentos produzidos

+
    +
  • Cronograma
    • +
  • Canvas MVP
    • +
+

Canvas MVP

+

EAP

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Presentes na Reunião (09/10)Equipe PertencenteInfo
Arthur Talles de Sousa CunhaEPSPresente
Eduardo Gurgel Pereira de CarvalhoEPSPresente
Gustavo Afonso Pires SeveroEPSPresente
Henrique Amorim Costa MeloEPSPresente
Pedro Vítor de Salles CellaEPSPresente
Duração01:45:00
+ + + + + + +
+
+ + +
+ +
+ + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/reunioes/Semana_6/reuniao_EPS_MDS_Banco_de_Dados11_10/index.html b/reunioes/Semana_6/reuniao_EPS_MDS_Banco_de_Dados11_10/index.html new file mode 100644 index 00000000..dbe22574 --- /dev/null +++ b/reunioes/Semana_6/reuniao_EPS_MDS_Banco_de_Dados11_10/index.html @@ -0,0 +1,1932 @@ + + + + + + + + + + + + + + + + + + + + + Reunião Banco de Dados 11/10 - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + +
+ + + + + + + +
+ +
+ + + + +
+
+ + + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+ + + + + + + +

Reunião Banco de Dados 11/10

+ +

ATA de Reunião Banco de Dados (11/10):

+

Pauta

+
    +
  • Criação do MER do sistema +
    +
      +
    • + 1ª versão: + + A primeira versão do MER (Modelo Entidade-Relacionamento) contou com uma interpretação contextual do sistema contendo, inicialmente, uma relação de especificação proveniente da Entidade "USUARIO", da qual surgiriam as entidades "ADMIN" e "PESSOA". Desta última, surgiria a segunda especialização do sistema na qual as entidades "PACIENTE" e "IDOSO_AUTONOMO" foram incorporadas. + + A partir da criação destas entidades e dos relacionamentos associados a elas, outras mais vieram a ser criadas. São elas: "FORUM", "PUBLICACAO", "COMENTARIO","ROTINA", "NOTIFICACAO" e "METRICAS_SAUDE". + + Abaixo algumas imagens deste documento: + + ![MER1pt1](/docs/assets/imagens/MER/MER1pt1.png) + ![MER1pt2](/docs/assets/imagens/MER/MER1pt2.png) + ![MER1pt3](/docs/assets/imagens/MER/MER1pt3.png) + +
      • +
    • + Versão atual: + + A versão atual do MER (Modelo Entidade-Relacionamento) contou com uma nova interpretação contextual do sistema. Nela, houve a remoção de algumas entidades presentes na primeira versão do documento. São elas: "ADMIN","PESSOA","NOTIFICACAO", "FORUM" e "IDOSO_AUTONOMO". + + Além disso, outras entidades foram acrescidas ao sistema. São elas: "VALOR_METRICA_SAUDE" e "LIKE". + + Abaixo algumas imagens deste novo documento: + + ![MER2pt1](/docs/assets/imagens/MER/MER2pt1.png) + ![MER2pt2](/docs/assets/imagens/MER/MER2pt2.png) + + +
      • +
    +
    • +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Presentes na Reunião (11/10)Equipe PertencenteInfo
Arthur Talles de Sousa CunhaEPSPresente
Henrique Amorim Costa MeloEPSPresente
Pedro Vítor de Salles CellaEPSPresente
Guilherme Westphall de QueirozMDSPresente
Lucas Martins GabrielMDSPresente
Duração04:05:00
+ + + + + + +
+
+ + +
+ +
+ + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/reunioes/Semana_6/reuniao_PO_11_10/index.html b/reunioes/Semana_6/reuniao_PO_11_10/index.html new file mode 100644 index 00000000..267baeed --- /dev/null +++ b/reunioes/Semana_6/reuniao_PO_11_10/index.html @@ -0,0 +1,2009 @@ + + + + + + + + + + + + + + + + + + + + + + + Reunião PO 11/10 - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + +
+ + + + + + + +
+ +
+ + + + +
+
+ + + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+ + + + + + + +

Reunião PO 11/10

+ +

ATA de Reunião (11/10):

+

Pauta

+
    +
  • +

    Showcase do Lean Inception +
    +

      +
    • Apresentador: Pedro Cella
      • +
    • Resultado: O showcase foi realizado e aprovado todas as etapas pelos membros do Enactus, foi evidencido pelo professor o sequenciador, onde houve a confirmação pelos membros do Enactus que o sequenciador atende a expectativa dos membros do Enactus, além disso evidenciou-se o Canvas MVP onde foi aprovado também pelos membros, acrescentando apenas dois novos cartões na parte de resultados esperados e métricas para validação.
      • +

    +
    • +
  • +

    Apresentação do EAP +
    +

      +
    • Apresentador: Pedro Cella
      • +
    • Resultado: Foi apresentado, porém constatado pelo professor Hilmer, que o EAP está muito misturado, contendo entregas, artefatos, entre outros, ou seja é necessário uma atualização do documento.
      • +
    +

    +
    • +
  • +

    Apresentação a cerca das histórias de usuário +
    +

      +
    • Apresentador: Todos
      • +
    • Resultado: Foi constatado pelo professor que não existe granularização nas histórias de usuário, dessa forma deve ser realizado uma atualização das Histórias feitas pelos membros.
      • +

    +
    • +
  • +

    Extra +
    +

      +
    • Aleḿ dos tópicos abordados foi comentado e ressaltado pelo professor a importância e a necessidade de fazermos as estimativas das atividades, pois atualmente o grupo não o fez, então fica como prioridade alta essa etapa de estimação.
      • +
    +

    +
    • +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Presentes na Reunião (11/10)Equipe PertencenteInfo
Arthur Talles de Sousa CunhaEPSPresente
Eduardo Gurgel Pereira de CarvalhoEPSPresente
Gustavo Afonso Pires SeveroEPSPresente
Henrique Amorim Costa MeloEPSPresente
Pedro Vítor de Salles CellaEPSPresente
Gabryel Nícolas Soares de SousaMDSPresente
Guilherme Silva DutraMDSPresente
Guilherme Westphall de QueirozMDSPresente
Hugo Queiroz Camelo de MeloMDSPresente
Julio Roberto da Silva NetoMDSPresente
Lucas Martins GabrielMDSPresente
Pedro Fonseca CruzMDSPresente
Larissa GonzagaEnactusPresente
Nagyla CristinaEnactusAusente
Maria BeatrizEnactusPresente
Pedro LeiteEnactusAusente
Henrique de SalesEnactusPresente
Antônio AldísioMonitorAusente
Felipe Mastromauro CorreaMonitorPresente
Prof. Hilmer NeriPresente
Duração01:08:35
+ + + + + + +
+
+ + +
+ +
+ + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/reunioes/Semana_6/reuniao_geral_10_10/index.html b/reunioes/Semana_6/reuniao_geral_10_10/index.html new file mode 100644 index 00000000..cea97bb5 --- /dev/null +++ b/reunioes/Semana_6/reuniao_geral_10_10/index.html @@ -0,0 +1,1909 @@ + + + + + + + + + + + + + + + + + + + Reuniao geral 10 10 - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + +
+ + + + + + + +
+ +
+ + + + +
+
+ + + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+ + + + + + + +

Reuniao geral 10 10

+ +

ATA de Reunião (10/10):

+

Pauta

+

EPS

+
    +
  • Correção e atualização do protótipo de alta fidelidade.
    • +
  • Planejamento para elaboração das histórias de usuário.
    • +
  • Atualização do Canvas MVP.
    • +
+

Geral

+
    +
  • Início da escrita das histórias de usuário.
    • +
  • Levantamento de dúvidas para a reunião com o cliente.
    • +
  • Definição da pauta da reunião com o PO.
    • +
  • Discussão das perguntas levantadas pelo cliente.
    • +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Presentes na Reunião (10/10)Equipe PertencenteInfo
Arthur Talles de Sousa CunhaEPSPresente
Eduardo Gurgel Pereira de CarvalhoEPSPresente
Gustavo Afonso Pires SeveroEPSPresente
Henrique Amorim Costa MeloEPSPresente
Pedro Vítor de Salles CellaEPSPresente
Gabryel Nícolas Soares de SousaMDSPresente
Guilherme Silva DutraMDSPresente
Guilherme Westphall de QueirozMDSPresente
Hugo Queiroz Camelo de MeloMDSPresente
Julio Roberto da Silva NetoMDSPresente
Lucas Martins GabrielMDSPresente
Pedro Fonseca CruzMDSPresente
Duração02:22:00
+ + + + + + +
+
+ + +
+ +
+ + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/reunioes/padrao/index.html b/reunioes/padrao/index.html new file mode 100644 index 00000000..e994f981 --- /dev/null +++ b/reunioes/padrao/index.html @@ -0,0 +1,1909 @@ + + + + + + + + + + + + + + + + + + + Padrão de Criação de Arquivo para Reuniões - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + +
+ + + + + + + +
+ +
+ + + + +
+
+ + + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+ + + + + + + +

Padrão de Criação de Arquivo para Reuniões

+

Para manter a organização e o registro eficaz das reuniões, adotamos o seguinte padrão de criação de pastas e nomes de arquivos.

+

Estrutura de Pastas

+

Criaremos uma pasta para cada semana, seguindo o formato Semana_Numero_Semana, onde o número da semana começa em 1 e aumenta a cada semana subsequente.

+

Por exemplo:

+
    +
  • Semana_1
    • +
  • Semana_2
    • +
  • Semana_3
    • +
+

Dentro de cada pasta da semana, armazenaremos os arquivos de reunião.

+

Nomes de Arquivos

+

Os arquivos de reunião seguirão o formato reuniao__tipo_data_da_reuniao.md, onde o tipo deve ser indicado com a primeira letra maiúscula entre as categorias geral, PO, treinamento, ou outros, exemplo pareamento, bugfix, etc. Já a data será representada pelo dia e mês da reunião, sucessivamente, no formato DD_MM.

+

Por exemplo, para uma reunião geral realizada em 15 de setembro, o nome do arquivo seria reuniao_Geral_15_09.md.

+

Exemplo de Estrutura de Pastas e Nomes de Arquivos

+

Suponhamos que estamos na semana 3 e tivemos uma reunião geral no dia 15 de setembro. A estrutura de pastas e nomes de arquivos ficaria assim:

+
    +
  • Semana_1
    • +
  • Semana_2
    • +
  • Semana_3
    • +
  • reuniao_Geral_15_09.md
    • +
+

Esta padronização ajuda a organizar nossos documentos de reunião de maneira clara e eficiente, tornando mais fácil localizar e referenciar informações específicas de cada encontro.

+

Lembre-se de seguir este padrão ao criar e armazenar arquivos de reunião para garantir a consistência e acessibilidade das informações.

+

Modelo para Conteúdo dos Arquivos de Reunião

+

Ao escrever o conteúdo dos arquivos das reuniões, siga este modelo:

+
## ATA de Reunião (DD/MM):
+
+## Pauta
+
+| <b>Presentes na Reunião (DD/MM)</b> | <b>Equipe Pertencente</b> | <b>Info</b> |
+| ----------------------------------- | ------------------------- | ----------- |
+| Duração                             |                           |
+
+

Como resultado temos:

+

ATA de Reunião (04/09):

+

Pauta

+
    +
  • Pauta 1
    • +
  • Pauta 2
    • +
  • Pauta 3
    • +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Presentes na Reunião (04/09)Equipe PertencenteInfo
Membro 1EPSPresente
Membro 2EPSPresente
Membro 3EPSAusente
Membro 4MDSPresente
Membro 5MDSPresente
Duração00:21:45
+ + + + + + +
+
+ + +
+ +
+ + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/search/search_index.json b/search/search_index.json new file mode 100644 index 00000000..947ac7b6 --- /dev/null +++ b/search/search_index.json @@ -0,0 +1 @@ +{"config":{"lang":["pt"],"separator":"[\\s\\-]+","pipeline":["stopWordFilter"]},"docs":[{"location":"","title":"Sobre o GEROcuidado","text":"

O GEROcuidado se prop\u00f5e a ser um gerenciador de registro da rotina de cuidados, por meio de orienta\u00e7\u00f5es de sa\u00fade e rede de apoio entre os cuidadores de idosos. O Projeto foi criado a partir do edital Pr\u00eamio Inspirando Cuidado 2022, com o objetivo de incentivar e prestar aux\u00edlio a projetos trabalhando com a ODS 3 (Sa\u00fade e Bem-estar).

"},{"location":"#equipe","title":"Equipe","text":"

A equipe \u00e9 composta por 12 membros ao todo, sendo 5 de EPS e 7 de MDS, afim de documentar o projeto, al\u00e9m de resolver bugs e incrementar o projeto com novas funcionalidades.

"},{"location":"#integrantes-de-eps","title":"Integrantes de EPS","text":"Arthur Talles de Sousa Cunha Eduardo Gurgel Pereira de Carvalho Gustavo Afonso Pires Severo Henrique Amorim Costa Melo Pedro V\u00edtor de Salles Cella"},{"location":"#integrantes-de-mds","title":"Integrantes de MDS","text":"Guilherme Silva Dutra Guilherme Westphall de Queiroz Gabryel N\u00edcolas Soares de Sousa Hugo Queiroz Camelo de Melo Julio Roberto da Silva Neto Lucas Martins Gabriel Pedro Fonseca Cruz"},{"location":"analytics-raw-data/analytics-raw-data/","title":"Analytics raw data","text":""},{"location":"analytics-raw-data/analytics-raw-data/#2023-2-gerocuidado-doc","title":"2023-2-GEROcuidado-Doc","text":""},{"location":"lean_inception/dia_1/","title":"Lean Inception - Dia 1","text":""},{"location":"lean_inception/dia_1/#sobre","title":"Sobre","text":"

No primeiro dia da Lean Inception, s\u00e3o realizadas tr\u00eas atividades cruciais para promover uma compreens\u00e3o compartilhada e alinhada entre a equipe t\u00e9cnica e o cliente em rela\u00e7\u00e3o ao produto em desenvolvimento. O objetivo principal dessas etapas \u00e9 garantir que todos tenham uma vis\u00e3o clara e concisa do que o produto representa e quais s\u00e3o suas funcionalidades essenciais. Este alinhamento \u00e9 fundamental para que a equipe t\u00e9cnica compreenda plenamente a ess\u00eancia do produto e suas metas, garantindo que estas estejam em sintonia com as expectativas e necessidades do cliente.

"},{"location":"lean_inception/dia_1/#visao-do-produto","title":"Vis\u00e3o do Produto","text":"

A etapa de \"Vis\u00e3o do Produto\" em uma Lean Inception \u00e9 uma atividade fundamental que visa estabelecer uma compreens\u00e3o compartilhada e clara sobre o que \u00e9 o produto que est\u00e1 sendo desenvolvido. Nesta etapa, a equipe de projeto, incluindo membros t\u00e9cnicos, especialistas em neg\u00f3cios e representantes do cliente ou dos usu\u00e1rios finais, se re\u00fane para criar uma vis\u00e3o geral do produto que est\u00e1 sendo concebido.

A cria\u00e7\u00e3o da vis\u00e3o do produto \u00e9 um passo essencial para alinhar a equipe em rela\u00e7\u00e3o aos objetivos e \u00e0 ess\u00eancia do projeto. Ela fornece uma refer\u00eancia clara para todos os envolvidos, permitindo que todos compartilhem a mesma mentalidade e entendimento sobre o que est\u00e3o construindo. Isso \u00e9 especialmente importante em projetos \u00e1geis, onde a adapta\u00e7\u00e3o cont\u00ednua \u00e9 valorizada, pois a vis\u00e3o do produto serve como um guia ao longo do desenvolvimento para garantir que o produto permane\u00e7a alinhado com os objetivos do cliente e do neg\u00f3cio.

"},{"location":"lean_inception/dia_1/#visao-do-produto-do-gerocuidado","title":"Vis\u00e3o do Produto do GEROcuidado","text":""},{"location":"lean_inception/dia_1/#enao-e-faznao-faz","title":"\u00c9/n\u00e3o \u00e9 - Faz/n\u00e3o faz","text":"

A etapa de \"\u00c9/N\u00e3o \u00c9\" e \"Faz/N\u00e3o Faz\" \u00e9 uma atividade que envolve a cria\u00e7\u00e3o de listas que estabelecem o que o produto \u00e9 e o que ele n\u00e3o \u00e9, bem como o que ele faz e o que n\u00e3o faz. Essas listas ajudam a delimitar o escopo do projeto e a evitar mal-entendidos entre a equipe t\u00e9cnica e o cliente.

Aqui est\u00e1 uma explica\u00e7\u00e3o mais detalhada dessas duas listas:

  • \u00c9/N\u00e3o \u00c9:

\"\u00c9\" refere-se \u00e0s caracter\u00edsticas, funcionalidades e elementos que definitivamente fazem parte do produto. \"N\u00e3o \u00c9\" refere-se \u00e0s caracter\u00edsticas, funcionalidades e elementos que definitivamente n\u00e3o fazem parte do produto. A lista \"\u00c9/N\u00e3o \u00c9\" ajuda a evitar escopo inchado, garantindo que a equipe tenha uma vis\u00e3o clara do que deve ser inclu\u00eddo no produto e do que deve ser exclu\u00eddo.

  • Faz/N\u00e3o Faz:

\"Faz\" refere-se \u00e0s a\u00e7\u00f5es, funcionalidades ou comportamentos espec\u00edficos que o produto deve executar com sucesso. \"N\u00e3o Faz\" refere-se \u00e0s a\u00e7\u00f5es, funcionalidades ou comportamentos que o produto n\u00e3o deve executar ou que n\u00e3o fazem parte de suas responsabilidades. A lista \"Faz/N\u00e3o Faz\" estabelece expectativas claras sobre o comportamento do produto, ajudando a evitar desentendimentos sobre sua funcionalidade.

"},{"location":"lean_inception/dia_1/#enao-e-faznao-faz-do-gerocuidado","title":"\u00c9/n\u00e3o \u00e9 - Faz/n\u00e3o faz do GEROcuidado","text":""},{"location":"lean_inception/dia_1/#objetivos-do-produto","title":"Objetivos do Produto","text":"

A etapa de \"Objetivos do Produto\" em uma Lean Inception \u00e9 uma atividade cr\u00edtica que visa estabelecer de forma clara e mensur\u00e1vel quais s\u00e3o os objetivos que o produto deve alcan\u00e7ar. Esses objetivos s\u00e3o essenciais para direcionar o desenvolvimento do produto e garantir que ele atenda \u00e0s expectativas do cliente e aos requisitos do neg\u00f3cio.

A partir da idea\u00e7\u00e3o dos v\u00e1rios objetivos definidos, tem-se os \"clusters\" que visam agrupar esses diversos objetivos em colunas que os generalizem.

"},{"location":"lean_inception/dia_1/#objetivos-do-produto-do-gerocuidado","title":"Objetivos do Produto do GEROcuidado","text":""},{"location":"lean_inception/dia_2/","title":"Lean Inception - Dia 2","text":""},{"location":"lean_inception/dia_2/#sobre","title":"Sobre","text":"

O segundo dia da Lean Inception \u00e9 uma etapa importante no processo de defini\u00e7\u00e3o e planejamento \u00e1gil de um projeto ou produto. Durante o Dia 2, a equipe se concentra em duas atividades-chave: a \"Descri\u00e7\u00e3o das Personas\" e a \"Jornada de Usu\u00e1rio\". Essas atividades visam criar uma compreens\u00e3o mais profunda dos usu\u00e1rios e de como eles interagem com o produto.

"},{"location":"lean_inception/dia_2/#descricao-das-personas","title":"Descri\u00e7\u00e3o das Personas","text":"

Nesta etapa, a equipe come\u00e7a a criar descri\u00e7\u00f5es detalhadas das personas que representam os diferentes tipos de usu\u00e1rios do produto. As personas s\u00e3o representa\u00e7\u00f5es fict\u00edcias de grupos demogr\u00e1ficos ou perfis de usu\u00e1rios reais que podem interagir com o produto. Cada persona recebe um nome, uma foto e uma descri\u00e7\u00e3o que inclui informa\u00e7\u00f5es como idade, g\u00eanero, necessidades, desafios, metas e comportamentos t\u00edpicos. O objetivo \u00e9 humanizar e tornar concretas as diferentes audi\u00eancias do produto, para que a equipe possa entender melhor suas necessidades e expectativas.

"},{"location":"lean_inception/dia_2/#personas-do-gerocuidado","title":"Personas do GEROcuidado","text":""},{"location":"lean_inception/dia_2/#persona-1-cuidadora-formal","title":"Persona 1 - Cuidadora Formal","text":""},{"location":"lean_inception/dia_2/#persona-2-cuidadora-informal","title":"Persona 2 - Cuidadora Informal","text":""},{"location":"lean_inception/dia_2/#persona-3-idoso-independente","title":"Persona 3 - Idoso (independente)","text":""},{"location":"lean_inception/dia_2/#persona-4-familiar","title":"Persona 4 - Familiar","text":"

Essa parte da descri\u00e7\u00e3o de uma persona da parte familiar, foi corrigida, isso se deve ao fato, de ter sido abordado o ponto de ser uma persona que n\u00e3o se encaixe com os perfis identificados na pesquisa mostrada a seguir, onde nela \u00e9 abordado os perfis dos familiares que geralmente assumem a responsabilidade de cuidadores.

Pesquisa Cuidadores

Nessa pesquisa \u00e9 trazido que o perfil de um familiar \u00e9:

Considerando essa pesquisa, e tendo sido trazido essas quest\u00f5es pelos membros do Enactus, foi decidido a cria\u00e7\u00e3o de uma nova persona do ambito familiar, por\u00e9m a persona criada ser\u00e1 mantida, pois pode abordar um outro perfil.

"},{"location":"lean_inception/dia_2/#persona-41","title":"Persona 4.1","text":""},{"location":"lean_inception/dia_2/#persona-42","title":"Persona 4.2","text":""},{"location":"lean_inception/dia_2/#jornadas-de-usuario","title":"Jornadas de Usu\u00e1rio","text":"

A Jornada de Usu\u00e1rio envolve o mapeamento das etapas que uma persona percorre ao interagir com o produto, desde a primeira intera\u00e7\u00e3o at\u00e9 a conclus\u00e3o de suas tarefas ou objetivos. Isso ajuda a equipe a identificar os pontos de contato do usu\u00e1rio com o produto, suas emo\u00e7\u00f5es, necessidades e potenciais pontos problem\u00e1ticos ao longo dessa jornada. O mapeamento da jornada do usu\u00e1rio ajuda a equipe a ter uma vis\u00e3o completa da experi\u00eancia do usu\u00e1rio e a identificar oportunidades de melhoria.

"},{"location":"lean_inception/dia_2/#jornadas-de-usuario-do-gerocuidado","title":"Jornadas de Usu\u00e1rio do GEROcuidado","text":""},{"location":"lean_inception/dia_2/#jornada-de-usuario-1","title":"Jornada de Usu\u00e1rio 1","text":""},{"location":"lean_inception/dia_2/#jornada-de-usuario-2","title":"Jornada de Usu\u00e1rio 2","text":""},{"location":"lean_inception/dia_2/#jornada-de-usuario-3","title":"Jornada de Usu\u00e1rio 3","text":""},{"location":"lean_inception/dia_3/","title":"Lean Inception - Dia 2","text":""},{"location":"lean_inception/dia_3/#sobre","title":"Sobre","text":"

O terceiro dia de uma Lean Inception \u00e9 uma etapa cr\u00edtica do processo, pois envolve atividades fundamentais para o desenvolvimento do produto. Neste dia, as equipes se concentram em duas tarefas principais: o Brainstorm de Funcionalidade e a Revis\u00e3o T\u00e9cnica, de Neg\u00f3cio e de UX.

No final dele, a equipe deve ter uma lista refinada de funcionalidades priorizadas e bem fundamentadas para o produto. Isso ajuda a garantir que o desenvolvimento se concentre nas \u00e1reas mais importantes e que todos na equipe tenham uma compreens\u00e3o compartilhada das metas do projeto.

"},{"location":"lean_inception/dia_3/#brainstorm-de-funcionalidades","title":"Brainstorm de Funcionalidades","text":"

O brainstorm de funcionalidades \u00e9 uma atividade colaborativa em que as equipes geram ideias e conceitos para as funcionalidades do produto. O objetivo \u00e9 criar um conjunto inicial de ideias que possam ser posteriormente avaliadas e priorizadas.

"},{"location":"lean_inception/dia_3/#brainstorm-do-gerocuidado","title":"Brainstorm do GEROcuidado","text":""},{"location":"lean_inception/dia_3/#revisao-tecnica-de-negocio-e-ux","title":"Revis\u00e3o t\u00e9cnica, de neg\u00f3cio e UX","text":"

Para estabelecer prioridades em rela\u00e7\u00e3o \u00e0s funcionalidades, utilizamos diversas ferramentas, sendo uma delas o \"Gr\u00e1fico de Sem\u00e1foro\". Essa representa\u00e7\u00e3o visual utiliza cores para indicar o n\u00edvel de confian\u00e7a da equipe de desenvolvimento na compreens\u00e3o e capacidade de implementa\u00e7\u00e3o de cada funcionalidade. O gr\u00e1fico utiliza tr\u00eas n\u00edveis de confian\u00e7a:

  • Alto (Verde): Isso significa que a funcionalidade \u00e9 compreens\u00edvel e a equipe sabe como implement\u00e1-la.

  • M\u00e9dio (Amarelo): Indica que h\u00e1 alguma incerteza na compreens\u00e3o ou na capacidade de implementa\u00e7\u00e3o da funcionalidade. Pode ser que a equipe compreenda, mas n\u00e3o saiba como executar, ou vice-versa.

  • Baixo (Vermelho): Esse n\u00edvel de confian\u00e7a sugere que a funcionalidade n\u00e3o foi bem compreendida pela equipe e n\u00e3o sabem como implement\u00e1-la.

A imagem anexa ilustra a atribui\u00e7\u00e3o das cores, mas o ponto crucial \u00e9 entender que as cores verdes representam um alto n\u00edvel de confian\u00e7a, enquanto o vermelho indica um n\u00edvel de confian\u00e7a mais baixo.

Al\u00e9m disso, outra ferramenta importante relacionada \u00e0 prioriza\u00e7\u00e3o de funcionalidades envolve tr\u00eas s\u00edmbolos:

  • E (Esfor\u00e7o): Este s\u00edmbolo demonstra o esfor\u00e7o que a equipe de desenvolvimento precisar\u00e1 dedicar para implementar a funcionalidade.

  • $ (Valor): Representa o valor que a funcionalidade agrega ao cliente, Product Owner (PO) ou stakeholders, neste caso, o Enactus. \u00c9 importante notar que todas as funcionalidades t\u00eam import\u00e2ncia, mas \u00e9 crucial estabelecer prioridades com base no valor que cada uma delas oferece.

  • <3 (UX - Experi\u00eancia do Usu\u00e1rio): Esse s\u00edmbolo est\u00e1 relacionado ao conceito de User Experience (Experi\u00eancia do Usu\u00e1rio) e indica o quanto a funcionalidade \u00e9 interessante para o usu\u00e1rio.

Ao combinar o Gr\u00e1fico de Sem\u00e1foro com esses s\u00edmbolos, a equipe pode ter uma vis\u00e3o mais clara e completa das funcionalidades do projeto, ajudando na tomada de decis\u00f5es informadas sobre o que implementar primeiro, considerando tanto a compreens\u00e3o t\u00e9cnica quanto o valor para o usu\u00e1rio e para o neg\u00f3cio.

"},{"location":"lean_inception/dia_3/#revisao-tecnica-de-negocios-e-ux-do-gerocuidado","title":"Revis\u00e3o t\u00e9cnica, de neg\u00f3cios e UX do GEROcuidado","text":""},{"location":"lean_inception/dia_4/","title":"Lean Inception - Dia 4","text":""},{"location":"lean_inception/dia_4/#sobre","title":"Sobre","text":"

O quarto dia de uma Lean Inception \u00e9 um marco importante no processo de desenvolvimento de um novo projeto ou produto. Neste est\u00e1gio, as ideias e conceitos come\u00e7am a se materializar de forma mais concreta. Dois elementos-chave desse dia s\u00e3o o Sequenciador e o Canvas MVP, que desempenham um papel fundamental na defini\u00e7\u00e3o do escopo e na estrutura\u00e7\u00e3o do projeto.

"},{"location":"lean_inception/dia_4/#sequenciador","title":"Sequenciador","text":"

O Sequenciador \u00e9 uma atividade na qual a equipe come\u00e7a a criar uma ordem de prioridade para os recursos e funcionalidades do produto ou projeto. Neste ponto, as ideias geradas nos dias anteriores s\u00e3o discutidas e organizadas em uma sequ\u00eancia l\u00f3gica. Isso envolve identificar quais funcionalidades s\u00e3o essenciais para o MVP (Produto M\u00ednimo Vi\u00e1vel) e quais podem ser adiadas para vers\u00f5es futuras. O objetivo \u00e9 criar uma lista de tarefas priorizadas que guiar\u00e3o o desenvolvimento do produto.

\u00c9 importante ressaltar tamb\u00e9m, que essa etapa realizada com os quadros das funcionalidades priorizadas na etapa de revis\u00e3o t\u00e9cnica devem ser alocados em \"ondas\", essas ondas indetificam a ordem do que ser\u00e1 realizado, por conta disso existem algumas regras, que garantem o valor por parte do cliente e do usu\u00e1rio ao mesmo tempo, em que s\u00e3o definidas ondas que n\u00e3o tenham um esfor\u00e7o muito grande para ser completada, as regras s\u00e3o as seguintes:

  • Regra 1: Uma onda pode conter no m\u00e1ximo tr\u00eas, cart\u00f5es.

  • Regra 2: Uma onda n\u00e3o pode conter mais de uma cart\u00e3o vermelho.

  • Regra 3: Uma onda n\u00e3o pode conter tr\u00eas cart\u00f5es somente amarelos ou vermelho.

  • Regra 4: A soma de esfor\u00e7o dos cart\u00f5es n\u00e3o pode ultrapassar cinco Es.

  • Regra 5: A soma de valor dos cart\u00f5es n\u00e3o pode ser menos de quatro $s e quatro cora\u00e7\u00f5es.

  • Regra 6: Se um cart\u00e3o depende de outro, esse outro deve estar em alguma onda anterior.

"},{"location":"lean_inception/dia_4/#sequenciador-do-gerocuidado","title":"Sequenciador do GEROcuidado","text":""},{"location":"lean_inception/dia_4/#canvas-mvp","title":"Canvas MVP","text":"

O Canvas MVP \u00e9 uma ferramenta visual que ajuda a equipe a definir o que far\u00e1 parte do Produto M\u00ednimo Vi\u00e1vel. Ele geralmente \u00e9 composto por nove \u00e1reas ou blocos, incluindo:

a. Objetivo do MVP: Uma declara\u00e7\u00e3o clara do que se pretende alcan\u00e7ar com o MVP.

b. Problema: Uma descri\u00e7\u00e3o do problema que o MVP est\u00e1 resolvendo para os usu\u00e1rios.

c. Solu\u00e7\u00e3o: Uma vis\u00e3o geral da solu\u00e7\u00e3o que ser\u00e1 implementada.

d. Usu\u00e1rios: Quem s\u00e3o os usu\u00e1rios-alvo do MVP.

e. Caracter\u00edsticas Principais: As funcionalidades centrais que ser\u00e3o inclu\u00eddas no MVP.

f. M\u00e9tricas de Sucesso: Como o sucesso do MVP ser\u00e1 medido.

g. Hip\u00f3teses: Suposi\u00e7\u00f5es ou previs\u00f5es que est\u00e3o sendo testadas com o MVP.

h. Restri\u00e7\u00f5es: Quaisquer limita\u00e7\u00f5es ou restri\u00e7\u00f5es que afetam o desenvolvimento do MVP.

i. Aprendizados: Espa\u00e7o para registrar o que a equipe aprendeu durante o processo de cria\u00e7\u00e3o do Canvas MVP.

O Canvas MVP ajuda a equipe a visualizar de forma clara e concisa o escopo do Produto M\u00ednimo Vi\u00e1vel, garantindo que todos tenham uma compreens\u00e3o comum do que ser\u00e1 desenvolvido e por qu\u00ea.

"},{"location":"lean_inception/dia_4/#canvas-mvp-do-gerocuidado","title":"Canvas MVP do GEROcuidado","text":""},{"location":"lean_inception/kickoff/","title":"Kick-off","text":""},{"location":"lean_inception/kickoff/#sobre","title":"Sobre","text":"

O Kickoff \u00e9 uma reuni\u00e3o crucial que re\u00fane todas as partes interessadas, incluindo membros da equipe de desenvolvimento, stakeholders do projeto, especialistas t\u00e9cnicos e, idealmente, o cliente ou representantes dos usu\u00e1rios finais. Durante essa reuni\u00e3o, v\u00e1rias atividades s\u00e3o realizadas:

  • Apresenta\u00e7\u00e3o do Objetivo: O facilitador do Lean Inception, que \u00e9 geralmente um especialista experiente na metodologia, apresenta o objetivo geral da Lean Inception e define as expectativas para a semana de trabalho. Ele esclarece que o objetivo \u00e9 definir e planejar o Minimum Viable Product (MVP) de forma colaborativa e eficiente.

  • Explica\u00e7\u00e3o do Processo: O facilitador explica o processo que ser\u00e1 seguido ao longo da semana, destacando as atividades-chave que ser\u00e3o realizadas em cada dia. Isso ajuda a equipe a entender a sequ\u00eancia das atividades e a import\u00e2ncia de cada uma delas.

  • Defini\u00e7\u00e3o dos Participantes: S\u00e3o apresentados os membros da equipe e os participantes, garantindo que todos saibam quem est\u00e1 envolvido e qual \u00e9 o seu papel.

  • Contextualiza\u00e7\u00e3o do Projeto ou Produto: A equipe compartilha informa\u00e7\u00f5es essenciais sobre o projeto ou produto em quest\u00e3o. Isso inclui detalhes sobre o mercado, o p\u00fablico-alvo, os objetivos e os desafios.

  • Esclarecimento de D\u00favidas: \u00c9 fornecida a oportunidade para os participantes fazerem perguntas e esclarecerem quaisquer d\u00favidas sobre o processo ou o projeto.

  • Defini\u00e7\u00e3o do cronograma: Geralmente tamb\u00e9m \u00e9 estabelecido um cronograma referente \u00e0s etapa do Lean Inception, ele serve para ilustrar quais etapas ser\u00e3o realizadas em quais dias, e em quais momentos do dia.

  • Defini\u00e7\u00e3o dos Resultados Esperados: Por fim, s\u00e3o estabelecidos os resultados esperados ao final da semana, como uma vis\u00e3o clara do produto, personas definidas, funcionalidades priorizadas e um roadmap inicial.

O Kickoff desempenha um papel fundamental ao alinhar todos os participantes em rela\u00e7\u00e3o aos objetivos e ao processo da Lean Inception. Ele cria um ambiente de colabora\u00e7\u00e3o e entusiasmo, motivando a equipe a trabalhar juntos de forma eficiente ao longo da semana para alcan\u00e7ar os resultados desejados. \u00c9 o ponto de partida para uma jornada produtiva de defini\u00e7\u00e3o e planejamento \u00e1gil do MVP.

"},{"location":"lean_inception/kickoff/#cronograma","title":"Cronograma","text":""},{"location":"lean_inception/lean_inception/","title":"Lean Inception","text":""},{"location":"lean_inception/lean_inception/#sobre","title":"Sobre","text":"

A metodologia Lean Inception, concebida por Paulo Caroli, \u00e9 uma abordagem inovadora que visa alcan\u00e7ar o Minimum Viable Product (MVP), ou Produto M\u00ednimo Vi\u00e1vel, de forma colaborativa e eficiente. O pr\u00f3prio nome, \"Lean Inception\", sugere sua natureza enxuta e \u00e1gil, refletindo uma fase inicial em que as partes de neg\u00f3cios e t\u00e9cnicas se unem em um curto per\u00edodo de tempo. Esse per\u00edodo costuma ser limitado a uma semana, idealmente com uma carga hor\u00e1ria de 40 horas semanais dedicadas ao processo. Um dos pilares fundamentais desta metodologia \u00e9 a constante participa\u00e7\u00e3o do cliente, o que a torna verdadeiramente colaborativa.

"},{"location":"lean_inception/lean_inception/#atividades-do-lean-inception","title":"Atividades do Lean Inception","text":"

O funcionamento do Lean Inception \u00e9 baseado em uma s\u00e9rie de atividades estruturadas que s\u00e3o conduzidas ao longo da semana. Cada atividade desempenha um papel espec\u00edfico no processo de defini\u00e7\u00e3o e refinamento do MVP. Vamos explorar algumas dessas atividades-chave:

  • Kickoff: A semana Lean Inception come\u00e7a com uma reuni\u00e3o de in\u00edcio, onde os participantes s\u00e3o introduzidos ao processo e ao objetivo. Isso estabelece o tom e a dire\u00e7\u00e3o para o trabalho colaborativo que se seguir\u00e1, assim como o cronograma das atividades a serem desenvolvidas.

  • Dia 1: Vis\u00e3o do Produto, \u00c9/N\u00e3o \u00e9, Faz/N\u00e3o faz e Objetivos do Produto: No primeiro dia, o foco est\u00e1 na defini\u00e7\u00e3o da vis\u00e3o do produto, bem como na cria\u00e7\u00e3o de listas de elementos \"\u00c9/N\u00e3o \u00e9\" e \"Faz/N\u00e3o faz\". Al\u00e9m disso, s\u00e3o estabelecidos os objetivos claros do produto a serem alcan\u00e7ados. No geral o Dia 1 tem como foco o alinhamento da vis\u00e3o sobre o produto da equipe de desenvolvimento e do cliente, para que fique claro qual o produto que se deseja criar.

  • Dia 2: Descri\u00e7\u00e3o das Personas e Jornada de Usu\u00e1rio: O segundo dia concentra-se na cria\u00e7\u00e3o detalhada das personas, representando os principais usu\u00e1rios do produto, e na mapea\u00e7\u00e3o de suas jornadas. Isso ajuda a direcionar o desenvolvimento para atender \u00e0s necessidades espec\u00edficas dos usu\u00e1rios.

  • Dia 3: Brainstorm de Funcionalidades e Revis\u00e3o T\u00e9cnica, de Neg\u00f3cio e UX: No terceiro dia, ocorre uma intensa sess\u00e3o de brainstorming para gerar ideias de funcionalidades. Simultaneamente, s\u00e3o realizadas a etapa de gr\u00e1fico de sem\u00e1foro e a revis\u00e3o t\u00e9cnica, de neg\u00f3cio e ux para estabelecer uma prioriza\u00e7\u00e3o sobre as funcionalidades levantas. Dessa forma s\u00e3o estabelecidas e priorizadas as funcionalidades que ir\u00e3o compor o MVP.

  • Dia 4: Sequenciador de Funcionalidades e Canvas MVP: Durante o quarto dia, as funcionalidades geradas s\u00e3o priorizadas e organizadas em um sequenciador, esse sequenciador possui algumas regras, essas regras separam as funcionalidades em ondas, indicando o tempo, e nela tamb\u00e9m s\u00e3o definidos as funcionalidades que ir\u00e3o compor o MVP e o quais seriam incrementos. Al\u00e9m disso, o Canvas MVP \u00e9 preenchido, delineando o escopo do Produto M\u00ednimo Vi\u00e1vel.

  • Showcase: A semana Lean Inception \u00e9 conclu\u00edda com uma apresenta\u00e7\u00e3o (showcase) das decis\u00f5es tomadas, incluindo a vis\u00e3o do produto, as personas, as funcionalidades priorit\u00e1rias e o roadmap para o desenvolvimento do MVP. Isso assegura que todos os envolvidos estejam alinhados e tenham uma compreens\u00e3o clara do caminho a seguir.

O Lean Inception se destaca por sua abordagem \u00e1gil e colaborativa, permitindo que as equipes trabalhem juntas de forma eficiente para definir, priorizar e desenvolver o MVP em um curto espa\u00e7o de tempo. Essa metodologia ajuda a reduzir o desperd\u00edcio de recursos e acelerar o tempo de entrega, garantindo que o produto final atenda \u00e0s necessidades reais dos clientes.

"},{"location":"lean_inception/lean_inception/#exemplo-de-cronograma-do-lean-inception","title":"Exemplo de cronograma do Lean Inception","text":""},{"location":"lean_inception/lean_inception/#lean-inception-gerocuidado","title":"Lean Inception GEROcuidado","text":"

Abaixo podemos observar o resultado do Lean Inception de modo interativo, onde temos uma visualiza\u00e7\u00e3o completa dos passos executados para concluir o m\u00e9todo.

"},{"location":"planejamento/eap/","title":"Estrutura Ana\u013aitica do Projeto (EAP)","text":""},{"location":"planejamento/eap/#introducao","title":"Introdu\u00e7\u00e3o","text":"

A Estrutura Anal\u00edtica de Projeto (EAP) \u00e9 uma ferramenta que facilita a organiza\u00e7\u00e3o de um projeto em uma hierarquia. Com a EAP, \u00e9 poss\u00edvel subdividir os entreg\u00e1veis em subentreg\u00e1veis, tornando mais clara a visualiza\u00e7\u00e3o do projeto e a defini\u00e7\u00e3o de suas principais interdepend\u00eancias.

"},{"location":"planejamento/eap/#diagrama","title":"Diagrama","text":""},{"location":"planejamento/eap/#historico-de-versoes","title":"Hist\u00f3rico de vers\u00f5es","text":"Vers\u00e3o Data Descri\u00e7\u00e3o Autores 1.0 17/10/2023 Adicionando EAP Figma Eduardo Gurgel"},{"location":"planejamento/gerenciamento_de_riscos/","title":"Plano de Gerenciamento de Riscos","text":""},{"location":"planejamento/gerenciamento_de_riscos/#introducao","title":"Introdu\u00e7\u00e3o","text":"

O Plano de Gerenciamento de Riscos tem por objetivo a identifica\u00e7\u00e3o, an\u00e1lise e planejamento de medidas para os poss\u00edveis riscos que o projeto pode enfrentar. Depois do planejamento, torna-se poss\u00edvel fazer a ger\u00eancia dos riscos, esta ser\u00e1 feita pelo scrum master ao decorrer das sprints.

"},{"location":"planejamento/gerenciamento_de_riscos/#estrutura-analitica-de-riscos-ear","title":"Estrutura Anal\u00edtica de Riscos (EAR)","text":"

Esta estrutura \u00e9 respons\u00e1vel por agrupar as poss\u00edveis causas dos riscos, o que facilita os reconhecimentos e tratamentos de riscos do projeto, facilitando o processo de mitiga\u00e7\u00e3o dos riscos. Tem como objetivo mostrar as principais categorias de risco para um tipo de projeto buscando especificidade, pois dessa forma o ganho de tempo na identifica\u00e7\u00e3o \u00e9 mais significativo. Os riscos podem ser classificados de acordo com as categorias:

  • T\u00e9cnico: S\u00e3o riscos associados \u00e0 tecnologia, requisitos e qualidade.
  • Externo: S\u00e3o os riscos relativos ao cliente, mercado ou ambiente.
  • Organizacional: S\u00e3o relacionados \u00e0 prioriza\u00e7\u00e3o e recursos do projeto.
  • Ger\u00eancia: S\u00e3o relativos \u00e0 estimativa, planejamento, controle e comunica\u00e7\u00e3o.
"},{"location":"planejamento/gerenciamento_de_riscos/#diagrama","title":"Diagrama","text":""},{"location":"planejamento/gerenciamento_de_riscos/#analise-quantitativa","title":"An\u00e1lise Quantitativa","text":""},{"location":"planejamento/gerenciamento_de_riscos/#probabilidade","title":"Probabilidade","text":"Probabilidade Intervalo Peso Muito Baixa 0 a 10 1 Baixa 11 a 30 2 M\u00e9dia 31 a 50 3 Alta 51 a 65 4 Muito Alta 66 a 100 5"},{"location":"planejamento/gerenciamento_de_riscos/#impacto","title":"Impacto","text":"Impacto Descri\u00e7\u00e3o Peso Muito Baixo Impacto pouco expressivo no desenvolvimento do projeto 1 Baixo Pouco impacto no desenvolvimento do projeto 2 M\u00e9dio Possui certo impacto por\u00e9m \u00e9 facilmente recuperado 3 Alto H\u00e1 grande impacto no desenvolvimento do projeto 4 Muito Alto O impacto inviabiliza o projeto 5"},{"location":"planejamento/gerenciamento_de_riscos/#prioridade","title":"Prioridade","text":"

Se baseando com os valores do impacto e de probabilidade calcula-se a prioridade dos riscos. O que determina a urg\u00eancia com que medidas devem ser tomadas para mitigar ou resolver um risco que pode impedir o projeto.

Probabilidade/Impacto Muito Baixa Baixo M\u00e9dia Alta Muito Alta Muito Baixa 1 2 3 4 5 Baixa 2 4 6 8 10 M\u00e9dia 3 6 9 12 15 Alta 4 8 12 16 20 Muito Alta 5 10 15 20 25"},{"location":"planejamento/gerenciamento_de_riscos/#valor-de-prioridade","title":"Valor de Prioridade","text":"Prioridade Intervalo Muito Baixo 1 a 5 Baixo 6 a 10 M\u00e9dio 11 a 15 Alto 16 a 20 Muito Alto 21 a 25"},{"location":"planejamento/gerenciamento_de_riscos/#identificacao-dos-riscos","title":"Identifica\u00e7\u00e3o dos Riscos","text":"

O processo de identifica\u00e7\u00e3o de riscos se utilizou de identifica\u00e7\u00e3o de riscos atrav\u00e9s da compara\u00e7\u00e3o an\u00e1loga - m\u00e9todo que se utiliza de experi\u00eancias anteriores e similares para facilitar a concep\u00e7\u00e3o e identifica\u00e7\u00e3o comum em projetos do g\u00eanero.

"},{"location":"planejamento/gerenciamento_de_riscos/#riscos-levantados","title":"Riscos Levantados","text":"Risco Descri\u00e7\u00e3o A\u00e7\u00e3o Preventiva A\u00e7\u00e3o Reativa Categoria Probabilidade Impacto Prioridade R01 Dificuldades da equipe com as novas tecnologias inseridas Sele\u00e7\u00e3o de alunos experientes para aplica\u00e7\u00e3o de treinamento. Realiza\u00e7\u00e3o de treinamento sobre tecnologias. T\u00e9cnico 4 5 20 R02 Diverg\u00eancia de hor\u00e1rios entre membros da equipe Elabora\u00e7\u00e3o de quadro de hor\u00e1rios dispon\u00edveis da cada membro da equipe. Planejamento de pareamento por sprint baseado na disponibilidade dos integrantes por meio do quadro de disponibilidade. Organizacional 4 3 12 R03 Desist\u00eancia da disciplina. Estimular a m\u00e1xima participa\u00e7\u00e3o dos membros da equipe Redistribuir tarefas de forma que n\u00e3o ocorra sobrecarga para nenhum dos membros do grupo e que o grupo consiga interagir da melhor maneira poss\u00edvel. Organizacional 2 5 10 R04 Altera\u00e7\u00e3o do escopo Documentar e refinar de forma constante os requisitos Planejar corretamente a sprint e se manter atualizado quanto \u00e0s novas funcionalidades que ser\u00e3o adicionadas ao projeto Ger\u00eancia 5 4 20 R05 Altera\u00e7\u00e3o das tecnologias Definir de forma concisa o escopo do projeto Planejar corretamente a sprint e se manter atualizado quanto \u00e0s novas funcionalidades que ser\u00e3o adicionadas ao projeto T\u00e9cnico 4 5 20 R06 Presen\u00e7a dos membros durante Daily e Reuni\u00f5es de planejamento Definir datas, hor\u00e1rios e locais que sejam acess\u00edveis a todos. Manter o time sempre alinhado quanto \u00e0s decis\u00f5es tomadas. Ger\u00eancia 4 3 12 R07 Falta de cliente real Utiliza\u00e7\u00e3o de ferramentas que ajudem a levantar requisitos Utiliza\u00e7\u00e3o de dados levantados por usu\u00e1rios que sejam o p\u00fablico alvo do projeto. Externo 5 2 10 R08 Depend\u00eancia entre as atividades Prioriza\u00e7\u00e3o das atividades Planejar Sprints de forma a evitar o excesso de depend\u00eancias entre as issues Organizacional 3 3 9 R09 Baixa produtividade dos integrantes do grupo Motiva\u00e7\u00e3o da equipe quanto \u00e0 cria\u00e7\u00e3o do projeto atrav\u00e9s de reuni\u00f5es constantes Aplica\u00e7\u00e3o de atividades de Gamifica\u00e7\u00e3o e l\u00fadicas do projeto para reintegra\u00e7\u00e3o de membros desmotivados Ger\u00eancia 3 5 15 R10 Dificuldade de comunica\u00e7\u00e3o entre os membros do grupo Elaborar e seguir plano de comunica\u00e7\u00f5es Reuni\u00f5es presenciais com a equipe para tomada de decis\u00f5es Ger\u00eancia 3 4 12 R11 Conflito entre EPS/MDS e outras disciplinas Realizar a valida\u00e7\u00e3o de disponibilidade entre os membros de EPS e MDS Menor atribui\u00e7\u00e3o de tarefas para membros com disciplinas conflitantes Ger\u00eancia 5 4 20 R12 Mudan\u00e7a do respons\u00e1vel pelo projeto Perguntar ao PO se haver\u00e1 alguma mudan\u00e7a na pessoa/equipe respons\u00e1vel Realizar uma vis\u00e3o geral do projeto, abarcando as decis\u00f5es tomadas anteriormente e o que est\u00e1 sendo feito no momento Externo 2 4 8 R13 Enfrentar desafios ao avan\u00e7ar com a elabora\u00e7\u00e3o dos documentos do projeto e a possibilidade de retrabalho em documentos criados sem valida\u00e7\u00e3o. Visualizar um dia e um hor\u00e1rio na semana que o cliente tem disponibilidade fora dos hor\u00e1rios das reuni\u00f5es e realizar as documenta\u00e7\u00f5es/atividades antes dela Preparar uma pauta de reuni\u00e3o para mostrar as atividades com prioridade mais alta e propor realizar uma valida\u00e7\u00e3o ass\u00edncrona com as atividades que faltaram Externo 5 4 20 R14 Projeto cancelado Sempre buscar saber sobre o caminho que a disciplina ir\u00e1 tomar atrav\u00e9s das informa\u00e7\u00f5es do professor e das aulas presenciais Manter o planejamento do projeto Externo 1 5 5 R15 Aus\u00eancia do professor na disciplina por motivos de sa\u00fade Obter informa\u00e7\u00f5es inicialmente com o professor e posteriormente com o coordenador do curso Manter o planejamento iniciado e buscar tirar d\u00favidas com os monitores Externo 3 4 12 R16 Cronograma Realizar uma estimativa colaborativa com toda a equipe para determinar o tempo e esfor\u00e7o necess\u00e1rios para concluir cada atividade e realizar a aloca\u00e7\u00e3o correta de membros para cada atividade Redistribuir as tarefas e aloca\u00e7\u00f5es dos membros com o foco em concluir as tarefas cujo prazo est\u00e1 mais pr\u00f3ximo R17 Escassez de Prazo Criar e seguir o cronograma Priorizar e concluir as tarefas Organizacional 5 4 20"},{"location":"planejamento/gerenciamento_de_riscos/#bibliografia","title":"Bibliografia","text":"

  • RODRIGUES, Eli. EAR para projetos de software. Link. Acesso em 30 set 2019.

  • SIQUEIRA, Lucas; OLIVEIRA, Caio. Plano de Gerenciamento de Riscos do grupo +Monitoria. Dispon\u00edvel em: Link. Acesso em 30 set 2019.

  • JO\u00c3O, Lucas. Plano de Gerenciamento de Riscos do grupo ArBC. Dispon\u00edvel em: Link. Acesso em 09 jul 2022.

"},{"location":"planejamento/gerenciamento_de_riscos/#historico-de-revisao","title":"Hist\u00f3rico de Revis\u00e3o","text":"Vers\u00e3o Data Descri\u00e7\u00e3o Autores 1.0 07/09/2023 Abertura do documento Pedro Cella"},{"location":"planejamento/metodologia/","title":"Metodologias","text":""},{"location":"planejamento/metodologia/#introducao","title":"Introdu\u00e7\u00e3o","text":"

Este documento descreve o processo completo utilizado no desenvolvimento do projeto GEROcuidado. Para alcan\u00e7ar esse objetivo, adotamos metodologias \u00e1geis de desenvolvimento de software, incluindo Scrum e XP.

"},{"location":"planejamento/metodologia/#lean-inception","title":"Lean Inception","text":"

O Lean Inception oferece um processo colaborativo de descoberta e demonstra\u00e7\u00e3o em que os participantes trabalham juntos por meio de uma s\u00e9rie de atividades para entender as oportunidades e elaborar um MVP(m\u00ednimo produto vi\u00e1vel). O Lean Inception \u00e9 \u00fatil quando a equipe necessita desenvolver um MVP e criar um produto de forma iterativa e incremental (CAROLI, 2017). \u00c9 justamente a metodologia que possibilita acelerar a entrega de solu\u00e7\u00f5es de forma cont\u00ednua e consistente, sempre contemplando dois eixos essenciais: os objetivos do neg\u00f3cio e as necessidades dos usu\u00e1rios.

"},{"location":"planejamento/metodologia/#scrum","title":"Scrum","text":"

Scrum \u00e9 um framework de gerenciamento de projetos \u00e1geis, e embora seja amplamente utilizado na \u00e1rea de desenvolvimento de software, pode ser usado para planejar, gerenciar e desenvolver qualquer produto. \u00c9 um framework interativo e incremental. Nessa metodologia, os projetos s\u00e3o divididos em ciclos curtos e iterativos (repetitivos). Os ciclos duram de 1 a 2 semanas e s\u00e3o chamados de sprints (CRUZ, 2013). O scrum prev\u00ea alguns ritos (cerim\u00f4nias) e artefatos.

Durante o projeto GEROcuidado, os artefatos usados s\u00e3o: backlog do produto (product backlog) e sprints. Os ritos usados s\u00e3o: planejamento da sprint (planing), daily e review.

"},{"location":"planejamento/metodologia/#product-backlog","title":"Product Backlog","text":"

O Product Backlog \u00e9 uma lista de tarefas priorizadas que incluem todas as atividades necess\u00e1rias para concluir um projeto, incluindo requisitos funcionais que agregam valor ao neg\u00f3cio (PEREIRA, 2007). Ou seja, \u00e9 um conjunto de funcionalidades e requisitos que dever\u00e3o ser entregues.

"},{"location":"planejamento/metodologia/#sprints","title":"Sprints","text":"

No Scrum a Sprint \u00e9 uma itera\u00e7\u00e3o que dura de duas a quatro semanas, no qual s\u00e3o desenvolvidos incrementos do produto.

"},{"location":"planejamento/metodologia/#planning","title":"Planning","text":"

A Sprint Planning \u00e9 um rito em que a itera\u00e7\u00e3o \u00e9 planejada, em que ser\u00e1 definido o que ser\u00e1 feito, ou seja, quais itens do backlog ser\u00e3o realizados na sprint .

Neste projeto a reuni\u00e3o de planejamento ocorre a cada duas semanas.

"},{"location":"planejamento/metodologia/#daily-meeting","title":"Daily Meeting","text":"

A Daily \u00e9 uma reuni\u00e3o di\u00e1ria de acompanhamento da equipe com o objetivo de que cada participante relate seu status e poss\u00edveis obst\u00e1culos para a conclus\u00e3o do projeto. Neste projeto a reuni\u00e3o dura em m\u00e9dia quinze minutos.

"},{"location":"planejamento/metodologia/#sprint-review","title":"Sprint Review","text":"

A Sprint Review \u00e9 uma reuni\u00e3o que ocorre no final da sprint em que \u00e9 feita uma revis\u00e3o do que foi feito, tendo uma vis\u00e3o geral de como est\u00e1 o produto

"},{"location":"planejamento/metodologia/#xp","title":"XP","text":"

O Extreme Programming (XP) \u00e9 uma metodologia \u00e1gil que nasceu com o intuito de tentar solucionar os problemas que eram causados pelas metodologias tradicionais. O XP tem quatro princ\u00edpios: Comunica\u00e7\u00e3o, Simplicidade, Feedback e Coragem. O XP tem diversos tipos de pr\u00e1ticas, totalizando 12 tipos, entre elas a que ser\u00e3o utilizadas no projeto ser\u00e3o: programa\u00e7\u00e3o em pares, releases curtas, c\u00f3digo coletivo e cliente presente.

"},{"location":"planejamento/metodologia/#programacao-em-pares","title":"Programa\u00e7\u00e3o em pares","text":"

A programa\u00e7\u00e3o em pares ocorre quando dois programadores escrevem o c\u00f3digo juntos em um mesmo computador.

"},{"location":"planejamento/metodologia/#releases-curtas","title":"Releases curtas","text":"

S\u00e3o feitas pequenas releases do software, pequenas vers\u00f5es funcionais, para ser entregue ao cliente antes do prazo.

"},{"location":"planejamento/metodologia/#codigo-coletivo","title":"C\u00f3digo coletivo","text":"

Essa caracter\u00edstica permite que qualquer programador possa alterar o qualquer c\u00f3digo, n\u00e3o precisando de uma autoriza\u00e7\u00e3o de qualquer membro antes disso.

"},{"location":"planejamento/metodologia/#cliente-presente","title":"Cliente presente","text":"

O desenvolvimento do software \u00e9 feito com a presen\u00e7a do cliente, ou seja, ele sempre est\u00e1 em contato com a equipe de desenvolvimento.

"},{"location":"planejamento/metodologia/#kanban","title":"Kanban","text":"

O Kanban \u00e9 um sistema de gest\u00e3o de trabalho, que possui como objetivo a defini\u00e7\u00e3o de um fluxo de trabalho. Al\u00e9m disso tem como foco produtividade e organiza\u00e7\u00e3o das entregas. O kanban \u00e9 mais conhecido devido o uso do quadro kanban, em que o mesmo \u00e9 dividido, normalmente em cinco colunas: backlog, to do, doing, review e done. Na coluna de backlog fica os cards com as atividades que precisam ser feitas para realiza\u00e7\u00e3o do trabalho completo. Na coluna to do ficam os cards que precisam ser feitos durante a spring, quando come\u00e7a a atividade o card \u00e9 movido para coluna de doing, quando terminado vai para coluna de revis\u00e3o e por \u00faltimo quando tudo finalizado vai para done.

"},{"location":"planejamento/metodologia/#referencias","title":"Refer\u00eancias","text":"

CAROLI, Paulo. Lean inception. S\u00e3o Paulo, BR: Caroli. org, 2017.

CRUZ, F\u00e1bio. Scrum e PMBOK unidos no Gerenciamento de Projetos. Brasport, 2013.

FADEL, Aline Cristine; SILVEIRA, Henrique da Mota.Metodologias \u00e1geis no contexto de desenvolvimento de software: XP, Scrum e Lean.

PEREIRA, Paulo; TORRE\u00c3O, Paula; MAR\u00c7AL, Ana Sofia. Entendendo Scrum para gerenciar projetos de forma \u00e1gil. Mundo PM, v. 1, p. 3-11, 2007.

SOFIA, Bianca; OLIVEIRA, Lorrany. Metodologias do grupo AMIS. Dispon\u00edvel em: https://github.com/fga-eps-mds/2023.1-Amis-Doc/blob/main/docs/organization/methodology.md. Acesso em 09 jul 2022

"},{"location":"planejamento/metodologia/#historico-de-versoes","title":"Hist\u00f3rico de vers\u00f5es","text":"Vers\u00e3o Data Descri\u00e7\u00e3o Autores 1.0 07/09/2023 Abertura do documento Pedro Cella"},{"location":"planejamento/padroes_da_comunidade/","title":"Padr\u00f5es da comunidade","text":"

Os padr\u00f5es da comunidade do github compreende uma lista b\u00e1sica de documenta\u00e7\u00f5es que auxiliam os contribuidores a participarem do projeto de forma mais uniforme. Esse projeto utiliza os principais guias listados abaixo:

  • Description: Descri\u00e7\u00e3o do reposit\u00f3rio que auxilia na r\u00e1pida identifica\u00e7\u00e3o da fun\u00e7\u00e3o do mesmo.
  • README: Arquivo resumo que funciona como apresenta\u00e7\u00e3o e guia dos pontos chave do projeto, como: \"problema/solu\u00e7\u00e3o\" e instru\u00e7\u00f5es de execu\u00e7\u00e3o do projeto. Confira.
  • Code of Conduct: O c\u00f3digo de conduta \u00e9 um documento que serve como um guia \u00e9tico de comportamento no projeto por parte dos contribuidores.
  • Contribuiting: \u00e9 um guia de contribui\u00e7\u00e3o na vis\u00e3o de desenvolvimento.
  • License: disp\u00f5e da licen\u00e7a de r\u00e9plica e uso do software contido no reposit\u00f3rio.
  • Issue templates: apresenta os padr\u00f5es de montagem das issues
  • Pull request template: apresenta o padr\u00e3o de preenchimento de um pull request ou merge request.
  • Bug reports: apresenta o padr\u00e3o de documento de bug report
  • Labels: As labels s\u00e3o ferramentas de organiza\u00e7\u00e3o e categoriza\u00e7\u00e3o usadas em reposit\u00f3rios para ajudar a gerenciar tarefas, problemas (issues), pull requests (solicita\u00e7\u00f5es de pull) e outras atividades relacionadas ao desenvolvimento de software. Elas s\u00e3o pequenos r\u00f3tulos coloridos que podem ser atribu\u00eddos a itens espec\u00edficos em um reposit\u00f3rio para fornecer informa\u00e7\u00f5es adicionais sobre o status, prioridade, tipo ou qualquer outra caracter\u00edstica relevante do item. Al\u00e9m disso elas servem para agrupar essas diferentes tarefas em grupos, o que facilita a pesquisa de alguma tarefa por meio de uma label.
Vers\u00e3o Data Descri\u00e7\u00e3o Autores 1.0 08/09/2023 Abertura do documento Pedro Cella"},{"location":"planejamento/plano_de_comunicacao/","title":"Plano de comunica\u00e7\u00e3o","text":""},{"location":"planejamento/plano_de_comunicacao/#introducao","title":"Introdu\u00e7\u00e3o","text":"

Durante a cria\u00e7\u00e3o de um plano de comunica\u00e7\u00e3o muitos aspectos devem ser envolvidos. Entre as responsabilidades envolvidas temos: como as informa\u00e7\u00f5es acerca do projeto devem ser transmitidas e por onde devem ser transmitidas. Al\u00e9m do melhor horario de disponibilidade, que deve ser monitorado para garantir que os servi\u00e7os entreguem com alta qualidade.

Ao longo do semestre, o grupo ter\u00e1 in\u00fameras reuni\u00f5es para desenvolver o projeto. Sabendo disso, mapear os melhores hor\u00e1rios para as reuni\u00f5es \u00e9 crucial. A seguir temos o quadro de disponibilidade que visa o levantamento dos melhores hor\u00e1rios para o agendamento de reuni\u00f5es, levando em considera\u00e7\u00e3o o maior n\u00famero de pessoas livres no hor\u00e1rio.

"},{"location":"planejamento/plano_de_comunicacao/#ferramentas","title":"Ferramentas","text":"Ferramenta Descri\u00e7\u00e3o Discord Comunica\u00e7\u00e3o r\u00e1pida com o cliente e reuni\u00f5es do time Telegram Comunica\u00e7\u00e3o r\u00e1pida entre o time Teams Reuni\u00f5es com o cliente GitHub Reposit\u00f3rio central para documentos e c\u00f3digo ZenHub Documentar a baseline de requisitos, roadmap, servir como quadro Kanban para o time e atribui\u00e7\u00f5es de tarefas"},{"location":"planejamento/plano_de_comunicacao/#reunioes-pre-agendadas","title":"Reuni\u00f5es pr\u00e9 agendadas","text":"
  • Reuni\u00e3o com o cliente: quarta-feira \u00e0s 12h00
"},{"location":"planejamento/plano_de_comunicacao/#quadro-de-disponibilidade","title":"Quadro de Disponibilidade","text":"

Para o desenvolvimento do Quadro de Disponibilidade, o grupo pegou as informa\u00e7\u00f5es de disponibilidade de cada integrante e compilou os dados na agenda Geral, de EPS e a de MDS. Segue os resultados do Quadro de Disponibilidade.

"},{"location":"planejamento/plano_de_comunicacao/#quadro-geral","title":"Quadro Geral","text":"

Total: 12 Pessoas EPS: 5 Pessoas MDS: 7 Pessoas

"},{"location":"planejamento/plano_de_comunicacao/#quadro-de-eps","title":"Quadro de EPS","text":"

EPS: 5 Pessoas

"},{"location":"planejamento/plano_de_comunicacao/#quadro-de-mds","title":"Quadro de MDS","text":"

MDS: 7 Pessoas

"},{"location":"planejamento/plano_de_comunicacao/#plano-de-reunioes","title":"Plano de Reuni\u00f5es","text":""},{"location":"planejamento/plano_de_comunicacao/#reuniao-eps","title":"Reuni\u00e3o - EPS","text":"

A reuni\u00e3o com os integrantes de EPS tem por objetivo alinhar sobre alguns processos gerenciais da equipe, organizar o que ser\u00e1 abordado na reuni\u00e3o geral, iniciar o planejamento da reuni\u00e3o com o PO e separar as novas tarefas do backlog do produto. Essa reuni\u00e3o \u00e9 realizada \u00e0s 20:40 nas ter\u00e7as-feiras.

"},{"location":"planejamento/plano_de_comunicacao/#reuniao-geral","title":"Reuni\u00e3o Geral","text":"

A reuni\u00e3o geral \u00e9 realizada com os integrantes de EPS e MDS, toda ter\u00e7a-feira \u00e0s 21h, seguindo a seguinte estrutura:

  1. Review
  2. Planning
  3. Valida\u00e7\u00e3o das pautas e d\u00favidas para reuni\u00e3o com PO

Durante a planning ocorre o plano de a\u00e7\u00e3o para as tarefas que foram transbordadas(notada durante a review), apresenta\u00e7\u00e3o das novas tasks, divis\u00e3o das atividades e a realiza\u00e7\u00e3o do planning poker para gerar estimativas.

"},{"location":"planejamento/plano_de_comunicacao/#reuniao-com-o-po","title":"Reuni\u00e3o com o PO","text":"

A reuni\u00e3o ocorre semanalmente \u00e0s quartas-feiras com in\u00edcio \u00e0s 12h e dura\u00e7\u00e3o m\u00e9dia de 1 hora sem intervalos. Participam da reuni\u00e3o: toda a equipe de desenvolvimento, o Prof. Hilmer Neri e o PO - Prof. M\u00e1rio Andrade e os membros do Enactus, compostos pelos integrantes, Larissa Ganoza, Nagyla Almeida, Henrique Monteiro, Ade Nidji Jacques, Pedro Leite, Livya Bembem e Maria Beatriz.

A reuni\u00e3o tem como pontap\u00e9 inicial as pautas feitas pelo PO, mais para frente a defini\u00e7\u00e3o das pautas ser\u00e1 gerido pelos membros de EPS que dever\u00e3o encaminhar a pauta da reuni\u00e3o indicando os assuntos e o membro ou membros respons\u00e1veis pela apresenta\u00e7\u00e3o da pauta.

"},{"location":"planejamento/plano_de_comunicacao/#atas-de-reuniao","title":"ATAs de reuni\u00e3o","text":"

As ATAs de reuni\u00e3o s\u00e3o geradas como insumo do que foi tratado na reuni\u00e3o e pontuar tamb\u00e9m quais membros estavam presentes al\u00e9m da dura\u00e7\u00e3o;

A ata de reuni\u00e3o aborda 3 t\u00f3picos elementares:

  1. Pautas da reuni\u00e3o
  2. Membros participantes
  3. Dura\u00e7\u00e3o

OBS: \u00c9 importante ressaltar que as ATAs devem apresentar tamb\u00e9m todas as d\u00favidas abordadas durante a reuni\u00e3o, sendo essas d\u00favidas podendo serem adicionadas como subt\u00f3pico da pauta.

"},{"location":"planejamento/plano_de_comunicacao/#historico-de-versoes","title":"Hist\u00f3rico de vers\u00f5es","text":"Vers\u00e3o Data Descri\u00e7\u00e3o Autores 1.0 06/09/2023 Abertura do documento Pedro Cella"},{"location":"planejamento/plano_de_contribuicao/","title":"Contribui\u00e7\u00f5es","text":""},{"location":"planejamento/plano_de_contribuicao/#introducao","title":"Introdu\u00e7\u00e3o","text":"

Este documento determina as regras para submiss\u00e3o de c\u00f3digos para este reposit\u00f3rio.

"},{"location":"planejamento/plano_de_contribuicao/#issues","title":"Issues","text":"

Toda e qualquer contribui\u00e7\u00e3o deve estar vinculada a uma e t\u00e3o somente uma issue. Toda issue deve ser preenchida obrigatoriamente conforme o template feature ou bug e deve representar uma contribui\u00e7\u00e3o clara, objetiva e independente de outras issues, dentro do poss\u00edvel.

Se uma issue feature precisar de mais de um pull request ou se o prazo de conclus\u00e3o for maior que uma sprint, essa issue deve ser quebrada em issues menores. As issues possuir\u00e3o dois perfis de respons\u00e1veis:

  1. Assignees: pessoa(s) respons\u00e1veis por desenvolver a issue, seja de c\u00f3digo, seja de design, seja de documenta\u00e7\u00e3o. Em caso de c\u00f3digo, o pull request ser\u00e1 vinculado. Em caso de outros tipos de artefato, eles devem ser linkados ou anexados na issue como prova de conclus\u00e3o.
  2. Reviewers: pessoa(s) respons\u00e1veis por verificar a conclus\u00e3o da issue. Em caso de c\u00f3digo, eles devem executar a funcionalidade ou corre\u00e7\u00e3o de bug para verificar a conclus\u00e3o.
"},{"location":"planejamento/plano_de_contribuicao/#pull-requests","title":"Pull Requests","text":"

Os pull requests devem estar obrigatoriamente vinculados a uma issue, e os passos obrigat\u00f3rios presentes no template.

"},{"location":"planejamento/plano_de_contribuicao/#commits","title":"Commits","text":"

Por quest\u00f5es de padroniza\u00e7\u00e3o e rastreabilidade, os commits devem seguir as seguintes regras:

  • Deve come\u00e7ar indicando a issue com uma \"#\"
  • Utilize a l\u00edngua portuguesa na mensagem do commit
  • Deve conter um t\u00edtulo curto e objetivo do que foi feito naquele commit
  • Deve come\u00e7ar com um verbo no presente do indicativo (corrige, adiciona, retira, melhora, etc.)
  • Caso o commit seja resultado de um trabalho em equipe, utilize Co-authored-by:

Exemplo Trabalhando Sozinho:

$ (#43) Corrige erro na autentica\u00e7\u00e3o do perfil x de usu\u00e1rio\n

Exemplo Trabalhando em grupo:

(#43) Corrige erro na autentica\u00e7\u00e3o do perfil x de usu\u00e1rio\n\n\nCo-authored-by: Outra Pessoa <pessoa@email.com>\n
"},{"location":"planejamento/plano_de_contribuicao/#branches","title":"Branches","text":"

Tendo como meta manter a integralidade e confiabilidade do c\u00f3digo do projeto foi proposta a utiliza\u00e7\u00e3o de pol\u00edtica de branches. Essa Pol\u00edtica de Branches dever\u00e1 guiar os desenvolvedores na forma de organiza\u00e7\u00e3o de suas contribui\u00e7\u00f5es ao reposit\u00f3rio.

OBS: A pol\u00edtica de branchs foi idealizada para trabalhar em conjunto com a ferramenta do git flow, sua documenta\u00e7\u00e3o e mais informa\u00e7\u00f5es podem ser acessadas aqui.

"},{"location":"planejamento/plano_de_contribuicao/#branches-principais","title":"Branches Principais","text":"

  • main - Branch principal do reposit\u00f3rio onde ser\u00e1 permitida somente a integra\u00e7\u00e3o de software consolidado e testado. Essa branch ser\u00e1 exclusiva para a entrega de Realeases, ou seja, um conjunto maior de funcionalidades que integram o software, aqui estar\u00e1 a vers\u00e3o est\u00e1vel do software.

  • develop - Branch para integra\u00e7\u00e3o de novas funcionalidades, onde ser\u00e1 permitido a entrega das features desenvolvidas e que est\u00e3o em um est\u00e1gio avan\u00e7ado de desenvolvimento. Ser\u00e1 a branch base para o in\u00edcio do desenvolvimento das features e da corre\u00e7\u00e3o de bugs. Aqui tamb\u00e9m ser\u00e3o mergeadas as releases.

"},{"location":"planejamento/plano_de_contribuicao/#branches-para-desenvolvimento","title":"Branches para Desenvolvimento","text":"

  • feature/ - Branch utilizada para o desenvolvimento de novas features do backlog. Caso a feature tenha sido proposta por uma issue do reposit\u00f3rio e aceita no backlog o nome dever\u00e1 conter o n\u00famero da issue. Ex: feature/1-\\ (Considerando que a feature tenha sido solicitada na issue #1)

  • bugfix/ - Branch utilizada para corrigir bugs de baixa/m\u00e9dia urg\u00eancia e que n\u00e3o est\u00e3o presentes na branch master. Caso o bug tenha sido reportado por uma issue do reposit\u00f3rio o nome dever\u00e1 conter o n\u00famero da issue. Ex: bugfix/1-\\ (Considerando que o bug tenha sido reportado na issue #1)

  • hotfix/ - Branch utilizada para corrigir bugs de alta urg\u00eancia e que est\u00e3o presentes na branch master. Caso o bug tenha sido reportado por uma issue do reposit\u00f3rio o nome dever\u00e1 conter o n\u00famero da issue. Ex: hotfix/1- (Considerando que o bug tenha sido reportado na issue #1)

  • release/ - Branch onde ser\u00e1 feito os ajustes finais/build antes da entrega de uma vers\u00e3o do produto de software. Constar\u00e1 no nome da branch a vers\u00e3o da release a ser entregue.

  • doc/ - Branch onde ser\u00e3o executadas tarefas de suporte relacionadas ao software, como elabora\u00e7\u00e3o de documenta\u00e7\u00f5es, corre\u00e7\u00f5es de natureza de ger\u00eancia de configura\u00e7\u00e3o, etc. Vers\u00e3o Data Descri\u00e7\u00e3o Autores 1.0 06/09/2023 Abertura do documento Pedro Cella"},{"location":"planejamento/plano_de_custos/","title":"Plano de custos","text":"

    O plano de custos de um projeto de software \u00e9 uma documenta\u00e7\u00e3o detalhada que prev\u00ea e estima todos os custos associados \u00e0 concep\u00e7\u00e3o, desenvolvimento, implementa\u00e7\u00e3o e manuten\u00e7\u00e3o de um software espec\u00edfico. Esse plano \u00e9 essencial para garantir que o projeto permane\u00e7a dentro do or\u00e7amento previsto e que os recursos financeiros sejam alocados de forma eficaz ao longo de todas as fases do projeto.

    "},{"location":"planejamento/plano_de_custos/#custos","title":"Custos","text":"

    Para desenvolver o plano de custos para o desenvolvimento de um projeto de software \u00e9 importante considerar uma s\u00e9rie de fatores para o or\u00e7amento total. Um desses fatores \u00e9 o custo por aluno em uma universidade, que pode fornecer insights valiosos sobre o uso eficiente de recursos financeiros em um ambiente acad\u00eamico.

    "},{"location":"planejamento/plano_de_custos/#pessoas","title":"Pessoas","text":"

    De acordo com a Apura\u00e7\u00e3o do Custo das Universidades Federais no ano de 2016 feita pelo MEC, o custo por aluno na Universidade de Bras\u00edlia (UnB) atingiu o montante de R$ 38.805,00.Sendo R$ 54.278,96 corrigido pela infla\u00e7\u00e3o.

    Al\u00e9m disso, essa refer\u00eancia de custos pode ser utilizada como um ponto de partida para estimar os custos relacionados \u00e0 equipe de desenvolvimento, treinamento, aquisi\u00e7\u00e3o de ferramentas e tecnologias, hospedagem de servidores, entre outros, ao longo do ciclo de vida do projeto de software.

    "},{"location":"planejamento/plano_de_custos/#r-5427896-52-semanas-r-104382","title":"R$ 54.278,96 \u00f7 52 semanas \u2248 R$ 1.043,82","text":"

    Calculando o custo por semana, sendo 52 semanas no ano.

    "},{"location":"planejamento/plano_de_custos/#r-104382-24-creditos-r-4349","title":"R$ 1.043,82 \u00f7 24 cr\u00e9ditos \u2248 R$ 43,49","text":"

    Calculando o valor por cr\u00e9dito de EPS e MDS.

    "},{"location":"planejamento/plano_de_custos/#r-4349-4-creditos-6-creditos-r-43490","title":"R$ 43,49 \u00d7 (4 cr\u00e9ditos + 6 cr\u00e9ditos) = R$ 434,90","text":"

    Sendo assim, o custo semanal por integrante da equipe \u00e9 de R$ 434,90. Como a equipe \u00e9 composta por 12 membros de EPS e MDS, o custo total por semana \u00e9 de R$ 5.219,90.

    "},{"location":"planejamento/plano_de_custos/#r-43490-12-integrantes-r-521990","title":"R$ 434,90 \u00d7 12 integrantes = R$ 5.219,90","text":""},{"location":"planejamento/plano_de_custos/#internet","title":"Internet","text":"

    Segundo uma an\u00e1lise realizada no site Portal de planos, o custo m\u00e9dio de uma internet m\u00f3vel de 100 gb, que seria suficiente para o projeto, custaria em m\u00e9dia R$ 150,00/m\u00eas

    "},{"location":"planejamento/plano_de_custos/#energia","title":"Energia","text":"

    Al\u00e9m do custo de R$ 0,69871000 por kW/h para atividades comerciais, de servi\u00e7o e outras.

    Tabela exemplo consumo notebook:

    Energia Kw Horas Consumo mensal ICMS (25%) R$ Notebook 0,03 8h 7,2 kw/h 0,7122 R$ 5,12 Total (x12 integrantes) R$ 61,53

    Usando a formula: Energia = KW X h por consumo

    "},{"location":"planejamento/plano_de_custos/#equipamentos","title":"Equipamentos","text":"

    Para equipamentos para a equipe consideramos um custo de R$ 3.299,00 por notebook para cada integrante.

    "},{"location":"planejamento/plano_de_custos/#planilha-de-custos","title":"Planilha de custos","text":""},{"location":"planejamento/plano_de_qualidade/","title":"Plano de qualidade","text":""},{"location":"planejamento/plano_de_qualidade/#introducao","title":"Introdu\u00e7\u00e3o","text":"

    A qualidade \u00e9 uma pedra angular em qualquer projeto de software. Para garantir que o nosso projeto atenda aos mais altos padr\u00f5es de qualidade, estabelecemos um plano que utiliza tecnologias e pr\u00e1ticas eficazes para aprimorar a qualidade do c\u00f3digo, a robustez da aplica\u00e7\u00e3o e a confiabilidade do software. Neste plano de qualidade, detalharemos como planejamos as m\u00e9tricas e tecnologias de suporte para garantia de qualidade.

    "},{"location":"planejamento/plano_de_qualidade/#ferramentas","title":"Ferramentas","text":"Ferramenta Descri\u00e7\u00e3o Sonar Cloud Ferramenta de an\u00e1lise de c\u00f3digo Jest Framework de teste JavaScript"},{"location":"planejamento/plano_de_qualidade/#sonnar-cloud","title":"Sonnar Cloud","text":"

    O SonarCloud \u00e9 uma ferramenta de an\u00e1lise de c\u00f3digo est\u00e1tica que fornece insights detalhados sobre a qualidade do c\u00f3digo, destacando problemas, vulnerabilidades e \u00e1reas de melhoria. Para garantir a qualidade do nosso projeto, planejamos integrar o SonarCloud ao processo de desenvolvimento de software.

    "},{"location":"planejamento/plano_de_qualidade/#detalhes-do-uso-do-sonarcloud","title":"Detalhes do uso do SonarCloud:","text":"

    • An\u00e1lise de C\u00f3digo Cont\u00ednua: A integra\u00e7\u00e3o cont\u00ednua com o SonarCloud permite que a cada commit, pull request ou build, que ative o trigger definido no reposit\u00f3rio, uma an\u00e1lise de c\u00f3digo est\u00e1tica seja executada automaticamente.

    • Avalia\u00e7\u00e3o de Vulnerabilidades e Bugs: Identifica vulnerabilidades de seguran\u00e7a, bugs e problemas de qualidade no c\u00f3digo.

    • Acompanhamento de M\u00e9tricas de C\u00f3digo: Acompanhamento de m\u00e9tricas essenciais, como a cobertura de c\u00f3digo, a complexidade e a duplica\u00e7\u00e3o de c\u00f3digo, para manter o c\u00f3digo limpo e eficiente.

    • Integra\u00e7\u00e3o com Fluxo de Trabalho de Desenvolvimento: Integraremos o SonarCloud com nossos fluxos de trabalho de desenvolvimento, permitindo a revis\u00e3o e corre\u00e7\u00e3o de problemas de qualidade durante o ciclo de desenvolvimento.

    "},{"location":"planejamento/plano_de_qualidade/#jest","title":"Jest","text":"

    O Jest \u00e9 um framework de teste JavaScript amplamente utilizado para testar aplica\u00e7\u00f5es front-end e back-end. Planejamos utilizar o Jest para garantir a funcionalidade correta e a integridade do nosso software.

    "},{"location":"planejamento/plano_de_qualidade/#detalhes-do-uso-do-jest","title":"Detalhes do uso do Jest:","text":"

    • Testes Unit\u00e1rios e de Integra\u00e7\u00e3o: Criaremos testes unit\u00e1rios e de integra\u00e7\u00e3o utilizando o Jest para avaliar a funcionalidade dos componentes do React no front-end e dos controladores, servi\u00e7os e m\u00f3dulos no back-end Nest.

    • Testes Automatizados: Configuraremos uma su\u00edte de testes automatizados que ser\u00e1 executada em um ambiente de integra\u00e7\u00e3o cont\u00ednua sempre que houver altera\u00e7\u00f5es no c\u00f3digo.

    • Cobertura de Testes: Monitoraremos a cobertura de testes para garantir que a maioria do c\u00f3digo seja testada, identificando \u00e1reas n\u00e3o testadas que requerem aten\u00e7\u00e3o.

    • Testes de Desempenho: Implementaremos testes de desempenho para garantir que o software seja responsivo e eficiente, especialmente em cen\u00e1rios de carga elevada.

    "},{"location":"planejamento/plano_de_qualidade/#testes-unitarios","title":"Testes Unitarios","text":"

    Os testes unit\u00e1rios s\u00e3o realizados para avaliar o comportamento das menores unidades em uma aplica\u00e7\u00e3o. Isso implica, tecnicamente, examinar o desempenho de entidades individuais, que podem ser representadas por classes em linguagens orientadas a objetos, ou at\u00e9 mesmo m\u00e9todos de classe, no contexto de linguagens orientadas a objetos. Em linguagens de programa\u00e7\u00e3o processuais e funcionais, as menores unidades podem se referir a procedimentos ou fun\u00e7\u00f5es independentes.

    "},{"location":"planejamento/plano_de_qualidade/#testes-e2e","title":"Testes E2E","text":"

    Al\u00e9m dos testes unit\u00e1rios e de integra\u00e7\u00e3o, incorporaremos testes E2E (End to end) em Node.js para garantir que todo o fluxo de aplica\u00e7\u00e3o, desde a interface do usu\u00e1rio at\u00e9 o banco de dados, funcione de maneira integrada e sem problemas. Usaremos bibliotecas e ferramentas dispon\u00edveis junto ao node para realizar testes E2E. O objetivo dessa ferramenta de teste \u00e9 validar a experi\u00eancia do usu\u00e1rio final e identificar problemas em cen\u00e1rios do mundo real.

    "},{"location":"planejamento/plano_de_qualidade/#referencias","title":"Refer\u00eancias","text":"

    SONNAR CLOUD, https://www.sonarsource.com/products/sonarcloud/. Acesso em: 17 de Out. 2023.

    JEST, https://jestjs.io/pt-BR/ Acesso em: 17 de Out. 2023.

    "},{"location":"planejamento/quadro_conhecimento/","title":"Quadro de conhecimento","text":"

    O quadro de conhecimento tem o objetivo de acompanhar o desenvolvimento dos integrantes, tanto de MDS quanto de EPS em rela\u00e7\u00e3o as tecnologias utilizadas no projeto, esse quadro inicia sua implementa\u00e7\u00e3o da Semana 2 com o intuito de vericar quais tecnologias os membros j\u00e1 tem um conhecimento sobre, e futuramente ser\u00e1 atualizado em todas as Sprints.

    O quadro sofrer\u00e1 altera\u00e7\u00e3o quando come\u00e7ar as Sprints, visto que o objetivo ser\u00e1 o de medir o conhecimento em rela\u00e7\u00e3o \u00e0s tecnologias que s\u00e3o de fato usadas no projeto, em contradi\u00e7\u00e3o ao quadro disponibilizado na Semana 2, cujo objetivo era o de saber quanto e quais tecnologias era sabida por cada integrante.

    "},{"location":"planejamento/quadro_conhecimento/#quadro-de-conhecimento-da-semana-2-1609","title":"Quadro de Conhecimento da Semana 2 (16/09):","text":""},{"location":"planejamento/quadro_de_disponibilidade/","title":"Quadro de disponibilidade","text":""},{"location":"planejamento/quadro_de_disponibilidade/#introducao","title":"Introdu\u00e7\u00e3o","text":"

    O quadro de disponibilidade \u00e9 uma ferramenta amplamente utilizada que permite visualizar a disponibilidade dos membros de equipe em um determinado projeto. Aqui inserimos o dia e hor\u00e1rio dispon\u00edvel de cada membro e posteriormente elaboramos um mapa de calor.

    "},{"location":"planejamento/quadro_de_disponibilidade/#heatmap","title":"Heatmap","text":"

    O heatmap consiste em uma t\u00e9cnica atrav\u00e9s da qual se torna poss\u00edvel a visualiza\u00e7\u00e3o e an\u00e1lise da magnitude de um fen\u00f4meno por meio de cores atribu\u00eddas aos dados coletados.

    Para o contexto do projeto, esta t\u00e9cnica foi utilizada com o intuito de atuar como um suporte para uma an\u00e1lise eficiente no que diz respeito \u00e0s viabilidades de hor\u00e1rios concernentes \u00e0 rotina dos membros.

    "},{"location":"planejamento/quadro_pareamento/","title":"Quadro de pareamento","text":""},{"location":"planejamento/quadro_pareamento/#introducao","title":"Introdu\u00e7\u00e3o","text":"

    O quadro de pareamento \u00e9 uma t\u00e9cnica de colabora\u00e7\u00e3o no desenvolvimento de software que envolve dois ou mais desenvolvedores trabalhando juntos. Seguindo os padr\u00f5es da mat\u00e9ria e pela escolha do time, foi realizado a escolha dos pareamentos da seguinte forma:

    • 1 EPS e 2 MDS;
    • 1 EPS e 1 MDS;
    "},{"location":"planejamento/quadro_pareamento/#quadro-de-pareamento_1","title":"Quadro de Pareamento","text":"Vers\u00e3o Data Descri\u00e7\u00e3o Autores 1.0 19/10/2023 Abertura do documento Eduardo Gurgel e Pedro Cella"},{"location":"produto/banco_de_dados/","title":"Documento de Banco de Dados","text":""},{"location":"produto/banco_de_dados/#1-introducao","title":"1. Introdu\u00e7\u00e3o","text":"

    Este documento tem por objetivo reunir os principais documentos produzidos referentes ao banco de dados da aplica\u00e7\u00e3o. O intuito disso \u00e9 proporcionar transpar\u00eancia e organiza\u00e7\u00e3o quanto ao que acreditamos ser a maneira mais adequada de contextualizar, diagramar e modelar os dados associados \u00e0 problem\u00e1tica na qual o projeto GEROcuidado, bem como o produto de software a ele vinculado, est\u00e1 inserido.

    "},{"location":"produto/banco_de_dados/#2-documentos-criados","title":"2. Documentos criados","text":""},{"location":"produto/banco_de_dados/#21-mer","title":"2.1 MER","text":"

    O Modelo Entidade-Relacionamento (MER) \u00e9 uma abordagem conceitual usada no projeto de banco de dados para representar entidades, seus atributos e relacionamentos. Isso permite visualizar como os dados est\u00e3o organizados e como as entidades se relacionam no sistema de informa\u00e7\u00f5es. O MER \u00e9 a base conceitual sobre a qual os Diagramas Entidade-Relacionamento (DER) s\u00e3o criados para representar graficamente essa estrutura.

    "},{"location":"produto/banco_de_dados/#211-entidades","title":"2.1.1 Entidades","text":""},{"location":"produto/banco_de_dados/#212-descricao-das-entidades","title":"2.1.2 Descri\u00e7\u00e3o das Entidades","text":""},{"location":"produto/banco_de_dados/#213-relacionamentos","title":"2.1.3 Relacionamentos","text":""},{"location":"produto/banco_de_dados/#22-der","title":"2.2 DER","text":"

    O Diagrama Entidade-Relacionamento (DER) \u00e9 uma representa\u00e7\u00e3o gr\u00e1fica amplamente utilizada no projeto de bancos de dados. Ele descreve as entidades (objetos), seus atributos (caracter\u00edsticas) e os relacionamentos entre as entidades. Os ret\u00e2ngulos representam as entidades, as elipses indicam os atributos e as linhas conectam as entidades para mostrar como elas se relacionam. O DER \u00e9 uma ferramenta fundamental para visualizar e planejar a estrutura de um banco de dados antes da implementa\u00e7\u00e3o, ajudando a definir como os dados s\u00e3o armazenados e acessados

    "},{"location":"produto/banco_de_dados/#23-dld","title":"2.3 DLD","text":"

    O Diagrama L\u00f3gico de Dados (DLD) \u00e9 uma representa\u00e7\u00e3o gr\u00e1fica que ilustra a estrutura l\u00f3gica de um banco de dados. Nesse diagrama, s\u00e3o exibidas informa\u00e7\u00f5es cruciais, como os tipos de atributos associados a cada entidade, bem como as chaves estrangeiras e restri\u00e7\u00f5es, como a chave \u00fanica (unique key). Seu prop\u00f3sito fundamental \u00e9 fornecer uma representa\u00e7\u00e3o estruturada e espec\u00edfica da maneira como o banco de dados deve ser implementado. Em resumo, o DLD funciona como uma representa\u00e7\u00e3o visual que orienta a implementa\u00e7\u00e3o efetiva do banco de dados.

    "},{"location":"produto/banco_de_dados/#24-dicionario-de-dados","title":"2.4 Dicion\u00e1rio de Dados","text":"

    Um Dicion\u00e1rio de Dados \u00e9 uma refer\u00eancia essencial em gerenciamento de dados. Ele \u00e9 um documento ou reposit\u00f3rio que descreve detalhadamente os elementos de um banco de dados, como tabelas, campos, relacionamentos e regras de neg\u00f3cios associadas. O Dicion\u00e1rio de Dados serve como uma fonte confi\u00e1vel de informa\u00e7\u00f5es para desenvolvedores, analistas e outros stakeholders, garantindo a compreens\u00e3o e a consist\u00eancia dos dados dentro de um sistema. Ele fornece informa\u00e7\u00f5es cruciais sobre a estrutura e a sem\u00e2ntica dos dados, auxiliando na manuten\u00e7\u00e3o, integra\u00e7\u00e3o e uso eficaz das informa\u00e7\u00f5es em um contexto organizacional.

    "},{"location":"produto/banco_de_dados/#241-entidades","title":"2.4.1 Entidades","text":""},{"location":"produto/banco_de_dados/#usuario","title":"Usu\u00e1rio","text":""},{"location":"produto/banco_de_dados/#paciente","title":"Paciente","text":""},{"location":"produto/banco_de_dados/#metricas-de-saude","title":"M\u00e9tricas de sa\u00fade","text":""},{"location":"produto/banco_de_dados/#valor-das-metricas-de-saude","title":"Valor das m\u00e9tricas de sa\u00fade","text":""},{"location":"produto/banco_de_dados/#rotina","title":"Rotina","text":""},{"location":"produto/banco_de_dados/#publicacao","title":"Publica\u00e7\u00e3o","text":""},{"location":"produto/banco_de_dados/#like","title":"Like","text":""},{"location":"produto/banco_de_dados/#comentario","title":"Coment\u00e1rio","text":""},{"location":"produto/banco_de_dados/#242-relacionamentos","title":"2.4.2 Relacionamentos","text":""},{"location":"produto/banco_de_dados/#publicacao-tem-comentario","title":"Publica\u00e7\u00e3o tem coment\u00e1rio","text":""},{"location":"produto/banco_de_dados/#publicacao-tem-like","title":"Publica\u00e7\u00e3o tem like","text":""},{"location":"produto/banco_de_dados/#25-documento-de-banco-de-dados","title":"2.5 Documento de Banco de dados","text":"

    O link contendo todos os documentos apresentados pode ser encontrado aqui.

    "},{"location":"produto/ferramentas/","title":"Documenta\u00e7\u00e3o das Ferramentas","text":"

    Este documento tem como objetivo explicar as tecnologias que ser\u00e3o usadas no projeto GEROcuidado.

    "},{"location":"produto/ferramentas/#react-native","title":"React Native","text":"
    • O React Native \u00e9 um framework desenvolvido pelo Facebook que utiliza de JavaScript e a biblioteca React para desenvolvimento de aplicativos para IOS e Android. Sendo essa sua principal vantagem, executar o mesmo c\u00f3digo em diversas plataformas diferentes. Em vez de renderizar elementos na Web o React utiliza componentes nativos o que resulta em um melhor desempenho. O React Native possui uma grande variadade de componentes em sua biblioteca o que simplifica o desenvolvimento de interfaces complexas.
    "},{"location":"produto/ferramentas/#alguns-dos-principais-components-do-react-native-sao","title":"Alguns dos principais components do React Native s\u00e3o:","text":"Component Fun\u00e7\u00e3o <View> \u00c9 o Bloco de constru\u00e7\u00e3o fundamental do React, usado para agrupar componentes e estiliz\u00e1-los <Text> Usado para exibir texto na interface do usu\u00e1rio <TextInput> Usado para criar campos de entrada de texto <ScrollView> \u00c9 uma barra de rolagem que pode ser adicionado \u00e0 uma \u00e1rea que cont\u00e9m outros componentes <Button> Usado para criar bot\u00f5es interativos <TouchableOpacity> Torna qualquer elemento envolto nele clic\u00e1vel <FlatList> <SectionList> Usados para renderizar listas <WebView> Usado para destacar p\u00e1ginas da web dentro do aplicativo
    • O framework tamb\u00e9m inclui as chamadas \"Hooks\" que s\u00e3o fun\u00e7\u00f5es que permitem adicionar estado e outras funcionalidades para componentes tornando o desenvolvimento mais simples e reutiliz\u00e1vel.
    "},{"location":"produto/ferramentas/#algumas-das-principais-hooks-disponiveis","title":"Algumas das principais Hooks dispon\u00edveis:","text":"Hook Fun\u00e7\u00e3o useState \u00c9 uma hook para adicionar estado aos componentes, o que permite reagir a mudan\u00e7as e atualizar a interface do usu\u00e1rio useEffect Usada para executar efeitos colaterais em componentes, pode ser usado para buscar dados em uma API, por exemplo useContext Permite acessar o contexto de um componente pai, sem a necessidade de passar props para todos os n\u00edveis useRef Permite adicionar refer\u00eancia que pode ser usado para acessar o DOM ou outros elementos Custom hooks \u00c9 poss\u00edvel criar suas pr\u00f3prias hooks personalizadas para abstrair l\u00f3gicas em diferentes componentes

    Documenta\u00e7\u00e3o Oficial: https://reactnative.dev/docs/getting-started

    "},{"location":"produto/ferramentas/#expo","title":"Expo","text":"
    • O expo \u00e9 uma ferramenta de desenvolvimento de aplicativos usando React Native. Sua principal vantagem \u00e9 a simplifica\u00e7\u00e3o no processo de configura\u00e7\u00e3o de ambiente. Al\u00e9m disso ele tamb\u00e9m oferece um conjunto de ferramentas \u00fateis \u00e0 cria\u00e7\u00e3o, execu\u00e7\u00e3o e depura\u00e7\u00e3o de aplicativos. O Expo Go \u00e9 um aplicativo que permite a visualiza\u00e7\u00e3o em tempo real da aplica\u00e7\u00e3o em seu Aparelho pessoal, o que \u00e9 bem mais f\u00e1cil para testar o apliactivo durante o desenvolvimento.
    • Para instalar o Expo basta utilizar o gerenciador de pacotes do NodeJs e executar o comando:
    npm install expo\n
    • E para iniciar um servidor:
    npm expo start\n

    Documenta\u00e7\u00e3o Oficial: https://docs.expo.dev/more/expo-cli/

    "},{"location":"produto/ferramentas/#nest-js","title":"Nest JS","text":"
    • O NestJS \u00e9 um framework de desenvolvimento serverside (back-end) baseado em Node.js. O framework utiliza TypeScript (ainda permite que o desenvolvedor programe em JavaScript puro) e combina elementos da OOP (Object Oriented Programming), FP (Functional Programming) e FRP (Functional Reactve Programming). Por baixo dos panos ele tamb\u00e9m faz uso do Express que \u00e9 outro framework web. Outra caracter\u00edstica interessente que o Nest faz uso s\u00e3o as inje\u00e7\u00f5es de depend\u00eancias para gerenciar a cria\u00e7\u00e3o e vida de objetos usados no aplicativo.
    "},{"location":"produto/ferramentas/#modules","title":"Modules","text":"
    • Uma das principais partes do Nest s\u00e3o os m\u00f3dulos, s\u00e3o usadas para organizar e estruturar a aplica\u00e7\u00e3o. Eles ajudam as dividir o c\u00f3digo em diferentes partes o que ajuda a escalabilidade do projeto. M\u00f3dulos possuem algumas propriedades, eles s\u00e3o: provedores, controladores, importadoes e exportadores.
    "},{"location":"produto/ferramentas/#middleware","title":"Middleware","text":"
    • As Middlewares s\u00e3o fun\u00e7\u00f5es intermedi\u00e1rias entre o cliente e o servidor. Representam um papel cr\u00edtico em requisi\u00e7\u00f5es HTTP, oferecem controle, flexibilidade e reusabilidade, permitindo executar a\u00e7\u00f5es antes ou depois de uma requisi\u00e7\u00e3o.
    "},{"location":"produto/ferramentas/#controllers","title":"Controllers","text":"
    • Os controladores s\u00e3o respons\u00e1veis por lidar com requisi\u00e7\u00f5es retornar respostas para o cliente. Eles promovem uma organiza\u00e7\u00e3o modular e separa\u00e7\u00e3o clara de responsabilidades.
    "},{"location":"produto/ferramentas/#microservicos","title":"Microservi\u00e7os","text":"
    • O NestJS tem suporte nativo para a arquitetura de microservi\u00e7os.
    "},{"location":"produto/ferramentas/#instalacao","title":"Instala\u00e7\u00e3o","text":"
    • Para instalar o Nest JS voc\u00ea pode criar o scaffold do projeto com o Nest CLI ou clonar um projeto inicial (ambos produzir\u00e3o o mesmo resultado).
    • Sendo assim, para estruturar o projeto com o Nest CLI digite os seguintes comandos. Isso criar\u00e1 um novo diret\u00f3rio de projeto e prencher\u00e1 com os arquivos Nest JS principais iniciais:
    $ npm i -g @nestjs/cli\n$ nest new project-name\n
    • Alternativamente, para instalar o projeto inicial TypeScript com Git :
    $ git clone https://github.com/nestjs/typescript-starter.git project\n$ cd project\n$ npm install\n$ npm run start\n
    • Para instalar a vers\u00e3o JavaScript do projeto inicial, use na sequ\u00eancia dos comandos acima : 
    javascript-starter.git\n

    Documenta\u00e7\u00e3o Oficial: https://docs.nestjs.com/

    "},{"location":"produto/ferramentas/#docker","title":"Docker","text":"
    • Docker \u00e9 uma plataforma aberta para desenvolvimento, envio e execu\u00e7\u00e3o de aplicativos. A plataforma oferece a capacidade de empacotar, distribuir e executar aplicativos, de forma consistente, em um ambiente isolado chamado container, que cont\u00eam tudo o que \u00e9 necess\u00e1rio para executar o aplicativo.
    • Al\u00e9m disso, \u00e9 poss\u00edvel compartilhar containers e garantir que todas as pessoas com quem voc\u00ea compartilha recebam o mesmo container que funciona da mesma maneira. Assim, o Docker evita inconsist\u00eancias de ambiente, permite o desenvolvimento de um ambiente padronizado e facilita a colabora\u00e7\u00e3o.
    • Dessa forma, o Docker \u00e9 uma ferramenta fundamental para melhorar a efici\u00eancia no desenvolvimento e na implanta\u00e7\u00e3o de software.
    "},{"location":"produto/ferramentas/#containers","title":"Containers","text":"
    • Um container \u00e9 uma inst\u00e2ncia execut\u00e1vel de uma imagem. \u00c9 uma unidade de software que empacota uma aplica\u00e7\u00e3o e todas as suas depend\u00eancias, incluindo bibliotecas, configura\u00e7\u00f5es e arquivos, em um \u00fanico pacote execut\u00e1vel. Esses containers s\u00e3o projetados para serem port\u00e1teis e consistentes, permitindo que uma aplica\u00e7\u00e3o seja executada de forma confi\u00e1vel e isolada em qualquer ambiente que suporte a tecnologia de containers.
    "},{"location":"produto/ferramentas/#imagens","title":"Imagens","text":"
    • As imagens Docker s\u00e3o usadas como base para criar inst\u00e2ncias de containers em tempo de execu\u00e7\u00e3o. Elas s\u00e3o uma parte fundamental da tecnologia de containeriza\u00e7\u00e3o e cont\u00eam todas as informa\u00e7\u00f5es necess\u00e1rias para criar um container, como c\u00f3digos, depend\u00eancias, bibliotecas, vari\u00e1veis \u200b\u200bde ambiente e configura\u00e7\u00f5es. Por isso, desempenham um papel crucial na portabilidade e na consist\u00eancia dos containers.
    • Outro ponto importante \u00e9 sobre a possibilidade de versionamento das imagens Docker, o que permite rastrear e controlar as diferentes vers\u00f5es de um aplicativo.
    "},{"location":"produto/ferramentas/#vantagens-do-docker","title":"Vantagens do Docker","text":"
    • O Docker utiliza containers para isolar aplicativos e suas depend\u00eancias. Isso garante que cada aplicativo seja executado de forma independente, evitando conflitos de vers\u00f5es e problemas de compatibilidade.
    • Os containers Docker s\u00e3o leves e empacotam todos os componentes necess\u00e1rios para a execu\u00e7\u00e3o de um aplicativo, tornando-o port\u00e1til.
    • O Docker agiliza o ciclo de vida de desenvolvimento, permitindo que os desenvolvedores trabalhem em ambientes padronizados.
    • Os containers Docker podem ser implantados rapidamente, reduzindo o tempo necess\u00e1rio para provisionar e escalar aplicativos. Isso \u00e9 especialmente \u00fatil em ambientes de desenvolvimento \u00e1gil e DevOps.
    • As imagens Docker podem ser versionadas, o que permite o controle preciso das vers\u00f5es de aplicativos e a revers\u00e3o para vers\u00f5es anteriores, se necess\u00e1rio.
    "},{"location":"produto/ferramentas/#instalacao_1","title":"Instala\u00e7\u00e3o","text":"

    • Para instalar o Docker no Linux, acesse:

      https://docs.docker.com/desktop/install/linux-install/

    • Para instalar o Docker no Windows, acesse:

      https://docs.docker.com/desktop/install/windows-install/

    • Para instalar o Docker no MacOS, acesse:

      https://docs.docker.com/desktop/install/mac-install/

    • Para mais informa\u00e7\u00f5es consulte:

      Documenta\u00e7\u00e3o Oficial: https://docs.docker.com/

    "},{"location":"produto/ferramentas/#postgresql","title":"PostgreSQL","text":"

    • PostgreSQL \u00e9 um sistema de gerenciamento de banco de dados objeto-relacional (ORDBMS) baseado em POSTGRES, desenvolvido no Departamento de Ci\u00eancia da Computa\u00e7\u00e3o da Universidade da Calif\u00f3rnia em Berkeley.

    • PostgreSQL \u00e9 um descendente de c\u00f3digo aberto deste c\u00f3digo original de Berkeley. Suporta grande parte do Padr\u00e3o SQL e oferece muitos recursos modernos:

      • consultas complexas
      • chaves estrangeiras
      • gatilhos
      • visualiza\u00e7\u00f5es atualiz\u00e1veis
      • integridade transacional
      • controle de simultaneidade multivers\u00e3o
      • Item de lista principal
    • Al\u00e9m disso, o PostgreSQL pode ser estendido pelo usu\u00e1rio de v\u00e1rias maneiras, por exemplo, adicionando novos
      • tipos de dados
      • fun\u00e7\u00f5es
      • operadores
      • fun\u00e7\u00f5es agregadas
    "},{"location":"produto/ferramentas/#instalacao_2","title":"Instala\u00e7\u00e3o","text":"
    • A maioria das distribui\u00e7\u00f5es Linux incluem o PostgreSQL por padr\u00e3o, sendo assim para instal\u00e1-lo basta digitar o seguinte comando: 
    apt-get install postgresql-12\n

    • Para o sistema MacOS existem diversas maneiras de instalar, consulte o link abaixo:

      https://www.postgresql.org/download/macosx/

    • Para o Windows basta acessar o link abaixo. Tendo selecioando a vers\u00e3o desejada do postgreSQL ser\u00e1 baixado o instalador e basta configurar da maneira como desejar

      https://www.enterprisedb.com/downloads/postgres-postgresql-downloads

    • Para mais informa\u00e7\u00f5es de como instalar o postgreSQL acesse o seguinte link :

      https://www.postgresql.org/download/

    "},{"location":"produto/ferramentas/#fundamentos-da-arquitetura","title":"Fundamentos da Arquitetura","text":"

    • PostgreSQL usa um modelo cliente/servidor. Uma sess\u00e3o PostgreSQL consiste nos seguintes processos (programas):

      • Um processo de servidor, que gerencia os arquivos do banco de dados, aceita conex\u00f5es do Banco de Dados com os formul\u00e1rios do CLientes e executa a\u00e7\u00f5es de banco de dados em nome dos clientes. O programa servidor de banco de dados \u00e9 chamado postgres.

      • A aplica\u00e7\u00e3o cliente(frontend) do usu\u00e1rio que deseja realizar opera\u00e7\u00f5es de banco de dados.

    • Como \u00e9 comum em aplica\u00e7\u00f5es cliente/servidor, o cliente e o servidor podem estar em hosts diferentes. Nesse caso, eles se comunicam por meio de uma conex\u00e3o de rede TCP/IP. \u00c9 importante lembrar disso, pois os arquivos que podem ser acessados em uma m\u00e1quina cliente podem n\u00e3o ser acess\u00edveis (ou podem ser acess\u00edveis apenas com um nome de arquivo diferente) na m\u00e1quina do servidor de banco de dados.

    • O servidor PostgreSQL pode lidar com v\u00e1rias conex\u00f5es simult\u00e2neas de clientes. Para fazer isso, ele inicia (\"cria c\u00f3pias\") um novo processo para cada conex\u00e3o. A partir desse momento, o cliente e o novo processo do servidor se comunicam sem interven\u00e7\u00e3o do processo original do PostgreSQL. Portanto, o processo de supervis\u00e3o do servidor est\u00e1 sempre em execu\u00e7\u00e3o, aguardando conex\u00f5es de clientes, enquanto os processos do cliente e os processos de servidor associados v\u00eam e v\u00e3o.

    • Para mais informa\u00e7\u00f5es gerais sobre o postgreSQL acesse o seguinte link :

      Documenta\u00e7\u00e3o Oficial: https://www.postgresql.org/docs/

    "},{"location":"produto/ferramentas/#historico-de-versoes","title":"Hist\u00f3rico de vers\u00f5es","text":"Vers\u00e3o Data Descri\u00e7\u00e3o Autores 1.0 09/10/2023 Documenta\u00e7\u00e3o React Native, Expo, NestJS, Docker e PostgreSQL Guilherme DutraGuilherme WestphallLucas Martins Gabriel"},{"location":"reunioes/padrao/","title":"Padr\u00e3o de Cria\u00e7\u00e3o de Arquivo para Reuni\u00f5es","text":"

    Para manter a organiza\u00e7\u00e3o e o registro eficaz das reuni\u00f5es, adotamos o seguinte padr\u00e3o de cria\u00e7\u00e3o de pastas e nomes de arquivos.

    "},{"location":"reunioes/padrao/#estrutura-de-pastas","title":"Estrutura de Pastas","text":"

    Criaremos uma pasta para cada semana, seguindo o formato Semana_Numero_Semana, onde o n\u00famero da semana come\u00e7a em 1 e aumenta a cada semana subsequente.

    Por exemplo:

    • Semana_1
    • Semana_2
    • Semana_3

    Dentro de cada pasta da semana, armazenaremos os arquivos de reuni\u00e3o.

    "},{"location":"reunioes/padrao/#nomes-de-arquivos","title":"Nomes de Arquivos","text":"

    Os arquivos de reuni\u00e3o seguir\u00e3o o formato reuniao__tipo_data_da_reuniao.md, onde o tipo deve ser indicado com a primeira letra mai\u00fascula entre as categorias geral, PO, treinamento, ou outros, exemplo pareamento, bugfix, etc. J\u00e1 a data ser\u00e1 representada pelo dia e m\u00eas da reuni\u00e3o, sucessivamente, no formato DD_MM.

    Por exemplo, para uma reuni\u00e3o geral realizada em 15 de setembro, o nome do arquivo seria reuniao_Geral_15_09.md.

    "},{"location":"reunioes/padrao/#exemplo-de-estrutura-de-pastas-e-nomes-de-arquivos","title":"Exemplo de Estrutura de Pastas e Nomes de Arquivos","text":"

    Suponhamos que estamos na semana 3 e tivemos uma reuni\u00e3o geral no dia 15 de setembro. A estrutura de pastas e nomes de arquivos ficaria assim:

    • Semana_1
    • Semana_2
    • Semana_3
    • reuniao_Geral_15_09.md

    Esta padroniza\u00e7\u00e3o ajuda a organizar nossos documentos de reuni\u00e3o de maneira clara e eficiente, tornando mais f\u00e1cil localizar e referenciar informa\u00e7\u00f5es espec\u00edficas de cada encontro.

    Lembre-se de seguir este padr\u00e3o ao criar e armazenar arquivos de reuni\u00e3o para garantir a consist\u00eancia e acessibilidade das informa\u00e7\u00f5es.

    "},{"location":"reunioes/padrao/#modelo-para-conteudo-dos-arquivos-de-reuniao","title":"Modelo para Conte\u00fado dos Arquivos de Reuni\u00e3o","text":"

    Ao escrever o conte\u00fado dos arquivos das reuni\u00f5es, siga este modelo:

    ## ATA de Reuni\u00e3o (DD/MM):\n\n## Pauta\n\n| <b>Presentes na Reuni\u00e3o (DD/MM)</b> | <b>Equipe Pertencente</b> | <b>Info</b> |\n| ----------------------------------- | ------------------------- | ----------- |\n| Dura\u00e7\u00e3o                             |                           |\n

    Como resultado temos:

    "},{"location":"reunioes/padrao/#ata-de-reuniao-0409","title":"ATA de Reuni\u00e3o (04/09):","text":""},{"location":"reunioes/padrao/#pauta","title":"Pauta","text":"
    • Pauta 1
    • Pauta 2
    • Pauta 3
    Presentes na Reuni\u00e3o (04/09) Equipe Pertencente Info Membro 1 EPS Presente Membro 2 EPS Presente Membro 3 EPS Ausente Membro 4 MDS Presente Membro 5 MDS Presente Dura\u00e7\u00e3o 00:21:45"},{"location":"reunioes/Semana_1/reuniao_EPS_04_09/","title":"Reuni\u00e3o EPS 04/09","text":""},{"location":"reunioes/Semana_1/reuniao_EPS_04_09/#ata-de-reuniao-0409","title":"ATA de Reuni\u00e3o (04/09):","text":""},{"location":"reunioes/Semana_1/reuniao_EPS_04_09/#pauta","title":"Pauta","text":"
    • Apresenta\u00e7\u00f5es entre membros de EPS;
    • Decis\u00e3o do hor\u00e1rio da reuni\u00e3o geral;
    • Decis\u00f5es de MDS(realiza\u00e7\u00e3o de uma reuni\u00e3o de apresenta\u00e7\u00e3o amanh\u00e3);
    • Discuss\u00e3o sobre o projeto;
    • Planilha de hor\u00e1rios
    Presentes na Reuni\u00e3o (04/09) Equipe Pertencente Info Arthur Talles de Sousa Cunha EPS Presente Eduardo Gurgel Pereira de Carvalho EPS Presente Gustavo Afonso Pires Severo EPS Presente Henrique Amorim Costa Melo EPS Presente Pedro V\u00edtor de Salles Cella EPS Presente Dura\u00e7\u00e3o 00:21:45"},{"location":"reunioes/Semana_1/reuniao_Geral_05_09/","title":"Reuni\u00e3o Geral 05/09","text":""},{"location":"reunioes/Semana_1/reuniao_Geral_05_09/#ata-de-reuniao-0509","title":"ATA de Reuni\u00e3o (05/09):","text":""},{"location":"reunioes/Semana_1/reuniao_Geral_05_09/#pauta","title":"Pauta","text":"
    • Apresenta\u00e7\u00f5es entre membros de EPS e MDS;
    • Decis\u00e3o do hor\u00e1rio da reuni\u00e3o geral dos membros de MDS e EPS;
    • Explica\u00e7\u00e3o sobre as mat\u00e9rias de EPS e MDS;
    • Explica\u00e7\u00e3o sobre a din\u00e2mica de comunica\u00e7\u00e3o entre os membros;
    • Convite para as ferramentas Mural, ZenHub e reposit\u00f3rio da mat\u00e9ria para os membros de MDS

    • Roda de d\u00favidas:

    • Conversa sobre as possibilidades do projeto;

    • Aviso da Reuni\u00e3o com o cliente (06/09 \u00e0s 12h);

    • Defini\u00e7\u00e3o de treinamentos iniciais a serem realizados;

    • Decis\u00f5es de EPS:

    • Escolha dos treinamentos:

      • Linux;
      • Git;
      • SCRUM e \u00e1reas da tecnologia
      • Cria\u00e7\u00e3o de poss\u00edveis perguntas a serem feitas ao PO
    Presentes na Reuni\u00e3o (05/09) Equipe Pertencente Info Arthur Talles de Sousa Cunha EPS Presente Eduardo Gurgel Pereira de Carvalho EPS Presente Gustavo Afonso Pires Severo EPS Presente Henrique Amorim Costa Melo EPS Presente Pedro V\u00edtor de Salles Cella EPS Presente Gabryel N\u00edcolas Soares de Sousa MDS Presente Guilherme Silva Dutra MDS Presente Guilherme Westphall de Queiroz MDS Presente Hugo Queiroz Camelo de Melo MDS Presente Julio Roberto da Silva Neto MDS Presente Lucas Martins Gabriel MDS Presente Pedro Fonseca Cruz MDS Presente Dura\u00e7\u00e3o 01:15:00"},{"location":"reunioes/Semana_1/reuniao_PO_06_09/","title":"Reuni\u00e3o PO 06/09","text":""},{"location":"reunioes/Semana_1/reuniao_PO_06_09/#ata-de-reuniao-0609","title":"ATA de Reuni\u00e3o (06/09):","text":""},{"location":"reunioes/Semana_1/reuniao_PO_06_09/#pauta","title":"Pauta","text":"
    • Definir a rotina das reuni\u00f5es semanais;
    • Entender mais sobre o projeto;
    • Foi comentado que a tecnologia a ser utilizado poderia ser escolhida pelos membros de EPS/MDS, ressaltando que os usu\u00e1rios do produto, no caso cuidadoras formais e informais, utilizam mais de aparelhos m\u00f3veis como smartphones do que computadores;
    • Foi levantado a quest\u00e3o do prot\u00f3tipo e novamente foi colocado de forma livre para os membros, podendo ser mantido o design do prot\u00f3tipo ou sendo livre para a equipe desenvolver algo novo;
    • Ficou para a pr\u00f3xima reuni\u00e3o uma apresenta\u00e7\u00e3o completa acerca do GEROcuidado.
    Presentes na Reuni\u00e3o (06/09) Equipe Pertencente Info Arthur Talles de Sousa Cunha EPS Presente Eduardo Gurgel Pereira de Carvalho EPS Presente Gustavo Afonso Pires Severo EPS Presente Henrique Amorim Costa Melo EPS Presente Pedro V\u00edtor de Salles Cella EPS Presente Gabryel N\u00edcolas Soares de Sousa MDS Presente Guilherme Silva Dutra MDS Presente Guilherme Westphall de Queiroz MDS Presente Hugo Queiroz Camelo de Melo MDS Presente Julio Roberto da Silva Neto MDS Presente Lucas Martins Gabriel MDS Presente Pedro Fonseca Cruz MDS Presente Larissa Gonzaga Enactus Presente Nagyla Cristina Enactus Presente Livya Ribeiro Enactus Presente Maria Beatriz Enactus Presente Pedro Leite Enactus Presente Ade Nidji Enactus Presente Henrique de Sales Enactus Presente Prof. Hilmer Neri Presente Prof. Mario Andrade Presente no final Dura\u00e7\u00e3o 01:18:05"},{"location":"reunioes/Semana_2/reuniao_Geral_12_09/","title":"Reuni\u00e3o Geral 12/09","text":""},{"location":"reunioes/Semana_2/reuniao_Geral_12_09/#ata-de-reuniao-1209","title":"ATA de Reuni\u00e3o (12/09):","text":""},{"location":"reunioes/Semana_2/reuniao_Geral_12_09/#pauta","title":"Pauta","text":""},{"location":"reunioes/Semana_2/reuniao_Geral_12_09/#eps","title":"EPS","text":"
    • Defini\u00e7\u00e3o dos Treinamentos;
    • Eduardo e Gustavo - Treinamento de Linux;
    • Henrique - Treinamento de Git;
    • Arthur e Pedro - Treinamento de Metodologias \u00c1geis;
    • Levantamento da documenta\u00e7\u00e3o inicial do projeto;
    • Poss\u00edveis quest\u00f5es para levantar na reuni\u00e3o do cliente;
    "},{"location":"reunioes/Semana_2/reuniao_Geral_12_09/#geral","title":"Geral","text":"
    • Defini\u00e7\u00e3o da tecnologia;
    • Cross-plataform com React Native a talvez Firebase;
    • PWA com Angular;
    • Defini\u00e7\u00e3o do dia e hor\u00e1rios dos treinamentos;
    • Treinamento de linux - sexta-feira(15/09) 12-14h
    • Treinamento de Git - ter\u00e7a-feira(19/09) 12h:30
    • Treinamento de Metodologias \u00c1geis - s\u00e1bado (23/09) 14h
    • Pauta para os POs;
    • https://docs.google.com/document/d/1B5oy0kjTO7WoHb2z4g_SV_tqMGfXwhFkzBTUN0za6PM/edit?usp=drive_link
    • Apresenta\u00e7\u00e3o do Lean Inception;
    • https://www.canva.com/design/DAFuDZM85Qk/05rx6saTZJsaEIlEX4aEwg/edit?utm_content=DAFuDZM85Qk&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton
    • Defini\u00e7\u00e3o do cronograma do Lean Inception;
    Presentes na Reuni\u00e3o (12/09) Equipe Pertencente Info Arthur Talles de Sousa Cunha EPS Presente Eduardo Gurgel Pereira de Carvalho EPS Presente Gustavo Afonso Pires Severo EPS Presente Henrique Amorim Costa Melo EPS Presente Pedro V\u00edtor de Salles Cella EPS Presente Gabryel N\u00edcolas Soares de Sousa MDS Presente Guilherme Silva Dutra MDS Presente Guilherme Westphall de Queiroz MDS Presente Hugo Queiroz Camelo de Melo MDS Presente Julio Roberto da Silva Neto MDS Presente Lucas Martins Gabriel MDS Presente Pedro Fonseca Cruz MDS Presente Dura\u00e7\u00e3o 01:30:37"},{"location":"reunioes/Semana_2/reuniao_Lean_Inception_Dia1_17_09/","title":"Reuni\u00e3o Lean Inception Dia 1 17/09","text":""},{"location":"reunioes/Semana_2/reuniao_Lean_Inception_Dia1_17_09/#ata-de-reuniao-1709","title":"ATA de Reuni\u00e3o (17/09):","text":""},{"location":"reunioes/Semana_2/reuniao_Lean_Inception_Dia1_17_09/#pauta","title":"Pauta","text":"
    • Decis\u00e3o do hor\u00e1rio e local do Treinamento de Scrum, apresenta\u00e7\u00e3o das personas e jornadas e realiza\u00e7\u00e3o das atividades do Dia 3(levantamento de funcionalidades)
    • Foi decidido que ser\u00e1 realizado um encontro presencial na casa do integrante Pedro Cella, com in\u00edcio \u00e0s 13h;
    • Escolha da tecnologia
    • Foi feita a vota\u00e7\u00e3o e foi decidio a tecnologia de PWA(Progressive Web App) com o Frontend em Angular associado possivelmente com o Ionic, e o Backend com NodeJS, por\u00e9m ser\u00e1 confirmado na reuni\u00e3o geral do dia 19/09;
    • Desenvolvimento da Vis\u00e3o do Produto;
    • Desenvolvimento do \u00c9/n\u00e3o \u00e9 Faz/n\u00e3o faz
    • Desenvolvimento dos objetivos do produto
    • Explica\u00e7\u00e3o inicial sobre Personas e Jornadas de usu\u00e1rio e atividade a ser realizada
    Presentes na Reuni\u00e3o (17/09) Equipe Pertencente Info Arthur Talles de Sousa Cunha EPS Presente Eduardo Gurgel Pereira de Carvalho EPS Presente Gustavo Afonso Pires Severo EPS Presente Henrique Amorim Costa Melo EPS Ausente Pedro V\u00edtor de Salles Cella EPS Presente Gabryel N\u00edcolas Soares de Sousa MDS Presente Guilherme Silva Dutra MDS Presente Guilherme Westphall de Queiroz MDS Presente Hugo Queiroz Camelo de Melo MDS Presente Julio Roberto da Silva Neto MDS Presente Lucas Martins Gabriel MDS Presente Pedro Fonseca Cruz MDS Presente Dura\u00e7\u00e3o 02:02:43"},{"location":"reunioes/Semana_2/reuniao_PO_13_09/","title":"Reuni\u00e3o PO 13/09","text":""},{"location":"reunioes/Semana_2/reuniao_PO_13_09/#ata-de-reuniao-1309","title":"ATA de Reuni\u00e3o (13/09):","text":""},{"location":"reunioes/Semana_2/reuniao_PO_13_09/#pauta","title":"Pauta","text":"
    • Apresenta\u00e7\u00e3o do projeto pela equipe da Enactus (informa\u00e7\u00f5es repassadas pela equipe);
      • Hist\u00f3ria do projeto;
      • Cria\u00e7\u00e3o por meio do edital;
      • Desenvolvimento desde o inicio do projeto;
      • Problem\u00e1tica;
      • Proposta do projeto;
      • Objetivos;
      • Prot\u00f3tipo;
      • Objetivo das fun\u00e7\u00f5es atuais;
      • Resultados obtidos com o prot\u00f3tipo;
      • Planejamento da etapa atual do projeto;
    • Perguntas pelos membros do time de EPS/MDS;
    Presentes na Reuni\u00e3o (06/09) Equipe Pertencente Info Arthur Talles de Sousa Cunha EPS Presente Eduardo Gurgel Pereira de Carvalho EPS Presente Gustavo Afonso Pires Severo EPS Presente Henrique Amorim Costa Melo EPS Presente Pedro V\u00edtor de Salles Cella EPS Presente Gabryel N\u00edcolas Soares de Sousa MDS Presente Guilherme Silva Dutra MDS Presente Guilherme Westphall de Queiroz MDS Presente Hugo Queiroz Camelo de Melo MDS Presente Julio Roberto da Silva Neto MDS Presente Lucas Martins Gabriel MDS Presente Pedro Fonseca Cruz MDS Presente Larissa Gonzaga Enactus Presente Nagyla Cristina Enactus Presente Maria Beatriz Enactus Presente Pedro Leite Enactus Presente Henrique de Sales Enactus Presente Prof. Hilmer Neri Presente Dura\u00e7\u00e3o 00:56:03"},{"location":"reunioes/Semana_3/reuniao_Geral_19_09/","title":"Reuni\u00e3o Geral 19/09","text":""},{"location":"reunioes/Semana_3/reuniao_Geral_19_09/#ata-de-reuniao-0409","title":"ATA de Reuni\u00e3o (04/09):","text":""},{"location":"reunioes/Semana_3/reuniao_Geral_19_09/#pauta","title":"Pauta","text":""},{"location":"reunioes/Semana_3/reuniao_Geral_19_09/#eps","title":"EPS","text":"
    • Defini\u00e7\u00e3o do que dever\u00e1 ser feito para a R1;
    • At\u00e9 o momento s\u00f3 \u00e9 poss\u00edvel realizar o documento de custos;
    • Divis\u00e3o de tarefas
    • Teste de acesso ao ambiente Mural
    • Foi criado o link: https://app.mural.co/t/unbfgaepsmds202111846/m/unbfgaepsmds202111846/1692910566888/1fc408f9ca723d5da2cf6be39c72eb198e384eb9?sender=udf9239462e2a60d245477036
    "},{"location":"reunioes/Semana_3/reuniao_Geral_19_09/#geral","title":"Geral","text":"
    • Defini\u00e7\u00e3o da tecnologia;
    • React Native e NodeJS
    • Defini\u00e7\u00e3o da reuni\u00e3o na semana universit\u00e1ria, verificar disponibilidade dos membros do Enactus para a reuni\u00e3o de Quarta dia 27/09;
    • Defini\u00e7\u00e3o da pauta e do que ser\u00e1 apresentado na reuni\u00e3o com o cliente dia 20/09;

    • Pauta:

      • Cronograma da reuni\u00e3o; - PV
      • Tecnologia; - Henrique e Gustavo
      • Vis\u00e3o do Produto; - PV
      • \u00c9/n\u00e3o - Faz/n\u00e3o faz; - Gustavo
      • Objetivos do produto; - PV
      • Personas; - Pedro(Cuidadora Formal), Hugo(Familiar), Eduardo(Cuidador Informal) e Guilherme Dutra(Idoso)

    • Cria\u00e7\u00e3o de personas;

    Presentes na Reuni\u00e3o (19/09) Equipe Pertencente Info Arthur Talles de Sousa Cunha EPS Presente Eduardo Gurgel Pereira de Carvalho EPS Presente Gustavo Afonso Pires Severo EPS Presente Henrique Amorim Costa Melo EPS Presente Pedro V\u00edtor de Salles Cella EPS Presente Gabryel N\u00edcolas Soares de Sousa MDS Presente Guilherme Silva Dutra MDS Presente Guilherme Westphall de Queiroz MDS Presente Hugo Queiroz Camelo de Melo MDS Presente Julio Roberto da Silva Neto MDS Presente Lucas Martins Gabriel MDS Presente Pedro Fonseca Cruz MDS Presente Dura\u00e7\u00e3o 01:53:08"},{"location":"reunioes/Semana_3/reuniao_PO_20_09/","title":"Reuni\u00e3o PO 20/09","text":""},{"location":"reunioes/Semana_3/reuniao_PO_20_09/#ata-de-reuniao-2009","title":"ATA de Reuni\u00e3o (20/09):","text":""},{"location":"reunioes/Semana_3/reuniao_PO_20_09/#pauta","title":"Pauta","text":"
    • Cronograma da reuni\u00e3o;
    • Apresentadores: Pedro Cella
    • Resultado: Foi comentado pelos membros do Enactus que devido a semana universit\u00e1ria nem todos os membros conseguiriam comparecer a reuni\u00e3o.
    • Tecnologia;
    • Apresentadores: Henrique Amorim e Gustavo Afonso
    • Foi decidido e apresentado o uso de React Native para a cria\u00e7\u00e3o do produto mobile;
    • Vis\u00e3o do Produto;
    • Apresentadores: Pedro Cella
    • Resultados: Time do Enactus aprovou a Vis\u00e3o do Produto
    • \u00c9/n\u00e3o - Faz/n\u00e3o faz;
    • Apresentadores: Gustavo
    • Resultados: Time do Enactus fez acr\u00e9scimos ao artefato;
    • Objetivos do produto;
    • Apresentadores: Pedro Cella
    • Resultados: Foram levantados alguns pontos a serem acrescentados no artefato, como eram pontos importantes foi considerado a atualiza\u00e7\u00e3o desse artefato e o reenvio do mesmo para feedback;
    • Personas;
    • Apresentadores: Pedro Cruz(Cuidadora Formal), Hugo Queiroz(Familiar), Eduardo Gurgel(Cuidador Informal) e Guilherme Dutra(Idoso)
    • Resultados: Por conta do tempo foram apresentados somente as personas de Cuidador(a) forma e Cuidador(a) informal, o restante dever\u00e1 ser encaminhado para os membros da Enactus de forma ass\u00edncrona para um feedback inicial. Al\u00e9m disso foram pontuadas algumas mudan\u00e7as quanto a persona de cuidador(a) forma;
    Presentes na Reuni\u00e3o (20/09) Equipe Pertencente Info Arthur Talles de Sousa Cunha EPS Presente Eduardo Gurgel Pereira de Carvalho EPS Presente Gustavo Afonso Pires Severo EPS Presente Henrique Amorim Costa Melo EPS Presente Pedro V\u00edtor de Salles Cella EPS Presente Gabryel N\u00edcolas Soares de Sousa MDS Presente Guilherme Silva Dutra MDS Presente Guilherme Westphall de Queiroz MDS Presente Hugo Queiroz Camelo de Melo MDS Presente Julio Roberto da Silva Neto MDS Presente Lucas Martins Gabriel MDS Presente Pedro Fonseca Cruz MDS Presente Larissa Gonzaga Enactus Ausente Nagyla Cristina Enactus Presente Maria Beatriz Enactus Presente Pedro Leite Enactus Presente Henrique de Sales Enactus Presente Felipe Mastromauro Correa Monitor Presente Prof. Hilmer Neri Presente Dura\u00e7\u00e3o 01:05:06"},{"location":"reunioes/Semana_3/reuniao_Treinamento_e_Lean_Inception_Dia2_23_09/","title":"Reuni\u00e3o Treinamento e Lean Inception Dia 2 23/09","text":""},{"location":"reunioes/Semana_3/reuniao_Treinamento_e_Lean_Inception_Dia2_23_09/#ata-de-reuniao-2309","title":"ATA de Reuni\u00e3o (23/09):","text":""},{"location":"reunioes/Semana_3/reuniao_Treinamento_e_Lean_Inception_Dia2_23_09/#pauta","title":"Pauta","text":"
    • Treinamento de Metodologias \u00c1geis;
    • Link do treinamento: https://drive.google.com/file/d/1NFvQTyH97fUHs4akZBmK_qrwN8iAU-gP/view?usp=sharing
    • Cria\u00e7\u00e3o das jornadas de usu\u00e1rio;
    • Atualiza\u00e7\u00e3o das Personas;
    • Atualiza\u00e7\u00e3o dos Objetivos do Produto;
    • Decis\u00e3o das datas dos treinamentos t\u00e9cnicos;
    • Foi decidido pelos membros de EPS, os seguintes treinamentos:
      • HTML/CSS;
      • JavaScript;
      • Docker;
      • React Native;
      • SQL;
      • Futuramente ser\u00e1 tamb\u00e9m passado o treinamento de Testes; OBS: Os hor\u00e1rios e dias ainda ser\u00e3o definidos
    Presentes na Reuni\u00e3o (23/09) Equipe Pertencente Info Arthur Talles de Sousa Cunha EPS Presente Eduardo Gurgel Pereira de Carvalho EPS Ausente Gustavo Afonso Pires Severo EPS Presente Henrique Amorim Costa Melo EPS Presente Pedro V\u00edtor de Salles Cella EPS Presente Gabryel N\u00edcolas Soares de Sousa MDS Presente Guilherme Silva Dutra MDS Presente Guilherme Westphall de Queiroz MDS Presente Hugo Queiroz Camelo de Melo MDS Presente Julio Roberto da Silva Neto MDS Presente Lucas Martins Gabriel MDS Presente Pedro Fonseca Cruz MDS Presente Dura\u00e7\u00e3o 01:49:00"},{"location":"reunioes/Semana_4/reuniao_Geral_26_09/","title":"Reuni\u00e3o Geral 26/09","text":""},{"location":"reunioes/Semana_4/reuniao_Geral_26_09/#ata-de-reuniao-2609","title":"ATA de Reuni\u00e3o (26/09):","text":""},{"location":"reunioes/Semana_4/reuniao_Geral_26_09/#pauta","title":"Pauta","text":"
    • Defini\u00e7\u00e3o dos hor\u00e1rios e dias dos treinamentos;
    • HTML/CSS (Henrique): Quinta-feira 28/09 \u00e0s 19h
    • JavaScript (Henrique) - Domingo 01/10 \u00e0s 14h
    • Banco de dados/SQL (Eduardo e Arthur) - Ass\u00edncrono
    • Docker (Gustavo) - Sexta-feira 29/09 \u00e0s 14h
    • Realiza\u00e7\u00e3o do dia 3 de Lean Inception;
    • Defini\u00e7\u00e3o da pauta de reuni\u00e3o do PO;
    • Comentar sobre as personas e as jornadas de usu\u00e1rio (Guilherme Dutra);
    • Funcionalidades (Pedro Cella);
    • Revis\u00e3o t\u00e9cnica (Membros de EPS);
    "},{"location":"reunioes/Semana_4/reuniao_Geral_26_09/#geral","title":"Geral","text":"
    • Cria\u00e7\u00e3o de personas;
    Presentes na Reuni\u00e3o (26/09) Equipe Pertencente Info Arthur Talles de Sousa Cunha EPS Presente Eduardo Gurgel Pereira de Carvalho EPS Presente Gustavo Afonso Pires Severo EPS Ausente Henrique Amorim Costa Melo EPS Presente Pedro V\u00edtor de Salles Cella EPS Presente Gabryel N\u00edcolas Soares de Sousa MDS Presente Guilherme Silva Dutra MDS Presente Guilherme Westphall de Queiroz MDS Presente Hugo Queiroz Camelo de Melo MDS Presente Julio Roberto da Silva Neto MDS Presente Lucas Martins Gabriel MDS Presente Pedro Fonseca Cruz MDS Presente Ant\u00f4nio Ald\u00edsio Monitor Presente Dura\u00e7\u00e3o 02:17:00"},{"location":"reunioes/Semana_4/reuniao_PO_27_09/","title":"Reuni\u00e3o PO 27/09","text":""},{"location":"reunioes/Semana_4/reuniao_PO_27_09/#ata-de-reuniao-2709","title":"ATA de Reuni\u00e3o (27/09):","text":""},{"location":"reunioes/Semana_4/reuniao_PO_27_09/#pauta","title":"Pauta","text":"
    • Personas e Jornadas de Usu\u00e1rio;
    • Apresentador: Guilherme Dutra
    • Resultado: Foi comentado pela membra Larissa do Enactus, que a persona da familia, n\u00e3o correspondia tanto com os tipos de pessoas avalidas numa pesquisa onde nela tem uma descri\u00e7a\u00f5 dos perfis dos familiares;
    • Funcionalidades;
    • Apresentadores: Henrique Amorim e Gustavo Afonso
    • Resultado: Os membros do Enactus tiveram uma boa aprova\u00e7\u00e3o quanto as funcionalidades levantas, por\u00e9m foram questionados coisas como:
      • O papel do Administrador, entender o que de fato seria um administrador, e um curador/moderador referentes as postagens de not\u00edcias e postagens no f\u00f3rum, o administrador aprova as postagens e os moderadores restrigem e reportam postagens no f\u00f3rum? Entender melhor esses diferentes pap\u00e9is.
    • Revis\u00e3o t\u00e9cnica, de neg\u00f3cio e UX;
    • Apresentadores: Henrique Amorim e Gustavo Afonso
    • Resultado: Esse t\u00f3pico ser\u00e1 abordado ass\u00edncronamente, pois n\u00e3o teve o tempo para ser abordado na reuni\u00e3o
    Presentes na Reuni\u00e3o (27/09) Equipe Pertencente Info Arthur Talles de Sousa Cunha EPS Presente Eduardo Gurgel Pereira de Carvalho EPS Presente Gustavo Afonso Pires Severo EPS Presente Henrique Amorim Costa Melo EPS Presente Pedro V\u00edtor de Salles Cella EPS Presente Gabryel N\u00edcolas Soares de Sousa MDS Presente Guilherme Silva Dutra MDS Presente Guilherme Westphall de Queiroz MDS Presente Hugo Queiroz Camelo de Melo MDS Presente Julio Roberto da Silva Neto MDS Presente Lucas Martins Gabriel MDS Presente Pedro Fonseca Cruz MDS Presente Larissa Gonzaga Enactus Presente Nagyla Cristina Enactus Ausente Maria Beatriz Enactus Presente Pedro Leite Enactus Ausente Henrique de Sales Enactus Presente Ant\u00f4nio Ald\u00edsio Monitor Presente Felipe Mastromauro Correa Monitor Presente Prof. Hilmer Neri Presente Dura\u00e7\u00e3o 01:00:26"},{"location":"reunioes/Semana_5/reuniao_EPS_05_10/","title":"Reuni\u00e3o EPS 05/10","text":""},{"location":"reunioes/Semana_5/reuniao_EPS_05_10/#ata-de-reuniao-0510","title":"ATA de Reuni\u00e3o (05/10):","text":""},{"location":"reunioes/Semana_5/reuniao_EPS_05_10/#pauta","title":"Pauta","text":"
    • Cria\u00e7\u00e3o e defini\u00e7\u00e3o da arquitetura;
    • Cria\u00e7\u00e3o do EAP;
    "},{"location":"reunioes/Semana_5/reuniao_EPS_05_10/#documentos-produzidos","title":"Documentos produzidos","text":""},{"location":"reunioes/Semana_5/reuniao_EPS_05_10/#eap","title":"EAP","text":""},{"location":"reunioes/Semana_5/reuniao_EPS_05_10/#diagrama-de-arquitetura","title":"Diagrama de Arquitetura","text":"Presentes na Reuni\u00e3o (05/10) Equipe Pertencente Info Arthur Talles de Sousa Cunha EPS Presente Eduardo Gurgel Pereira de Carvalho EPS Presente Gustavo Afonso Pires Severo EPS Presente Henrique Amorim Costa Melo EPS Presente Pedro V\u00edtor de Salles Cella EPS Presente Dura\u00e7\u00e3o 02:39:00"},{"location":"reunioes/Semana_5/reuniao_Geral_03_10/","title":"Reuni\u00e3o Geral 03/10","text":""},{"location":"reunioes/Semana_5/reuniao_Geral_03_10/#ata-de-reuniao-0310","title":"ATA de Reuni\u00e3o (03/10):","text":""},{"location":"reunioes/Semana_5/reuniao_Geral_03_10/#pauta","title":"Pauta","text":""},{"location":"reunioes/Semana_5/reuniao_Geral_03_10/#eps","title":"EPS","text":"
    • Finaliza\u00e7\u00e3o da defini\u00e7\u00e3o das tecnologias, voltada para a defini\u00e7\u00e3o do backend;
    • Frontend: React Native com expo;
    • Backend: NestJS;
    "},{"location":"reunioes/Semana_5/reuniao_Geral_03_10/#geral","title":"Geral","text":"
    • Atualiza\u00e7\u00e3o da revis\u00e3o t\u00e9cnica, de neg\u00f3cios e UX;
    • Realiza\u00e7\u00e3o do dia 4 de Lean Inception;
    • Devido a dificuldade, foi realizado apenas o sequenciador;
    • Defini\u00e7\u00e3o da pauta da reuni\u00e3o com o PO
    Presentes na Reuni\u00e3o (03/10) Equipe Pertencente Info Arthur Talles de Sousa Cunha EPS Presente Eduardo Gurgel Pereira de Carvalho EPS Presente Gustavo Afonso Pires Severo EPS Ausente Henrique Amorim Costa Melo EPS Presente Pedro V\u00edtor de Salles Cella EPS Presente Gabryel N\u00edcolas Soares de Sousa MDS Presente Guilherme Silva Dutra MDS Presente Guilherme Westphall de Queiroz MDS Presente Hugo Queiroz Camelo de Melo MDS Presente Julio Roberto da Silva Neto MDS Presente Lucas Martins Gabriel MDS Presente Pedro Fonseca Cruz MDS Presente Ant\u00f4nio Ald\u00edsio Monitor Presente Dura\u00e7\u00e3o 02:40:00"},{"location":"reunioes/Semana_5/reuniao_PO_04_10/","title":"Reuni\u00e3o PO 04/10","text":""},{"location":"reunioes/Semana_5/reuniao_PO_04_10/#ata-de-reuniao-0410","title":"ATA de Reuni\u00e3o (04/10):","text":""},{"location":"reunioes/Semana_5/reuniao_PO_04_10/#pauta","title":"Pauta","text":"
    • Explica\u00e7\u00e3o e apresenta\u00e7\u00e3o do sequenciador;
    • Apresentador: Todos
    • Resultado: Foi aprovado o sequenciador e a defini\u00e7\u00e3o do MVP pelo time do Enactus, comentaram que se alinha bem com o que eles haviam pensado;
    • Roda de perguntas
    • Apresentadores: Todos
    • Resultado: Foi compreendido algumas d\u00favidas, como a intera\u00e7\u00e3o com o f\u00f3rum, ser apenas comentar e deixar um like para a publica\u00e7\u00e3o, o prot\u00f3tipo ir\u00e1 seguir o modelo criado pelo pr\u00f3prio Enactus e a melhor identifica\u00e7\u00e3o sobre a mmodera\u00e7\u00e3o, de realizar as tarefas de reportar por parte de usu\u00e1rios e o de remover publica\u00e7\u00f5es por parte do moderador.
    Presentes na Reuni\u00e3o (04/10) Equipe Pertencente Info Arthur Talles de Sousa Cunha EPS Presente Eduardo Gurgel Pereira de Carvalho EPS Presente Gustavo Afonso Pires Severo EPS Presente Henrique Amorim Costa Melo EPS Presente Pedro V\u00edtor de Salles Cella EPS Presente Gabryel N\u00edcolas Soares de Sousa MDS Presente Guilherme Silva Dutra MDS Presente Guilherme Westphall de Queiroz MDS Presente Hugo Queiroz Camelo de Melo MDS Presente Julio Roberto da Silva Neto MDS Presente Lucas Martins Gabriel MDS Presente Pedro Fonseca Cruz MDS Presente Larissa Gonzaga Enactus Presente Nagyla Cristina Enactus Ausente Maria Beatriz Enactus Presente Pedro Leite Enactus Ausente Henrique de Sales Enactus Presente Ant\u00f4nio Ald\u00edsio Monitor Presente Felipe Mastromauro Correa Monitor Presente Prof. Hilmer Neri Ausente Dura\u00e7\u00e3o 00:59:00"},{"location":"reunioes/Semana_6/reuniao_EPS_09_10/","title":"Reuni\u00e3o EPS 09/10","text":""},{"location":"reunioes/Semana_6/reuniao_EPS_09_10/#ata-de-reuniao-0910","title":"ATA de Reuni\u00e3o (09/10):","text":""},{"location":"reunioes/Semana_6/reuniao_EPS_09_10/#pauta","title":"Pauta","text":"
    • Cria\u00e7\u00e3o do canvas MVP;
    • Cria\u00e7\u00e3o cronograma;
    • Planejamento para elabora\u00e7\u00e3o das hist\u00f3rias de usu\u00e1rio.
    "},{"location":"reunioes/Semana_6/reuniao_EPS_09_10/#documentos-produzidos","title":"Documentos produzidos","text":"
    • Cronograma
    • Canvas MVP
    "},{"location":"reunioes/Semana_6/reuniao_EPS_09_10/#canvas-mvp","title":"Canvas MVP","text":"Presentes na Reuni\u00e3o (09/10) Equipe Pertencente Info Arthur Talles de Sousa Cunha EPS Presente Eduardo Gurgel Pereira de Carvalho EPS Presente Gustavo Afonso Pires Severo EPS Presente Henrique Amorim Costa Melo EPS Presente Pedro V\u00edtor de Salles Cella EPS Presente Dura\u00e7\u00e3o 01:45:00"},{"location":"reunioes/Semana_6/reuniao_EPS_MDS_Banco_de_Dados11_10/","title":"Reuni\u00e3o Banco de Dados 11/10","text":""},{"location":"reunioes/Semana_6/reuniao_EPS_MDS_Banco_de_Dados11_10/#ata-de-reuniao-banco-de-dados-1110","title":"ATA de Reuni\u00e3o Banco de Dados (11/10):","text":""},{"location":"reunioes/Semana_6/reuniao_EPS_MDS_Banco_de_Dados11_10/#pauta","title":"Pauta","text":"
    • Cria\u00e7\u00e3o do MER do sistema
      • 1\u00aa vers\u00e3o: A primeira vers\u00e3o do MER (Modelo Entidade-Relacionamento) contou com uma interpreta\u00e7\u00e3o contextual do sistema contendo, inicialmente, uma rela\u00e7\u00e3o de especifica\u00e7\u00e3o proveniente da Entidade \"USUARIO\", da qual surgiriam as entidades \"ADMIN\" e \"PESSOA\". Desta \u00faltima, surgiria a segunda especializa\u00e7\u00e3o do sistema na qual as entidades \"PACIENTE\" e \"IDOSO_AUTONOMO\" foram incorporadas. A partir da cria\u00e7\u00e3o destas entidades e dos relacionamentos associados a elas, outras mais vieram a ser criadas. S\u00e3o elas: \"FORUM\", \"PUBLICACAO\", \"COMENTARIO\",\"ROTINA\", \"NOTIFICACAO\" e \"METRICAS_SAUDE\". Abaixo algumas imagens deste documento: ![MER1pt1](/docs/assets/imagens/MER/MER1pt1.png) ![MER1pt2](/docs/assets/imagens/MER/MER1pt2.png) ![MER1pt3](/docs/assets/imagens/MER/MER1pt3.png)
      • Vers\u00e3o atual: A vers\u00e3o atual do MER (Modelo Entidade-Relacionamento) contou com uma nova interpreta\u00e7\u00e3o contextual do sistema. Nela, houve a remo\u00e7\u00e3o de algumas entidades presentes na primeira vers\u00e3o do documento. S\u00e3o elas: \"ADMIN\",\"PESSOA\",\"NOTIFICACAO\", \"FORUM\" e \"IDOSO_AUTONOMO\". Al\u00e9m disso, outras entidades foram acrescidas ao sistema. S\u00e3o elas: \"VALOR_METRICA_SAUDE\" e \"LIKE\". Abaixo algumas imagens deste novo documento: ![MER2pt1](/docs/assets/imagens/MER/MER2pt1.png) ![MER2pt2](/docs/assets/imagens/MER/MER2pt2.png)
    Presentes na Reuni\u00e3o (11/10) Equipe Pertencente Info Arthur Talles de Sousa Cunha EPS Presente Henrique Amorim Costa Melo EPS Presente Pedro V\u00edtor de Salles Cella EPS Presente Guilherme Westphall de Queiroz MDS Presente Lucas Martins Gabriel MDS Presente Dura\u00e7\u00e3o 04:05:00"},{"location":"reunioes/Semana_6/reuniao_PO_11_10/","title":"Reuni\u00e3o PO 11/10","text":""},{"location":"reunioes/Semana_6/reuniao_PO_11_10/#ata-de-reuniao-1110","title":"ATA de Reuni\u00e3o (11/10):","text":""},{"location":"reunioes/Semana_6/reuniao_PO_11_10/#pauta","title":"Pauta","text":"

    • Showcase do Lean Inception

      • Apresentador: Pedro Cella
      • Resultado: O showcase foi realizado e aprovado todas as etapas pelos membros do Enactus, foi evidencido pelo professor o sequenciador, onde houve a confirma\u00e7\u00e3o pelos membros do Enactus que o sequenciador atende a expectativa dos membros do Enactus, al\u00e9m disso evidenciou-se o Canvas MVP onde foi aprovado tamb\u00e9m pelos membros, acrescentando apenas dois novos cart\u00f5es na parte de resultados esperados e m\u00e9tricas para valida\u00e7\u00e3o.

    • Apresenta\u00e7\u00e3o do EAP

      • Apresentador: Pedro Cella
      • Resultado: Foi apresentado, por\u00e9m constatado pelo professor Hilmer, que o EAP est\u00e1 muito misturado, contendo entregas, artefatos, entre outros, ou seja \u00e9 necess\u00e1rio uma atualiza\u00e7\u00e3o do documento.

    • Apresenta\u00e7\u00e3o a cerca das hist\u00f3rias de usu\u00e1rio

      • Apresentador: Todos
      • Resultado: Foi constatado pelo professor que n\u00e3o existe granulariza\u00e7\u00e3o nas hist\u00f3rias de usu\u00e1rio, dessa forma deve ser realizado uma atualiza\u00e7\u00e3o das Hist\u00f3rias feitas pelos membros.

    • Extra

      • Ale\u1e3f dos t\u00f3picos abordados foi comentado e ressaltado pelo professor a import\u00e2ncia e a necessidade de fazermos as estimativas das atividades, pois atualmente o grupo n\u00e3o o fez, ent\u00e3o fica como prioridade alta essa etapa de estima\u00e7\u00e3o.

    Presentes na Reuni\u00e3o (11/10) Equipe Pertencente Info Arthur Talles de Sousa Cunha EPS Presente Eduardo Gurgel Pereira de Carvalho EPS Presente Gustavo Afonso Pires Severo EPS Presente Henrique Amorim Costa Melo EPS Presente Pedro V\u00edtor de Salles Cella EPS Presente Gabryel N\u00edcolas Soares de Sousa MDS Presente Guilherme Silva Dutra MDS Presente Guilherme Westphall de Queiroz MDS Presente Hugo Queiroz Camelo de Melo MDS Presente Julio Roberto da Silva Neto MDS Presente Lucas Martins Gabriel MDS Presente Pedro Fonseca Cruz MDS Presente Larissa Gonzaga Enactus Presente Nagyla Cristina Enactus Ausente Maria Beatriz Enactus Presente Pedro Leite Enactus Ausente Henrique de Sales Enactus Presente Ant\u00f4nio Ald\u00edsio Monitor Ausente Felipe Mastromauro Correa Monitor Presente Prof. Hilmer Neri Presente Dura\u00e7\u00e3o 01:08:35"},{"location":"reunioes/Semana_6/reuniao_geral_10_10/","title":"Reuniao geral 10 10","text":""},{"location":"reunioes/Semana_6/reuniao_geral_10_10/#ata-de-reuniao-1010","title":"ATA de Reuni\u00e3o (10/10):","text":""},{"location":"reunioes/Semana_6/reuniao_geral_10_10/#pauta","title":"Pauta","text":""},{"location":"reunioes/Semana_6/reuniao_geral_10_10/#eps","title":"EPS","text":"
    • Corre\u00e7\u00e3o e atualiza\u00e7\u00e3o do prot\u00f3tipo de alta fidelidade.
    • Planejamento para elabora\u00e7\u00e3o das hist\u00f3rias de usu\u00e1rio.
    • Atualiza\u00e7\u00e3o do Canvas MVP.
    "},{"location":"reunioes/Semana_6/reuniao_geral_10_10/#geral","title":"Geral","text":"
    • In\u00edcio da escrita das hist\u00f3rias de usu\u00e1rio.
    • Levantamento de d\u00favidas para a reuni\u00e3o com o cliente.
    • Defini\u00e7\u00e3o da pauta da reuni\u00e3o com o PO.
    • Discuss\u00e3o das perguntas levantadas pelo cliente.
    Presentes na Reuni\u00e3o (10/10) Equipe Pertencente Info Arthur Talles de Sousa Cunha EPS Presente Eduardo Gurgel Pereira de Carvalho EPS Presente Gustavo Afonso Pires Severo EPS Presente Henrique Amorim Costa Melo EPS Presente Pedro V\u00edtor de Salles Cella EPS Presente Gabryel N\u00edcolas Soares de Sousa MDS Presente Guilherme Silva Dutra MDS Presente Guilherme Westphall de Queiroz MDS Presente Hugo Queiroz Camelo de Melo MDS Presente Julio Roberto da Silva Neto MDS Presente Lucas Martins Gabriel MDS Presente Pedro Fonseca Cruz MDS Presente Dura\u00e7\u00e3o 02:22:00"},{"location":"treinamentos/treinamento_HTML_CSS/","title":"\u00cdndice","text":""},{"location":"treinamentos/treinamento_HTML_CSS/#html-hypertext-markup-language","title":"HTML (HyperText Markup Language)","text":"

    1. Introdu\u00e7\u00e3o ao HTML

    2. O que \u00e9 HTML?

    3. Estrutura b\u00e1sica de um documento HTML

    4. Tags, elementos e atributos

    5. Estrutura de um Documento HTML

    6. Doctype

    7. Elemento <html>
    8. Elemento <head> (meta tags, t\u00edtulo)

    9. Elemento <body>

    10. Texto e Formata\u00e7\u00e3o

    11. Par\u00e1grafos (<p>)

    12. T\u00edtulos (<h1> a <h6>)
    13. Texto em negrito (<strong>) e it\u00e1lico (<em>)
    14. Quebras de linha (<br>)

    15. Coment\u00e1rios (<!-- -->)

    16. Listas

    17. Listas ordenadas (<ol>)

    18. Listas n\u00e3o ordenadas (<ul>)

    19. Listas de defini\u00e7\u00e3o (<dl>)

    20. Links

    21. Hiperlinks (<a>)

    22. \u00c2ncoras e URLs

    23. Links internos e externos

    24. Imagens

    25. Inserindo imagens (<img>)

    26. Atributos alt e src

    27. Imagens responsivas

    28. Formul\u00e1rios

    29. Elemento <form>

    30. Campos de entrada de texto (<input>)
    31. Bot\u00f5es (<button>)
    32. Caixas de sele\u00e7\u00e3o (<select>)
    33. Bot\u00f5es de op\u00e7\u00e3o (<radio>) e caixas de verifica\u00e7\u00e3o (<checkbox>)

    34. Envio de formul\u00e1rio

    35. Documenta\u00e7\u00e3o: https://www.w3schools.com/TAGS/default.asp

    "},{"location":"treinamentos/treinamento_HTML_CSS/#css-cascading-style-sheets","title":"CSS (Cascading Style Sheets)","text":"

    1. Introdu\u00e7\u00e3o ao CSS

    2. O que \u00e9 CSS?

    3. Vantagens de usar CSS

    4. Seletores e Propriedades

    5. Seletores de elemento, classe e ID

    6. Definindo propriedades de estilo

    7. Coment\u00e1rios em CSS

    8. Estilos Inline, Incorporados e Externos

    9. Uso de estilos inline

    10. Incorporando estilos com a tag <style>
    11. Vinculando um arquivo CSS externo

    4.Formata\u00e7\u00e3o de Texto

    • Tamanho de fonte
    • Cor de texto e de fundo

    • Espa\u00e7amento entre linhas e margens

    • Box Model

    • Margem, borda, preenchimento (margin, border, padding)

    • Tamanho e modelo de caixa (box-sizing)

    • Layout e Posicionamento

    • Posicionamento est\u00e1tico, relativo, absoluto e fixo

    • Display (block, inline, inline-block)

    • Modelos de layout (flexbox e grid)

    • Cores e Fundos

    • Definindo cores (hexadecimal, RGB, nomes)

    • Imagens de fundo (background-image)

    • Gradientes

    • Pseudo-classes e Pseudo-elementos

    • Uso de :hover, :active, :focus

    • ::before e ::after

    • Media Queries

    • Criando layouts responsivos

    • Conceito de breakpoints

    • Anima\u00e7\u00f5es e Transi\u00e7\u00f5es (opcional)

    • Criando anima\u00e7\u00f5es com keyframes

    • Aplicando transi\u00e7\u00f5es suaves
    "},{"location":"treinamentos/treinamento_HTML_CSS/#site-modelo-treinamento","title":"Site Modelo treinamento","text":"

    https://melohenrique-room.netlify.app/

    "},{"location":"treinamentos/treinamento_HTML_CSS/#link-apresentacao","title":"Link apresenta\u00e7\u00e3o","text":"

    https://drive.google.com/file/d/1tUuvqo9xnq4Jt6OHKm3hG6mgmaGdohJ0/view?usp=sharing

    "},{"location":"treinamentos/treinamento_HTML_CSS/#html-hypertext-markup-language_1","title":"HTML (HyperText Markup Language)","text":""},{"location":"treinamentos/treinamento_HTML_CSS/#1-introducao-ao-html","title":"1. Introdu\u00e7\u00e3o ao HTML","text":""},{"location":"treinamentos/treinamento_HTML_CSS/#o-que-e-html","title":"O que \u00e9 HTML?","text":"

    HTML, sigla para HyperText Markup Language, \u00e9 uma linguagem de marca\u00e7\u00e3o usada para criar p\u00e1ginas da web. Ele permite estruturar o conte\u00fado de uma p\u00e1gina, incluindo textos, imagens, links e outros elementos, de forma organizada e sem\u00e2ntica.

    "},{"location":"treinamentos/treinamento_HTML_CSS/#estrutura-basica-de-um-documento-html","title":"Estrutura b\u00e1sica de um documento HTML","text":"

    Um documento HTML \u00e9 composto por uma estrutura b\u00e1sica que inclui elementos essenciais:

    <!DOCTYPE html> <!-- Define o tipo de documento HTML5 -->\n<html>\n<head>\n    <meta charset=\"UTF-8\"> <!-- Define a codifica\u00e7\u00e3o de caracteres -->\n    <title>T\u00edtulo da P\u00e1gina</title> <!-- Define o t\u00edtulo da p\u00e1gina exibido na aba do navegador -->\n</head>\n<body>\n    <!-- Conte\u00fado da p\u00e1gina vai aqui -->\n</body>\n</html>\n
    "},{"location":"treinamentos/treinamento_HTML_CSS/#tags-elementos-e-atributos","title":"Tags, elementos e atributos","text":"

    • Tags: S\u00e3o elementos fundamentais em HTML e s\u00e3o usados para marcar partes espec\u00edficas do conte\u00fado, como t\u00edtulos, par\u00e1grafos, imagens, etc. Exemplo: <h1>Meu T\u00edtulo</h1>

    • Elementos: S\u00e3o combina\u00e7\u00f5es de tags que englobam o conte\u00fado relacionado. Por exemplo, o elemento de lista n\u00e3o ordenada <ul> engloba v\u00e1rias tags de item de lista <li>.

    • Atributos: S\u00e3o informa\u00e7\u00f5es adicionais fornecidas \u00e0s tags para modificar seu comportamento ou apar\u00eancia. Exemplo: <img src=\"imagem.jpg\" alt=\"Descri\u00e7\u00e3o da Imagem\">.

    Lembre-se de que HTML \u00e9 uma linguagem de marca\u00e7\u00e3o estrutural, n\u00e3o de estilo. Para estilizar elementos, voc\u00ea usaria CSS (Cascading Style Sheets).

    "},{"location":"treinamentos/treinamento_HTML_CSS/#2-estrutura-de-um-documento-html","title":"2. Estrutura de um Documento HTML","text":"

    A estrutura b\u00e1sica de um documento HTML \u00e9 composta pelo Doctype, o elemento <html>, o elemento <head>, e o elemento <body>. Isso estabelece a base para a cria\u00e7\u00e3o de uma p\u00e1gina da web.

    • Doctype: O Doctype \u00e9 a primeira linha de um documento HTML e define o tipo de documento que est\u00e1 sendo usado. Para documentos HTML5, usamos o seguinte Doctype:
    <!DOCTYPE html>\n
    • Elemento <html>: O elemento <html> \u00e9 o cont\u00eainer raiz de todo documento HTML. Ele engloba todo o conte\u00fado da p\u00e1gina e define o idioma padr\u00e3o da p\u00e1gina usando o atributo lang.
    <html lang=\"pt-BR\">\n    <!-- Conte\u00fado da p\u00e1gina vai aqui -->\n</html>\n
    • Elemento <head>: O elemento <head> cont\u00e9m informa\u00e7\u00f5es sobre o documento, como meta tags, links para folhas de estilo CSS e o t\u00edtulo da p\u00e1gina.
    <head>\n    <meta charset=\"UTF-8\">\n    <title>T\u00edtulo da P\u00e1gina</title>\n    <!-- Outros elementos do cabe\u00e7alho podem ser inclu\u00eddos aqui -->\n</head>\n
    • Elemento <body>: O elemento <body> cont\u00e9m o conte\u00fado vis\u00edvel da p\u00e1gina, incluindo textos, imagens, links e outros elementos.
    <body>\n    <h1>Meu T\u00edtulo</h1>\n    <p>Este \u00e9 um par\u00e1grafo de exemplo.</p>\n    <!-- Outros elementos do corpo da p\u00e1gina v\u00e3o aqui -->\n</body>\n
    "},{"location":"treinamentos/treinamento_HTML_CSS/#3-texto-e-formatacao","title":"3. Texto e Formata\u00e7\u00e3o","text":"
    • Par\u00e1grafos (<p>): Os par\u00e1grafos s\u00e3o usados para estruturar o texto em blocos coesos.
    <p>Este \u00e9 um par\u00e1grafo de exemplo.</p>\n
    • T\u00edtulos (<h1> a <h6>): Os t\u00edtulos s\u00e3o usados para definir a hierarquia de cabe\u00e7alhos, do <h1> (mais importante) ao <h6> (menos importante).
    <h1>T\u00edtulo Principal</h1>\n<h2>Subt\u00edtulo</h2>\n
    • Texto em Negrito (<strong>) e It\u00e1lico (<em>): As tags <strong> e <em> s\u00e3o usadas para enfatizar o texto.
    <p>Este \u00e9 um texto <strong>em negrito</strong> e este \u00e9 um texto <em>it\u00e1lico</em>.</p>\n
    • Quebras de Linha (<br>): A tag <br> \u00e9 usada para inserir uma quebra de linha dentro do texto.
    <p>Esta \u00e9 a primeira linha.<br>Esta \u00e9 a segunda linha.</p>\n
    • Coment\u00e1rios (<!-- -->): Os coment\u00e1rios s\u00e3o usados para adicionar notas ou descri\u00e7\u00f5es no c\u00f3digo HTML que n\u00e3o s\u00e3o vis\u00edveis na p\u00e1gina.
    <!-- Este \u00e9 um coment\u00e1rio de exemplo -->\n
    "},{"location":"treinamentos/treinamento_HTML_CSS/#4-listas","title":"4. Listas","text":"
    • Listas Ordenadas (<ol>): As listas ordenadas s\u00e3o usadas para criar listas numeradas, onde cada item \u00e9 automaticamente numerado.
    <ol>\n    <li>Item 1</li>\n    <li>Item 2</li>\n    <li>Item 3</li>\n</ol>\n
    • Listas N\u00e3o Ordenadas (<ul>): As listas n\u00e3o ordenadas s\u00e3o usadas para criar listas com marcadores, onde cada item \u00e9 precedido por um marcador.
    <ul>\n    <li>Item A</li>\n    <li>Item B</li>\n    <li>Item C</li>\n</ul>\n
    • Listas Aninhadas: Voc\u00ea tamb\u00e9m pode criar listas aninhadas, colocando uma lista dentro de um item de lista.
    <ul>\n    <li>Item 1</li>\n    <li>Item 2\n        <ul>\n            <li>Subitem 1</li>\n            <li>Subitem 2</li>\n        </ul>\n    </li>\n    <li>Item 3</li>\n</ul>\n
    "},{"location":"treinamentos/treinamento_HTML_CSS/#5-links","title":"5. Links","text":"
    • Hiperlinks (<a>): A tag <a> \u00e9 usada para criar hiperlinks, permitindo que os visitantes da p\u00e1gina cliquem em um texto ou imagem para navegar para outra p\u00e1gina da web ou recurso.
    <a href=\"https://www.exemplo.com\">Visitar Exemplo.com</a>\n

    • \u00c2ncoras e URLs: O atributo href dentro da tag <a> especifica o URL de destino para o link.

    • Links Internos: Al\u00e9m de URLs externos, voc\u00ea pode criar links internos dentro da mesma p\u00e1gina usando \u00e2ncoras.

    <a href=\"#secao2\">Ir para Se\u00e7\u00e3o 2</a>\n...\n<h2 id=\"secao2\">Se\u00e7\u00e3o 2</h2>\n
    • Links de Email: Voc\u00ea tamb\u00e9m pode usar a tag <a> para criar links de email.
    <a href=\"mailto:exemplo@email.com\">Enviar um Email</a>\n
    • Links para Downloads: Para permitir o download de arquivos, voc\u00ea pode usar a tag <a> com o atributo download.
    <a href=\"documento.pdf\" download>Baixar Documento PDF</a>\n
    "},{"location":"treinamentos/treinamento_HTML_CSS/#6-imagens","title":"6. Imagens","text":"
    • Inserindo Imagens (<img>): A tag <img> \u00e9 usada para inserir imagens em uma p\u00e1gina da web. Ela n\u00e3o possui uma tag de fechamento e requer o atributo src, que especifica o caminho para a imagem.
    <img src=\"imagem.jpg\" alt=\"Descri\u00e7\u00e3o da Imagem\">\n
    • Atributos alt e src: O atributo alt fornece uma descri\u00e7\u00e3o alternativa da imagem, importante para acessibilidade e SEO. O atributo src especifica o caminho da imagem.
    <img src=\"gato.jpg\" alt=\"Foto de um gato fofo\">\n
    • Imagens Responsivas: Para garantir que as imagens se ajustem ao tamanho da tela, voc\u00ea pode adicionar a classe class=\"img-responsive\" (no contexto do framework Bootstrap) ou usar CSS para tornar as imagens responsivas.
    <img src=\"imagem.jpg\" alt=\"Descri\u00e7\u00e3o da Imagem\" class=\"img-responsive\">\n
    "},{"location":"treinamentos/treinamento_HTML_CSS/#7-formularios","title":"7. Formul\u00e1rios","text":"
    • Elemento <form>: O elemento <form> \u00e9 usado para criar formul\u00e1rios interativos em uma p\u00e1gina da web. Ele envolve v\u00e1rios elementos de entrada e define como os dados ser\u00e3o enviados ao servidor.
    <form action=\"/processar-formulario\" method=\"post\">\n    <!-- Elementos de entrada do formul\u00e1rio v\u00e3o aqui -->\n    <input type=\"text\" name=\"nome\" placeholder=\"Seu Nome\">\n    <input type=\"email\" name=\"email\" placeholder=\"Seu Email\">\n    <button type=\"submit\">Enviar</button>\n</form>\n
    • Campos de Entrada (<input>): A tag <input> \u00e9 usada para criar campos de entrada de texto, como campos de texto, caixas de sele\u00e7\u00e3o, bot\u00f5es de r\u00e1dio e caixas de verifica\u00e7\u00e3o.
    <input type=\"text\" name=\"usuario\" placeholder=\"Nome de Usu\u00e1rio\">\n<input type=\"password\" name=\"senha\" placeholder=\"Senha\">\n<input type=\"checkbox\" name=\"lembre-me\" id=\"lembre-me\">\n<label for=\"lembre-me\">Lembre-me</label>\n
    • Bot\u00f5es (<button>): A tag <button> \u00e9 usada para criar bot\u00f5es em formul\u00e1rios. Voc\u00ea pode us\u00e1-los para enviar formul\u00e1rios ou realizar outras a\u00e7\u00f5es espec\u00edficas.
    <button type=\"submit\">Enviar</button>\n<button type=\"reset\">Limpar</button>\n
    • Caixas de Sele\u00e7\u00e3o (<select>) e Op\u00e7\u00f5es (<option>): Voc\u00ea pode usar o elemento <select> para criar listas suspensas e o elemento <option> para definir as op\u00e7\u00f5es dentro dessas listas.
    <select name=\"cidade\">\n    <option value=\"ny\">Nova York</option>\n    <option value=\"la\">Los Angeles</option>\n    <option value=\"sf\">S\u00e3o Francisco</option>\n</select>\n
    • Envio de Formul\u00e1rio: Ao clicar em um bot\u00e3o de envio dentro de um formul\u00e1rio, os dados inseridos nos campos de entrada s\u00e3o enviados ao servidor especificado no atributo action do elemento <form>.
    <form action=\"/processar-formulario\" method=\"post\">\n    <label for=\"nome\">Nome:</label>\n    <input type=\"text\" id=\"nome\" name=\"nome\" placeholder=\"Seu Nome\" required>\n\n    <label for=\"email\">Email:</label>\n    <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"Seu Email\" required>\n\n    <button type=\"submit\">Enviar</button>\n</form>\n
    "},{"location":"treinamentos/treinamento_HTML_CSS/#css-cascading-style-sheets_1","title":"CSS (Cascading Style Sheets)","text":""},{"location":"treinamentos/treinamento_HTML_CSS/#1-introducao-ao-css-cascading-style-sheets","title":"1. Introdu\u00e7\u00e3o ao CSS (Cascading Style Sheets)","text":"

    • O que \u00e9 CSS: CSS \u00e9 a sigla para \"Cascading Style Sheets\" (Folhas de Estilo em Cascata). \u00c9 uma linguagem de estilo usada para controlar a apresenta\u00e7\u00e3o e o layout de elementos em uma p\u00e1gina da web.

    • Separa\u00e7\u00e3o de Conte\u00fado e Estilo: Uma das principais vantagens do CSS \u00e9 a separa\u00e7\u00e3o de conte\u00fado e estilo. Isso significa que voc\u00ea pode manter o conte\u00fado HTML de uma p\u00e1gina separado do seu estilo CSS. Isso torna o c\u00f3digo mais limpo, organizado e mais f\u00e1cil de manter.

    • Seletor e Propriedades: No CSS, voc\u00ea seleciona os elementos HTML aos quais deseja aplicar estilos usando seletores e, em seguida, define as propriedades de estilo para esses elementos.

    /* Seletor */\np {\n    /* Propriedades de Estilo */\n    color: blue;\n    font-size: 16px;\n}\n

    • Cascata: A palavra \"cascata\" em CSS significa que as regras de estilo podem ser sobrepostas e herdar caracter\u00edsticas. Isso permite que voc\u00ea defina estilos de forma hier\u00e1rquica, aplicando estilos gerais e, em seguida, refinando-os para elementos espec\u00edficos.

    • Heran\u00e7a: Os estilos aplicados a um elemento podem ser herdados por elementos filhos, a menos que sejam substitu\u00eddos por estilos mais espec\u00edficos.

    • Folhas de Estilo Externas: Al\u00e9m de inserir estilos diretamente no HTML usando a tag <style>, voc\u00ea pode criar folhas de estilo externas em arquivos separados com a extens\u00e3o .css e vincul\u00e1-los a v\u00e1rias p\u00e1ginas HTML usando a tag <link>.

    <link rel=\"stylesheet\" type=\"text/css\" href=\"estilos.css\">\n
    "},{"location":"treinamentos/treinamento_HTML_CSS/#2-seletores-e-propriedades-css","title":"2. Seletores e Propriedades CSS","text":"

    • Seletores: Os seletores CSS s\u00e3o padr\u00f5es que definem quais elementos HTML receber\u00e3o os estilos. Existem v\u00e1rios tipos de seletores, incluindo seletores de elemento, seletores de classe, seletores de ID e seletores de atributo.

    • Exemplo de seletores de elemento:

    p {\n    /* Estilos aplicados a todos os par\u00e1grafos */\n}\n\nh1, h2 {\n    /* Estilos aplicados a todos os cabe\u00e7alhos h1 e h2 */\n}\n
    • Exemplo de seletores de classe:
    .destaque {\n    /* Estilos aplicados a elementos com a classe \"destaque\" */\n}\n
    • Exemplo de seletores de ID:
    #cabecalho {\n    /* Estilos aplicados a um elemento com o ID \"cabecalho\" */\n}\n

    • Propriedades CSS: As propriedades CSS s\u00e3o atributos que voc\u00ea pode definir para os elementos selecionados. Cada propriedade define um aspecto diferente do estilo, como cor, tamanho, margens, etc.

    • Exemplo de propriedades CSS:

    p {\n    color: blue; /* Define a cor do texto para azul */\n    font-size: 16px; /* Define o tamanho da fonte como 16 pixels */\n    margin-top: 10px; /* Define a margem superior como 10 pixels */\n    background-color: #f0f0f0; /* Define a cor de fundo como cinza claro */\n}\n

    • Regras CSS: As regras CSS s\u00e3o formadas por seletores e propriedades, e s\u00e3o usadas para definir estilos. Elas s\u00e3o definidas dentro de um bloco de c\u00f3digo entre chaves {}.

    • Exemplo de regra CSS:

    p {\n    color: blue;\n    font-size: 16px;\n}\n

    • Coment\u00e1rios CSS: Voc\u00ea pode adicionar coment\u00e1rios em seu c\u00f3digo CSS para documentar seu trabalho. Os coment\u00e1rios s\u00e3o precedidos por / e terminados com /.

    • Exemplo de coment\u00e1rio CSS:

    /* Este \u00e9 um coment\u00e1rio de exemplo */\n
    "},{"location":"treinamentos/treinamento_HTML_CSS/#3-estilos-inline-incorporados-e-externos-em-css","title":"3. Estilos Inline, Incorporados e Externos em CSS","text":"

    • Estilos Inline: Os estilos inline s\u00e3o aplicados diretamente a elementos HTML usando o atributo style. Esses estilos t\u00eam a maior especificidade e substituir\u00e3o qualquer estilo definido externamente.

    • Exemplo de estilo inline:

    <p style=\"color: red;\">Este texto \u00e9 vermelho.</p>\n

    • Estilos Incorporados (Internal Styles): Os estilos incorporados s\u00e3o definidos dentro do pr\u00f3prio documento HTML, entre as tags <style>. Esses estilos se aplicam a todas as ocorr\u00eancias dos elementos selecionados no documento.

    • Exemplo de estilo incorporado:

    <head>\n    <style>\n        p {\n            color: blue;\n            font-size: 16px;\n        }\n    </style>\n</head>\n<body>\n    <p>Este \u00e9 um par\u00e1grafo com estilo incorporado.</p>\n</body>\n

    • Estilos Externos (External Styles): Os estilos externos s\u00e3o definidos em arquivos CSS separados e vinculados ao documento HTML usando a tag <link>. Esses estilos podem ser reutilizados em v\u00e1rias p\u00e1ginas HTML.

    • Exemplo de estilo externo (em um arquivo \"estilos.css\"):

    p {\n    color: green;\n    font-size: 18px;\n}\n
    • Vincula\u00e7\u00e3o do arquivo CSS ao HTML:
    <link rel=\"stylesheet\" type=\"text/css\" href=\"estilos.css\">\n
    "},{"location":"treinamentos/treinamento_HTML_CSS/#4-formatacao-de-texto-em-css","title":"4. Formata\u00e7\u00e3o de Texto em CSS","text":"

    • Fontes (font-family): A propriedade font-family permite definir a fam\u00edlia de fontes para um elemento de texto. Voc\u00ea pode especificar v\u00e1rias fontes em ordem de prefer\u00eancia, para que o navegador escolha a primeira dispon\u00edvel.

    • Exemplo:

    p {\n    font-family: Arial, Helvetica, sans-serif;\n}\n

    • Tamanho de Fonte (font-size): A propriedade font-size define o tamanho da fonte do texto.

    • Exemplo:

    h1 {\n    font-size: 24px;\n}\n

    • Estilo de Fonte (font-style): A propriedade font-style permite definir o estilo da fonte, como it\u00e1lico.

    • Exemplo:

    em {\n    font-style: italic;\n}\n

    • Peso da Fonte (font-weight): A propriedade font-weight define a espessura da fonte, como negrito.

    • Exemplo:

    strong {\n    font-weight: bold;\n}\n

    • Cor do Texto (color): A propriedade color define a cor do texto.

    • Exemplo:

    p {\n    color: #333; /* Cor cinza escuro */\n}\n

    • Espa\u00e7amento entre Linhas (line-height): A propriedade line-height controla o espa\u00e7amento entre as linhas de texto.

    • Exemplo:

    p {\n    line-height: 1.5; /* Espa\u00e7amento 1,5 vezes a altura da fonte */\n}\n

    • Alinhamento de Texto (text-align): A propriedade text-align define como o texto \u00e9 alinhado dentro de um elemento, como \u00e0 esquerda, \u00e0 direita, centralizado ou justificado.

    • Exemplo:

    h2 {\n    text-align: center;\n}\n

    • Decora\u00e7\u00e3o de Texto (text-decoration): A propriedade text-decoration controla a decora\u00e7\u00e3o do texto, como sublinhado.

    • Exemplo:

    a {\n    text-decoration: none; /* Remove sublinhado de links */\n}\n
    "},{"location":"treinamentos/treinamento_HTML_CSS/#5-modelos-de-caixas-box-model-em-css","title":"5. Modelos de Caixas (Box Model) em CSS","text":"

    • Modelo de Caixa (Box Model): O modelo de caixa \u00e9 um conceito fundamental em CSS que descreve como os elementos HTML s\u00e3o representados visualmente. Cada elemento HTML \u00e9 considerado uma caixa retangular que consiste em quatro \u00e1reas principais: conte\u00fado, preenchimento, borda e margem.

    • Conte\u00fado (content): \u00c9 a \u00e1rea interna da caixa que cont\u00e9m o conte\u00fado real, como texto ou imagens.

    • Preenchimento (padding): \u00c9 uma \u00e1rea opcional ao redor do conte\u00fado, separando-o da borda. O preenchimento \u00e9 controlado pelas propriedades padding-top, padding-right, padding-bottom e padding-left.

    • Borda (border): A borda \u00e9 uma linha que circunda o conte\u00fado e o preenchimento. Voc\u00ea pode personalizar a apar\u00eancia da borda usando propriedades como border-width, border-style e border-color.

    • Margem (margin): A margem \u00e9 uma \u00e1rea opcional fora da borda que separa um elemento de outros elementos vizinhos. As margens podem ser definidas com as propriedades margin-top, margin-right, margin-bottom e margin-left.

    • Box Sizing (box-sizing): A propriedade box-sizing permite controlar como as dimens\u00f5es totais da caixa s\u00e3o calculadas. O valor padr\u00e3o \u00e9 content-box, que leva em considera\u00e7\u00e3o apenas o conte\u00fado e o preenchimento ao calcular a largura e altura total. Voc\u00ea tamb\u00e9m pode usar border-box, que inclui o conte\u00fado, o preenchimento e a borda nas dimens\u00f5es totais da caixa.

    • Exemplo:

    div {\n    width: 200px;\n    height: 100px;\n    padding: 20px;\n    border: 2px solid #000;\n    margin: 10px;\n    box-sizing: border-box; /* Inclui preenchimento e borda nas dimens\u00f5es */\n}\n
    • Espa\u00e7amento Negativo (negative margin): Margens negativas permitem que os elementos se sobreponham a seus vizinhos. Isso pode ser \u00fatil para criar layouts complexos, mas deve ser usado com cuidado.
    "},{"location":"treinamentos/treinamento_HTML_CSS/#6-posicionamento-e-layout-em-css","title":"6. Posicionamento e Layout em CSS","text":"
    • Posicionamento (position): A propriedade position permite controlar como um elemento \u00e9 posicionado em rela\u00e7\u00e3o ao seu contexto. Os valores mais comuns s\u00e3o:
    • static (padr\u00e3o): O elemento \u00e9 posicionado normalmente no fluxo do documento.
    • relative: O elemento \u00e9 posicionado em rela\u00e7\u00e3o \u00e0 sua posi\u00e7\u00e3o original.
    • absolute: O elemento \u00e9 posicionado em rela\u00e7\u00e3o ao seu ancestral mais pr\u00f3ximo com position diferente de static.

    • fixed: O elemento \u00e9 posicionado em rela\u00e7\u00e3o \u00e0 janela do navegador, permanecendo fixo enquanto voc\u00ea rola a p\u00e1gina.

    • Deslocamento (top, right, bottom, left): Essas propriedades s\u00e3o usadas com elementos posicionados (relative, absolute, ou fixed) para ajustar sua posi\u00e7\u00e3o a partir de sua localiza\u00e7\u00e3o original.

    • Exemplo:
    .caixa {\n    position: relative;\n    top: 20px;\n    left: 30px;\n}\n

    • Layout de Exibi\u00e7\u00e3o (display): A propriedade display controla o comportamento de exibi\u00e7\u00e3o de um elemento. Alguns valores comuns incluem:

    • block: O elemento ocupa toda a largura dispon\u00edvel e inicia em uma nova linha.

    • inline: O elemento ocupa apenas o espa\u00e7o necess\u00e1rio e n\u00e3o inicia uma nova linha.
    • inline-block: Combina caracter\u00edsticas de elementos block e inline.

    • none: O elemento n\u00e3o \u00e9 exibido.

    • Flutua\u00e7\u00e3o (float): A propriedade float \u00e9 usada para fazer com que um elemento flutue \u00e0 esquerda ou \u00e0 direita de seu cont\u00eainer pai. \u00c9 comumente usado para criar layouts de coluna.

    • Exemplo:

    .coluna {\n    float: left;\n    width: 50%;\n}\n

    • Clear (clear): A propriedade clear \u00e9 usada para garantir que um elemento n\u00e3o flutue ao lado de elementos anteriores que est\u00e3o flutuando.

    • Exemplo:

    .limpar {\n    clear: both;\n}\n

    • Flexbox e Grid: CSS tamb\u00e9m oferece recursos avan\u00e7ados de layout, como Flexbox e Grid Layout, que permitem criar layouts complexos de forma eficiente.

    • Exemplo de uso de Flexbox:

    .container {\n    display: flex;\n    justify-content: space-between;\n}\n
    • Exemplo de uso de Grid Layout:
    .grid-container {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n}\n
    "},{"location":"treinamentos/treinamento_HTML_CSS/#7-cores-e-fundos-em-css","title":"7. Cores e Fundos em CSS","text":"

    • Cor do Texto (color): A propriedade color define a cor do texto dentro de um elemento.

    • Exemplo:

    p {\n    color: #FF5733; /* Cor em formato hexadecimal */\n}\n

    • Cor de Fundo (background-color): A propriedade background-color define a cor de fundo de um elemento.

    • Exemplo:

    div {\n    background-color: #EFEFEF; /* Cor de fundo em formato hexadecimal */\n}\n

    • Imagem de Fundo (background-image): Voc\u00ea pode definir uma imagem como fundo de um elemento usando a propriedade background-image.

    • Exemplo:

    body {\n    background-image: url('fundo.jpg');\n    background-size: cover; /* Redimensiona a imagem para cobrir todo o fundo */\n}\n

    • Repeti\u00e7\u00e3o de Fundo (background-repeat): A propriedade background-repeat controla como uma imagem de fundo \u00e9 repetida.

    • Exemplo:

    div {\n    background-image: url('padrao.png');\n    background-repeat: repeat-x; /* Repete horizontalmente */\n}\n

    • Posicionamento de Fundo (background-position): A propriedade background-position permite definir a posi\u00e7\u00e3o inicial de uma imagem de fundo.

    • Exemplo:

    header {\n    background-image: url('cabecalho.jpg');\n    background-position: center top; /* Posiciona no centro superior */\n}\n

    • Gradientes de Fundo (background-gradient): Al\u00e9m de cores s\u00f3lidas e imagens, voc\u00ea pode criar fundos gradientes usando a propriedade background-image.

    • Exemplo:

    button {\n    background-image: linear-gradient(to right, #FF5733, #FFC300); /* Gradiente linear */\n}\n

    • Sombra Textual (text-shadow) e Sombra de Caixa (box-shadow): Voc\u00ea pode adicionar sombras tanto a texto quanto a caixas usando as propriedades text-shadow e box-shadow, respectivamente.

    • Exemplo:

    h1 {\n    text-shadow: 2px 2px 4px #333; /* Sombra de texto */\n}\n\n.caixa {\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Sombra de caixa */\n}\n
    "},{"location":"treinamentos/treinamento_HTML_CSS/#8-pseudo-classes-e-pseudo-elementos-em-css","title":"8. Pseudo-classes e Pseudo-elementos em CSS","text":""},{"location":"treinamentos/treinamento_HTML_CSS/#pseudo-classes","title":"Pseudo-classes","text":"

    As pseudo-classes s\u00e3o usadas para selecionar elementos com base em estados ou intera\u00e7\u00f5es do usu\u00e1rio.

    • :hover: Seleciona um elemento quando o cursor do mouse est\u00e1 sobre ele.

    • Exemplo:

    a:hover {\n    color: red; /* Altera a cor do texto quando o mouse passa sobre o link */\n}\n

    • :active: Seleciona um elemento quando ele est\u00e1 ativo, geralmente quando \u00e9 clicado.

    • :focus: Seleciona um elemento quando ele est\u00e1 com foco, como quando um campo de entrada de formul\u00e1rio \u00e9 selecionado.

    • Exemplo:

    input:focus {\n    border-color: blue; /* Define a cor da borda quando o campo de entrada est\u00e1 em foco */\n}\n

    • :nth-child(): Seleciona elementos com base em sua posi\u00e7\u00e3o em rela\u00e7\u00e3o aos irm\u00e3os. Isso permite estilizar elementos em listas ou tabelas de forma espec\u00edfica.

    • Exemplo:

    li:nth-child(even) {\n    background-color: #f2f2f2; /* Define a cor de fundo para linhas pares em uma lista */\n}\n
    "},{"location":"treinamentos/treinamento_HTML_CSS/#pseudo-elementos","title":"Pseudo-elementos","text":"

    Os pseudo-elementos permitem estilizar partes espec\u00edficas de um elemento, como o primeiro caractere de um par\u00e1grafo (::first-letter) ou o \u00faltimo elemento de uma lista (::last-child).

    • ::before e ::after: Permitem adicionar conte\u00fado gerado antes ou ap\u00f3s o conte\u00fado de um elemento.

    • Exemplo:

    p::before {\n    content: \"\u00bb \"; /* Adiciona um caractere antes de cada par\u00e1grafo */\n}\n

    • ::first-line e ::first-letter: Permitem estilizar a primeira linha ou o primeiro caractere de um elemento de texto.

    • Exemplo:

    p::first-line {\n    font-weight: bold; /* Deixa a primeira linha do par\u00e1grafo em negrito */\n}\n\np::first-letter {\n    font-size: 24px; /* Aumenta o tamanho da primeira letra do par\u00e1grafo */\n}\n

    • ::selection: Permite estilizar o texto selecionado pelo usu\u00e1rio.

    • Exemplo:

    ::selection {\n    background-color: yellow; /* Define a cor de fundo para texto selecionado */\n    color: black; /* Define a cor do texto selecionado */\n}\n
    "},{"location":"treinamentos/treinamento_HTML_CSS/#9-media-queries-em-css","title":"9. Media Queries em CSS","text":"

    As media queries s\u00e3o uma parte essencial do design responsivo em CSS. Elas permitem que voc\u00ea adapte o layout e o estilo de uma p\u00e1gina da web com base nas caracter\u00edsticas do dispositivo ou na largura da tela.

    • Sintaxe B\u00e1sica: Uma media query come\u00e7a com a palavra-chave @media, seguida de uma condi\u00e7\u00e3o que descreve as caracter\u00edsticas do dispositivo que voc\u00ea deseja direcionar. As media queries s\u00e3o definidas entre chaves {} e cont\u00eam as regras CSS que ser\u00e3o aplicadas quando a condi\u00e7\u00e3o for atendida.

    • Exemplo de uma media query que direciona dispositivos com largura de tela menor que 600 pixels:

    @media (max-width: 600px) {\n    /* Regras CSS a serem aplicadas a dispositivos com largura menor que 600px */\n    body {\n        font-size: 14px;\n    }\n    .menu {\n        display: none;\n    }\n}\n

    • Condi\u00e7\u00f5es Comuns: Existem v\u00e1rias condi\u00e7\u00f5es que voc\u00ea pode usar em media queries para direcionar diferentes caracter\u00edsticas do dispositivo, incluindo:

    • max-width e min-width: Define faixas de largura de tela.

    • max-height e min-height: Define faixas de altura de tela.
    • orientation: Direciona a orienta\u00e7\u00e3o da tela, como retrato ou paisagem.
    • device-pixel-ratio: Direciona dispositivos de alta resolu\u00e7\u00e3o (Retina, por exemplo).

    • hover: Direciona dispositivos que suportam intera\u00e7\u00f5es com o mouse.

    • M\u00faltiplas Condi\u00e7\u00f5es: Voc\u00ea pode combinar v\u00e1rias condi\u00e7\u00f5es usando operadores and (and) e or (or) para criar media queries mais complexas.

    • Exemplo de uma media query com v\u00e1rias condi\u00e7\u00f5es:

    @media (max-width: 600px) and (orientation: portrait) {\n    /* Regras CSS para dispositivos com largura menor que 600px em modo retrato */\n    /* ... */\n}\n

    • Design Responsivo: O uso eficaz de media queries \u00e9 fundamental para criar um design responsivo que se adapte a uma variedade de dispositivos e tamanhos de tela. Voc\u00ea pode reorganizar o layout, ajustar tamanhos de fonte, ocultar ou exibir elementos e muito mais, dependendo das necessidades do seu design.

    • Exemplos Pr\u00e1ticos: Algumas aplica\u00e7\u00f5es comuns de media queries incluem ajustar a navega\u00e7\u00e3o para telas pequenas, reorganizar colunas em layouts de grade e alterar o tamanho da fonte para melhor legibilidade em dispositivos m\u00f3veis.

    "},{"location":"treinamentos/treinamento_HTML_CSS/#10-animacoes-e-transicoes-em-css-opcional","title":"10. Anima\u00e7\u00f5es e Transi\u00e7\u00f5es em CSS (Opcional)","text":"

    As anima\u00e7\u00f5es e transi\u00e7\u00f5es em CSS permitem adicionar movimento e interatividade a elementos em uma p\u00e1gina da web.

    • Transi\u00e7\u00f5es (transition): As transi\u00e7\u00f5es permitem suavizar a mudan\u00e7a de um estado para outro. Voc\u00ea pode definir propriedades CSS que mudam gradualmente quando um evento, como um hover ou foco, ocorre. As transi\u00e7\u00f5es s\u00e3o configuradas com a propriedade transition.

    • Exemplo:

    .botao {\n    background-color: #3498db;\n    transition: background-color 0.3s ease; /* Altera a cor de fundo suavemente em 0,3 segundos */\n}\n\n.botao:hover {\n    background-color: #2980b9; /* Nova cor de fundo no hover */\n}\n

    • Anima\u00e7\u00f5es (@keyframes): As anima\u00e7\u00f5es permitem criar sequ\u00eancias de movimentos ou mudan\u00e7as de estilo em elementos. Voc\u00ea define as etapas da anima\u00e7\u00e3o usando a regra @keyframes e, em seguida, aplica essa anima\u00e7\u00e3o a um elemento usando a propriedade animation.

    • Exemplo:

    @keyframes balanco {\n    0% {\n        transform: rotate(0deg); /* Come\u00e7a sem rota\u00e7\u00e3o */\n    }\n    50% {\n        transform: rotate(10deg); /* Rota\u00e7\u00e3o intermedi\u00e1ria */\n    }\n    100% {\n        transform: rotate(-10deg); /* Rota\u00e7\u00e3o final */\n    }\n}\n\n.caixa {\n    animation: balanco 2s infinite; /* Aplica a anima\u00e7\u00e3o de balan\u00e7o de forma cont\u00ednua */\n}\n

    • Propriedades de Anima\u00e7\u00e3o (animation): A propriedade animation \u00e9 usada para aplicar anima\u00e7\u00f5es a elementos e controlar sua dura\u00e7\u00e3o, itera\u00e7\u00e3o e outros aspectos.

    • Easing Functions: Voc\u00ea pode usar fun\u00e7\u00f5es de \"easing\" para controlar como uma anima\u00e7\u00e3o acelera ou desacelera ao longo do tempo. Alguns exemplos incluem ease, ease-in, ease-out e ease-in-out.

    • Frameworks de Anima\u00e7\u00e3o: Para anima\u00e7\u00f5es mais complexas, voc\u00ea pode considerar o uso de frameworks de anima\u00e7\u00e3o em CSS, como o Animate.css ou bibliotecas JavaScript como o GreenSock (GSAP).

    "},{"location":"treinamentos/treinamento_SQL/","title":"Guia de Linux para Iniciantes","text":""},{"location":"treinamentos/treinamento_SQL/#instrutores","title":"Instrutores","text":""},{"location":"treinamentos/treinamento_SQL/#data-e-local","title":"Data e local","text":"
    • Dia do treinamento: quarta-feira(27/09) 14h-16h
    • Local: Ass\u00edncrono
    "},{"location":"treinamentos/treinamento_SQL/#link-da-aula-realizada","title":"Link da aula realizada","text":""},{"location":"treinamentos/treinamento_SQL/#exercicios-de-fixacao","title":"Exerc\u00edcios de fixa\u00e7\u00e3o","text":"

    Dispon\u00edvel na issue #49: Treinamento SQL

    "},{"location":"treinamentos/treinamento_SQL/#1-criar-a-tabela-com-os-alunos-de-eps-e-mds-disponivel-do-readme","title":"1 - Criar a tabela com os alunos de EPS e MDS (Dispon\u00edvel do Readme)","text":""},{"location":"treinamentos/treinamento_SQL/#2-inserir-os-dados-referentes-aos-alunos","title":"2 - Inserir os dados referentes aos alunos","text":""},{"location":"treinamentos/treinamento_SQL/#3-adicionar-a-coluna-notas-e-inserir-notas-para-todos-os-alunos","title":"3 - Adicionar a coluna notas e inserir notas para todos os alunos","text":""},{"location":"treinamentos/treinamento_SQL/#4-ordenar-a-coluna-do-maior-para-o-menor","title":"4 - Ordenar a coluna do maior para o menor","text":""},{"location":"treinamentos/treinamento_SQL/#5-remover-as-linhas-em-que-as-notas-sao-menores-que-5","title":"5 - Remover as linhas em que as notas s\u00e3o menores que 5","text":""},{"location":"treinamentos/treinamento_SQL/#topicos-de-estudo","title":"T\u00f3picos de Estudo","text":""},{"location":"treinamentos/treinamento_SQL/#guia-de-sql-basico","title":"Guia de SQL B\u00e1sico","text":"

    Este guia aborda conceitos b\u00e1sicos do SQL (Structured Query Language) para gerenciamento de bancos de dados relacionais. O SQL \u00e9 uma linguagem de consulta usada para criar, modificar e consultar dados em bancos de dados. Vamos explorar os principais conceitos:

    "},{"location":"treinamentos/treinamento_SQL/#instalar-sql-server","title":"Instalar SQL Server","text":"

    O SQL Server \u00e9 um sistema de gerenciamento de banco de dados relacional da Microsoft. Para come\u00e7ar a trabalhar com ele, voc\u00ea precisa instal\u00e1-lo em seu sistema. O processo de instala\u00e7\u00e3o pode variar dependendo do seu sistema operacional. Download SQL Server.

    "},{"location":"treinamentos/treinamento_SQL/#sqlite-online","title":"SQLite Online","text":"

    O SQLite \u00e9 um sistema de gerenciamento de banco de dados leve e aut\u00f4nomo. Voc\u00ea pode usar ferramentas online para criar, consultar e manipular bancos de dados SQLite sem a necessidade de instala\u00e7\u00e3o local. SQLite Online.

    "},{"location":"treinamentos/treinamento_SQL/#colunas","title":"Colunas","text":"

    As colunas s\u00e3o elementos de uma tabela de banco de dados que representam atributos espec\u00edficos dos dados. Cada coluna tem um nome e um tipo de dado associado que define o tipo de valor que ela pode armazenar.

    "},{"location":"treinamentos/treinamento_SQL/#comando-select","title":"Comando SELECT","text":"

    O comando SELECT \u00e9 usado para consultar dados de uma ou mais tabelas em um banco de dados. Ele permite selecionar colunas espec\u00edficas ou todas as colunas de uma tabela.

    "},{"location":"treinamentos/treinamento_SQL/#comando-from","title":"Comando FROM","text":"

    O comando FROM especifica a tabela da qual voc\u00ea deseja selecionar os dados. Ele define a fonte dos dados que voc\u00ea est\u00e1 consultando.

    "},{"location":"treinamentos/treinamento_SQL/#comando-where","title":"Comando WHERE","text":"

    O comando WHERE \u00e9 usado para filtrar os resultados da consulta. Ele permite que voc\u00ea especifique condi\u00e7\u00f5es que os registros retornados devem atender.

    "},{"location":"treinamentos/treinamento_SQL/#alias-as","title":"Alias (AS)","text":"

    O Alias \u00e9 usado para fornecer nomes alternativos para colunas ou tabelas em uma consulta. Isso pode tornar a sa\u00edda da consulta mais leg\u00edvel.

    "},{"location":"treinamentos/treinamento_SQL/#order-by","title":"ORDER BY","text":"

    O comando ORDER BY \u00e9 usado para classificar os resultados da consulta com base em uma ou mais colunas. Voc\u00ea pode classificar em ordem crescente (ASC) ou decrescente (DESC).

    "},{"location":"treinamentos/treinamento_SQL/#like","title":"LIKE","text":"

    O operador LIKE \u00e9 usado em conjunto com o comando WHERE para pesquisar padr\u00f5es de texto em colunas de caracteres. \u00c9 \u00fatil para fazer consultas que correspondam a partes de uma string.

    "},{"location":"treinamentos/treinamento_SQL/#not-in","title":"NOT IN","text":"

    O operador NOT IN \u00e9 usado para excluir resultados que correspondam a uma lista de valores especificada. Ele permite que voc\u00ea fa\u00e7a consultas negando uma lista de valores.

    "},{"location":"treinamentos/treinamento_SQL/#create-table","title":"CREATE TABLE","text":"

    O comando CREATE TABLE \u00e9 usado para criar uma nova tabela em um banco de dados. Voc\u00ea precisa definir o nome da tabela e as colunas que ela ter\u00e1.

    "},{"location":"treinamentos/treinamento_SQL/#insert-into","title":"INSERT INTO","text":"

    O comando INSERT INTO \u00e9 usado para adicionar novos registros a uma tabela existente. Voc\u00ea precisa especificar a tabela de destino e os valores a serem inseridos nas colunas.

    "},{"location":"treinamentos/treinamento_SQL/#delete","title":"DELETE","text":"

    O comando DELETE \u00e9 usado para remover registros de uma tabela. Voc\u00ea pode especificar condi\u00e7\u00f5es para filtrar os registros a serem exclu\u00eddos.

    "},{"location":"treinamentos/treinamento_SQL/#update","title":"UPDATE","text":"

    O comando UPDATE \u00e9 usado para modificar registros existentes em uma tabela. Voc\u00ea pode atualizar os valores das colunas com base em condi\u00e7\u00f5es especificadas.

    "},{"location":"treinamentos/treinamento_SQL/#alter-table","title":"ALTER TABLE","text":"

    O comando ALTER TABLE \u00e9 usado para modificar a estrutura de uma tabela existente. Voc\u00ea pode adicionar, modificar ou excluir colunas.

    "},{"location":"treinamentos/treinamento_SQL/#drop-table","title":"DROP TABLE","text":"

    O comando DROP TABLE \u00e9 usado para excluir uma tabela e todos os dados associados a ela. Esta a\u00e7\u00e3o \u00e9 irrevers\u00edvel, ent\u00e3o use com cuidado.

    "},{"location":"treinamentos/treinamento_SQL/#joins","title":"JOINS","text":"

    As jun\u00e7\u00f5es (JOINS) s\u00e3o usadas para combinar dados de duas ou mais tabelas em uma \u00fanica consulta. Existem v\u00e1rios tipos de jun\u00e7\u00f5es, como INNER JOIN, LEFT JOIN e RIGHT JOIN, que determinam como os dados s\u00e3o combinados.

    Este guia b\u00e1sico fornece uma vis\u00e3o geral dos conceitos essenciais do SQL. Podendo futuramente explorar t\u00f3picos mais avan\u00e7ados e complexos relacionados ao SQL e ao gerenciamento de bancos de dados relacionais.

    "},{"location":"treinamentos/treinamento_git/","title":"Guia de Git para Iniciantes","text":""},{"location":"treinamentos/treinamento_git/#introducao-ao-git-e-plataformas-de-hospedagem","title":"Introdu\u00e7\u00e3o ao Git e Plataformas de Hospedagem","text":""},{"location":"treinamentos/treinamento_git/#o-que-e-o-git","title":"O que \u00e9 o Git?","text":"
    • Git \u00e9 um sistema de controle de vers\u00e3o amplamente utilizado para rastrear altera\u00e7\u00f5es em projetos de software. Ele permite que voc\u00ea acompanhe o hist\u00f3rico de altera\u00e7\u00f5es, colabore com outros desenvolvedores e reverta para vers\u00f5es anteriores do seu c\u00f3digo.
    "},{"location":"treinamentos/treinamento_git/#git-e-plataformas-de-hospedagem","title":"Git e Plataformas de Hospedagem","text":"

    \u00c9 importante observar que o Git, por si s\u00f3, \u00e9 um sistema de controle de vers\u00e3o distribu\u00eddo e local. No entanto, voc\u00ea pode aproveitar ao m\u00e1ximo suas capacidades colaborativas usando plataformas de hospedagem como o GitHub e o GitLab. Essas plataformas oferecem recursos adicionais para gerenciamento de reposit\u00f3rios, rastreamento de problemas, colabora\u00e7\u00e3o em equipe e integra\u00e7\u00e3o cont\u00ednua.

    • GitHub: \u00c9 uma das plataformas de hospedagem mais populares para projetos Git. Ele oferece uma interface amig\u00e1vel e \u00e9 amplamente utilizado para projetos de c\u00f3digo aberto e privados. O GitHub tamb\u00e9m fornece ferramentas de gerenciamento de problemas (issues) e integra\u00e7\u00e3o cont\u00ednua.

    • GitLab: Semelhante ao GitHub, o GitLab \u00e9 uma plataforma que oferece hospedagem de reposit\u00f3rios Git. Uma diferen\u00e7a not\u00e1vel \u00e9 que o GitLab \u00e9 mais flex\u00edvel em termos de implanta\u00e7\u00e3o, permitindo que voc\u00ea hospede sua pr\u00f3pria inst\u00e2ncia em servidores internos ou na nuvem. Isso o torna uma op\u00e7\u00e3o atraente para empresas que precisam de controle sobre a infraestrutura.

    Independentemente da plataforma de hospedagem que voc\u00ea escolher, os comandos e conceitos do Git discutidos neste guia podem ser aplicados a qualquer reposit\u00f3rio Git. O uso de uma plataforma de hospedagem facilita a colabora\u00e7\u00e3o, o acompanhamento de problemas e a automa\u00e7\u00e3o de processos, tornando-o essencial para projetos de desenvolvimento de software em equipe.

    "},{"location":"treinamentos/treinamento_git/#configuracao-inicial","title":"Configura\u00e7\u00e3o Inicial","text":"
    • Antes de come\u00e7ar a usar o Git, configure seu nome de usu\u00e1rio e endere\u00e7o de email:
    git config --global user.name \"Seu Nome\"\ngit config --global user.email \"seu@email.com\"\n
    "},{"location":"treinamentos/treinamento_git/#criando-um-repositorio","title":"Criando um Reposit\u00f3rio","text":""},{"location":"treinamentos/treinamento_git/#inicializando-um-repositorio-local","title":"Inicializando um Reposit\u00f3rio Local","text":"
    1. Navegue at\u00e9 a pasta do seu projeto:
    cd /caminho/para/seu/projeto\n
    1. Inicialize um reposit\u00f3rio Git:
    git init\n
    "},{"location":"treinamentos/treinamento_git/#clonando-um-repositorio-remoto","title":"Clonando um Reposit\u00f3rio Remoto","text":"
    • Se voc\u00ea estiver trabalhando em um projeto existente:
    git clone URL_DO_REPOSIT\u00d3RIO\n
    "},{"location":"treinamentos/treinamento_git/#trabalhando-com-arquivos","title":"Trabalhando com Arquivos","text":""},{"location":"treinamentos/treinamento_git/#adicionando-arquivos-ao-stage","title":"Adicionando Arquivos ao Stage","text":"
    • Antes de fazer commit das altera\u00e7\u00f5es, voc\u00ea precisa adicionar os arquivos ao stage:
    git add nome-do-arquivo\n
    • Para adicionar todos os arquivos alterados ou novos:
    git add .\n
    "},{"location":"treinamentos/treinamento_git/#branches","title":"Branches","text":""},{"location":"treinamentos/treinamento_git/#listando-branches","title":"Listando Branches","text":"
    • Para listar todas as branches no seu reposit\u00f3rio e visualizar qual \u00e9 a atual:
    git branch\n
    "},{"location":"treinamentos/treinamento_git/#criando-uma-nova-branch","title":"Criando uma Nova Branch","text":"
    • Para criar uma nova branch a partir da branch atual e mudar para ela:
    git checkout -b nome-da-branch\n
    • Isso \u00e9 equivalente a executar os comandos em duas etapas separadas:
    git branch nome-da-branch\ngit checkout nome-da-branch\n
    "},{"location":"treinamentos/treinamento_git/#mudando-de-branch","title":"Mudando de Branch","text":"
    • Para mudar de uma branch para outra:
    git checkout nome-da-branch\n
    "},{"location":"treinamentos/treinamento_git/#fazendo-merge-entre-branches","title":"Fazendo Merge entre Branches","text":"
    • Para fazer merge de uma branch de volta \u00e0 branch principal:
    git checkout branch-destino\ngit merge nome-da-branch\n
    "},{"location":"treinamentos/treinamento_git/#resolvendo-conflitos-de-merge","title":"Resolvendo Conflitos de Merge","text":"
    • Em caso de conflitos durante o merge, edite os arquivos conflitantes e depois fa\u00e7a commit:
    git status  # Verifique os arquivos com conflitos\n# Edite os arquivos com conflitos\ngit add nome-do-arquivo\ngit commit -m \"Resolver conflitos\"\n
    "},{"location":"treinamentos/treinamento_git/#trabalhando-com-repositorios-remotos","title":"Trabalhando com Reposit\u00f3rios Remotos","text":""},{"location":"treinamentos/treinamento_git/#adicionando-um-repositorio-remoto","title":"Adicionando um Reposit\u00f3rio Remoto","text":"
    • Para adicionar um reposit\u00f3rio remoto:
    git remote add origin URL_DO_REPOSIT\u00d3RIO\n
    "},{"location":"treinamentos/treinamento_git/#enviando-alteracoes-para-o-repositorio-remoto","title":"Enviando Altera\u00e7\u00f5es para o Reposit\u00f3rio Remoto","text":"
    • Para enviar suas altera\u00e7\u00f5es para o reposit\u00f3rio remoto:
    git push origin nome-da-branch\n
    "},{"location":"treinamentos/treinamento_git/#atualizando-o-repositorio-local","title":"Atualizando o Reposit\u00f3rio Local","text":"
    • Para atualizar seu reposit\u00f3rio local com as altera\u00e7\u00f5es do reposit\u00f3rio remoto:
    git pull origin nome-da-branch\n
    "},{"location":"treinamentos/treinamento_git/#pull-requests","title":"Pull Requests","text":"
    • Pull Requests (PRs) s\u00e3o uma parte fundamental do fluxo de trabalho colaborativo no Git, especialmente ao trabalhar com plataformas de hospedagem de c\u00f3digo como o GitHub. Eles permitem que voc\u00ea proponha suas altera\u00e7\u00f5es para um reposit\u00f3rio e solicite que os mantenedores revisem e incorporem suas contribui\u00e7\u00f5es.
    "},{"location":"treinamentos/treinamento_git/#criando-um-pull-request","title":"Criando um Pull Request","text":"
    1. Primeiro, certifique-se de que voc\u00ea tenha uma branch onde fez suas altera\u00e7\u00f5es. Se voc\u00ea n\u00e3o tiver, crie uma nova branch para suas altera\u00e7\u00f5es usando o comando:
    git checkout -b nome-da-sua-branch\n

    1. Fa\u00e7a commit das suas altera\u00e7\u00f5es na sua branch.

    2. Navegue at\u00e9 a p\u00e1gina do reposit\u00f3rio no GitHub onde deseja criar o Pull Request.

    3. Clique no bot\u00e3o \"New Pull Request\" (GitHub)

    4. Selecione a branch de onde suas altera\u00e7\u00f5es est\u00e3o vindo (geralmente sua branch) e a branch de destino (geralmente a main).

    5. D\u00ea um t\u00edtulo e uma descri\u00e7\u00e3o descritiva para o seu Pull Request. Explique o que suas altera\u00e7\u00f5es fazem e por que s\u00e3o necess\u00e1rias (Utilizar template).

    6. Clique em \"Create Pull Request\" (GitHub)

    "},{"location":"treinamentos/treinamento_git/#revisando-e-comentando","title":"Revisando e Comentando","text":"
    • Os revisores (ou mantenedores do projeto) podem revisar suas altera\u00e7\u00f5es diretamente no Pull Request. Eles podem deixar coment\u00e1rios, sugerir altera\u00e7\u00f5es e discutir as altera\u00e7\u00f5es propostas com voc\u00ea.
    "},{"location":"treinamentos/treinamento_git/#atualizando-o-pull-request","title":"Atualizando o Pull Request","text":"

    • Se os revisores solicitarem altera\u00e7\u00f5es ou se voc\u00ea precisar atualizar suas altera\u00e7\u00f5es, siga estas etapas:

    • Fa\u00e7a as altera\u00e7\u00f5es necess\u00e1rias nos seus arquivos locais e fa\u00e7a um novo commit.

    • As altera\u00e7\u00f5es ser\u00e3o automaticamente adicionadas ao Pull Request existente.

    "},{"location":"treinamentos/treinamento_git/#mergeando-um-pull-request","title":"Mergeando um Pull Request","text":"

    • Uma vez que seus Pull Requests tenham sido revisados e aprovados, eles podem ser mergeados na branch de destino.

    • Clique no bot\u00e3o \"Merge\" (GitHub).

    • Suas altera\u00e7\u00f5es ser\u00e3o mergeadas na branch de destino.

    "},{"location":"treinamentos/treinamento_git/#fechando-um-pull-request","title":"Fechando um Pull Request","text":"

    • Ap\u00f3s um merge bem-sucedido do Pull Request, ele pode ser fechado.

    • Clique no bot\u00e3o \"Close\" (GitHub) no seu Pull Request para marc\u00e1-lo como conclu\u00eddo.

    • Os Pull Requests s\u00e3o uma maneira eficaz de colaborar em projetos Git e garantir que as altera\u00e7\u00f5es sejam revisadas e testadas antes de serem incorporadas ao c\u00f3digo principal.

    "},{"location":"treinamentos/treinamento_git/#git-stash","title":"Git Stash","text":"
    • O comando git stash \u00e9 uma ferramenta \u00fatil para salvar temporariamente as altera\u00e7\u00f5es n\u00e3o confirmadas em seu diret\u00f3rio de trabalho, permitindo que voc\u00ea limpe o seu ambiente de trabalho atual e volte a ele mais tarde. Isso \u00e9 especialmente \u00fatil quando voc\u00ea est\u00e1 no meio de uma tarefa, mas precisa mudar de branch ou lidar com outra emerg\u00eancia.
    "},{"location":"treinamentos/treinamento_git/#salvando-alteracoes-com-git-stash","title":"Salvando Altera\u00e7\u00f5es com Git Stash","text":"
    • Para salvar as altera\u00e7\u00f5es n\u00e3o confirmadas em um stash, use o seguinte comando:
    git stash save \"Mensagem do Stash\"\n
    • Isso criar\u00e1 um stash com um nome descritivo para que voc\u00ea possa identificar facilmente suas altera\u00e7\u00f5es mais tarde.
    "},{"location":"treinamentos/treinamento_git/#listando-stashes","title":"Listando Stashes","text":"
    • Voc\u00ea pode listar todos os stashes dispon\u00edveis no reposit\u00f3rio usando o comando:
    git stash list\n
    "},{"location":"treinamentos/treinamento_git/#aplicando-alteracoes-do-stash","title":"Aplicando Altera\u00e7\u00f5es do Stash","text":"
    • Para aplicar as altera\u00e7\u00f5es de um stash de volta ao seu diret\u00f3rio de trabalho, use o seguinte comando:
    git stash apply stash@{n}\n
    "},{"location":"treinamentos/treinamento_git/#removendo-stashes","title":"Removendo Stashes","text":"
    • Para remover um stash ap\u00f3s aplicar suas altera\u00e7\u00f5es, use o seguinte comando:
    git stash drop stash@{n}\n
    • Para remover todos os stashes de uma vez:
    git stash clear\n
    • O comando git stash \u00e9 uma ferramenta \u00fatil para gerenciar suas altera\u00e7\u00f5es tempor\u00e1rias e pode ser especialmente valioso quando voc\u00ea precisa alternar rapidamente entre tarefas ou lidar com problemas inesperados.
    "},{"location":"treinamentos/treinamento_git/#rebase","title":"Rebase","text":""},{"location":"treinamentos/treinamento_git/#realizando-um-rebase","title":"Realizando um Rebase","text":"

    • O rebase \u00e9 uma opera\u00e7\u00e3o que reescreve o hist\u00f3rico do seu projeto. Ele permite que voc\u00ea pegue todas as altera\u00e7\u00f5es de uma branch e aplique-as como se fossem feitas diretamente na branch em que voc\u00ea est\u00e1. Isso pode criar um hist\u00f3rico mais linear e limpo.

    • Para fazer um rebase de uma branch sobre a outra:

    git checkout nome-da-branch\ngit rebase branch-destino\n
    "},{"location":"treinamentos/treinamento_git/#resolvendo-conflitos-de-rebase","title":"Resolvendo Conflitos de Rebase","text":"
    • Assim como no merge, durante o rebase, podem ocorrer conflitos. Resolva-os da mesma maneira:
    git status  # Verifique os arquivos com conflitos\n# Edite os arquivos com conflitos\ngit add nome-do-arquivo\ngit rebase --continue\n
    "},{"location":"treinamentos/treinamento_git/#usando-o-rebase-com-cuidado","title":"Usando o Rebase com Cuidado","text":"
    • O rebase \u00e9 uma ferramenta poderosa, mas deve ser usado com cuidado, especialmente em branches compartilhadas. Reescrever o hist\u00f3rico pode causar problemas para outros colaboradores. Portanto, \u00e9 recomend\u00e1vel us\u00e1-lo principalmente em suas branches pessoais.
    "},{"location":"treinamentos/treinamento_git/#link-repositorio-treinamento","title":"Link reposit\u00f3rio treinamento","text":"

    https://github.com/HenriqueAmorim20/2023-2-GEROcuidado-treinamento-git.git

    "},{"location":"treinamentos/treinamento_git/#link-plano-de-contribuicao","title":"Link plano de contribui\u00e7\u00e3o","text":"

    https://github.com/fga-eps-mds/2023-2-GEROcuidado-Doc/blob/main/docs/planejamento/plano_de_contribuicao.md

    "},{"location":"treinamentos/treinamento_git/#link-gravacao","title":"Link grava\u00e7\u00e3o","text":"

    https://drive.google.com/file/d/10-qd7qyaap0q5aRotCIWm-ssIk4AG288/view?usp=sharing

    "},{"location":"treinamentos/treinamento_javascript/","title":"M\u00f3dulo 1: Introdu\u00e7\u00e3o ao JavaScript","text":""},{"location":"treinamentos/treinamento_javascript/#o-que-e-javascript","title":"O que \u00e9 JavaScript?","text":""},{"location":"treinamentos/treinamento_javascript/#historia-e-evolucao","title":"Hist\u00f3ria e evolu\u00e7\u00e3o","text":"

    JavaScript \u00e9 uma linguagem de programa\u00e7\u00e3o de alto n\u00edvel criada por Brendan Eich em 1995. Foi originalmente desenvolvida para ser executada no navegador Netscape Navigator e tinha o nome inicial de \"LiveScript\". Mais tarde, foi renomeada para JavaScript para aproveitar o sucesso da linguagem Java. JavaScript evoluiu significativamente ao longo dos anos, tornando-se uma das linguagens de programa\u00e7\u00e3o mais populares e vers\u00e1teis do mundo.

    "},{"location":"treinamentos/treinamento_javascript/#o-papel-do-javascript-no-desenvolvimento-web","title":"O papel do JavaScript no desenvolvimento web","text":"

    JavaScript desempenha um papel fundamental no desenvolvimento web moderno. Ele permite que voc\u00ea adicione interatividade e dinamismo \u00e0s p\u00e1ginas da web, tornando-as mais envolventes para os usu\u00e1rios. Por exemplo, voc\u00ea pode usar JavaScript para:

    • Validar formul\u00e1rios em tempo real.
    • Criar carross\u00e9is de imagens interativos.
    • Atualizar conte\u00fado de p\u00e1ginas sem recarregar a p\u00e1gina inteira (AJAX).
    • Manipular o Document Object Model (DOM) para alterar elementos HTML dinamicamente.
    • Criar jogos e aplicativos web complexos.
    "},{"location":"treinamentos/treinamento_javascript/#configuracao-do-ambiente","title":"Configura\u00e7\u00e3o do ambiente","text":""},{"location":"treinamentos/treinamento_javascript/#instalacao-do-nodejs","title":"Instala\u00e7\u00e3o do Node.js","text":"

    Para trabalhar com JavaScript no servidor (back-end), \u00e9 comum usar o Node.js. Para instal\u00e1-lo, siga os passos apropriados para o seu sistema operacional no site oficial do Node.js: Node.js Download.

    node -v\nnpm -v\n
    "},{"location":"treinamentos/treinamento_javascript/#modulo-2-conceitos-basicos","title":"M\u00f3dulo 2: Conceitos B\u00e1sicos","text":""},{"location":"treinamentos/treinamento_javascript/#variaveis-e-tipos-de-dados","title":"Vari\u00e1veis e Tipos de Dados","text":""},{"location":"treinamentos/treinamento_javascript/#variaveis-e-constantes","title":"Vari\u00e1veis e constantes","text":"

    Em JavaScript, voc\u00ea pode declarar vari\u00e1veis usando as palavras-chave var, let e const. A diferen\u00e7a entre var, let e const est\u00e1 no escopo e na mutabilidade das vari\u00e1veis.

    var nome = \"Jo\u00e3o\"; // Declara\u00e7\u00e3o de vari\u00e1vel usando var\nlet idade = 30;    // Declara\u00e7\u00e3o de vari\u00e1vel usando let\nconst PI = 3.1415;  // Declara\u00e7\u00e3o de constante usando const\n
    "},{"location":"treinamentos/treinamento_javascript/#tipos-de-dados-primitivos","title":"Tipos de dados primitivos","text":"
     let numero = 42; // N\u00fameros\n let nome = \"Alice\";  // String\n let estaAtivo = true;  // Booleanos\n let valor; // Undefined (quando uma vari\u00e1vel \u00e9 declarada, mas nenhum valor \u00e9 atribu\u00eddo a ela)\n let nulo = null;  // Nulo  (representa a aus\u00eancia intencional de qualquer valor ou objeto)\n
    "},{"location":"treinamentos/treinamento_javascript/#operadores","title":"Operadores","text":""},{"location":"treinamentos/treinamento_javascript/#operadores-aritmeticos","title":"Operadores aritm\u00e9ticos","text":"
    let a = 10;\nlet b = 5;\n\n// *** ATEN\u00c7\u00c3O PARA O TIPO DE DADO\nlet soma = a + b;     // Soma: 15\nlet subtracao = a - b; // Subtra\u00e7\u00e3o: 5\nlet multiplicacao = a * b; // Multiplica\u00e7\u00e3o: 50\nlet divisao = a / b; // Divis\u00e3o: 2\n
    "},{"location":"treinamentos/treinamento_javascript/#operadores-de-comparacao","title":"Operadores de compara\u00e7\u00e3o","text":"
    let x = 10;\nlet y = 5;\n\nlet igual = x === y;   // Igual: false\nlet diferente = x !== y; // Diferente: true\nlet maior = x > y;      // Maior que: true\nlet menor = x < y;      // Menor que: false\n
    "},{"location":"treinamentos/treinamento_javascript/#operadores-logicos","title":"Operadores l\u00f3gicos","text":"
    let estaChovendo = true;\nlet estaFrio = false;\n\nlet ficarEmCasa = estaChovendo && estaFrio; // Ambos verdadeiros: true\nlet sairParaPassear = estaChovendo || estaFrio; // Pelo menos um verdadeiro: true\nlet naoSair = !sairParaPassear; // Invertendo o valor: false\n
    "},{"location":"treinamentos/treinamento_javascript/#controle-de-fluxo","title":"Controle de Fluxo","text":""},{"location":"treinamentos/treinamento_javascript/#estruturas-condicionais-if-else-switch-operador-ternario","title":"Estruturas condicionais (if, else, switch, operador tern\u00e1rio)","text":"
    • Estruturas condicionais permitem que voc\u00ea execute c\u00f3digo com base em condi\u00e7\u00f5es. O if \u00e9 usado para executar um bloco de c\u00f3digo se a condi\u00e7\u00e3o for verdadeira, enquanto o else \u00e9 usado para executar um bloco de c\u00f3digo alternativo se a condi\u00e7\u00e3o for falsa.

    ```js let idade = 18;

    if (idade >= 18) { console.log(\"Voc\u00ea \u00e9 maior de idade.\"); } else { console.log(\"Voc\u00ea \u00e9 menor de idade.\"); } ```

    • O switch \u00e9 usado quando voc\u00ea precisa lidar com m\u00faltiplas condi\u00e7\u00f5es.
    let diaDaSemana = 3;\nlet nomeDoDia;\n\nswitch (diaDaSemana) {\n  case 1:\n    nomeDoDia = \"Segunda-feira\";\n    break;\n  case 2:\n    nomeDoDia = \"Ter\u00e7a-feira\";\n    break;\n  case 3:\n    nomeDoDia = \"Quarta-feira\";\n    break;\n  case 4:\n    nomeDoDia = \"Quinta-feira\";\n    break;\n  case 5:\n    nomeDoDia = \"Sexta-feira\";\n    break;\n  case 6:\n    nomeDoDia = \"S\u00e1bado\";\n    break;\n  case 7:\n    nomeDoDia = \"Domingo\";\n    break;\n  default:\n    nomeDoDia = \"Dia inv\u00e1lido\";\n}\n\nconsole.log(\"Hoje \u00e9 \" + nomeDoDia);\n
    • O operador tern\u00e1rio ? \u00e9 uma forma concisa de escrever uma instru\u00e7\u00e3o if...else em uma \u00fanica linha.
    let idade = 20;\nlet status = (idade >= 18) ? \"Maior de idade\" : \"Menor de idade\";\nconsole.log(status);\n
    "},{"location":"treinamentos/treinamento_javascript/#estruturas-de-repeticao-for-while-do-while","title":"Estruturas de repeti\u00e7\u00e3o (for, while, do-while)","text":"

    Estruturas de repeti\u00e7\u00e3o permitem que voc\u00ea execute c\u00f3digo repetidamente.

    • O for \u00e9 \u00fatil quando voc\u00ea sabe quantas vezes deseja repetir.
    for (let i = 0; i < 5; i++) {\n  console.log(\"N\u00famero: \" + i);\n}\n
    • O while executa o loop enquanto a condi\u00e7\u00e3o for verdadeira.
    let contador = 0;\n\nwhile (contador < 5) {\n  console.log(\"Contador: \" + contador);\n  contador++;\n}\n
    • O do While executa o loop primeiro e depois verifica a condi\u00e7\u00e3o.
    let contador = 0;\n\ndo {\n  console.log('Contador: ' + contador)\n  contador++;\n} while(contador <= 10)\n
    "},{"location":"treinamentos/treinamento_javascript/#modulo-3-funcoes-e-escopo","title":"M\u00f3dulo 3: Fun\u00e7\u00f5es e Escopo","text":""},{"location":"treinamentos/treinamento_javascript/#funcoes","title":"Fun\u00e7\u00f5es","text":""},{"location":"treinamentos/treinamento_javascript/#definindo-funcoes","title":"Definindo Fun\u00e7\u00f5es","text":"

    Fun\u00e7\u00f5es s\u00e3o blocos de c\u00f3digo reutiliz\u00e1veis que podem ser chamados em v\u00e1rios lugares do programa. Em JavaScript, voc\u00ea pode definir fun\u00e7\u00f5es de v\u00e1rias maneiras, incluindo declara\u00e7\u00f5es de fun\u00e7\u00e3o e express\u00f5es de fun\u00e7\u00e3o.

    // Fun\u00e7\u00e3o tradicional\n// ** Par\u00e2metros s\u00e3o vari\u00e1veis listadas entre os par\u00eanteses na defini\u00e7\u00e3o de uma fun\u00e7\u00e3o. Eles servem como vari\u00e1veis locais na fun\u00e7\u00e3o.\nfunction saudacao(nome) {\n  console.log(`Ol\u00e1, ${nome}!`);\n}\n\n// Express\u00e3o de fun\u00e7\u00e3o (function expression)\nconst saudacao = function(nome) {\n  console.log(`Ol\u00e1, ${nome}!`);\n};\n\nsaudacao(\"Maria\"); // Chamando a fun\u00e7\u00e3o e passando o argumento \"Maria\"\n
    "},{"location":"treinamentos/treinamento_javascript/#retornando-valores","title":"Retornando Valores","text":"

    Fun\u00e7\u00f5es podem retornar valores usando a palavra-chave return. Isso permite que voc\u00ea obtenha um resultado calculado ou processado pela fun\u00e7\u00e3o.

    function soma(a, b) {\n  return a + b;\n}\n\nlet resultado = soma(5, 3); // Chamando a fun\u00e7\u00e3o e armazenando o resultado\nconsole.log(resultado); // Exibe 8\n
    "},{"location":"treinamentos/treinamento_javascript/#arrow-functions","title":"Arrow Functions","text":"
    • Arrow functions s\u00e3o uma sintaxe mais curta e concisa para definir fun\u00e7\u00f5es em JavaScript.
    • Elas t\u00eam um escopo l\u00e9xico, o que significa que herdam o valor this do contexto em que foram criadas.
    const soma = (a, b) => a + b;\n
    "},{"location":"treinamentos/treinamento_javascript/#escopo","title":"Escopo","text":""},{"location":"treinamentos/treinamento_javascript/#escopo-global-e-local","title":"Escopo Global e Local","text":"

    Em JavaScript, existem dois principais n\u00edveis de escopo: escopo global e escopo local. Vari\u00e1veis declaradas fora de uma fun\u00e7\u00e3o t\u00eam escopo global, enquanto vari\u00e1veis declaradas dentro de uma fun\u00e7\u00e3o t\u00eam escopo local.

    let globalVar = \"Isso \u00e9 uma vari\u00e1vel global\";\n\nfunction exemploEscopo() {\n  let localVar = \"Isso \u00e9 uma vari\u00e1vel local\";\n  console.log(globalVar); // Vari\u00e1vel global acess\u00edvel dentro da fun\u00e7\u00e3o\n  console.log(localVar);  // Vari\u00e1vel local acess\u00edvel dentro da fun\u00e7\u00e3o\n}\n\nexemploEscopo();\nconsole.log(globalVar); // Vari\u00e1vel global acess\u00edvel fora da fun\u00e7\u00e3o\n// console.log(localVar);  // Isso resultar\u00e1 em um erro, a vari\u00e1vel local n\u00e3o \u00e9 acess\u00edvel fora da fun\u00e7\u00e3o\n
    "},{"location":"treinamentos/treinamento_javascript/#escopo-de-bloco-let-e-const","title":"Escopo de Bloco (let e const)","text":"

    Vari\u00e1veis declaradas com let e const tamb\u00e9m t\u00eam escopo de bloco. Isso significa que elas est\u00e3o limitadas ao bloco de c\u00f3digo em que s\u00e3o declaradas.

    if (true) {\n  let nome = \"Jo\u00e3o\";\n  console.log(nome); // Vari\u00e1vel \"nome\" \u00e9 acess\u00edvel apenas neste bloco\n}\n// console.log(nome);  // Isso resultar\u00e1 em um erro, a vari\u00e1vel \"nome\" n\u00e3o \u00e9 acess\u00edvel aqui\n
    "},{"location":"treinamentos/treinamento_javascript/#closure","title":"Closure","text":"

    Um closure \u00e9 uma fun\u00e7\u00e3o que \"lembra\" do ambiente em que foi criada, incluindo as vari\u00e1veis fora de seu pr\u00f3prio escopo.

    function contador() {\n  let count = 0;\n\n  function increment() {\n    count++;\n    console.log(count);\n  }\n\n  return increment;\n}\n\nlet contador1 = contador();\ncontador1(); // Exibe 1\ncontador1(); // Exibe 2\n

    Neste exemplo, contador retorna a fun\u00e7\u00e3o increment, que ainda tem acesso \u00e0 vari\u00e1vel count mesmo ap\u00f3s contador ter sido executada.

    "},{"location":"treinamentos/treinamento_javascript/#modulo-4-arrays-e-objetos","title":"M\u00f3dulo 4: Arrays e Objetos","text":""},{"location":"treinamentos/treinamento_javascript/#arrays","title":"Arrays","text":""},{"location":"treinamentos/treinamento_javascript/#introducao-a-arrays","title":"Introdu\u00e7\u00e3o a Arrays","text":"

    Arrays s\u00e3o estruturas de dados em JavaScript que permitem armazenar e organizar cole\u00e7\u00f5es de valores. Eles s\u00e3o especialmente \u00fateis para lidar com listas de itens relacionados.

    let frutas = [\"Ma\u00e7\u00e3\", \"Banana\", \"Morango\"];\n
    "},{"location":"treinamentos/treinamento_javascript/#acessando-e-modificando-elementos-de-um-array","title":"Acessando e Modificando Elementos de um Array","text":"

    Voc\u00ea pode acessar e modificar elementos em um array usando \u00edndices.

    let primeiraFruta = frutas[0]; // Acessa o primeiro elemento (\u00edndice 0)\nconsole.log(primeiraFruta); // Exibe \"Ma\u00e7\u00e3\"\n\nfrutas[1] = \"Pera\"; // Modifica o segundo elemento (\u00edndice 1)\nconsole.log(frutas); // Exibe [\"Ma\u00e7\u00e3\", \"Pera\", \"Morango\"]\n
    "},{"location":"treinamentos/treinamento_javascript/#metodos-de-arrays","title":"M\u00e9todos de Arrays","text":"

    Arrays possuem m\u00e9todos que permitem realizar opera\u00e7\u00f5es comuns, como adicionar, remover, filtrar e transformar elementos.

    frutas.push(\"Uva\", \"Abacaxi\"); // Adiciona elementos ao final do array\nconsole.log(frutas); // Exibe [\"Ma\u00e7\u00e3\", \"Pera\", \"Morango\", \"Uva\", \"Abacaxi\"]\n\nfrutas.unshift(\"Manga\"); // Adiciona elementos ao in\u00edcio do array\nconsole.log(frutas); // Exibe [\"Manga\", \"Ma\u00e7\u00e3\", \"Pera\", \"Morango\", \"Uva\", \"Abacaxi\"]\n\nfrutas.pop(); // Remove o elemento do final do array\nconsole.log(frutas); // Exibe [\"Manga\", \"Ma\u00e7\u00e3\", \"Pera\", \"Morango\", \"Uva\"]\n\nfrutas.shift(); // Remove o elemento do in\u00edcio do array\nconsole.log(frutas); // Exibe [\"Ma\u00e7\u00e3\", \"Pera\", \"Morango\", \"Uva\"]\n
    "},{"location":"treinamentos/treinamento_javascript/#iteracao-com-loops-em-arrays","title":"Itera\u00e7\u00e3o com Loops em Arrays","text":"

    Loops como for e for...of s\u00e3o usados para iterar pelos elementos de um array.

    for (let fruta of frutas) {\n  console.log(fruta); // \"Ma\u00e7\u00e3\" -> \"Pera\" -> \"Morango\" -> \"Uva\"\n}\n
    "},{"location":"treinamentos/treinamento_javascript/#objetos","title":"Objetos","text":""},{"location":"treinamentos/treinamento_javascript/#introducao-a-objetos","title":"Introdu\u00e7\u00e3o a Objetos","text":"

    Objetos s\u00e3o estruturas de dados que permitem armazenar informa\u00e7\u00f5es organizadas em pares de chave e valor. Eles s\u00e3o ideais para representar entidades complexas com propriedades espec\u00edficas.

    let pessoa = {\n  nome: \"Maria\",\n  idade: 30,\n  cidade: \"S\u00e3o Paulo\"\n};\n
    "},{"location":"treinamentos/treinamento_javascript/#acessando-e-modificando-propriedades-de-um-objeto","title":"Acessando e Modificando Propriedades de um Objeto","text":"

    Voc\u00ea pode acessar e modificar as propriedades de um objeto usando a nota\u00e7\u00e3o de ponto ou a nota\u00e7\u00e3o de colchetes.

    let nomeDaPessoa = pessoa.nome; // Acessa a propriedade \"nome\"\nconsole.log(nomeDaPessoa); // Exibe \"Maria\"\n\npessoa.idade = 31; // Modifica a propriedade \"idade\"\nconsole.log(pessoa); // Exibe { nome: \"Maria\", idade: 31, cidade: \"S\u00e3o Paulo\" }\n
    "},{"location":"treinamentos/treinamento_javascript/#metodos-e-funcoes-em-objetos","title":"M\u00e9todos e Fun\u00e7\u00f5es em Objetos","text":"

    Objetos podem conter m\u00e9todos, que s\u00e3o fun\u00e7\u00f5es definidas dentro do objeto.

    let carro = {\n  marca: \"Toyota\",\n  modelo: \"Camry\",\n  ligar: function() {\n    console.log(\"O carro est\u00e1 ligado.\");\n  }\n};\n\ncarro.ligar(); // Chama o m\u00e9todo \"ligar\" do objeto\n
    "},{"location":"treinamentos/treinamento_javascript/#iteracao-com-loops-em-objetos","title":"Itera\u00e7\u00e3o com Loops em Objetos","text":"

    Voc\u00ea pode iterar pelas propriedades de um objeto usando loops como for...in.

    for (let chave in pessoa) {\n  console.log(chave + \": \" + pessoa[chave]); // \"nome: Maria\" -> \"idade: 30\" -> \"Cidade: S\u00e3o Paulo\"\n}\n
    "},{"location":"treinamentos/treinamento_javascript/#desestruturacao","title":"Desestrutura\u00e7\u00e3o","text":"
    • A desestrutura\u00e7\u00e3o permite que voc\u00ea extraia valores de objetos e arrays de forma mais conveniente.
    • \u00c9 \u00fatil para atribuir vari\u00e1veis a partir de propriedades de objetos ou elementos de arrays.
    const pessoa = { nome: \"Maria\", idade: 30 };\nconst { nome, idade } = pessoa;\n\nconst array = [\"Ma\u00e7\u00e3\", \"Pera\"];\nconst [fruta1, fruta2] = array;\n
    "},{"location":"treinamentos/treinamento_javascript/#spread-e-rest-operator","title":"Spread e Rest Operator","text":"
    • O operador spread (...) permite espalhar elementos de um array ou propriedades de um objeto em outro.
    • O operador rest (...) \u00e9 usado para coletar argumentos em uma fun\u00e7\u00e3o em um \u00fanico array.
    // spread\nconst frutas = [\"Ma\u00e7\u00e3\", \"Banana\"];\nconst maisFrutas = [...frutas, \"Morango\"];\nconsole.log(maisFrutas) // [\"Ma\u00e7\u00e3\", \"Banana\", \"Morango\"]\n\n// rest\nconst pessoa = { nome: \"Maria\", idade: 30 }\nconst professora = { ...pessoa, materia: \"Biologia\" }\nconsole.log(professora) // { nome: \"Maria\", idade: 30, materia: \"Biologia\" }\n
    "},{"location":"treinamentos/treinamento_javascript/#modulo-5-manipulacao-do-dom-e-eventos","title":"M\u00f3dulo 5: Manipula\u00e7\u00e3o do DOM e Eventos","text":""},{"location":"treinamentos/treinamento_javascript/#introducao-ao-dom-document-object-model","title":"Introdu\u00e7\u00e3o ao DOM (Document Object Model)","text":""},{"location":"treinamentos/treinamento_javascript/#o-que-e-o-dom","title":"O que \u00e9 o DOM?","text":"

    O DOM (Document Object Model) \u00e9 uma representa\u00e7\u00e3o hier\u00e1rquica em \u00e1rvore de um documento HTML ou XML. Ele permite que os programadores acessem e manipulem os elementos e conte\u00fados de uma p\u00e1gina web por meio de scripts.

    let elemento = document.getElementById(\"meu-elemento\");\n
    "},{"location":"treinamentos/treinamento_javascript/#manipulacao-do-dom","title":"Manipula\u00e7\u00e3o do DOM","text":""},{"location":"treinamentos/treinamento_javascript/#selecionando-elementos","title":"Selecionando Elementos","text":"

    Voc\u00ea pode selecionar elementos do DOM usando m\u00e9todos como getElementById, querySelector, getElementsByClassName e getElementsByTagName.

    let meuElemento = document.getElementById(\"meu-elemento\");\nlet botoes = document.getElementsByClassName(\"botao\");\nlet paragrafos = document.querySelectorAll(\"p\");\n
    "},{"location":"treinamentos/treinamento_javascript/#manipulando-conteudo","title":"Manipulando Conte\u00fado","text":"

    Voc\u00ea pode alterar o conte\u00fado de elementos HTML, como textos e atributos, usando propriedades do DOM.

    let meuElemento = document.getElementById(\"meu-elemento\");\nmeuElemento.textContent = \"Novo texto\";\nmeuElemento.setAttribute(\"href\", \"https://www.example.com\");\n
    "},{"location":"treinamentos/treinamento_javascript/#criando-e-inserindo-elementos","title":"Criando e Inserindo Elementos","text":"

    Voc\u00ea pode criar novos elementos HTML e inseri-los no DOM.

    let novaDiv = document.createElement(\"div\");\ndocument.body.appendChild(novaDiv); // Insere a nova div como filho do body\n
    "},{"location":"treinamentos/treinamento_javascript/#eventos","title":"Eventos","text":""},{"location":"treinamentos/treinamento_javascript/#introducao-a-eventos","title":"Introdu\u00e7\u00e3o a Eventos","text":"

    Eventos s\u00e3o a\u00e7\u00f5es do usu\u00e1rio ou do navegador que podem ser detectadas e respondidas por meio de scripts. Exemplos de eventos incluem cliques de mouse, pressionamento de teclas e redimensionamento da janela.

    meuElemento.addEventListener(\"click\", function() {\n  alert(\"Cliquei no elemento!\");\n});\n
    "},{"location":"treinamentos/treinamento_javascript/#manipulando-eventos","title":"Manipulando Eventos","text":"

    Voc\u00ea pode criar fun\u00e7\u00f5es de manipula\u00e7\u00e3o de eventos para executar a\u00e7\u00f5es quando um evento espec\u00edfico ocorre.

    function clicarElemento() {\n  alert(\"Cliquei no elemento!\");\n}\n\nmeuElemento.addEventListener(\"click\", clicarElemento);\n
    "},{"location":"treinamentos/treinamento_javascript/#event-bubbling-e-delegation","title":"Event Bubbling e Delegation","text":""},{"location":"treinamentos/treinamento_javascript/#event-bubbling","title":"Event Bubbling","text":"

    O event bubbling \u00e9 um comportamento em que eventos ocorrem primeiro nos elementos mais internos e depois se propagam para os elementos pai. Isso afeta a ordem em que os eventos s\u00e3o tratados.

    <div id=\"pai\">\n  <button id=\"botao\">Clique aqui</button>\n</div>\n
    document.getElementById(\"pai\").addEventListener(\"click\", function() {\n    alert(\"Cliquei no pai.\");\n});\n\ndocument.getElementById(\"botao\").addEventListener(\"click\", function() {\n    alert(\"Cliquei no bot\u00e3o.\");\n});\n
    "},{"location":"treinamentos/treinamento_javascript/#event-delegation","title":"Event Delegation","text":"

    O event delegation \u00e9 uma t\u00e9cnica em que voc\u00ea adiciona um \u00fanico manipulador de evento a um elemento pai em vez de adicionar manipuladores a v\u00e1rios elementos filhos. Isso \u00e9 \u00fatil para otimizar o desempenho e tratar eventos em elementos din\u00e2micos.

    <ul id=\"minha-lista\">\n  <li>Item 1</li>\n  <li>Item 2</li>\n  <li>Item 3</li>\n</ul>\n
    document.getElementById(\"minha-lista\").addEventListener(\"click\", function(event) {\n  if (event.target.tagName === \"LI\") {\n    alert(\"Cliquei no item: \" + event.target.textContent);\n  }\n});\n
    "},{"location":"treinamentos/treinamento_javascript/#modulo-6-aplicacoes-e-topicos-avancados-em-javascript","title":"M\u00f3dulo 6: Aplica\u00e7\u00f5es e T\u00f3picos Avan\u00e7ados em JavaScript","text":""},{"location":"treinamentos/treinamento_javascript/#manipulacao-de-formularios","title":"Manipula\u00e7\u00e3o de Formul\u00e1rios","text":""},{"location":"treinamentos/treinamento_javascript/#interacao-com-formularios","title":"Intera\u00e7\u00e3o com Formul\u00e1rios","text":"

    JavaScript pode ser usado para interagir com formul\u00e1rios HTML, obtendo dados de entrada do usu\u00e1rio e validando esses dados.

    let inputNome = document.getElementById(\"nome\");\nlet valorNome = inputNome.value;\n\n// Validando\nif (!valorEmail.includes(\"@\")) {\n  alert(\"O endere\u00e7o de email \u00e9 inv\u00e1lido.\");\n}\n
    "},{"location":"treinamentos/treinamento_javascript/#programacao-assincrona","title":"Programa\u00e7\u00e3o Ass\u00edncrona","text":""},{"location":"treinamentos/treinamento_javascript/#callbacks","title":"Callbacks","text":"

    Callbacks s\u00e3o fun\u00e7\u00f5es que s\u00e3o passadas como argumentos para outras fun\u00e7\u00f5es e s\u00e3o executadas ap\u00f3s a conclus\u00e3o de uma opera\u00e7\u00e3o ass\u00edncrona.

    function fazerAlgoAssincrono(callback) {\n  setTimeout(() => {\n    console.log(\"Opera\u00e7\u00e3o ass\u00edncrona conclu\u00edda.\");\n    callback();\n  }, 2000);\n}\n\nfazerAlgoAssincrono(() => {\n  console.log(\"Callback executado ap\u00f3s a opera\u00e7\u00e3o ass\u00edncrona.\");\n});\n
    "},{"location":"treinamentos/treinamento_javascript/#promises","title":"Promises","text":"

    Promises s\u00e3o uma forma mais estruturada de lidar com opera\u00e7\u00f5es ass\u00edncronas em JavaScript, tornando o c\u00f3digo mais leg\u00edvel e gerenci\u00e1vel.

    function fazerAlgoAssincrono() {\n  return new Promise((resolve, reject) => {\n    setTimeout(() => {\n      console.log(\"Opera\u00e7\u00e3o ass\u00edncrona conclu\u00edda.\");\n      resolve();\n    }, 2000);\n  });\n}\n\nfazerAlgoAssincrono()\n  .then(() => {\n    console.log(\"Promise resolvida com sucesso.\");\n  })\n  .catch((error) => {\n    console.error(\"Erro na Promise: \" + error);\n  });\n
    "},{"location":"treinamentos/treinamento_javascript/#asyncawait","title":"Async/Await","text":"
    • As palavras-chave async e await s\u00e3o usadas para tornar o c\u00f3digo mais leg\u00edvel ao trabalhar com opera\u00e7\u00f5es ass\u00edncronas em JavaScript.
    • Elas s\u00e3o frequentemente usadas em conjunto com Promises para simplificar o c\u00f3digo ass\u00edncrono.
    • Fun\u00e7\u00f5es Ass\u00edncronas (Async Functions)
    • A palavra-chave async \u00e9 usada para declarar uma fun\u00e7\u00e3o como ass\u00edncrona.
    • Fun\u00e7\u00f5es ass\u00edncronas sempre retornam uma Promise.
    async function minhaFuncao() {\n  const resultado = await algumaOperacaoAssincrona();\n  console.log(resultado);\n}\n
    • Tratamento de Erros:
    • Voc\u00ea pode usar try...catch para capturar erros ao trabalhar com await.
    • Isso torna a manipula\u00e7\u00e3o de erros em c\u00f3digo ass\u00edncrono mais semelhante \u00e0 manipula\u00e7\u00e3o de erros em c\u00f3digo s\u00edncrono.
    async function minhaFuncao() {\n  try {\n    const resultado = await algumaOperacaoAssincrona();\n    console.log(resultado);\n  } catch (erro) {\n    console.error(\"Ocorreu um erro: \" + erro);\n  }\n}\n
    "},{"location":"treinamentos/treinamento_javascript/#classes","title":"Classes","text":"
    • As classes s\u00e3o uma forma de definir objetos e construtores em JavaScript de maneira mais orientada a objetos.
    • Elas simplificam a cria\u00e7\u00e3o de objetos com propriedades e m\u00e9todos.
    class Pessoa {\n  constructor(nome, idade) {\n    this.nome = nome;\n    this.idade = idade;\n  }\n\n  saudacao() {\n    console.log(`Ol\u00e1, meu nome \u00e9 ${this.nome} e tenho ${this.idade} anos.`);\n  }\n}\n\nconst maria = new Pessoa(\"Maria\", 30);\nmaria.saudacao();\n
    "},{"location":"treinamentos/treinamento_javascript/#modulos","title":"M\u00f3dulos","text":"
    • Os m\u00f3dulos permitem organizar e reutilizar c\u00f3digo em diferentes arquivos.
    • O ES6 introduziu o sistema de m\u00f3dulos em JavaScript, com as palavras-chave import e export.
    // arquivo modulo.js\nexport const soma = (a, b) => a + b;\n\n// arquivo principal.js\nimport { soma } from \"./modulo.js\";\nconsole.log(soma(5, 3)); // Exibe 8\n
    "},{"location":"treinamentos/treinamento_javascript/#modulo-7-manipulacao-de-dados-em-json","title":"M\u00f3dulo 7: Manipula\u00e7\u00e3o de Dados em JSON","text":""},{"location":"treinamentos/treinamento_javascript/#sintaxe-json","title":"Sintaxe JSON","text":"
    • JSON \u00e9 composto por pares de chave/valor, semelhante \u00e0 nota\u00e7\u00e3o de objetos em JavaScript.
    • Os valores podem ser strings, n\u00fameros, booleanos, objetos, arrays ou null.
    • Chaves devem estar entre aspas duplas (\") e seguidas de :.
    {\n  \"nome\": \"Maria\",\n  \"idade\": 30,\n  \"casado\": false,\n  \"hobbies\": [\"Leitura\", \"Esportes\"]\n}\n
    "},{"location":"treinamentos/treinamento_javascript/#conversao-entre-json-e-javascript","title":"Convers\u00e3o entre JSON e JavaScript","text":"

    \u00c9 poss\u00edvel converter entre objetos JavaScript e strings JSON usando as fun\u00e7\u00f5es JSON.stringify() e JSON.parse().

    // JSON/Objeto -> string\nconst pessoa = {\n  nome: \"Maria\",\n  idade: 30\n};\nconst jsonPessoa = JSON.stringify(pessoa);\nconsole.log(jsonPessoa);\n\n// string -> JSON/Objeto\nconst jsonString = '{\"nome\": \"Maria\", \"idade\": 30}';\nconst objetoPessoa = JSON.parse(jsonString);\nconsole.log(objetoPessoa);\n
    "},{"location":"treinamentos/treinamento_javascript/#uso-de-json-em-requisicoes-e-respostas-http","title":"Uso de JSON em Requisi\u00e7\u00f5es e Respostas HTTP","text":"

    JSON \u00e9 frequentemente usado em APIs para transmitir dados entre clientes e servidores. As solicita\u00e7\u00f5es HTTP podem enviar dados JSON no corpo da requisi\u00e7\u00e3o, e as respostas geralmente s\u00e3o recebidas como JSON.

    // Enviar\nfetch(\"https://api.example.com/salvar-dados\", {\n  method: \"POST\",\n  headers: {\n    \"Content-Type\": \"application/json\"\n  },\n  body: JSON.stringify({ nome: \"Maria\", idade: 30 })\n});\n\n// Receber\nfetch(\"https://api.example.com/obter-dados\")\n  .then(response => response.json())\n  .then(data => {\n    console.log(data);\n  });\n
    "},{"location":"treinamentos/treinamento_javascript/#boas-praticas","title":"Boas Pr\u00e1ticas","text":"
    • Ao criar e manipular JSON, certifique-se de que a sintaxe esteja correta e que os valores estejam no formato adequado.
    • Use try...catch ao analisar JSON para lidar com erros de sintaxe.
    try {\n  const objeto = JSON.parse(jsonString);\n} catch (erro) {\n  console.error(\"Erro ao analisar JSON: \" + erro);\n}\n
    "},{"location":"treinamentos/treinamento_javascript/#link-da-video-aula","title":"Link da v\u00eddeo aula","text":"

    https://drive.google.com/file/d/1IO_FbpdqCZp-XgA18jCmeRS8gnc2rYeL/view?usp=sharing

    "},{"location":"treinamentos/treinamento_linux/","title":"Guia de Linux para Iniciantes","text":""},{"location":"treinamentos/treinamento_linux/#instrutores","title":"Instrutores","text":""},{"location":"treinamentos/treinamento_linux/#data-e-local","title":"Data e local","text":"
    • Dia do treinamento: sexta-feira(15/09) 12-14h
    • Local: FGA
    "},{"location":"treinamentos/treinamento_linux/#topicos-de-estudo","title":"T\u00f3picos de Estudo","text":""},{"location":"treinamentos/treinamento_linux/#instalacao-do-linux-e-particionamento-de-disco","title":"Instala\u00e7\u00e3o do Linux e particionamento de disco","text":""},{"location":"treinamentos/treinamento_linux/#1-introducao-ao-linux","title":"1. Introdu\u00e7\u00e3o ao Linux","text":"
    • O que \u00e9 Linux?
    • Distribui\u00e7\u00f5es Linux populares
    • Diferen\u00e7as entre Linux e outros sistemas operacionais
    "},{"location":"treinamentos/treinamento_linux/#2-comandos-basicos-do-terminal","title":"2. Comandos B\u00e1sicos do Terminal","text":"
    • Navegando no sistema de arquivos
    • Manipula\u00e7\u00e3o de arquivos e diret\u00f3rios
    • Gerenciamento de permiss\u00f5es
    • Tarefas de usu\u00e1rio e administrador
    "},{"location":"treinamentos/treinamento_linux/#3-shell-scripting","title":"3. Shell Scripting","text":"
    • Escrevendo scripts em Bash
    "},{"location":"treinamentos/treinamento_linux/#4-gerenciamento-de-pacotes","title":"4. Gerenciamento de Pacotes","text":"
    • Gerenciadores de pacotes (APT, YUM, etc.)
    • Instalando, atualizando e removendo software
    • Resolvendo depend\u00eancias
    "},{"location":"treinamentos/treinamento_linux/#5-configuracao-de-rede","title":"5. Configura\u00e7\u00e3o de Rede","text":"
    • Configura\u00e7\u00e3o de interface de rede
    • Troubleshooting de rede
    • Firewall e seguran\u00e7a de rede
    "},{"location":"treinamentos/treinamento_linux/#6-virtualizacao-e-conteineres","title":"6. Virtualiza\u00e7\u00e3o e Cont\u00eaineres","text":"
    • Uso de m\u00e1quinas virtuais
    • Docker e cont\u00eaineres
    "},{"location":"treinamentos/treinamento_linux/#7-monitoramento-e-solucao-de-problemas","title":"7. Monitoramento e Solu\u00e7\u00e3o de Problemas","text":"
    • Ferramentas de monitoramento
    • An\u00e1lise de logs
    • Resolu\u00e7\u00e3o de problemas comuns
    "},{"location":"treinamentos/treinamento_linux/#comandos-de-sistema-de-arquivos","title":"Comandos de Sistema de Arquivos","text":"
    • pwd: Mostra o diret\u00f3rio atual.
    • ls: Lista arquivos e diret\u00f3rios.
    • cd: Navega entre diret\u00f3rios.
    • mkdir: Cria um novo diret\u00f3rio.
    • rm: Remove arquivos ou diret\u00f3rios.
    • cp: Copia arquivos ou diret\u00f3rios.
    • mv: Move ou renomeia arquivos ou diret\u00f3rios.
    "},{"location":"treinamentos/treinamento_linux/#comandos-de-texto","title":"Comandos de Texto","text":"
    • cat: Exibe o conte\u00fado de um arquivo.
    • less: Exibe um arquivo por p\u00e1gina.
    • head: Exibe as primeiras linhas de um arquivo.
    • tail: Exibe as \u00faltimas linhas de um arquivo.
    • grep: Pesquisa texto em arquivos.
    • find: Procura arquivos e diret\u00f3rios.
    "},{"location":"treinamentos/treinamento_linux/#comandos-de-gerenciamento-de-pacotes","title":"Comandos de Gerenciamento de Pacotes","text":"
    • apt-get (Debian/Ubuntu) ou yum (Red Hat/CentOS): Gerencia pacotes.
    • dpkg (Debian/Ubuntu) ou rpm (Red Hat/CentOS): Gerencia pacotes individualmente.
    "},{"location":"treinamentos/treinamento_linux/#comandos-de-redes","title":"Comandos de Redes","text":"
    • ping: Testa a conectividade com um host.
    • ifconfig ou ip: Exibe informa\u00e7\u00f5es de rede.
    • ssh: Acessa um servidor remoto de forma segura.
    • scp: Copia arquivos via SSH.
    "},{"location":"treinamentos/treinamento_linux/#comandos-de-usuario","title":"Comandos de Usu\u00e1rio","text":"
    • who: Mostra os usu\u00e1rios conectados.
    • whoami: Mostra o nome de usu\u00e1rio atual.
    • passwd: Altera a senha do usu\u00e1rio.
    • useradd: Adiciona um novo usu\u00e1rio.
    "},{"location":"treinamentos/treinamento_linux/#comandos-de-processos","title":"Comandos de Processos","text":"
    • ps: Exibe processos em execu\u00e7\u00e3o.
    • top: Exibe os principais processos em tempo real.
    • kill: Encerra processos.
    • systemctl: Controla servi\u00e7os do sistema.
    "},{"location":"treinamentos/treinamento_linux/#comandos-de-gerenciamento-de-disco","title":"Comandos de Gerenciamento de Disco","text":"
    • df: Mostra o uso do espa\u00e7o em disco.
    • du: Mostra o uso de espa\u00e7o em diret\u00f3rios.
    • fdisk: Gerencia parti\u00e7\u00f5es de disco.
    • mount e umount: Montam e desmontam sistemas de arquivos.
    "},{"location":"treinamentos/treinamento_linux/#link-plano-de-contribuicao","title":"Link plano de contribui\u00e7\u00e3o","text":"

    Plano de Contribui\u00e7\u00e3o

    "},{"location":"treinamentos/treinamento_linux/#imagem-do-treinamento","title":"Imagem do treinamento","text":""},{"location":"treinamentos/treinamento_metodologias_ageis/","title":"Treinamento de Metodologias \u00c1geis","text":""},{"location":"treinamentos/treinamento_metodologias_ageis/#guia-de-metodologias-ageis-para-iniciantes","title":"Guia de Metodologias \u00c1geis para iniciantes","text":""},{"location":"treinamentos/treinamento_metodologias_ageis/#apresentacao","title":"Apresenta\u00e7\u00e3o","text":"

    Apresenta\u00e7\u00e3o de Metodologias \u00c1geis

    "},{"location":"treinamentos/treinamento_metodologias_ageis/#slides-usados-na-apresentacao","title":"Slides usados na apresenta\u00e7\u00e3o","text":""},{"location":"treinamentos/treinamento_metodologias_ageis/#metodologias-ageis","title":"Metodologias \u00e1geis","text":"

    A metodologia \u00e1gil \u00e9 um conjunto de pr\u00e1ticas que visam permitir, por meio de inspe\u00e7\u00e3o e adapta\u00e7\u00f5es frequentes, entregas r\u00e1pidas, com qualidade e alinhadas \u00e0 necessidade do cliente e da empresa.

    Em 2001 surgiu o Manifesto \u00c1gil de Desenvolvimento de Software, documento t\u00e3o importante que funcionou como uma b\u00edblia para o desenvolvimento \u00e1gil at\u00e9 hoje, expondo todos os princ\u00edpios e boas pr\u00e1ticas que precisam ser aplicadas.

    Ele surgiu durante uma reuni\u00e3o de desenvolvedores de software ocorrida nas montanhas de Utah, nos Estados Unidos. A comunidade de desenvolvedores estava cansada de usar m\u00e9todos considerados \u201cpesados\u201d e por isso decidiu lan\u00e7ar um manifesto detalhado.

    As metodologias \u00e1geis defendem que, acima de tudo, devemos buscar a satisfa\u00e7\u00e3o do cliente por meio de entregas cont\u00ednuas que agregam valor, mantendo uma comunica\u00e7\u00e3o constante entre os membros da equipe. \u00c9 uma intera\u00e7\u00e3o din\u00e2mica que permite trabalhar com divis\u00f5es claras de etapas. Isso vem ajudando muitas equipes a enfrentarem incertezas e imprevisibilidades por meio de entregas incrementais e iterativas.

    A metodologia \u00e1gil possui 4 valores b\u00e1sicos, que s\u00e3o difundidos e respeitados pelos times:

    • Software em funcionamento mais que documenta\u00e7\u00e3o abrangente;
    • Indiv\u00edduos e intera\u00e7\u00e3o mais que processos e ferramentas;
    • Colabora\u00e7\u00e3o com o cliente mais que negocia\u00e7\u00e3o de contratos;
    • Responder a mudan\u00e7as mais que seguir um plano.
    "},{"location":"treinamentos/treinamento_metodologias_ageis/#frameworks-ageis","title":"Frameworks \u00e1geis","text":""},{"location":"treinamentos/treinamento_metodologias_ageis/#scrum","title":"SCRUM","text":"

    Scrum \u00e9 um conjunto de boas pr\u00e1ticas empregado no gerenciamento de projetos complexos, em que n\u00e3o se conhece todas as etapas ou necessidades.

    Focado nos membros da equipe, o Scrum torna os processos mais simples e claros, pois mant\u00e9m registros vis\u00edveis sobre o andamento de todas as etapas.

    Assim, os participantes sabem em que fase o projeto est\u00e1, o que j\u00e1 foi conclu\u00eddo e o que falta ser feito para a sua entrega.

    A metodologia tamb\u00e9m possibilita que produtos sejam apresentados em menor tempo, sem deixar de lado a qualidade.

    Ela \u00e9 aplicada a partir de ciclos r\u00e1pidos, chamados sprints, nos quais h\u00e1 um tempo determinado para que as atividades sejam conclu\u00eddas \u2013 geralmente, entre duas e quatro semanas.

    Priorizando a criatividade e fluidez nos processos, o Scrum segue seis princ\u00edpios:

    • Flexibilidade dos resultados
    • Flexibilidade dos prazos
    • Times pequenos
    • Revis\u00f5es constantes
    • Colabora\u00e7\u00e3o
    • Orienta\u00e7\u00e3o a objetos.
    "},{"location":"treinamentos/treinamento_metodologias_ageis/#extreme-programming-xp","title":"EXtreme Programming (XP)","text":"

    O XP (Extreme Programming ou Programa\u00e7\u00e3o Extrema) \u00e9 uma metodologia focada no desenvolvimento de software que possui valores e princ\u00edpios, onde s\u00e3o fundamentados por um conjunto de pr\u00e1ticas.

    \u00c9 uma metodologia leve que pode facilmente ser adotada por diferentes n\u00edveis de desenvolvedores (experientes ou n\u00e3o) e em qualquer tamanho de equipe. \u00c9 uma excelente metodologia por se adaptar a requisitos que \u00e0s vezes podem mudar rapidamente.

    O XP pode ser utilizado de forma complementar ao Scrum, pois ele acaba focando mais em processos de engenharia e desenvolvimento de software.

    "},{"location":"treinamentos/treinamento_metodologias_ageis/#kanban","title":"Kanban","text":"

    Kanban \u00e9 um sistema visual de gest\u00e3o de trabalho, que busca conduzir cada tarefa por um fluxo predefinido de trabalho.

    Em geral, o conceito de Kanban pode ser definido pelos seguintes itens:

    • O sistema visual: um processo, definido em um quadro com colunas de separa\u00e7\u00e3o, que permite dividir o trabalho em segmentos ou pelo seu status, fixando cada item em um cart\u00e3o e colocando em uma coluna apropriada para indicar onde ele est\u00e1 em todo o fluxo de trabalho.
    • Os cart\u00f5es: que descrevem o trabalho real que transita por este processo.
    • A limita\u00e7\u00e3o do trabalho em andamento: que permite atribuir os limites de quantos itens podem estar em andamento em cada segmento ou estado do fluxo de trabalho.

    Ou seja, o Kanban \u00e9 um fluxo de trabalho que busca indicar (e limitar) o trabalho em andamento ou WIP, Work In Progress.

    "},{"location":"treinamentos/treinamento_metodologias_ageis/#referencias","title":"Refer\u00eancias","text":"

    [1] O que \u00e9 SCRUM. Acessado em Set.2023. Dispon\u00edvel em: https://fia.com.br/blog/scrum/

    [2] O que \u00e9 XP. Acessado em Set.2023. Dispon\u00edvel em: https://www.treinaweb.com.br/blog/o-que-e-xp-extreme-programming

    [3] O que \u00e9 Kanban. Acessado em Set.2023. Dispon\u00edvel em: https://www.totvs.com/blog/negocios/kanban/#:~:text=O%20termo%20

    "}]} \ No newline at end of file diff --git a/sitemap.xml b/sitemap.xml new file mode 100644 index 00000000..0f8724ef --- /dev/null +++ b/sitemap.xml @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/sitemap.xml.gz b/sitemap.xml.gz new file mode 100644 index 00000000..dd0cca68 Binary files /dev/null and b/sitemap.xml.gz differ diff --git a/treinamentos/treinamento_HTML_CSS/index.html b/treinamentos/treinamento_HTML_CSS/index.html new file mode 100644 index 00000000..14d0bbb0 --- /dev/null +++ b/treinamentos/treinamento_HTML_CSS/index.html @@ -0,0 +1,2923 @@ + + + + + + + + + + + + + + + + + + + + + + + Treinamento de HTML CSS - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + +
    + + + + + + +
    + + + + + + + +
    + +
    + + + + +
    +
    + + + +
    +
    +
    + + + + + + + +
    +
    +
    + + + +
    +
    +
    + + + +
    +
    +
    + + + +
    +
    + + + + + + + +

    Índice

    +

    HTML (HyperText Markup Language)

    +
      +
    1. +

      Introdução ao HTML

      +
      2. +
    2. +

      O que é HTML?

      +
      3. +
    3. Estrutura básica de um documento HTML
      4. +
    4. +

      Tags, elementos e atributos

      +
      5. +
    5. +

      Estrutura de um Documento HTML

      +
      6. +
    6. +

      Doctype

      +
      7. +
    7. Elemento <html>
      8. +
    8. Elemento <head> (meta tags, título)
      9. +
    9. +

      Elemento <body>

      +
      10. +
    10. +

      Texto e Formatação

      +
      11. +
    11. +

      Parágrafos (<p>)

      +
      12. +
    12. Títulos (<h1> a <h6>)
      13. +
    13. Texto em negrito (<strong>) e itálico (<em>)
      14. +
    14. Quebras de linha (<br>)
      15. +
    15. +

      Comentários (<!-- -->)

      +
      16. +
    16. +

      Listas

      +
      17. +
    17. +

      Listas ordenadas (<ol>)

      +
      18. +
    18. Listas não ordenadas (<ul>)
      19. +
    19. +

      Listas de definição (<dl>)

      +
      20. +
    20. +

      Links

      +
      21. +
    21. +

      Hiperlinks (<a>)

      +
      22. +
    22. Âncoras e URLs
      23. +
    23. +

      Links internos e externos

      +
      24. +
    24. +

      Imagens

      +
      25. +
    25. +

      Inserindo imagens (<img>)

      +
      26. +
    26. Atributos alt e src
      27. +
    27. +

      Imagens responsivas

      +
      28. +
    28. +

      Formulários

      +
      29. +
    29. +

      Elemento <form>

      +
      30. +
    30. Campos de entrada de texto (<input>)
      31. +
    31. Botões (<button>)
      32. +
    32. Caixas de seleção (<select>)
      33. +
    33. Botões de opção (<radio>) e caixas de verificação (<checkbox>)
      34. +
    34. +

      Envio de formulário

      +
      35. +
    35. +

      Documentação: https://www.w3schools.com/TAGS/default.asp

      +
      36. +
    +

    CSS (Cascading Style Sheets)

    +
      +
    1. +

      Introdução ao CSS

      +
      2. +
    2. +

      O que é CSS?

      +
      3. +
    3. +

      Vantagens de usar CSS

      +
      4. +
    4. +

      Seletores e Propriedades

      +
      5. +
    5. +

      Seletores de elemento, classe e ID

      +
      6. +
    6. Definindo propriedades de estilo
      7. +
    7. +

      Comentários em CSS

      +
      8. +
    8. +

      Estilos Inline, Incorporados e Externos

      +
      9. +
    9. +

      Uso de estilos inline

      +
      10. +
    10. Incorporando estilos com a tag <style>
      11. +
    11. Vinculando um arquivo CSS externo
      12. +
    +

    4.Formatação de Texto

    +
      +
    • Tamanho de fonte
      • +
    • Cor de texto e de fundo
      • +
    • +

      Espaçamento entre linhas e margens

      +
      • +
    • +

      Box Model

      +
      • +
    • +

      Margem, borda, preenchimento (margin, border, padding)

      +
      • +
    • +

      Tamanho e modelo de caixa (box-sizing)

      +
      • +
    • +

      Layout e Posicionamento

      +
      • +
    • +

      Posicionamento estático, relativo, absoluto e fixo

      +
      • +
    • Display (block, inline, inline-block)
      • +
    • +

      Modelos de layout (flexbox e grid)

      +
      • +
    • +

      Cores e Fundos

      +
      • +
    • +

      Definindo cores (hexadecimal, RGB, nomes)

      +
      • +
    • Imagens de fundo (background-image)
      • +
    • +

      Gradientes

      +
      • +
    • +

      Pseudo-classes e Pseudo-elementos

      +
      • +
    • +

      Uso de :hover, :active, :focus

      +
      • +
    • +

      ::before e ::after

      +
      • +
    • +

      Media Queries

      +
      • +
    • +

      Criando layouts responsivos

      +
      • +
    • +

      Conceito de breakpoints

      +
      • +
    • +

      Animações e Transições (opcional)

      +
      • +
    • +

      Criando animações com keyframes

      +
      • +
    • Aplicando transições suaves
      • +
    +

    Site Modelo treinamento

    +

    https://melohenrique-room.netlify.app/

    + +

    https://drive.google.com/file/d/1tUuvqo9xnq4Jt6OHKm3hG6mgmaGdohJ0/view?usp=sharing

    +

    HTML (HyperText Markup Language)

    +

    1. Introdução ao HTML

    +

    O que é HTML?

    +

    HTML, sigla para HyperText Markup Language, é uma linguagem de marcação usada para criar páginas da web. Ele permite estruturar o conteúdo de uma página, incluindo textos, imagens, links e outros elementos, de forma organizada e semântica.

    +

    Estrutura básica de um documento HTML

    +

    Um documento HTML é composto por uma estrutura básica que inclui elementos essenciais:

    +
    <!DOCTYPE html> <!-- Define o tipo de documento HTML5 -->
+<html>
+<head>
+    <meta charset="UTF-8"> <!-- Define a codificação de caracteres -->
+    <title>Título da Página</title> <!-- Define o título da página exibido na aba do navegador -->
+</head>
+<body>
+    <!-- Conteúdo da página vai aqui -->
+</body>
+</html>
+
    +

    Tags, elementos e atributos

    +
      +
    • +

      Tags: São elementos fundamentais em HTML e são usados para marcar partes específicas do conteúdo, como títulos, parágrafos, imagens, etc. Exemplo: <h1>Meu Título</h1>

      +
      • +
    • +

      Elementos: São combinações de tags que englobam o conteúdo relacionado. Por exemplo, o elemento de lista não ordenada <ul> engloba várias tags de item de lista <li>.

      +
      • +
    • +

      Atributos: São informações adicionais fornecidas às tags para modificar seu comportamento ou aparência. Exemplo: <img src="imagem.jpg" alt="Descrição da Imagem">.

      +
      • +
    +

    Lembre-se de que HTML é uma linguagem de marcação estrutural, não de estilo. Para estilizar elementos, você usaria CSS (Cascading Style Sheets).

    +

    2. Estrutura de um Documento HTML

    +

    A estrutura básica de um documento HTML é composta pelo Doctype, o elemento <html>, o elemento <head>, e o elemento <body>. Isso estabelece a base para a criação de uma página da web.

    +
      +
    • Doctype: O Doctype é a primeira linha de um documento HTML e define o tipo de documento que está sendo usado. Para documentos HTML5, usamos o seguinte Doctype:
      • +
    +
    <!DOCTYPE html>
+
    +
      +
    • Elemento <html>: O elemento <html> é o contêiner raiz de todo documento HTML. Ele engloba todo o conteúdo da página e define o idioma padrão da página usando o atributo lang.
      • +
    +
    <html lang="pt-BR">
+    <!-- Conteúdo da página vai aqui -->
+</html>
+
    +
      +
    • Elemento <head>: O elemento <head> contém informações sobre o documento, como meta tags, links para folhas de estilo CSS e o título da página.
      • +
    +
    <head>
+    <meta charset="UTF-8">
+    <title>Título da Página</title>
+    <!-- Outros elementos do cabeçalho podem ser incluídos aqui -->
+</head>
+
    +
      +
    • Elemento <body>: O elemento <body> contém o conteúdo visível da página, incluindo textos, imagens, links e outros elementos.
      • +
    +
    <body>
+    <h1>Meu Título</h1>
+    <p>Este é um parágrafo de exemplo.</p>
+    <!-- Outros elementos do corpo da página vão aqui -->
+</body>
+
    +

    3. Texto e Formatação

    +
      +
    • Parágrafos (<p>): Os parágrafos são usados para estruturar o texto em blocos coesos.
      • +
    +
    <p>Este é um parágrafo de exemplo.</p>
+
    +
      +
    • Títulos (<h1> a <h6>): Os títulos são usados para definir a hierarquia de cabeçalhos, do <h1> (mais importante) ao <h6> (menos importante).
      • +
    +
    <h1>Título Principal</h1>
+<h2>Subtítulo</h2>
+
    +
      +
    • Texto em Negrito (<strong>) e Itálico (<em>): As tags <strong> e <em> são usadas para enfatizar o texto.
      • +
    +
    <p>Este é um texto <strong>em negrito</strong> e este é um texto <em>itálico</em>.</p>
+
    +
      +
    • Quebras de Linha (<br>): A tag <br> é usada para inserir uma quebra de linha dentro do texto.
      • +
    +
    <p>Esta é a primeira linha.<br>Esta é a segunda linha.</p>
+
    +
      +
    • Comentários (<!-- -->): Os comentários são usados para adicionar notas ou descrições no código HTML que não são visíveis na página.
      • +
    +
    <!-- Este é um comentário de exemplo -->
+
    +

    4. Listas

    +
      +
    • Listas Ordenadas (<ol>): As listas ordenadas são usadas para criar listas numeradas, onde cada item é automaticamente numerado.
      • +
    +
    <ol>
+    <li>Item 1</li>
+    <li>Item 2</li>
+    <li>Item 3</li>
+</ol>
+
    +
      +
    • Listas Não Ordenadas (<ul>): As listas não ordenadas são usadas para criar listas com marcadores, onde cada item é precedido por um marcador.
      • +
    +
    <ul>
+    <li>Item A</li>
+    <li>Item B</li>
+    <li>Item C</li>
+</ul>
+
    +
      +
    • Listas Aninhadas: Você também pode criar listas aninhadas, colocando uma lista dentro de um item de lista.
      • +
    +
    <ul>
+    <li>Item 1</li>
+    <li>Item 2
+        <ul>
+            <li>Subitem 1</li>
+            <li>Subitem 2</li>
+        </ul>
+    </li>
+    <li>Item 3</li>
+</ul>
+
    + +
      +
    • Hiperlinks (<a>): A tag <a> é usada para criar hiperlinks, permitindo que os visitantes da página cliquem em um texto ou imagem para navegar para outra página da web ou recurso.
      • +
    +
    <a href="https://www.exemplo.com">Visitar Exemplo.com</a>
+
    +
      +
    • +

      Âncoras e URLs: O atributo href dentro da tag <a> especifica o URL de destino para o link.

      +
      • +
    • +

      Links Internos: Além de URLs externos, você pode criar links internos dentro da mesma página usando âncoras.

      +
      • +
    +
    <a href="#secao2">Ir para Seção 2</a>
+...
+<h2 id="secao2">Seção 2</h2>
+
    +
      +
    • Links de Email: Você também pode usar a tag <a> para criar links de email.
      • +
    +
    <a href="mailto:exemplo@email.com">Enviar um Email</a>
+
    +
      +
    • Links para Downloads: Para permitir o download de arquivos, você pode usar a tag <a> com o atributo download.
      • +
    +
    <a href="documento.pdf" download>Baixar Documento PDF</a>
+
    +

    6. Imagens

    +
      +
    • Inserindo Imagens (<img>): A tag <img> é usada para inserir imagens em uma página da web. Ela não possui uma tag de fechamento e requer o atributo src, que especifica o caminho para a imagem.
      • +
    +
    <img src="imagem.jpg" alt="Descrição da Imagem">
+
    +
      +
    • Atributos alt e src: O atributo alt fornece uma descrição alternativa da imagem, importante para acessibilidade e SEO. O atributo src especifica o caminho da imagem.
      • +
    +
    <img src="gato.jpg" alt="Foto de um gato fofo">
+
    +
      +
    • Imagens Responsivas: Para garantir que as imagens se ajustem ao tamanho da tela, você pode adicionar a classe class="img-responsive" (no contexto do framework Bootstrap) ou usar CSS para tornar as imagens responsivas.
      • +
    +
    <img src="imagem.jpg" alt="Descrição da Imagem" class="img-responsive">
+
    +

    7. Formulários

    +
      +
    • Elemento <form>: O elemento <form> é usado para criar formulários interativos em uma página da web. Ele envolve vários elementos de entrada e define como os dados serão enviados ao servidor.
      • +
    +
    <form action="/processar-formulario" method="post">
+    <!-- Elementos de entrada do formulário vão aqui -->
+    <input type="text" name="nome" placeholder="Seu Nome">
+    <input type="email" name="email" placeholder="Seu Email">
+    <button type="submit">Enviar</button>
+</form>
+
    +
      +
    • Campos de Entrada (<input>): A tag <input> é usada para criar campos de entrada de texto, como campos de texto, caixas de seleção, botões de rádio e caixas de verificação.
      • +
    +
    <input type="text" name="usuario" placeholder="Nome de Usuário">
+<input type="password" name="senha" placeholder="Senha">
+<input type="checkbox" name="lembre-me" id="lembre-me">
+<label for="lembre-me">Lembre-me</label>
+
    +
      +
    • Botões (<button>): A tag <button> é usada para criar botões em formulários. Você pode usá-los para enviar formulários ou realizar outras ações específicas.
      • +
    +
    <button type="submit">Enviar</button>
+<button type="reset">Limpar</button>
+
    +
      +
    • Caixas de Seleção (<select>) e Opções (<option>): Você pode usar o elemento <select> para criar listas suspensas e o elemento <option> para definir as opções dentro dessas listas.
      • +
    +
    <select name="cidade">
+    <option value="ny">Nova York</option>
+    <option value="la">Los Angeles</option>
+    <option value="sf">São Francisco</option>
+</select>
+
    +
      +
    • Envio de Formulário: Ao clicar em um botão de envio dentro de um formulário, os dados inseridos nos campos de entrada são enviados ao servidor especificado no atributo action do elemento <form>.
      • +
    +
    <form action="/processar-formulario" method="post">
+    <label for="nome">Nome:</label>
+    <input type="text" id="nome" name="nome" placeholder="Seu Nome" required>
+
+    <label for="email">Email:</label>
+    <input type="email" id="email" name="email" placeholder="Seu Email" required>
+
+    <button type="submit">Enviar</button>
+</form>
+
    +

    CSS (Cascading Style Sheets)

    +

    1. Introdução ao CSS (Cascading Style Sheets)

    +
      +
    • +

      O que é CSS: CSS é a sigla para "Cascading Style Sheets" (Folhas de Estilo em Cascata). É uma linguagem de estilo usada para controlar a apresentação e o layout de elementos em uma página da web.

      +
      • +
    • +

      Separação de Conteúdo e Estilo: Uma das principais vantagens do CSS é a separação de conteúdo e estilo. Isso significa que você pode manter o conteúdo HTML de uma página separado do seu estilo CSS. Isso torna o código mais limpo, organizado e mais fácil de manter.

      +
      • +
    • +

      Seletor e Propriedades: No CSS, você seleciona os elementos HTML aos quais deseja aplicar estilos usando seletores e, em seguida, define as propriedades de estilo para esses elementos.

      +
      • +
    +
    /* Seletor */
+p {
+    /* Propriedades de Estilo */
+    color: blue;
+    font-size: 16px;
+}
+
    +
      +
    • +

      Cascata: A palavra "cascata" em CSS significa que as regras de estilo podem ser sobrepostas e herdar características. Isso permite que você defina estilos de forma hierárquica, aplicando estilos gerais e, em seguida, refinando-os para elementos específicos.

      +
      • +
    • +

      Herança: Os estilos aplicados a um elemento podem ser herdados por elementos filhos, a menos que sejam substituídos por estilos mais específicos.

      +
      • +
    • +

      Folhas de Estilo Externas: Além de inserir estilos diretamente no HTML usando a tag <style>, você pode criar folhas de estilo externas em arquivos separados com a extensão .css e vinculá-los a várias páginas HTML usando a tag <link>.

      +
      • +
    +
    <link rel="stylesheet" type="text/css" href="estilos.css">
+
    +

    2. Seletores e Propriedades CSS

    +
      +
    • +

      Seletores: Os seletores CSS são padrões que definem quais elementos HTML receberão os estilos. Existem vários tipos de seletores, incluindo seletores de elemento, seletores de classe, seletores de ID e seletores de atributo.

      +
      • +
    • +

      Exemplo de seletores de elemento:

      +
      • +
    +
    p {
+    /* Estilos aplicados a todos os parágrafos */
+}
+
+h1, h2 {
+    /* Estilos aplicados a todos os cabeçalhos h1 e h2 */
+}
+
    +
      +
    • Exemplo de seletores de classe:
      • +
    +
    .destaque {
+    /* Estilos aplicados a elementos com a classe "destaque" */
+}
+
    +
      +
    • Exemplo de seletores de ID:
      • +
    +
    #cabecalho {
+    /* Estilos aplicados a um elemento com o ID "cabecalho" */
+}
+
    +
      +
    • +

      Propriedades CSS: As propriedades CSS são atributos que você pode definir para os elementos selecionados. Cada propriedade define um aspecto diferente do estilo, como cor, tamanho, margens, etc.

      +
      • +
    • +

      Exemplo de propriedades CSS:

      +
      • +
    +
    p {
+    color: blue; /* Define a cor do texto para azul */
+    font-size: 16px; /* Define o tamanho da fonte como 16 pixels */
+    margin-top: 10px; /* Define a margem superior como 10 pixels */
+    background-color: #f0f0f0; /* Define a cor de fundo como cinza claro */
+}
+
    +
      +
    • +

      Regras CSS: As regras CSS são formadas por seletores e propriedades, e são usadas para definir estilos. Elas são definidas dentro de um bloco de código entre chaves {}.

      +
      • +
    • +

      Exemplo de regra CSS:

      +
      • +
    +
    p {
+    color: blue;
+    font-size: 16px;
+}
+
    +
      +
    • +

      Comentários CSS: Você pode adicionar comentários em seu código CSS para documentar seu trabalho. Os comentários são precedidos por / e terminados com /.

      +
      • +
    • +

      Exemplo de comentário CSS:

      +
      • +
    +
    /* Este é um comentário de exemplo */
+
    +

    3. Estilos Inline, Incorporados e Externos em CSS

    +
      +
    • +

      Estilos Inline: Os estilos inline são aplicados diretamente a elementos HTML usando o atributo style. Esses estilos têm a maior especificidade e substituirão qualquer estilo definido externamente.

      +
      • +
    • +

      Exemplo de estilo inline:

      +
      • +
    +
    <p style="color: red;">Este texto é vermelho.</p>
+
    +
      +
    • +

      Estilos Incorporados (Internal Styles): Os estilos incorporados são definidos dentro do próprio documento HTML, entre as tags <style>. Esses estilos se aplicam a todas as ocorrências dos elementos selecionados no documento.

      +
      • +
    • +

      Exemplo de estilo incorporado:

      +
      • +
    +
    <head>
+    <style>
+        p {
+            color: blue;
+            font-size: 16px;
+        }
+    </style>
+</head>
+<body>
+    <p>Este é um parágrafo com estilo incorporado.</p>
+</body>
+
    +
      +
    • +

      Estilos Externos (External Styles): Os estilos externos são definidos em arquivos CSS separados e vinculados ao documento HTML usando a tag <link>. Esses estilos podem ser reutilizados em várias páginas HTML.

      +
      • +
    • +

      Exemplo de estilo externo (em um arquivo "estilos.css"):

      +
      • +
    +
    p {
+    color: green;
+    font-size: 18px;
+}
+
    +
      +
    • Vinculação do arquivo CSS ao HTML:
      • +
    +
    <link rel="stylesheet" type="text/css" href="estilos.css">
+
    +

    4. Formatação de Texto em CSS

    +
      +
    • +

      Fontes (font-family): A propriedade font-family permite definir a família de fontes para um elemento de texto. Você pode especificar várias fontes em ordem de preferência, para que o navegador escolha a primeira disponível.

      +
      • +
    • +

      Exemplo:

      +
      • +
    +
    p {
+    font-family: Arial, Helvetica, sans-serif;
+}
+
    +
      +
    • +

      Tamanho de Fonte (font-size): A propriedade font-size define o tamanho da fonte do texto.

      +
      • +
    • +

      Exemplo:

      +
      • +
    +
    h1 {
+    font-size: 24px;
+}
+
    +
      +
    • +

      Estilo de Fonte (font-style): A propriedade font-style permite definir o estilo da fonte, como itálico.

      +
      • +
    • +

      Exemplo:

      +
      • +
    +
    em {
+    font-style: italic;
+}
+
    +
      +
    • +

      Peso da Fonte (font-weight): A propriedade font-weight define a espessura da fonte, como negrito.

      +
      • +
    • +

      Exemplo:

      +
      • +
    +
    strong {
+    font-weight: bold;
+}
+
    +
      +
    • +

      Cor do Texto (color): A propriedade color define a cor do texto.

      +
      • +
    • +

      Exemplo:

      +
      • +
    +
    p {
+    color: #333; /* Cor cinza escuro */
+}
+
    +
      +
    • +

      Espaçamento entre Linhas (line-height): A propriedade line-height controla o espaçamento entre as linhas de texto.

      +
      • +
    • +

      Exemplo:

      +
      • +
    +
    p {
+    line-height: 1.5; /* Espaçamento 1,5 vezes a altura da fonte */
+}
+
    +
      +
    • +

      Alinhamento de Texto (text-align): A propriedade text-align define como o texto é alinhado dentro de um elemento, como à esquerda, à direita, centralizado ou justificado.

      +
      • +
    • +

      Exemplo:

      +
      • +
    +
    h2 {
+    text-align: center;
+}
+
    +
      +
    • +

      Decoração de Texto (text-decoration): A propriedade text-decoration controla a decoração do texto, como sublinhado.

      +
      • +
    • +

      Exemplo:

      +
      • +
    +
    a {
+    text-decoration: none; /* Remove sublinhado de links */
+}
+
    +

    5. Modelos de Caixas (Box Model) em CSS

    +
      +
    • +

      Modelo de Caixa (Box Model): O modelo de caixa é um conceito fundamental em CSS que descreve como os elementos HTML são representados visualmente. Cada elemento HTML é considerado uma caixa retangular que consiste em quatro áreas principais: conteúdo, preenchimento, borda e margem.

      +
      • +
    • +

      Conteúdo (content): É a área interna da caixa que contém o conteúdo real, como texto ou imagens.

      +
      • +
    • +

      Preenchimento (padding): É uma área opcional ao redor do conteúdo, separando-o da borda. O preenchimento é controlado pelas propriedades padding-top, padding-right, padding-bottom e padding-left.

      +
      • +
    • +

      Borda (border): A borda é uma linha que circunda o conteúdo e o preenchimento. Você pode personalizar a aparência da borda usando propriedades como border-width, border-style e border-color.

      +
      • +
    • +

      Margem (margin): A margem é uma área opcional fora da borda que separa um elemento de outros elementos vizinhos. As margens podem ser definidas com as propriedades margin-top, margin-right, margin-bottom e margin-left.

      +
      • +
    • +

      Box Sizing (box-sizing): A propriedade box-sizing permite controlar como as dimensões totais da caixa são calculadas. O valor padrão é content-box, que leva em consideração apenas o conteúdo e o preenchimento ao calcular a largura e altura total. Você também pode usar border-box, que inclui o conteúdo, o preenchimento e a borda nas dimensões totais da caixa.

      +
      • +
    • +

      Exemplo:

      +
      • +
    +
    div {
+    width: 200px;
+    height: 100px;
+    padding: 20px;
+    border: 2px solid #000;
+    margin: 10px;
+    box-sizing: border-box; /* Inclui preenchimento e borda nas dimensões */
+}
+
    +
      +
    • Espaçamento Negativo (negative margin): Margens negativas permitem que os elementos se sobreponham a seus vizinhos. Isso pode ser útil para criar layouts complexos, mas deve ser usado com cuidado.
      • +
    +

    6. Posicionamento e Layout em CSS

    +
      +
    • Posicionamento (position): A propriedade position permite controlar como um elemento é posicionado em relação ao seu contexto. Os valores mais comuns são:
      • +
    • static (padrão): O elemento é posicionado normalmente no fluxo do documento.
      • +
    • relative: O elemento é posicionado em relação à sua posição original.
      • +
    • absolute: O elemento é posicionado em relação ao seu ancestral mais próximo com position diferente de static.
      • +
    • +

      fixed: O elemento é posicionado em relação à janela do navegador, permanecendo fixo enquanto você rola a página.

      +
      • +
    • +

      Deslocamento (top, right, bottom, left): Essas propriedades são usadas com elementos posicionados (relative, absolute, ou fixed) para ajustar sua posição a partir de sua localização original.

      +
      • +
    • Exemplo:
      • +
    +
    .caixa {
+    position: relative;
+    top: 20px;
+    left: 30px;
+}
+
    +
      +
    • +

      Layout de Exibição (display): A propriedade display controla o comportamento de exibição de um elemento. Alguns valores comuns incluem:

      +
      • +
    • +

      block: O elemento ocupa toda a largura disponível e inicia em uma nova linha.

      +
      • +
    • inline: O elemento ocupa apenas o espaço necessário e não inicia uma nova linha.
      • +
    • inline-block: Combina características de elementos block e inline.
      • +
    • +

      none: O elemento não é exibido.

      +
      • +
    • +

      Flutuação (float): A propriedade float é usada para fazer com que um elemento flutue à esquerda ou à direita de seu contêiner pai. É comumente usado para criar layouts de coluna.

      +
      • +
    • +

      Exemplo:

      +
      • +
    +
    .coluna {
+    float: left;
+    width: 50%;
+}
+
    +
      +
    • +

      Clear (clear): A propriedade clear é usada para garantir que um elemento não flutue ao lado de elementos anteriores que estão flutuando.

      +
      • +
    • +

      Exemplo:

      +
      • +
    +
    .limpar {
+    clear: both;
+}
+
    +
      +
    • +

      Flexbox e Grid: CSS também oferece recursos avançados de layout, como Flexbox e Grid Layout, que permitem criar layouts complexos de forma eficiente.

      +
      • +
    • +

      Exemplo de uso de Flexbox:

      +
      • +
    +
    .container {
+    display: flex;
+    justify-content: space-between;
+}
+
    +
      +
    • Exemplo de uso de Grid Layout:
      • +
    +
    .grid-container {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+}
+
    +

    7. Cores e Fundos em CSS

    +
      +
    • +

      Cor do Texto (color): A propriedade color define a cor do texto dentro de um elemento.

      +
      • +
    • +

      Exemplo:

      +
      • +
    +
    p {
+    color: #FF5733; /* Cor em formato hexadecimal */
+}
+
    +
      +
    • +

      Cor de Fundo (background-color): A propriedade background-color define a cor de fundo de um elemento.

      +
      • +
    • +

      Exemplo:

      +
      • +
    +
    div {
+    background-color: #EFEFEF; /* Cor de fundo em formato hexadecimal */
+}
+
    +
      +
    • +

      Imagem de Fundo (background-image): Você pode definir uma imagem como fundo de um elemento usando a propriedade background-image.

      +
      • +
    • +

      Exemplo:

      +
      • +
    +
    body {
+    background-image: url('fundo.jpg');
+    background-size: cover; /* Redimensiona a imagem para cobrir todo o fundo */
+}
+
    +
      +
    • +

      Repetição de Fundo (background-repeat): A propriedade background-repeat controla como uma imagem de fundo é repetida.

      +
      • +
    • +

      Exemplo:

      +
      • +
    +
    div {
+    background-image: url('padrao.png');
+    background-repeat: repeat-x; /* Repete horizontalmente */
+}
+
    +
      +
    • +

      Posicionamento de Fundo (background-position): A propriedade background-position permite definir a posição inicial de uma imagem de fundo.

      +
      • +
    • +

      Exemplo:

      +
      • +
    +
    header {
+    background-image: url('cabecalho.jpg');
+    background-position: center top; /* Posiciona no centro superior */
+}
+
    +
      +
    • +

      Gradientes de Fundo (background-gradient): Além de cores sólidas e imagens, você pode criar fundos gradientes usando a propriedade background-image.

      +
      • +
    • +

      Exemplo:

      +
      • +
    +
    button {
+    background-image: linear-gradient(to right, #FF5733, #FFC300); /* Gradiente linear */
+}
+
    +
      +
    • +

      Sombra Textual (text-shadow) e Sombra de Caixa (box-shadow): Você pode adicionar sombras tanto a texto quanto a caixas usando as propriedades text-shadow e box-shadow, respectivamente.

      +
      • +
    • +

      Exemplo:

      +
      • +
    +
    h1 {
+    text-shadow: 2px 2px 4px #333; /* Sombra de texto */
+}
+
+.caixa {
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Sombra de caixa */
+}
+
    +

    8. Pseudo-classes e Pseudo-elementos em CSS

    +

    Pseudo-classes

    +

    As pseudo-classes são usadas para selecionar elementos com base em estados ou interações do usuário.

    +
      +
    • +

      :hover: Seleciona um elemento quando o cursor do mouse está sobre ele.

      +
      • +
    • +

      Exemplo:

      +
      • +
    +
    a:hover {
+    color: red; /* Altera a cor do texto quando o mouse passa sobre o link */
+}
+
    +
      +
    • +

      :active: Seleciona um elemento quando ele está ativo, geralmente quando é clicado.

      +
      • +
    • +

      :focus: Seleciona um elemento quando ele está com foco, como quando um campo de entrada de formulário é selecionado.

      +
      • +
    • +

      Exemplo:

      +
      • +
    +
    input:focus {
+    border-color: blue; /* Define a cor da borda quando o campo de entrada está em foco */
+}
+
    +
      +
    • +

      :nth-child(): Seleciona elementos com base em sua posição em relação aos irmãos. Isso permite estilizar elementos em listas ou tabelas de forma específica.

      +
      • +
    • +

      Exemplo:

      +
      • +
    +
    li:nth-child(even) {
+    background-color: #f2f2f2; /* Define a cor de fundo para linhas pares em uma lista */
+}
+
    +

    Pseudo-elementos

    +

    Os pseudo-elementos permitem estilizar partes específicas de um elemento, como o primeiro caractere de um parágrafo (::first-letter) ou o último elemento de uma lista (::last-child).

    +
      +
    • +

      ::before e ::after: Permitem adicionar conteúdo gerado antes ou após o conteúdo de um elemento.

      +
      • +
    • +

      Exemplo:

      +
      • +
    +
    p::before {
+    content: "» "; /* Adiciona um caractere antes de cada parágrafo */
+}
+
    +
      +
    • +

      ::first-line e ::first-letter: Permitem estilizar a primeira linha ou o primeiro caractere de um elemento de texto.

      +
      • +
    • +

      Exemplo:

      +
      • +
    +
    p::first-line {
+    font-weight: bold; /* Deixa a primeira linha do parágrafo em negrito */
+}
+
+p::first-letter {
+    font-size: 24px; /* Aumenta o tamanho da primeira letra do parágrafo */
+}
+
    +
      +
    • +

      ::selection: Permite estilizar o texto selecionado pelo usuário.

      +
      • +
    • +

      Exemplo:

      +
      • +
    +
    ::selection {
+    background-color: yellow; /* Define a cor de fundo para texto selecionado */
+    color: black; /* Define a cor do texto selecionado */
+}
+
    +

    9. Media Queries em CSS

    +

    As media queries são uma parte essencial do design responsivo em CSS. Elas permitem que você adapte o layout e o estilo de uma página da web com base nas características do dispositivo ou na largura da tela.

    +
      +
    • +

      Sintaxe Básica: Uma media query começa com a palavra-chave @media, seguida de uma condição que descreve as características do dispositivo que você deseja direcionar. As media queries são definidas entre chaves {} e contêm as regras CSS que serão aplicadas quando a condição for atendida.

      +
      • +
    • +

      Exemplo de uma media query que direciona dispositivos com largura de tela menor que 600 pixels:

      +
      • +
    +
    @media (max-width: 600px) {
+    /* Regras CSS a serem aplicadas a dispositivos com largura menor que 600px */
+    body {
+        font-size: 14px;
+    }
+    .menu {
+        display: none;
+    }
+}
+
    +
      +
    • +

      Condições Comuns: Existem várias condições que você pode usar em media queries para direcionar diferentes características do dispositivo, incluindo:

      +
      • +
    • +

      max-width e min-width: Define faixas de largura de tela.

      +
      • +
    • max-height e min-height: Define faixas de altura de tela.
      • +
    • orientation: Direciona a orientação da tela, como retrato ou paisagem.
      • +
    • device-pixel-ratio: Direciona dispositivos de alta resolução (Retina, por exemplo).
      • +
    • +

      hover: Direciona dispositivos que suportam interações com o mouse.

      +
      • +
    • +

      Múltiplas Condições: Você pode combinar várias condições usando operadores and (and) e or (or) para criar media queries mais complexas.

      +
      • +
    • +

      Exemplo de uma media query com várias condições:

      +
      • +
    +
    @media (max-width: 600px) and (orientation: portrait) {
+    /* Regras CSS para dispositivos com largura menor que 600px em modo retrato */
+    /* ... */
+}
+
    +
      +
    • +

      Design Responsivo: O uso eficaz de media queries é fundamental para criar um design responsivo que se adapte a uma variedade de dispositivos e tamanhos de tela. Você pode reorganizar o layout, ajustar tamanhos de fonte, ocultar ou exibir elementos e muito mais, dependendo das necessidades do seu design.

      +
      • +
    • +

      Exemplos Práticos: Algumas aplicações comuns de media queries incluem ajustar a navegação para telas pequenas, reorganizar colunas em layouts de grade e alterar o tamanho da fonte para melhor legibilidade em dispositivos móveis.

      +
      • +
    +

    10. Animações e Transições em CSS (Opcional)

    +

    As animações e transições em CSS permitem adicionar movimento e interatividade a elementos em uma página da web.

    +
      +
    • +

      Transições (transition): As transições permitem suavizar a mudança de um estado para outro. Você pode definir propriedades CSS que mudam gradualmente quando um evento, como um hover ou foco, ocorre. As transições são configuradas com a propriedade transition.

      +
      • +
    • +

      Exemplo:

      +
      • +
    +
    .botao {
+    background-color: #3498db;
+    transition: background-color 0.3s ease; /* Altera a cor de fundo suavemente em 0,3 segundos */
+}
+
+.botao:hover {
+    background-color: #2980b9; /* Nova cor de fundo no hover */
+}
+
    +
      +
    • +

      Animações (@keyframes): As animações permitem criar sequências de movimentos ou mudanças de estilo em elementos. Você define as etapas da animação usando a regra @keyframes e, em seguida, aplica essa animação a um elemento usando a propriedade animation.

      +
      • +
    • +

      Exemplo:

      +
      • +
    +
    @keyframes balanco {
+    0% {
+        transform: rotate(0deg); /* Começa sem rotação */
+    }
+    50% {
+        transform: rotate(10deg); /* Rotação intermediária */
+    }
+    100% {
+        transform: rotate(-10deg); /* Rotação final */
+    }
+}
+
+.caixa {
+    animation: balanco 2s infinite; /* Aplica a animação de balanço de forma contínua */
+}
+
    +
      +
    • +

      Propriedades de Animação (animation): A propriedade animation é usada para aplicar animações a elementos e controlar sua duração, iteração e outros aspectos.

      +
      • +
    • +

      Easing Functions: Você pode usar funções de "easing" para controlar como uma animação acelera ou desacelera ao longo do tempo. Alguns exemplos incluem ease, ease-in, ease-out e ease-in-out.

      +
      • +
    • +

      Frameworks de Animação: Para animações mais complexas, você pode considerar o uso de frameworks de animação em CSS, como o Animate.css ou bibliotecas JavaScript como o GreenSock (GSAP).

      +
      • +
    + + + + + + +
    +
    + + +
    + +
    + + + +
    +
    +
    +
    + + + + + + + + + + \ No newline at end of file diff --git a/treinamentos/treinamento_SQL/index.html b/treinamentos/treinamento_SQL/index.html new file mode 100644 index 00000000..5144c308 --- /dev/null +++ b/treinamentos/treinamento_SQL/index.html @@ -0,0 +1,2304 @@ + + + + + + + + + + + + + + + + + + + + + + + Treinamento de SQL - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + +
    + + + + + + +
    + + + + + + + +
    + +
    + + + + +
    +
    + + + +
    +
    +
    + + + + + + + +
    +
    +
    + + + +
    +
    +
    + + + +
    +
    +
    + + + +
    +
    + + + + + + + +

    Guia de Linux para Iniciantes

    +

    Instrutores

    +

    Eduardo GIT +Arthur GIT

    +

    Data e local

    +
      +
    • Dia do treinamento: quarta-feira(27/09) 14h-16h +
      • +
    • Local: Assíncrono
      • +
    + + + +

    Exercícios de fixação

    +

    Disponível na issue #49: Treinamento SQL

    +

    1 - Criar a tabela com os alunos de EPS e MDS (Disponível do Readme)

    +

    2 - Inserir os dados referentes aos alunos

    +

    3 - Adicionar a coluna notas e inserir notas para todos os alunos

    +

    4 - Ordenar a coluna do maior para o menor

    +

    5 - Remover as linhas em que as notas são menores que 5

    +

    Tópicos de Estudo

    +

    Guia de SQL Básico

    +

    Este guia aborda conceitos básicos do SQL (Structured Query Language) para gerenciamento de bancos de dados relacionais. O SQL é uma linguagem de consulta usada para criar, modificar e consultar dados em bancos de dados. Vamos explorar os principais conceitos:

    +

    Instalar SQL Server

    +

    O SQL Server é um sistema de gerenciamento de banco de dados relacional da Microsoft. Para começar a trabalhar com ele, você precisa instalá-lo em seu sistema. O processo de instalação pode variar dependendo do seu sistema operacional. Download SQL Server.

    +

    SQLite Online

    +

    O SQLite é um sistema de gerenciamento de banco de dados leve e autônomo. Você pode usar ferramentas online para criar, consultar e manipular bancos de dados SQLite sem a necessidade de instalação local. SQLite Online.

    +

    Colunas

    +

    As colunas são elementos de uma tabela de banco de dados que representam atributos específicos dos dados. Cada coluna tem um nome e um tipo de dado associado que define o tipo de valor que ela pode armazenar.

    +

    Comando SELECT

    +

    O comando SELECT é usado para consultar dados de uma ou mais tabelas em um banco de dados. Ele permite selecionar colunas específicas ou todas as colunas de uma tabela.

    +

    Comando FROM

    +

    O comando FROM especifica a tabela da qual você deseja selecionar os dados. Ele define a fonte dos dados que você está consultando.

    +

    Comando WHERE

    +

    O comando WHERE é usado para filtrar os resultados da consulta. Ele permite que você especifique condições que os registros retornados devem atender.

    +

    Alias (AS)

    +

    O Alias é usado para fornecer nomes alternativos para colunas ou tabelas em uma consulta. Isso pode tornar a saída da consulta mais legível.

    +

    ORDER BY

    +

    O comando ORDER BY é usado para classificar os resultados da consulta com base em uma ou mais colunas. Você pode classificar em ordem crescente (ASC) ou decrescente (DESC).

    +

    LIKE

    +

    O operador LIKE é usado em conjunto com o comando WHERE para pesquisar padrões de texto em colunas de caracteres. É útil para fazer consultas que correspondam a partes de uma string.

    +

    NOT IN

    +

    O operador NOT IN é usado para excluir resultados que correspondam a uma lista de valores especificada. Ele permite que você faça consultas negando uma lista de valores.

    +

    CREATE TABLE

    +

    O comando CREATE TABLE é usado para criar uma nova tabela em um banco de dados. Você precisa definir o nome da tabela e as colunas que ela terá.

    +

    INSERT INTO

    +

    O comando INSERT INTO é usado para adicionar novos registros a uma tabela existente. Você precisa especificar a tabela de destino e os valores a serem inseridos nas colunas.

    +

    DELETE

    +

    O comando DELETE é usado para remover registros de uma tabela. Você pode especificar condições para filtrar os registros a serem excluídos.

    +

    UPDATE

    +

    O comando UPDATE é usado para modificar registros existentes em uma tabela. Você pode atualizar os valores das colunas com base em condições especificadas.

    +

    ALTER TABLE

    +

    O comando ALTER TABLE é usado para modificar a estrutura de uma tabela existente. Você pode adicionar, modificar ou excluir colunas.

    +

    DROP TABLE

    +

    O comando DROP TABLE é usado para excluir uma tabela e todos os dados associados a ela. Esta ação é irreversível, então use com cuidado.

    +

    JOINS

    +

    As junções (JOINS) são usadas para combinar dados de duas ou mais tabelas em uma única consulta. Existem vários tipos de junções, como INNER JOIN, LEFT JOIN e RIGHT JOIN, que determinam como os dados são combinados.

    +

    Este guia básico fornece uma visão geral dos conceitos essenciais do SQL. Podendo futuramente explorar tópicos mais avançados e complexos relacionados ao SQL e ao gerenciamento de bancos de dados relacionais.

    + + + + + + +
    +
    + + +
    + +
    + + + +
    +
    +
    +
    + + + + + + + + + + \ No newline at end of file diff --git a/treinamentos/treinamento_git/index.html b/treinamentos/treinamento_git/index.html new file mode 100644 index 00000000..94f8573b --- /dev/null +++ b/treinamentos/treinamento_git/index.html @@ -0,0 +1,2699 @@ + + + + + + + + + + + + + + + + + + + + + + + Treinamento de Git - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + +
    + + + + + + +
    + + + + + + + +
    + +
    + + + + +
    +
    + + + +
    +
    +
    + + + + + + + +
    +
    +
    + + + +
    +
    +
    + + + +
    +
    +
    + + + +
    +
    + + + + + + + +

    Guia de Git para Iniciantes

    +

    Introdução ao Git e Plataformas de Hospedagem

    +

    O que é o Git?

    +
      +
    • Git é um sistema de controle de versão amplamente utilizado para rastrear alterações em projetos de software. Ele permite que você acompanhe o histórico de alterações, colabore com outros desenvolvedores e reverta para versões anteriores do seu código.
      • +
    +

    Git e Plataformas de Hospedagem

    +

    É importante observar que o Git, por si só, é um sistema de controle de versão distribuído e local. No entanto, você pode aproveitar ao máximo suas capacidades colaborativas usando plataformas de hospedagem como o GitHub e o GitLab. Essas plataformas oferecem recursos adicionais para gerenciamento de repositórios, rastreamento de problemas, colaboração em equipe e integração contínua.

    +
      +
    • +

      GitHub: É uma das plataformas de hospedagem mais populares para projetos Git. Ele oferece uma interface amigável e é amplamente utilizado para projetos de código aberto e privados. O GitHub também fornece ferramentas de gerenciamento de problemas (issues) e integração contínua.

      +
      • +
    • +

      GitLab: Semelhante ao GitHub, o GitLab é uma plataforma que oferece hospedagem de repositórios Git. Uma diferença notável é que o GitLab é mais flexível em termos de implantação, permitindo que você hospede sua própria instância em servidores internos ou na nuvem. Isso o torna uma opção atraente para empresas que precisam de controle sobre a infraestrutura.

      +
      • +
    +

    Independentemente da plataforma de hospedagem que você escolher, os comandos e conceitos do Git discutidos neste guia podem ser aplicados a qualquer repositório Git. O uso de uma plataforma de hospedagem facilita a colaboração, o acompanhamento de problemas e a automação de processos, tornando-o essencial para projetos de desenvolvimento de software em equipe.

    +

    Configuração Inicial

    +
      +
    • Antes de começar a usar o Git, configure seu nome de usuário e endereço de email:
      • +
    +
    git config --global user.name "Seu Nome"
+git config --global user.email "seu@email.com"
+
    +

    Criando um Repositório

    +

    Inicializando um Repositório Local

    +
      +
    1. Navegue até a pasta do seu projeto:
      2. +
    +
    cd /caminho/para/seu/projeto
+
    +
      +
    1. Inicialize um repositório Git:
      2. +
    +
    git init
+
    +

    Clonando um Repositório Remoto

    +
      +
    • Se você estiver trabalhando em um projeto existente:
      • +
    +
    git clone URL_DO_REPOSITÓRIO
+
    +

    Trabalhando com Arquivos

    +

    Adicionando Arquivos ao Stage

    +
      +
    • Antes de fazer commit das alterações, você precisa adicionar os arquivos ao stage:
      • +
    +
    git add nome-do-arquivo
+
    +
      +
    • Para adicionar todos os arquivos alterados ou novos:
      • +
    +
    git add .
+
    +

    Branches

    +

    Listando Branches

    +
      +
    • Para listar todas as branches no seu repositório e visualizar qual é a atual:
      • +
    +
    git branch
+
    +

    Criando uma Nova Branch

    +
      +
    • Para criar uma nova branch a partir da branch atual e mudar para ela:
      • +
    +
    git checkout -b nome-da-branch
+
    +
      +
    • Isso é equivalente a executar os comandos em duas etapas separadas:
      • +
    +
    git branch nome-da-branch
+git checkout nome-da-branch
+
    +

    Mudando de Branch

    +
      +
    • Para mudar de uma branch para outra:
      • +
    +
    git checkout nome-da-branch
+
    +

    Fazendo Merge entre Branches

    +
      +
    • Para fazer merge de uma branch de volta à branch principal:
      • +
    +
    git checkout branch-destino
+git merge nome-da-branch
+
    +

    Resolvendo Conflitos de Merge

    +
      +
    • Em caso de conflitos durante o merge, edite os arquivos conflitantes e depois faça commit:
      • +
    +
    git status  # Verifique os arquivos com conflitos
+# Edite os arquivos com conflitos
+git add nome-do-arquivo
+git commit -m "Resolver conflitos"
+
    +

    Trabalhando com Repositórios Remotos

    +

    Adicionando um Repositório Remoto

    +
      +
    • Para adicionar um repositório remoto:
      • +
    +
    git remote add origin URL_DO_REPOSITÓRIO
+
    +

    Enviando Alterações para o Repositório Remoto

    +
      +
    • Para enviar suas alterações para o repositório remoto:
      • +
    +
    git push origin nome-da-branch
+
    +

    Atualizando o Repositório Local

    +
      +
    • Para atualizar seu repositório local com as alterações do repositório remoto:
      • +
    +
    git pull origin nome-da-branch
+
    +

    Pull Requests

    +
      +
    • Pull Requests (PRs) são uma parte fundamental do fluxo de trabalho colaborativo no Git, especialmente ao trabalhar com plataformas de hospedagem de código como o GitHub. Eles permitem que você proponha suas alterações para um repositório e solicite que os mantenedores revisem e incorporem suas contribuições.
      • +
    +

    Criando um Pull Request

    +
      +
    1. Primeiro, certifique-se de que você tenha uma branch onde fez suas alterações. Se você não tiver, crie uma nova branch para suas alterações usando o comando:
      2. +
    +
    git checkout -b nome-da-sua-branch
+
    +
      +
    1. +

      Faça commit das suas alterações na sua branch.

      +
      2. +
    2. +

      Navegue até a página do repositório no GitHub onde deseja criar o Pull Request.

      +
      3. +
    3. +

      Clique no botão "New Pull Request" (GitHub)

      +
      4. +
    4. +

      Selecione a branch de onde suas alterações estão vindo (geralmente sua branch) e a branch de destino (geralmente a main).

      +
      5. +
    5. +

      Dê um título e uma descrição descritiva para o seu Pull Request. Explique o que suas alterações fazem e por que são necessárias (Utilizar template).

      +
      6. +
    6. +

      Clique em "Create Pull Request" (GitHub)

      +
      7. +
    +

    Revisando e Comentando

    +
      +
    • Os revisores (ou mantenedores do projeto) podem revisar suas alterações diretamente no Pull Request. Eles podem deixar comentários, sugerir alterações e discutir as alterações propostas com você.
      • +
    +

    Atualizando o Pull Request

    +
      +
    • +

      Se os revisores solicitarem alterações ou se você precisar atualizar suas alterações, siga estas etapas:

      +
      • +
    • +

      Faça as alterações necessárias nos seus arquivos locais e faça um novo commit.

      +
      • +
    • +

      As alterações serão automaticamente adicionadas ao Pull Request existente.

      +
      • +
    +

    Mergeando um Pull Request

    +
      +
    • +

      Uma vez que seus Pull Requests tenham sido revisados e aprovados, eles podem ser mergeados na branch de destino.

      +
      • +
    • +

      Clique no botão "Merge" (GitHub).

      +
      • +
    • +

      Suas alterações serão mergeadas na branch de destino.

      +
      • +
    +

    Fechando um Pull Request

    +
      +
    • +

      Após um merge bem-sucedido do Pull Request, ele pode ser fechado.

      +
      • +
    • +

      Clique no botão "Close" (GitHub) no seu Pull Request para marcá-lo como concluído.

      +
      • +
    • +

      Os Pull Requests são uma maneira eficaz de colaborar em projetos Git e garantir que as alterações sejam revisadas e testadas antes de serem incorporadas ao código principal.

      +
      • +
    +

    Git Stash

    +
      +
    • O comando git stash é uma ferramenta útil para salvar temporariamente as alterações não confirmadas em seu diretório de trabalho, permitindo que você limpe o seu ambiente de trabalho atual e volte a ele mais tarde. Isso é especialmente útil quando você está no meio de uma tarefa, mas precisa mudar de branch ou lidar com outra emergência.
      • +
    +

    Salvando Alterações com Git Stash

    +
      +
    • Para salvar as alterações não confirmadas em um stash, use o seguinte comando:
      • +
    +
    git stash save "Mensagem do Stash"
+
    +
      +
    • Isso criará um stash com um nome descritivo para que você possa identificar facilmente suas alterações mais tarde.
      • +
    +

    Listando Stashes

    +
      +
    • Você pode listar todos os stashes disponíveis no repositório usando o comando:
      • +
    +
    git stash list
+
    +

    Aplicando Alterações do Stash

    +
      +
    • Para aplicar as alterações de um stash de volta ao seu diretório de trabalho, use o seguinte comando:
      • +
    +
    git stash apply stash@{n}
+
    +

    Removendo Stashes

    +
      +
    • Para remover um stash após aplicar suas alterações, use o seguinte comando:
      • +
    +
    git stash drop stash@{n}
+
    +
      +
    • Para remover todos os stashes de uma vez:
      • +
    +
    git stash clear
+
    +
      +
    • O comando git stash é uma ferramenta útil para gerenciar suas alterações temporárias e pode ser especialmente valioso quando você precisa alternar rapidamente entre tarefas ou lidar com problemas inesperados.
      • +
    +

    Rebase

    +

    Realizando um Rebase

    +
      +
    • +

      O rebase é uma operação que reescreve o histórico do seu projeto. Ele permite que você pegue todas as alterações de uma branch e aplique-as como se fossem feitas diretamente na branch em que você está. Isso pode criar um histórico mais linear e limpo.

      +
      • +
    • +

      Para fazer um rebase de uma branch sobre a outra:

      +
      • +
    +
    git checkout nome-da-branch
+git rebase branch-destino
+
    +

    Resolvendo Conflitos de Rebase

    +
      +
    • Assim como no merge, durante o rebase, podem ocorrer conflitos. Resolva-os da mesma maneira:
      • +
    +
    git status  # Verifique os arquivos com conflitos
+# Edite os arquivos com conflitos
+git add nome-do-arquivo
+git rebase --continue
+
    +

    Usando o Rebase com Cuidado

    +
      +
    • O rebase é uma ferramenta poderosa, mas deve ser usado com cuidado, especialmente em branches compartilhadas. Reescrever o histórico pode causar problemas para outros colaboradores. Portanto, é recomendável usá-lo principalmente em suas branches pessoais.
      • +
    + +

    https://github.com/HenriqueAmorim20/2023-2-GEROcuidado-treinamento-git.git

    + +

    https://github.com/fga-eps-mds/2023-2-GEROcuidado-Doc/blob/main/docs/planejamento/plano_de_contribuicao.md

    + +

    https://drive.google.com/file/d/10-qd7qyaap0q5aRotCIWm-ssIk4AG288/view?usp=sharing

    + + + + + + +
    +
    + + +
    + +
    + + + +
    +
    +
    +
    + + + + + + + + + + \ No newline at end of file diff --git a/treinamentos/treinamento_javascript/index.html b/treinamentos/treinamento_javascript/index.html new file mode 100644 index 00000000..46a0e84a --- /dev/null +++ b/treinamentos/treinamento_javascript/index.html @@ -0,0 +1,2470 @@ + + + + + + + + + + + + + + + + + + + + + + + Treinamento de Javascript - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + +
    + + + + + + +
    + + + + + + + +
    + +
    + + + + +
    +
    + + + +
    +
    +
    + + + + + + + +
    +
    +
    + + + +
    +
    +
    + + + +
    +
    +
    + + + +
    +
    + + + + + + + +

    Módulo 1: Introdução ao JavaScript

    +

    O que é JavaScript?

    +

    História e evolução

    +

    JavaScript é uma linguagem de programação de alto nível criada por Brendan Eich em 1995. Foi originalmente desenvolvida para ser executada no navegador Netscape Navigator e tinha o nome inicial de "LiveScript". Mais tarde, foi renomeada para JavaScript para aproveitar o sucesso da linguagem Java. JavaScript evoluiu significativamente ao longo dos anos, tornando-se uma das linguagens de programação mais populares e versáteis do mundo.

    +

    O papel do JavaScript no desenvolvimento web

    +

    JavaScript desempenha um papel fundamental no desenvolvimento web moderno. Ele permite que você adicione interatividade e dinamismo às páginas da web, tornando-as mais envolventes para os usuários. Por exemplo, você pode usar JavaScript para:

    +
      +
    • Validar formulários em tempo real.
      • +
    • Criar carrosséis de imagens interativos.
      • +
    • Atualizar conteúdo de páginas sem recarregar a página inteira (AJAX).
      • +
    • Manipular o Document Object Model (DOM) para alterar elementos HTML dinamicamente.
      • +
    • Criar jogos e aplicativos web complexos.
      • +
    +

    Configuração do ambiente

    +

    Instalação do Node.js

    +

    Para trabalhar com JavaScript no servidor (back-end), é comum usar o Node.js. Para instalá-lo, siga os passos apropriados para o seu sistema operacional no site oficial do Node.js: Node.js Download.

    +
    node -v
+npm -v
+
    +

    Módulo 2: Conceitos Básicos

    +

    Variáveis e Tipos de Dados

    +

    Variáveis e constantes

    +

    Em JavaScript, você pode declarar variáveis usando as palavras-chave var, let e const. A diferença entre var, let e const está no escopo e na mutabilidade das variáveis.

    +
    var nome = "João"; // Declaração de variável usando var
+let idade = 30;    // Declaração de variável usando let
+const PI = 3.1415;  // Declaração de constante usando const
+
    +

    Tipos de dados primitivos

    +
     let numero = 42; // Números
+ let nome = "Alice";  // String
+ let estaAtivo = true;  // Booleanos
+ let valor; // Undefined (quando uma variável é declarada, mas nenhum valor é atribuído a ela)
+ let nulo = null;  // Nulo  (representa a ausência intencional de qualquer valor ou objeto)
+
    +

    Operadores

    +

    Operadores aritméticos

    +
    let a = 10;
+let b = 5;
+
+// *** ATENÇÃO PARA O TIPO DE DADO
+let soma = a + b;     // Soma: 15
+let subtracao = a - b; // Subtração: 5
+let multiplicacao = a * b; // Multiplicação: 50
+let divisao = a / b; // Divisão: 2
+
    +

    Operadores de comparação

    +
    let x = 10;
+let y = 5;
+
+let igual = x === y;   // Igual: false
+let diferente = x !== y; // Diferente: true
+let maior = x > y;      // Maior que: true
+let menor = x < y;      // Menor que: false
+
    +

    Operadores lógicos

    +
    let estaChovendo = true;
+let estaFrio = false;
+
+let ficarEmCasa = estaChovendo && estaFrio; // Ambos verdadeiros: true
+let sairParaPassear = estaChovendo || estaFrio; // Pelo menos um verdadeiro: true
+let naoSair = !sairParaPassear; // Invertendo o valor: false
+
    +

    Controle de Fluxo

    +

    Estruturas condicionais (if, else, switch, operador ternário)

    +
      +
    • Estruturas condicionais permitem que você execute código com base em condições. O if é usado para executar um bloco de código se a condição for verdadeira, enquanto o else é usado para executar um bloco de código alternativo se a condição for falsa.
      • +
    +

    ```js +let idade = 18;

    +

    if (idade >= 18) { + console.log("Você é maior de idade."); +} else { + console.log("Você é menor de idade."); +} + ```

    +
      +
    • O switch é usado quando você precisa lidar com múltiplas condições.
      • +
    +
    let diaDaSemana = 3;
+let nomeDoDia;
+
+switch (diaDaSemana) {
+  case 1:
+    nomeDoDia = "Segunda-feira";
+    break;
+  case 2:
+    nomeDoDia = "Terça-feira";
+    break;
+  case 3:
+    nomeDoDia = "Quarta-feira";
+    break;
+  case 4:
+    nomeDoDia = "Quinta-feira";
+    break;
+  case 5:
+    nomeDoDia = "Sexta-feira";
+    break;
+  case 6:
+    nomeDoDia = "Sábado";
+    break;
+  case 7:
+    nomeDoDia = "Domingo";
+    break;
+  default:
+    nomeDoDia = "Dia inválido";
+}
+
+console.log("Hoje é " + nomeDoDia);
+
    +
      +
    • O operador ternário ? é uma forma concisa de escrever uma instrução if...else em uma única linha.
      • +
    +
    let idade = 20;
+let status = (idade >= 18) ? "Maior de idade" : "Menor de idade";
+console.log(status);
+
    +

    Estruturas de repetição (for, while, do-while)

    +

    Estruturas de repetição permitem que você execute código repetidamente.

    +
      +
    • O for é útil quando você sabe quantas vezes deseja repetir.
      • +
    +
    for (let i = 0; i < 5; i++) {
+  console.log("Número: " + i);
+}
+
    +
      +
    • O while executa o loop enquanto a condição for verdadeira.
      • +
    +
    let contador = 0;
+
+while (contador < 5) {
+  console.log("Contador: " + contador);
+  contador++;
+}
+
    +
      +
    • O do While executa o loop primeiro e depois verifica a condição.
      • +
    +
    let contador = 0;
+
+do {
+  console.log('Contador: ' + contador)
+  contador++;
+} while(contador <= 10)
+
    +

    Módulo 3: Funções e Escopo

    +

    Funções

    +

    Definindo Funções

    +

    Funções são blocos de código reutilizáveis que podem ser chamados em vários lugares do programa. Em JavaScript, você pode definir funções de várias maneiras, incluindo declarações de função e expressões de função.

    +
    // Função tradicional
+// ** Parâmetros são variáveis listadas entre os parênteses na definição de uma função. Eles servem como variáveis locais na função.
+function saudacao(nome) {
+  console.log(`Olá, ${nome}!`);
+}
+
+// Expressão de função (function expression)
+const saudacao = function(nome) {
+  console.log(`Olá, ${nome}!`);
+};
+
+saudacao("Maria"); // Chamando a função e passando o argumento "Maria"
+
    +

    Retornando Valores

    +

    Funções podem retornar valores usando a palavra-chave return. Isso permite que você obtenha um resultado calculado ou processado pela função.

    +
    function soma(a, b) {
+  return a + b;
+}
+
+let resultado = soma(5, 3); // Chamando a função e armazenando o resultado
+console.log(resultado); // Exibe 8
+
    +

    Arrow Functions

    +
      +
    • Arrow functions são uma sintaxe mais curta e concisa para definir funções em JavaScript.
      • +
    • Elas têm um escopo léxico, o que significa que herdam o valor this do contexto em que foram criadas.
      • +
    +
    const soma = (a, b) => a + b;
+
    +

    Escopo

    +

    Escopo Global e Local

    +

    Em JavaScript, existem dois principais níveis de escopo: escopo global e escopo local. Variáveis declaradas fora de uma função têm escopo global, enquanto variáveis declaradas dentro de uma função têm escopo local.

    +
    let globalVar = "Isso é uma variável global";
+
+function exemploEscopo() {
+  let localVar = "Isso é uma variável local";
+  console.log(globalVar); // Variável global acessível dentro da função
+  console.log(localVar);  // Variável local acessível dentro da função
+}
+
+exemploEscopo();
+console.log(globalVar); // Variável global acessível fora da função
+// console.log(localVar);  // Isso resultará em um erro, a variável local não é acessível fora da função
+
    +

    Escopo de Bloco (let e const)

    +

    Variáveis declaradas com let e const também têm escopo de bloco. Isso significa que elas estão limitadas ao bloco de código em que são declaradas.

    +
    if (true) {
+  let nome = "João";
+  console.log(nome); // Variável "nome" é acessível apenas neste bloco
+}
+// console.log(nome);  // Isso resultará em um erro, a variável "nome" não é acessível aqui
+
    +

    Closure

    +

    Um closure é uma função que "lembra" do ambiente em que foi criada, incluindo as variáveis fora de seu próprio escopo.

    +
    function contador() {
+  let count = 0;
+
+  function increment() {
+    count++;
+    console.log(count);
+  }
+
+  return increment;
+}
+
+let contador1 = contador();
+contador1(); // Exibe 1
+contador1(); // Exibe 2
+
    +

    Neste exemplo, contador retorna a função increment, que ainda tem acesso à variável count mesmo após contador ter sido executada.

    +

    Módulo 4: Arrays e Objetos

    +

    Arrays

    +

    Introdução a Arrays

    +

    Arrays são estruturas de dados em JavaScript que permitem armazenar e organizar coleções de valores. Eles são especialmente úteis para lidar com listas de itens relacionados.

    +
    let frutas = ["Maçã", "Banana", "Morango"];
+
    +

    Acessando e Modificando Elementos de um Array

    +

    Você pode acessar e modificar elementos em um array usando índices.

    +
    let primeiraFruta = frutas[0]; // Acessa o primeiro elemento (índice 0)
+console.log(primeiraFruta); // Exibe "Maçã"
+
+frutas[1] = "Pera"; // Modifica o segundo elemento (índice 1)
+console.log(frutas); // Exibe ["Maçã", "Pera", "Morango"]
+
    +

    Métodos de Arrays

    +

    Arrays possuem métodos que permitem realizar operações comuns, como adicionar, remover, filtrar e transformar elementos.

    +
    frutas.push("Uva", "Abacaxi"); // Adiciona elementos ao final do array
+console.log(frutas); // Exibe ["Maçã", "Pera", "Morango", "Uva", "Abacaxi"]
+
+frutas.unshift("Manga"); // Adiciona elementos ao início do array
+console.log(frutas); // Exibe ["Manga", "Maçã", "Pera", "Morango", "Uva", "Abacaxi"]
+
+frutas.pop(); // Remove o elemento do final do array
+console.log(frutas); // Exibe ["Manga", "Maçã", "Pera", "Morango", "Uva"]
+
+frutas.shift(); // Remove o elemento do início do array
+console.log(frutas); // Exibe ["Maçã", "Pera", "Morango", "Uva"]
+
    +

    Iteração com Loops em Arrays

    +

    Loops como for e for...of são usados para iterar pelos elementos de um array.

    +
    for (let fruta of frutas) {
+  console.log(fruta); // "Maçã" -> "Pera" -> "Morango" -> "Uva"
+}
+
    +

    Objetos

    +

    Introdução a Objetos

    +

    Objetos são estruturas de dados que permitem armazenar informações organizadas em pares de chave e valor. Eles são ideais para representar entidades complexas com propriedades específicas.

    +
    let pessoa = {
+  nome: "Maria",
+  idade: 30,
+  cidade: "São Paulo"
+};
+
    +

    Acessando e Modificando Propriedades de um Objeto

    +

    Você pode acessar e modificar as propriedades de um objeto usando a notação de ponto ou a notação de colchetes.

    +
    let nomeDaPessoa = pessoa.nome; // Acessa a propriedade "nome"
+console.log(nomeDaPessoa); // Exibe "Maria"
+
+pessoa.idade = 31; // Modifica a propriedade "idade"
+console.log(pessoa); // Exibe { nome: "Maria", idade: 31, cidade: "São Paulo" }
+
    +

    Métodos e Funções em Objetos

    +

    Objetos podem conter métodos, que são funções definidas dentro do objeto.

    +
    let carro = {
+  marca: "Toyota",
+  modelo: "Camry",
+  ligar: function() {
+    console.log("O carro está ligado.");
+  }
+};
+
+carro.ligar(); // Chama o método "ligar" do objeto
+
    +

    Iteração com Loops em Objetos

    +

    Você pode iterar pelas propriedades de um objeto usando loops como for...in.

    +
    for (let chave in pessoa) {
+  console.log(chave + ": " + pessoa[chave]); // "nome: Maria" -> "idade: 30" -> "Cidade: São Paulo"
+}
+
    +

    Desestruturação

    +
      +
    • A desestruturação permite que você extraia valores de objetos e arrays de forma mais conveniente.
      • +
    • É útil para atribuir variáveis a partir de propriedades de objetos ou elementos de arrays.
      • +
    +
    const pessoa = { nome: "Maria", idade: 30 };
+const { nome, idade } = pessoa;
+
+const array = ["Maçã", "Pera"];
+const [fruta1, fruta2] = array;
+
    +

    Spread e Rest Operator

    +
      +
    • O operador spread (...) permite espalhar elementos de um array ou propriedades de um objeto em outro.
      • +
    • O operador rest (...) é usado para coletar argumentos em uma função em um único array.
      • +
    +
    // spread
+const frutas = ["Maçã", "Banana"];
+const maisFrutas = [...frutas, "Morango"];
+console.log(maisFrutas) // ["Maçã", "Banana", "Morango"]
+
+// rest
+const pessoa = { nome: "Maria", idade: 30 }
+const professora = { ...pessoa, materia: "Biologia" }
+console.log(professora) // { nome: "Maria", idade: 30, materia: "Biologia" }
+
    +

    Módulo 5: Manipulação do DOM e Eventos

    +

    Introdução ao DOM (Document Object Model)

    +

    O que é o DOM?

    +

    O DOM (Document Object Model) é uma representação hierárquica em árvore de um documento HTML ou XML. Ele permite que os programadores acessem e manipulem os elementos e conteúdos de uma página web por meio de scripts.

    +
    let elemento = document.getElementById("meu-elemento");
+
    +

    Manipulação do DOM

    +

    Selecionando Elementos

    +

    Você pode selecionar elementos do DOM usando métodos como getElementById, querySelector, getElementsByClassName e getElementsByTagName.

    +
    let meuElemento = document.getElementById("meu-elemento");
+let botoes = document.getElementsByClassName("botao");
+let paragrafos = document.querySelectorAll("p");
+
    +

    Manipulando Conteúdo

    +

    Você pode alterar o conteúdo de elementos HTML, como textos e atributos, usando propriedades do DOM.

    +
    let meuElemento = document.getElementById("meu-elemento");
+meuElemento.textContent = "Novo texto";
+meuElemento.setAttribute("href", "https://www.example.com");
+
    +

    Criando e Inserindo Elementos

    +

    Você pode criar novos elementos HTML e inseri-los no DOM.

    +
    let novaDiv = document.createElement("div");
+document.body.appendChild(novaDiv); // Insere a nova div como filho do body
+
    +

    Eventos

    +

    Introdução a Eventos

    +

    Eventos são ações do usuário ou do navegador que podem ser detectadas e respondidas por meio de scripts. Exemplos de eventos incluem cliques de mouse, pressionamento de teclas e redimensionamento da janela.

    +
    meuElemento.addEventListener("click", function() {
+  alert("Cliquei no elemento!");
+});
+
    +

    Manipulando Eventos

    +

    Você pode criar funções de manipulação de eventos para executar ações quando um evento específico ocorre.

    +
    function clicarElemento() {
+  alert("Cliquei no elemento!");
+}
+
+meuElemento.addEventListener("click", clicarElemento);
+
    +

    Event Bubbling e Delegation

    +

    Event Bubbling

    +

    O event bubbling é um comportamento em que eventos ocorrem primeiro nos elementos mais internos e depois se propagam para os elementos pai. Isso afeta a ordem em que os eventos são tratados.

    +
    <div id="pai">
+  <button id="botao">Clique aqui</button>
+</div>
+
    +
    document.getElementById("pai").addEventListener("click", function() {
+    alert("Cliquei no pai.");
+});
+
+document.getElementById("botao").addEventListener("click", function() {
+    alert("Cliquei no botão.");
+});
+
    +

    Event Delegation

    +

    O event delegation é uma técnica em que você adiciona um único manipulador de evento a um elemento pai em vez de adicionar manipuladores a vários elementos filhos. Isso é útil para otimizar o desempenho e tratar eventos em elementos dinâmicos.

    +
    <ul id="minha-lista">
+  <li>Item 1</li>
+  <li>Item 2</li>
+  <li>Item 3</li>
+</ul>
+
    +
    document.getElementById("minha-lista").addEventListener("click", function(event) {
+  if (event.target.tagName === "LI") {
+    alert("Cliquei no item: " + event.target.textContent);
+  }
+});
+
    +

    Módulo 6: Aplicações e Tópicos Avançados em JavaScript

    +

    Manipulação de Formulários

    +

    Interação com Formulários

    +

    JavaScript pode ser usado para interagir com formulários HTML, obtendo dados de entrada do usuário e validando esses dados.

    +
    let inputNome = document.getElementById("nome");
+let valorNome = inputNome.value;
+
+// Validando
+if (!valorEmail.includes("@")) {
+  alert("O endereço de email é inválido.");
+}
+
    +

    Programação Assíncrona

    +

    Callbacks

    +

    Callbacks são funções que são passadas como argumentos para outras funções e são executadas após a conclusão de uma operação assíncrona.

    +
    function fazerAlgoAssincrono(callback) {
+  setTimeout(() => {
+    console.log("Operação assíncrona concluída.");
+    callback();
+  }, 2000);
+}
+
+fazerAlgoAssincrono(() => {
+  console.log("Callback executado após a operação assíncrona.");
+});
+
    +

    Promises

    +

    Promises são uma forma mais estruturada de lidar com operações assíncronas em JavaScript, tornando o código mais legível e gerenciável.

    +
    function fazerAlgoAssincrono() {
+  return new Promise((resolve, reject) => {
+    setTimeout(() => {
+      console.log("Operação assíncrona concluída.");
+      resolve();
+    }, 2000);
+  });
+}
+
+fazerAlgoAssincrono()
+  .then(() => {
+    console.log("Promise resolvida com sucesso.");
+  })
+  .catch((error) => {
+    console.error("Erro na Promise: " + error);
+  });
+
    +

    Async/Await

    +
      +
    • As palavras-chave async e await são usadas para tornar o código mais legível ao trabalhar com operações assíncronas em JavaScript.
      • +
    • Elas são frequentemente usadas em conjunto com Promises para simplificar o código assíncrono.
      • +
    • Funções Assíncronas (Async Functions)
      • +
    • A palavra-chave async é usada para declarar uma função como assíncrona.
      • +
    • Funções assíncronas sempre retornam uma Promise.
      • +
    +
    async function minhaFuncao() {
+  const resultado = await algumaOperacaoAssincrona();
+  console.log(resultado);
+}
+
    +
      +
    • Tratamento de Erros:
      • +
    • Você pode usar try...catch para capturar erros ao trabalhar com await.
      • +
    • Isso torna a manipulação de erros em código assíncrono mais semelhante à manipulação de erros em código síncrono.
      • +
    +
    async function minhaFuncao() {
+  try {
+    const resultado = await algumaOperacaoAssincrona();
+    console.log(resultado);
+  } catch (erro) {
+    console.error("Ocorreu um erro: " + erro);
+  }
+}
+
    +

    Classes

    +
      +
    • As classes são uma forma de definir objetos e construtores em JavaScript de maneira mais orientada a objetos.
      • +
    • Elas simplificam a criação de objetos com propriedades e métodos.
      • +
    +
    class Pessoa {
+  constructor(nome, idade) {
+    this.nome = nome;
+    this.idade = idade;
+  }
+
+  saudacao() {
+    console.log(`Olá, meu nome é ${this.nome} e tenho ${this.idade} anos.`);
+  }
+}
+
+const maria = new Pessoa("Maria", 30);
+maria.saudacao();
+
    +

    Módulos

    +
      +
    • Os módulos permitem organizar e reutilizar código em diferentes arquivos.
      • +
    • O ES6 introduziu o sistema de módulos em JavaScript, com as palavras-chave import e export.
      • +
    +
    // arquivo modulo.js
+export const soma = (a, b) => a + b;
+
+// arquivo principal.js
+import { soma } from "./modulo.js";
+console.log(soma(5, 3)); // Exibe 8
+
    +

    Módulo 7: Manipulação de Dados em JSON

    +

    Sintaxe JSON

    +
      +
    • JSON é composto por pares de chave/valor, semelhante à notação de objetos em JavaScript.
      • +
    • Os valores podem ser strings, números, booleanos, objetos, arrays ou null.
      • +
    • Chaves devem estar entre aspas duplas (") e seguidas de :.
      • +
    +
    {
+  "nome": "Maria",
+  "idade": 30,
+  "casado": false,
+  "hobbies": ["Leitura", "Esportes"]
+}
+
    +

    Conversão entre JSON e JavaScript

    +

    É possível converter entre objetos JavaScript e strings JSON usando as funções JSON.stringify() e JSON.parse().

    +
    // JSON/Objeto -> string
+const pessoa = {
+  nome: "Maria",
+  idade: 30
+};
+const jsonPessoa = JSON.stringify(pessoa);
+console.log(jsonPessoa);
+
+// string -> JSON/Objeto
+const jsonString = '{"nome": "Maria", "idade": 30}';
+const objetoPessoa = JSON.parse(jsonString);
+console.log(objetoPessoa);
+
    +

    Uso de JSON em Requisições e Respostas HTTP

    +

    JSON é frequentemente usado em APIs para transmitir dados entre clientes e servidores. +As solicitações HTTP podem enviar dados JSON no corpo da requisição, e as respostas geralmente são recebidas como JSON.

    +
    // Enviar
+fetch("https://api.example.com/salvar-dados", {
+  method: "POST",
+  headers: {
+    "Content-Type": "application/json"
+  },
+  body: JSON.stringify({ nome: "Maria", idade: 30 })
+});
+
+// Receber
+fetch("https://api.example.com/obter-dados")
+  .then(response => response.json())
+  .then(data => {
+    console.log(data);
+  });
+
    +

    Boas Práticas

    +
      +
    • Ao criar e manipular JSON, certifique-se de que a sintaxe esteja correta e que os valores estejam no formato adequado.
      • +
    • Use try...catch ao analisar JSON para lidar com erros de sintaxe.
      • +
    +
    try {
+  const objeto = JSON.parse(jsonString);
+} catch (erro) {
+  console.error("Erro ao analisar JSON: " + erro);
+}
+
    +

    Link da vídeo aula

    +

    https://drive.google.com/file/d/1IO_FbpdqCZp-XgA18jCmeRS8gnc2rYeL/view?usp=sharing

    + + + + + + +
    +
    + + +
    + +
    + + + +
    +
    +
    +
    + + + + + + + + + + \ No newline at end of file diff --git a/treinamentos/treinamento_linux/index.html b/treinamentos/treinamento_linux/index.html new file mode 100644 index 00000000..daa7856e --- /dev/null +++ b/treinamentos/treinamento_linux/index.html @@ -0,0 +1,2230 @@ + + + + + + + + + + + + + + + + + + + + + + + Treinamento de Linux - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + +
    + + + + + + +
    + + + + + + + +
    + +
    + + + + +
    +
    + + + +
    +
    +
    + + + + + + + +
    +
    +
    + + + +
    +
    +
    + + + +
    +
    +
    + + + +
    +
    + + + + + + + +

    Guia de Linux para Iniciantes

    +

    Instrutores

    +

    Eduardo GIT +Gustavo GIT

    +

    Data e local

    +
      +
    • Dia do treinamento: sexta-feira(15/09) 12-14h +
      • +
    • Local: FGA
      • +
    +

    Tópicos de Estudo

    +

    Instalação do Linux e particionamento de disco

    +

    1. Introdução ao Linux

    +
      +
    • O que é Linux?
      • +
    • Distribuições Linux populares
      • +
    • Diferenças entre Linux e outros sistemas operacionais
      • +
    +

    2. Comandos Básicos do Terminal

    +
      +
    • Navegando no sistema de arquivos
      • +
    • Manipulação de arquivos e diretórios
      • +
    • Gerenciamento de permissões
      • +
    • Tarefas de usuário e administrador
      • +
    +

    3. Shell Scripting

    +
      +
    • Escrevendo scripts em Bash
      • +
    +

    4. Gerenciamento de Pacotes

    +
      +
    • Gerenciadores de pacotes (APT, YUM, etc.)
      • +
    • Instalando, atualizando e removendo software
      • +
    • Resolvendo dependências
      • +
    +

    5. Configuração de Rede

    +
      +
    • Configuração de interface de rede
      • +
    • Troubleshooting de rede
      • +
    • Firewall e segurança de rede
      • +
    +

    6. Virtualização e Contêineres

    +
      +
    • Uso de máquinas virtuais
      • +
    • Docker e contêineres
      • +
    +

    7. Monitoramento e Solução de Problemas

    +
      +
    • Ferramentas de monitoramento
      • +
    • Análise de logs
      • +
    • Resolução de problemas comuns
      • +
    +

    Comandos de Sistema de Arquivos

    +
      +
    • pwd: Mostra o diretório atual.
      • +
    • ls: Lista arquivos e diretórios.
      • +
    • cd: Navega entre diretórios.
      • +
    • mkdir: Cria um novo diretório.
      • +
    • rm: Remove arquivos ou diretórios.
      • +
    • cp: Copia arquivos ou diretórios.
      • +
    • mv: Move ou renomeia arquivos ou diretórios.
      • +
    +

    Comandos de Texto

    +
      +
    • cat: Exibe o conteúdo de um arquivo.
      • +
    • less: Exibe um arquivo por página.
      • +
    • head: Exibe as primeiras linhas de um arquivo.
      • +
    • tail: Exibe as últimas linhas de um arquivo.
      • +
    • grep: Pesquisa texto em arquivos.
      • +
    • find: Procura arquivos e diretórios.
      • +
    +

    Comandos de Gerenciamento de Pacotes

    +
      +
    • apt-get (Debian/Ubuntu) ou yum (Red Hat/CentOS): Gerencia pacotes.
      • +
    • dpkg (Debian/Ubuntu) ou rpm (Red Hat/CentOS): Gerencia pacotes individualmente.
      • +
    +

    Comandos de Redes

    +
      +
    • ping: Testa a conectividade com um host.
      • +
    • ifconfig ou ip: Exibe informações de rede.
      • +
    • ssh: Acessa um servidor remoto de forma segura.
      • +
    • scp: Copia arquivos via SSH.
      • +
    +

    Comandos de Usuário

    +
      +
    • who: Mostra os usuários conectados.
      • +
    • whoami: Mostra o nome de usuário atual.
      • +
    • passwd: Altera a senha do usuário.
      • +
    • useradd: Adiciona um novo usuário.
      • +
    +

    Comandos de Processos

    +
      +
    • ps: Exibe processos em execução.
      • +
    • top: Exibe os principais processos em tempo real.
      • +
    • kill: Encerra processos.
      • +
    • systemctl: Controla serviços do sistema.
      • +
    +

    Comandos de Gerenciamento de Disco

    +
      +
    • df: Mostra o uso do espaço em disco.
      • +
    • du: Mostra o uso de espaço em diretórios.
      • +
    • fdisk: Gerencia partições de disco.
      • +
    • mount e umount: Montam e desmontam sistemas de arquivos.
      • +
    + +

    Plano de Contribuição

    +

    Imagem do treinamento

    +

    20230915_131924.jpg

    + + + + + + +
    +
    + + +
    + +
    + + + +
    +
    +
    +
    + + + + + + + + + + \ No newline at end of file diff --git a/treinamentos/treinamento_metodologias_ageis/index.html b/treinamentos/treinamento_metodologias_ageis/index.html new file mode 100644 index 00000000..744c5c92 --- /dev/null +++ b/treinamentos/treinamento_metodologias_ageis/index.html @@ -0,0 +1,2030 @@ + + + + + + + + + + + + + + + + + + + + + + + Treinamento de Metodologias Ágeis - GEROcuidado + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + +
    + + + + + + +
    + + + + + + + +
    + +
    + + + + +
    +
    + + + +
    +
    +
    + + + + + + + +
    +
    +
    + + + +
    +
    +
    + + + +
    +
    +
    + + + +
    +
    + + + + + + + +

    Treinamento de Metodologias Ágeis

    + +

    Guia de Metodologias Ágeis para iniciantes

    +

    Apresentação

    +

    Apresentação de Metodologias Ágeis

    +

    Slides usados na apresentação

    + + +

    Metodologias ágeis

    +

    A metodologia ágil é um conjunto de práticas que visam permitir, por meio de inspeção e adaptações frequentes, entregas rápidas, com qualidade e alinhadas à necessidade do cliente e da empresa.

    +

    Em 2001 surgiu o Manifesto Ágil de Desenvolvimento de Software, documento tão importante que funcionou como uma bíblia para o desenvolvimento ágil até hoje, expondo todos os princípios e boas práticas que precisam ser aplicadas.

    +

    Ele surgiu durante uma reunião de desenvolvedores de software ocorrida nas montanhas de Utah, nos Estados Unidos. A comunidade de desenvolvedores estava cansada de usar métodos considerados “pesados” e por isso decidiu lançar um manifesto detalhado.

    +

    As metodologias ágeis defendem que, acima de tudo, devemos buscar a satisfação do cliente por meio de entregas contínuas que agregam valor, mantendo uma comunicação constante entre os membros da equipe. É uma interação dinâmica que permite trabalhar com divisões claras de etapas. Isso vem ajudando muitas equipes a enfrentarem incertezas e imprevisibilidades por meio de entregas incrementais e iterativas.

    +

    A metodologia ágil possui 4 valores básicos, que são difundidos e respeitados pelos times:

    +
      +
    • Software em funcionamento mais que documentação abrangente;
      • +
    • Indivíduos e interação mais que processos e ferramentas;
      • +
    • Colaboração com o cliente mais que negociação de contratos;
      • +
    • Responder a mudanças mais que seguir um plano.
      • +
    +

    Frameworks ágeis

    +

    SCRUM

    +

    SCRUM

    +

    Scrum é um conjunto de boas práticas empregado no gerenciamento de projetos complexos, em que não se conhece todas as etapas ou necessidades.

    +

    Focado nos membros da equipe, o Scrum torna os processos mais simples e claros, pois mantém registros visíveis sobre o andamento de todas as etapas.

    +

    Assim, os participantes sabem em que fase o projeto está, o que já foi concluído e o que falta ser feito para a sua entrega.

    +

    A metodologia também possibilita que produtos sejam apresentados em menor tempo, sem deixar de lado a qualidade.

    +

    Ela é aplicada a partir de ciclos rápidos, chamados sprints, nos quais há um tempo determinado para que as atividades sejam concluídas – geralmente, entre duas e quatro semanas.

    +

    Priorizando a criatividade e fluidez nos processos, o Scrum segue seis princípios:

    +
      +
    • Flexibilidade dos resultados
      • +
    • Flexibilidade dos prazos
      • +
    • Times pequenos
      • +
    • Revisões constantes
      • +
    • Colaboração
      • +
    • Orientação a objetos.
      • +
    +

    EXtreme Programming (XP)

    +

    XP

    +

    O XP (Extreme Programming ou Programação Extrema) é uma metodologia focada no desenvolvimento de software que possui valores e princípios, onde são fundamentados por um conjunto de práticas.

    +

    É uma metodologia leve que pode facilmente ser adotada por diferentes níveis de desenvolvedores (experientes ou não) e em qualquer tamanho de equipe. É uma excelente metodologia por se adaptar a requisitos que às vezes podem mudar rapidamente.

    +

    O XP pode ser utilizado de forma complementar ao Scrum, pois ele acaba focando mais em processos de engenharia e desenvolvimento de software.

    +

    Kanban

    +

    Kanban

    +

    Kanban é um sistema visual de gestão de trabalho, que busca conduzir cada tarefa por um fluxo predefinido de trabalho.

    +

    Em geral, o conceito de Kanban pode ser definido pelos seguintes itens:

    +
      +
    • O sistema visual: um processo, definido em um quadro com colunas de separação, que permite dividir o trabalho em segmentos ou pelo seu status, fixando cada item em um cartão e colocando em uma coluna apropriada para indicar onde ele está em todo o fluxo de trabalho.
      • +
    • Os cartões: que descrevem o trabalho real que transita por este processo.
      • +
    • A limitação do trabalho em andamento: que permite atribuir os limites de quantos itens podem estar em andamento em cada segmento ou estado do fluxo de trabalho.
      • +
    +

    Ou seja, o Kanban é um fluxo de trabalho que busca indicar (e limitar) o trabalho em andamento ou WIP, Work In Progress.

    +

    Referências

    +

    [1] O que é SCRUM. Acessado em Set.2023. Disponível em: https://fia.com.br/blog/scrum/

    +

    [2] O que é XP. Acessado em Set.2023. Disponível em: https://www.treinaweb.com.br/blog/o-que-e-xp-extreme-programming

    +

    [3] O que é Kanban. Acessado em Set.2023. Disponível em: https://www.totvs.com/blog/negocios/kanban/#:~:text=O%20termo%20

    + + + + + + +
    +
    + + +
    + +
    + + + +
    +
    +
    +
    + + + + + + + + + + \ No newline at end of file