{"id":4281,"date":"2024-06-26T22:56:06","date_gmt":"2024-06-27T01:56:06","guid":{"rendered":"https:\/\/atividademapa.com\/?post_type=product&p=4281"},"modified":"2024-06-29T17:42:03","modified_gmt":"2024-06-29T20:42:03","slug":"mapa-programacao-front-end-52-2024","status":"publish","type":"product","link":"https:\/\/atividademapa.com\/?product=mapa-programacao-front-end-52-2024","title":{"rendered":"MAPA – Programa\u00e7\u00e3o Front End – 52\/2024"},"content":{"rendered":"

Ol\u00e1, estudante! Chegou o momento de explorar de forma PR\u00c1TICA os conte\u00fados aprendidos na nossa disciplina. Para realizar a atividade Mapa, voc\u00ea precisa cumprir algumas etapas, a saber:<\/p>\n

(1) PRIMEIRA ETAPA: contextualiza\u00e7\u00e3o de nossos estudos:<\/p>\n

A arte do churrasco implica em saber dominar o ponto da carne, em saber escolher carnes de boa qualidade e tamb\u00e9m em saber estimar as compras para que tenha comida para todo mundo, sem exagerar nos gastos.<\/p>\n

Para isso, podemos usar uma “calculadora de churrasco” para saber o quanto de carne precisamos comprar.<\/p>\n

Crie uma p\u00e1gina, utilizando HTML, CSS e Javascript para calcular a quantidade de ingredientes necess\u00e1ria para um churrasco, de acordo com o n\u00famero de pessoas participantes. Envie um arquivo compactado com todos os arquivos que voc\u00ea utilizou. \u00c9 poss\u00edvel fazer em um arquivo s\u00f3, mas existem diferentes formas de resolver.<\/p>\n

(2) SEGUNDA ETAPA: O QUE DEVE SER REALIZADO NA ATIVIDADE<\/p>\n

Existem diversas formas de estimar, mas para essa calculadora, considere:<\/p>\n

ITEM 1 – A p\u00e1gina ter\u00e1 3 campos de entrada que receber\u00e3o as quantidades de homens, mulheres e crian\u00e7as que participar\u00e3o do churrasco.
\nITEM 2 – Considere que o consumo segue a seguinte tabela:<\/p>\n

\"\"<\/p>\n

A p\u00e1gina deve ter um bot\u00e3o “Calcular” e, ao clicar no bot\u00e3o, deve calcular e exibir as quantidades necess\u00e1rias sem dar reload na p\u00e1gina.
\n* A p\u00e1gina deve estar bem formatada com CSS, tente algo simples e bonito.
\n* N\u00e3o use nenhuma biblioteca al\u00e9m do jQuery, que \u00e9 opcional.
\n* N\u00e3o use bootstrap.
\n* N\u00e3o use o CSS do bootstrap.<\/p>\n","protected":false},"excerpt":{"rendered":"

Ol\u00e1, estudante! Chegou o momento de explorar de forma PR\u00c1TICA os conte\u00fados aprendidos na nossa disciplina. Para realizar a atividade<\/p>\n","protected":false},"featured_media":2326,"template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"product_brand":[],"product_cat":[117],"product_tag":[],"class_list":{"0":"post-4281","1":"product","2":"type-product","3":"status-publish","4":"has-post-thumbnail","6":"product_cat-analise-e-desenvolvimento-de-sistemas","8":"first","9":"instock","10":"downloadable","11":"virtual","12":"purchasable","13":"product-type-simple"},"yoast_head":"\nMAPA - Programa\u00e7\u00e3o Front End - 52\/2024<\/title>\n<meta name=\"description\" content=\"Atividade MAPA - Programa\u00e7\u00e3o Front End - 52\/2024 ⋆ Unicesumar. Baixe agora mesmo um Mapa Pronto resolvido!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/atividademapa.com\/?product=mapa-programacao-front-end-52-2024\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"MAPA - Programa\u00e7\u00e3o Front End - 52\/2024\" \/>\n<meta property=\"og:description\" content=\"Atividade MAPA - Programa\u00e7\u00e3o Front End - 52\/2024 ⋆ Unicesumar. Baixe agora mesmo um Mapa Pronto resolvido!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/atividademapa.com\/?product=mapa-programacao-front-end-52-2024\" \/>\n<meta property=\"og:site_name\" content=\"Atividade Mapa\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-29T20:42:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/atividademapa.com\/wp-content\/uploads\/2023\/03\/Atividade-M.A.P.A-3.png?fit=300%2C300&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"300\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/atividademapa.com\\\/?product=mapa-programacao-front-end-52-2024\",\"url\":\"https:\\\/\\\/atividademapa.com\\\/?product=mapa-programacao-front-end-52-2024\",\"name\":\"MAPA - Programa\u00e7\u00e3o Front End - 52\\\/2024\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/atividademapa.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/atividademapa.com\\\/?product=mapa-programacao-front-end-52-2024#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/atividademapa.com\\\/?product=mapa-programacao-front-end-52-2024#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/atividademapa.com\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/Atividade-M.A.P.A-3.png?fit=300%2C300&ssl=1\",\"datePublished\":\"2024-06-27T01:56:06+00:00\",\"dateModified\":\"2024-06-29T20:42:03+00:00\",\"description\":\"Atividade MAPA - Programa\u00e7\u00e3o Front End - 52\\\/2024 ⋆ Unicesumar. Baixe agora mesmo um Mapa Pronto resolvido!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/atividademapa.com\\\/?product=mapa-programacao-front-end-52-2024#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/atividademapa.com\\\/?product=mapa-programacao-front-end-52-2024\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/atividademapa.com\\\/?product=mapa-programacao-front-end-52-2024#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/atividademapa.com\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/Atividade-M.A.P.A-3.png?fit=300%2C300&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/atividademapa.com\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/Atividade-M.A.P.A-3.png?fit=300%2C300&ssl=1\",\"width\":300,\"height\":300,\"caption\":\"Mapa Unicesumar Atividade\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/atividademapa.com\\\/?product=mapa-programacao-front-end-52-2024#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/atividademapa.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"MAPAS\",\"item\":\"https:\\\/\\\/atividademapa.com\\\/?page_id=5\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"MAPA – Programa\u00e7\u00e3o Front End – 52\\\/2024\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/atividademapa.com\\\/#website\",\"url\":\"https:\\\/\\\/atividademapa.com\\\/\",\"name\":\"Atividade Mapa\",\"description\":\"StudeO | Unicesumar\",\"publisher\":{\"@id\":\"https:\\\/\\\/atividademapa.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/atividademapa.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/atividademapa.com\\\/#organization\",\"name\":\"Atividade MAPA\",\"url\":\"https:\\\/\\\/atividademapa.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/atividademapa.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/atividademapa.com\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/ATIVIDADE.png?fit=600%2C300&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/atividademapa.com\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/ATIVIDADE.png?fit=600%2C300&ssl=1\",\"width\":600,\"height\":300,\"caption\":\"Atividade MAPA\"},\"image\":{\"@id\":\"https:\\\/\\\/atividademapa.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"MAPA - Programa\u00e7\u00e3o Front End - 52\/2024","description":"Atividade MAPA - Programa\u00e7\u00e3o Front End - 52\/2024 ⋆ Unicesumar. Baixe agora mesmo um Mapa Pronto resolvido!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/atividademapa.com\/?product=mapa-programacao-front-end-52-2024","og_locale":"pt_BR","og_type":"article","og_title":"MAPA - Programa\u00e7\u00e3o Front End - 52\/2024","og_description":"Atividade MAPA - Programa\u00e7\u00e3o Front End - 52\/2024 ⋆ Unicesumar. Baixe agora mesmo um Mapa Pronto resolvido!","og_url":"https:\/\/atividademapa.com\/?product=mapa-programacao-front-end-52-2024","og_site_name":"Atividade Mapa","article_modified_time":"2024-06-29T20:42:03+00:00","og_image":[{"width":300,"height":300,"url":"https:\/\/i0.wp.com\/atividademapa.com\/wp-content\/uploads\/2023\/03\/Atividade-M.A.P.A-3.png?fit=300%2C300&ssl=1","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. tempo de leitura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/atividademapa.com\/?product=mapa-programacao-front-end-52-2024","url":"https:\/\/atividademapa.com\/?product=mapa-programacao-front-end-52-2024","name":"MAPA - Programa\u00e7\u00e3o Front End - 52\/2024","isPartOf":{"@id":"https:\/\/atividademapa.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/atividademapa.com\/?product=mapa-programacao-front-end-52-2024#primaryimage"},"image":{"@id":"https:\/\/atividademapa.com\/?product=mapa-programacao-front-end-52-2024#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/atividademapa.com\/wp-content\/uploads\/2023\/03\/Atividade-M.A.P.A-3.png?fit=300%2C300&ssl=1","datePublished":"2024-06-27T01:56:06+00:00","dateModified":"2024-06-29T20:42:03+00:00","description":"Atividade MAPA - Programa\u00e7\u00e3o Front End - 52\/2024 ⋆ Unicesumar. Baixe agora mesmo um Mapa Pronto resolvido!","breadcrumb":{"@id":"https:\/\/atividademapa.com\/?product=mapa-programacao-front-end-52-2024#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/atividademapa.com\/?product=mapa-programacao-front-end-52-2024"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/atividademapa.com\/?product=mapa-programacao-front-end-52-2024#primaryimage","url":"https:\/\/i0.wp.com\/atividademapa.com\/wp-content\/uploads\/2023\/03\/Atividade-M.A.P.A-3.png?fit=300%2C300&ssl=1","contentUrl":"https:\/\/i0.wp.com\/atividademapa.com\/wp-content\/uploads\/2023\/03\/Atividade-M.A.P.A-3.png?fit=300%2C300&ssl=1","width":300,"height":300,"caption":"Mapa Unicesumar Atividade"},{"@type":"BreadcrumbList","@id":"https:\/\/atividademapa.com\/?product=mapa-programacao-front-end-52-2024#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/atividademapa.com\/"},{"@type":"ListItem","position":2,"name":"MAPAS","item":"https:\/\/atividademapa.com\/?page_id=5"},{"@type":"ListItem","position":3,"name":"MAPA – Programa\u00e7\u00e3o Front End – 52\/2024"}]},{"@type":"WebSite","@id":"https:\/\/atividademapa.com\/#website","url":"https:\/\/atividademapa.com\/","name":"Atividade Mapa","description":"StudeO | Unicesumar","publisher":{"@id":"https:\/\/atividademapa.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/atividademapa.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/atividademapa.com\/#organization","name":"Atividade MAPA","url":"https:\/\/atividademapa.com\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/atividademapa.com\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/atividademapa.com\/wp-content\/uploads\/2023\/02\/ATIVIDADE.png?fit=600%2C300&ssl=1","contentUrl":"https:\/\/i0.wp.com\/atividademapa.com\/wp-content\/uploads\/2023\/02\/ATIVIDADE.png?fit=600%2C300&ssl=1","width":600,"height":300,"caption":"Atividade MAPA"},"image":{"@id":"https:\/\/atividademapa.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/atividademapa.com\/index.php?rest_route=\/wp\/v2\/product\/4281","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atividademapa.com\/index.php?rest_route=\/wp\/v2\/product"}],"about":[{"href":"https:\/\/atividademapa.com\/index.php?rest_route=\/wp\/v2\/types\/product"}],"version-history":[{"count":2,"href":"https:\/\/atividademapa.com\/index.php?rest_route=\/wp\/v2\/product\/4281\/revisions"}],"predecessor-version":[{"id":4286,"href":"https:\/\/atividademapa.com\/index.php?rest_route=\/wp\/v2\/product\/4281\/revisions\/4286"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/atividademapa.com\/index.php?rest_route=\/wp\/v2\/media\/2326"}],"wp:attachment":[{"href":"https:\/\/atividademapa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4281"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/atividademapa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fproduct_brand&post=4281"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/atividademapa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fproduct_cat&post=4281"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/atividademapa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fproduct_tag&post=4281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}