{"id":47537,"date":"2025-10-30T20:51:47","date_gmt":"2025-10-30T23:51:47","guid":{"rendered":"https:\/\/portifolioos-prontos.com\/?post_type=product&#038;p=47537"},"modified":"2025-10-31T17:41:43","modified_gmt":"2025-10-31T20:41:43","slug":"aula-pratica-arquitetura-de-aplicacoes","status":"publish","type":"product","link":"https:\/\/portifolioos-prontos.com\/index.php\/product\/aula-pratica-arquitetura-de-aplicacoes\/","title":{"rendered":"Aula Pr\u00e1tica Arquitetura de Aplica\u00e7\u00f5es"},"content":{"rendered":"<p><strong>ROTEIRO DE AULA PR\u00c1TICA<\/strong><br \/>\n<strong>NOME DA DISCIPLINA: ARQUITETURA DE APLICA\u00c7\u00d5ES<\/strong><br \/>\n<strong>Unidade: U3 _ INTERFACE ENTRE APLICA\u00c7\u00d5ES FRONT-END E BACK-END (APIS) E<\/strong><br \/>\n<strong>ARQUITETURAS DE MICROSSERVI\u00c7OS (BACK-END FOR FRONT-END)<\/strong><br \/>\n<strong>Aula: A2_ PROJETO DE APLICA\u00c7\u00d5ES E APIS<\/strong><br \/>\nTempo previsto de execu\u00e7\u00e3o de aula pr\u00e1tica: 4h<br \/>\nOBJETIVOS<br \/>\nDefini\u00e7\u00e3o dos objetivos da aula pr\u00e1tica:<br \/>\nAprender como instalar e configurar o Node.js, o editor de c\u00f3digos Code Studio Visual, realizar<br \/>\numa requisi\u00e7\u00e3o de servi\u00e7o e obter\/verificar a resposta em um navegador.<br \/>\nINFRAESTRUTURA<br \/>\nInstala\u00e7\u00f5es \u2013 Materiais de consumo \u2013 Equipamentos:<br \/>\nNOME DO LABORAT\u00d3RIO<br \/>\nMateriais de consumo:<br \/>\nLaborat\u00f3rio de Inform\u00e1tica<br \/>\nNOME DO LABORAT\u00d3RIO<br \/>\nEquipamentos:<br \/>\nComputador.<br \/>\n~ 1 unid. 1 aluno<br \/>\nSOLU\u00c7\u00c3O DIGITAL (OBRIGAT\u00d3RIO SE HOUVER &#8211; APARECER PARA TODOS)<br \/>\nInfraestrutura m\u00ednima necess\u00e1ria para execu\u00e7\u00e3o.<br \/>\nNode.js \u00e9 um software de c\u00f3digo aberto para ambiente de execu\u00e7\u00e3o JavaScript que permite<br \/>\nexecutar aplica\u00e7\u00f5es desenvolvidas com a linguagem de forma aut\u00f4noma, sem depender de um<br \/>\nnavegador. Com ele, \u00e9 poss\u00edvel criar praticamente qualquer tipo de aplica\u00e7\u00f5es web, desde<br \/>\nservidores para sites est\u00e1ticos e din\u00e2micos, at\u00e9 APIs e sistemas baseados em microservi\u00e7os.<br \/>\nO Visual Studio Code, \u00e9 um editor de c\u00f3digo fonte desenvolvido pela Microsoft. O Visual Studio<br \/>\nCode, frequentemente chamado de VS Code, \u00e9 um ambiente de desenvolvimento leve e<br \/>\naltamente extens\u00edvel, projetado para atender \u00e0s necessidades de desenvolvedores de diferentes<br \/>\nlinguagens e plataformas.<br \/>\n3<br \/>\nO Visual Studio Code \u00e9 conhecido por sua interface de usu\u00e1rio simples e intuitiva, que permite<br \/>\naos desenvolvedores trabalharem de forma eficiente e produtiva. Ele oferece recursos como<br \/>\nrealce de sintaxe, indenta\u00e7\u00e3o autom\u00e1tica, sugest\u00f5es de c\u00f3digo, depura\u00e7\u00e3o integrada, controle de<br \/>\nversionamento, integra\u00e7\u00e3o com terminal, gerenciamento de extens\u00f5es e muito mais.<br \/>\nO Yarn \u00e9 um gerenciador de pacotes para projetos JavaScript. Ele foi desenvolvido pelo<br \/>\nFacebook em parceria com outras empresas e membros da comunidade JavaScript. O Yarn foi<br \/>\ncriado como uma alternativa ao gerenciador de pacotes npm, que \u00e9 o gerenciador de pacotes<br \/>\npadr\u00e3o para projetos JavaScript.<br \/>\nAssim como o npm, o Yarn permite instalar, atualizar e gerenciar as depend\u00eancias de um projeto<br \/>\nJavaScript de forma eficiente. Ele utiliza um arquivo de manifesto chamado &#8220;yarn.lock&#8221; para<br \/>\nrastrear as vers\u00f5es exatas das depend\u00eancias instaladas, garantindo que todos os membros da<br \/>\nequipe tenham exatamente as mesmas vers\u00f5es de pacotes.<br \/>\n1. O Node.js \u00e9 uma plataforma de desenvolvimento de software que permite executar c\u00f3digo<br \/>\nJavaScript do lado do servidor. Ele utiliza o mecanismo de execu\u00e7\u00e3o V8 do Google<br \/>\nChrome para interpretar e executar o c\u00f3digo JavaScript. Desta forma, ser\u00e1 necess\u00e1rio<br \/>\nrealizar sua instala\u00e7\u00e3o, bem como de um editor.<br \/>\n2. Para a instala\u00e7\u00e3o do Nodejs, acesse https:\/\/nodejs.org\/en. Depois de baixado o<br \/>\ninstalador, clicar em next at\u00e9 ao final da instala\u00e7\u00e3o;<br \/>\n3. Para a instala\u00e7\u00e3o editor Code Visual, acesse: https:\/\/code.visualstudio.com\/. Depois de<br \/>\nbaixado o instalador, clicar em next at\u00e9 ao final da instala\u00e7\u00e3o;<br \/>\n4. Tamb\u00e9m ser\u00e1 necess\u00e1rio instalar gerenciador de pacotes yarn e a biblioteca express,<br \/>\nacesse https:\/\/yarnpkg.com\/getting-started\/install .Depois de baixado o instalador, clicar<br \/>\nem next at\u00e9 ao final da instala\u00e7\u00e3o;<\/p>\n<p>EQUIPAMENTO DE PROTE\u00c7\u00c3O INDIVIDUAL (EPI) (CAMPO OBRIGAT\u00d3RIO \u2013 APARECER<br \/>\nPARA TODOS)<br \/>\nN\/A<br \/>\nPROCEDIMENTOS PR\u00c1TICOS (OBRIGAT\u00d3RIO \u2013 TODOS)<br \/>\nProcedimento\/Atividade n\u00ba 1<br \/>\nAtividade proposta:<br \/>\n4<br \/>\nImagine que voc\u00ea foi selecionado para uma entrevista de trabalho e a empresa quer avaliar seu<br \/>\nconhecimento, e para isso solicitou que voc\u00ea fa\u00e7a uma requisi\u00e7\u00e3o de servi\u00e7o e mostre essa<br \/>\nchamada\/ resposta em um navegador.<br \/>\nA empresa pede que voc\u00ea utilize o Node.js, visual studio code e as bibliotecas yarn e express<br \/>\nAprender como instalar e configurar o Node.js, o editor de c\u00f3digos Code Studio Visual, realizar<br \/>\numa requisi\u00e7\u00e3o de servi\u00e7o e obter\/verificar a resposta em um navegador.<br \/>\nChecklist:<br \/>\n1. Acesse o Visual Studio Code ou outro editor que permita a cria\u00e7\u00e3o do arquivo json;<br \/>\n2. Instale as seguintes bibliotecas: yarn, express;<br \/>\n3. Crie o arquivo index.js;<br \/>\n4. No arquivo Index.js crie uma chamada com uma requisi\u00e7\u00e3o e com um retorno (resposta),<br \/>\nsendo o texto da mensagem livre;<br \/>\n5. Mostre a resposta em um navegador;<br \/>\n6. No retorno da requisi\u00e7\u00e3o (resposta), configure para que a resposta seja disponibilizada<br \/>\nno navegado apenas para voc\u00ea aluno (seu nome) e altere a mensagem para \u201cRealizei<br \/>\nde forma completa atividade solicitada&#8230;\u201d.<br \/>\nRESULTADOS (obrigat\u00f3rio \u2013 aparecer para todos)<br \/>\nResultados de Aprendizagem:<br \/>\nCom o uso das ferramentas Node.js, o editor de c\u00f3digos Code Studio Visual, conseguir realizar<br \/>\numa requisi\u00e7\u00e3o de servi\u00e7o e obter a resposta em um navegador.<br \/>\nESTUDANTE, VOC\u00ca DEVER\u00c1 ENTREGAR (n\u00e3o obrigat\u00f3rio \u2013 aparecer para todos)<br \/>\nDescri\u00e7\u00e3o orientativa sobre a entregada da comprova\u00e7\u00e3o da aula pr\u00e1tica:<br \/>\nPara comprovar a realiza\u00e7\u00e3o da atividade, \u00e9 necess\u00e1rio a entrega do c\u00f3digo desenvolvido e prints<br \/>\ndos resultados esperados.<br \/>\nREFER\u00caNCIAS BIBLIOGR\u00c1FICAS (n\u00e3o obrigat\u00f3rio \u2013 aparecer para todos)<br \/>\nDescri\u00e7\u00e3o (em abnt) das refer\u00eancias utilizadas<br \/>\nRODRIGUES, Thiago N.; SILVA, L\u00eddia P C.; NEUMANN, Fabiano B.; et al. Integra\u00e7\u00e3o de<br \/>\nAplica\u00e7\u00f5es. Porto Alegre: Grupo A, 2020. E-book. ISBN 9786556900216. [Biblioteca Virtual].<br \/>\nZENKER, Aline M.; SANTOS, Jailson Costa dos; COUTO, J\u00falia M C.; et al. Arquitetura de<br \/>\nsistemas. Porto Alegre: Grupo A, 2019. E-book. ISBN 9788595029767. [Biblioteca Virtual].<br \/>\n5<br \/>\nFOWLER, Martin. Padr\u00f5es de arquitetura de aplica\u00e7\u00f5es corporativas. Porto Alegre: Grupo A,<br \/>\n2006. E-book. ISBN 9788577800643. [Biblioteca Virtual].<\/p>\n<div class=\"elementor-toggle-item\">\n<p id=\"elementor-tab-title-1941\" class=\"elementor-tab-title elementor-active\" tabindex=\"0\" role=\"tab\" data-tab=\"1\" aria-controls=\"elementor-tab-content-1941\" aria-expanded=\"true\" aria-selected=\"true\"><strong>Como funciona?<\/strong><\/p>\n<p>Elaboramos os portf\u00f3lios, j\u00e1 deixamos prontos, nas normas da ABNT e conforme os requisitos da universidade. F\u00e1cil assim! O MELHOR \u00c9 QUE VOC\u00ca COMPRA E J\u00c1 BAIXA NA HORA O SEU ARQUIVO EM WORD! Sabemos que conciliar trabalho, fam\u00edlia, vida profissional e estudos \u00e9 dif\u00edcil hoje em dia, por isso, estamos aqui para ajudar voc\u00ea. Conte com nossa qualidade, experi\u00eancia e profissionalismo adquirindo seu portf\u00f3lio conosco. GARANTIMOS SEU CONCEITO!<\/p>\n<p><strong>Como se realizam os envios?<\/strong><\/p>\n<\/div>\n<p id=\"elementor-tab-content-1942\" class=\"elementor-tab-content elementor-clearfix elementor-active\" role=\"tabpanel\" data-tab=\"2\" aria-labelledby=\"elementor-tab-title-1942\">O seu trabalho \u00e9 disponibilizado pronto, respondido e nas normas j\u00e1 na mesma hora aqui em nosso site na sua \u00e1rea de downloads e tamb\u00e9m no seu e-mail.<\/p>\n<p><strong>Em quanto tempo recebo o portf\u00f3lio?<\/strong><\/p>\n<p>Os envios s\u00e3o imediatos. Ap\u00f3s sua compra, o trabalho j\u00e1 \u00e9 disponibilizado instantaneamente aqui em nosso site e no seu e-mail.<\/p>\n<p><strong>E se o portf\u00f3lio que comprei precisar de corre\u00e7\u00e3o?<\/strong><\/p>\n<p>Caso haja alguma solicita\u00e7\u00e3o de corre\u00e7\u00e3o\/altera\u00e7\u00e3o por parte do tutor, basta entrar em contato conosco pelo\u00a0WhatsApp\u00a0que provid\u00eanciaremos sem custo algum.<\/p>\n<p><strong>Qual o formato do arquivo?<\/strong><\/p>\n<p>Os arquivos s\u00e3o enviados em formato Word e s\u00e3o edit\u00e1veis.<\/p>\n<p><strong>Caso eu tiver alguma d\u00favida, terei suporte no p\u00f3s venda?<\/strong><\/p>\n<p>Sim, com certeza. Basta clicar no \u00edcone do WhatsApp no cantinho da tela. Ser\u00e1 um prazer atend\u00ea-lo(a).<\/p>\n<div id=\"elementor-tab-content-1948\" class=\"elementor-tab-content elementor-clearfix elementor-active\" role=\"tabpanel\" data-tab=\"8\" aria-labelledby=\"elementor-tab-title-1948\">\n<p><strong>Quais os seus canais de contato?<\/strong><\/p>\n<\/div>\n<div id=\"elementor-tab-content-1949\" class=\"elementor-tab-content elementor-clearfix elementor-active\" role=\"tabpanel\" data-tab=\"9\" aria-labelledby=\"elementor-tab-title-1949\">\n<p>Whatsapp: 53 984751621 \u2013 Clicar no canto da tela ou ESCANEIE O QRCODE ABAIXO<\/p>\n<h4><img decoding=\"async\" class=\"alignnone wp-image-13699 jetpack-lazy-image jetpack-lazy-image--handled\" src=\"https:\/\/i0.wp.com\/portifolioos-prontos.com\/wp-content\/uploads\/2023\/02\/whatsapp-business-projeto-de-extensao-300x300.jpeg?resize=144%2C144\" sizes=\"(max-width: 144px) 100vw, 144px\" srcset=\"https:\/\/i0.wp.com\/portifolioos-prontos.com\/wp-content\/uploads\/2023\/02\/whatsapp-business-projeto-de-extensao.jpeg?resize=300%2C301&amp;ssl=1 300w, https:\/\/i0.wp.com\/portifolioos-prontos.com\/wp-content\/uploads\/2023\/02\/whatsapp-business-projeto-de-extensao.jpeg?resize=150%2C150&amp;ssl=1 150w, https:\/\/i0.wp.com\/portifolioos-prontos.com\/wp-content\/uploads\/2023\/02\/whatsapp-business-projeto-de-extensao.jpeg?resize=370%2C372&amp;ssl=1 370w, https:\/\/i0.wp.com\/portifolioos-prontos.com\/wp-content\/uploads\/2023\/02\/whatsapp-business-projeto-de-extensao.jpeg?resize=100%2C100&amp;ssl=1 100w, https:\/\/i0.wp.com\/portifolioos-prontos.com\/wp-content\/uploads\/2023\/02\/whatsapp-business-projeto-de-extensao.jpeg?w=470&amp;ssl=1 470w\" alt=\"projeto de extens\u00e3o unopar\" width=\"144\" height=\"144\" data-lazy-loaded=\"1\" \/><\/h4>\n<\/div>\n<div class=\"elementor-toggle-item\">\n<div id=\"elementor-tab-content-1949\" class=\"elementor-tab-content elementor-clearfix elementor-active\" role=\"tabpanel\" data-tab=\"9\" aria-labelledby=\"elementor-tab-title-1949\">\n<p>E-mail:portifoliosp@gmail.com<\/p>\n<div id=\"attachment_143\" class=\"wp-caption alignnone\">\n<div id=\"attachment_143\" class=\"wp-caption alignnone\">\n<p id=\"caption-attachment-143\" class=\"wp-caption-text\"><a href=\"http:\/\/portfolio-pronto.com\/\">Portf\u00f3lio<\/a>\u00a0em Word, respondido, completo e j\u00e1 nas normas<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<div class=\"product-short-description\"><strong>Pague pelo PIX ou cart\u00e3o e fa\u00e7a o download agora mesmo.<\/strong><\/div>\n<div class=\"sticky-add-to-cart-wrapper\">\n<div class=\"sticky-add-to-cart\">\n<p class=\"quantity buttons_added form-flat\"><img decoding=\"async\" class=\"lazyloaded smush-image-5 smush-image-3 smush-image-4 smush-detected-img smush-image-bigger-3\" src=\"https:\/\/d26lpennugtm8s.cloudfront.net\/assets\/common\/img\/logos\/payment\/visa@2x.png\" width=\"46\" height=\"29\" data-src=\"https:\/\/d26lpennugtm8s.cloudfront.net\/assets\/common\/img\/logos\/payment\/visa@2x.png\" \/><img decoding=\"async\" class=\"lazyloaded smush-image-6 smush-image-4 smush-image-5 smush-detected-img smush-image-bigger-4\" src=\"https:\/\/d26lpennugtm8s.cloudfront.net\/assets\/common\/img\/logos\/payment\/boleto@2x.png\" width=\"43\" height=\"27\" data-src=\"https:\/\/d26lpennugtm8s.cloudfront.net\/assets\/common\/img\/logos\/payment\/boleto@2x.png\" \/><img loading=\"lazy\" decoding=\"async\" class=\"lazyloaded smush-image-7 smush-image-5 smush-image-6 smush-detected-img smush-image-bigger-5\" src=\"https:\/\/d26lpennugtm8s.cloudfront.net\/assets\/common\/img\/logos\/payment\/mastercard@2x.png\" width=\"43\" height=\"27\" data-src=\"https:\/\/d26lpennugtm8s.cloudfront.net\/assets\/common\/img\/logos\/payment\/mastercard@2x.png\" \/><img loading=\"lazy\" decoding=\"async\" class=\"lazyloaded smush-image-8 smush-image-6 smush-image-7 smush-detected-img smush-image-bigger-6\" src=\"https:\/\/d26lpennugtm8s.cloudfront.net\/assets\/common\/img\/logos\/payment\/amex@2x.png\" width=\"43\" height=\"27\" data-src=\"https:\/\/d26lpennugtm8s.cloudfront.net\/assets\/common\/img\/logos\/payment\/amex@2x.png\" \/><img loading=\"lazy\" decoding=\"async\" class=\"lazyloaded smush-image-9 smush-image-7 smush-image-8 smush-detected-img smush-image-bigger-7\" src=\"https:\/\/d26lpennugtm8s.cloudfront.net\/assets\/common\/img\/logos\/payment\/diners@2x.png\" width=\"46\" height=\"29\" data-src=\"https:\/\/d26lpennugtm8s.cloudfront.net\/assets\/common\/img\/logos\/payment\/diners@2x.png\" \/><img loading=\"lazy\" decoding=\"async\" class=\"lazyloaded smush-image-10 smush-image-8 smush-image-9 alignnone smush-detected-img smush-image-bigger-8\" src=\"https:\/\/d26lpennugtm8s.cloudfront.net\/assets\/common\/img\/logos\/payment\/br\/elo@2x.png\" alt=\"portf\u00f3lio unopar anhanguera\" width=\"45\" height=\"28\" data-src=\"https:\/\/d26lpennugtm8s.cloudfront.net\/assets\/common\/img\/logos\/payment\/br\/elo@2x.png\" \/><img loading=\"lazy\" decoding=\"async\" class=\"lazyloaded smush-image-11 smush-image-9 smush-image-10 alignnone smush-detected-img smush-image-bigger-9\" src=\"https:\/\/d26lpennugtm8s.cloudfront.net\/assets\/common\/img\/logos\/payment\/br\/hipercard@2x.png\" alt=\"portf\u00f3lio unopar anhanguera\" width=\"44\" height=\"28\" data-src=\"https:\/\/d26lpennugtm8s.cloudfront.net\/assets\/common\/img\/logos\/payment\/br\/hipercard@2x.png\" \/><img loading=\"lazy\" decoding=\"async\" class=\"lazyloaded smush-image-12 smush-image-10 smush-image-11 alignnone smush-detected-img smush-image-bigger-10\" src=\"https:\/\/d26lpennugtm8s.cloudfront.net\/assets\/common\/img\/logos\/payment\/mercadopago@2x.png\" alt=\"portf\u00f3lio unopar anhanguera\" width=\"45\" height=\"28\" data-src=\"https:\/\/d26lpennugtm8s.cloudfront.net\/assets\/common\/img\/logos\/payment\/mercadopago@2x.png\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone ls-is-cached lazyloaded smush-detected-img smush-image-bigger-11\" src=\"https:\/\/futurium.com.br\/wp-content\/uploads\/2021\/06\/logo-pix-icone-512.png\" alt=\"portfolio pronto\" width=\"30\" height=\"30\" data-src=\"https:\/\/futurium.com.br\/wp-content\/uploads\/2021\/06\/logo-pix-icone-512.png\" \/><\/p>\n<\/div>\n<\/div>\n","protected":false},"featured_media":47538,"template":"","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":""},"product_cat":[15],"product_tag":[],"class_list":{"0":"post-47537","1":"product","2":"type-product","3":"status-publish","4":"has-post-thumbnail","6":"product_cat-uncategorized","8":"first","9":"instock","10":"downloadable","11":"virtual","12":"purchasable","13":"product-type-simple","14":"col-xs-6 col-sm-4","15":"col-mf-5","16":"un-5-cols"},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/product\/47537","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/types\/product"}],"version-history":[{"count":2,"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/product\/47537\/revisions"}],"predecessor-version":[{"id":47540,"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/product\/47537\/revisions\/47540"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/media\/47538"}],"wp:attachment":[{"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/media?parent=47537"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/product_cat?post=47537"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/product_tag?post=47537"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}