{"id":35126,"date":"2025-02-17T22:44:10","date_gmt":"2025-02-18T01:44:10","guid":{"rendered":"https:\/\/portifolioos-prontos.com\/?post_type=product&p=35126"},"modified":"2025-08-03T18:18:42","modified_gmt":"2025-08-03T21:18:42","slug":"aula-pratica-desenvolvimento-em-javascript","status":"publish","type":"product","link":"https:\/\/portifolioos-prontos.com\/index.php\/product\/aula-pratica-desenvolvimento-em-javascript\/","title":{"rendered":"Aula Pr\u00e1tica Desenvolvimento em JavaScript"},"content":{"rendered":"
<\/div>\n
Portf\u00f3lio Aula Pr\u00e1tica Desenvolvimento em JavaScript<\/h5>\n
\n

ROTEIRO DE AULA PR\u00c1TICA<\/span>
NOME DA DISCIPLINA: Desenvolvimento em JavaScript<\/span>
OBJETIVOS<\/span>
Defini\u00e7\u00e3o dos objetivos da aula pr\u00e1tica:<\/span>
\u2013 Construir fun\u00e7\u00e3o simples para valida\u00e7\u00e3o de campo de e-mail de um determinado formul\u00e1rio<\/span>
feito em HTML utilizando a plataforma Playcode.<\/span>
INFRAESTRUTURA<\/span>
Instala\u00e7\u00f5es:<\/span>
Playcode.io<\/span>
Materiais de consumo:<\/span>
Descri\u00e7\u00e3o<\/span>
Quantidade de materiais<\/span>
por<\/span>
procedimento\/atividade<\/span>
Computador 1 por aluno<\/span>
Software:<\/span>
Sim ( X ) N\u00e3o ( )<\/span>
Em caso afirmativo, qual? Playcode.io.<\/span>
Pago ( ) N\u00e3o Pago ( X )<\/span>
Tipo de Licen\u00e7a: Freeware.<\/span>
Descri\u00e7\u00e3o do software:<\/span>
O playcode \u00e9 uma plataforma online de cria\u00e7\u00e3o de c\u00f3digo em linguagens como JavaScript que<\/span>
permite realizar testes e executar rotinas escritas na linguagem e forma pr\u00e1tica, r\u00e1pita e<\/span>
interativa. Conta com exemplos prontos utilizando bibliotecas, frameworks e APIs.<\/span>
Equipamento de Prote\u00e7\u00e3o Individual (EPI):<\/span>
\u2013 NSA<\/span>
PROCEDIMENTOS PR\u00c1TICOS<\/span>
Escrita de c\u00f3digo em JavaScript para validar campo de um formul\u00e1rio simples para colega de e-mail. Apresentar uma<\/span>
mensagem orientando como preencher corretamente o campo de email.<\/span>
Atividade proposta:<\/span>
\u2013 Criar um novo projeto dentro do Playcode.io composto por um pequeno formul\u00e1rio com campo para colega de e\u0002mail que deve ser informado pelo usu\u00e1rio.<\/span>
\u2013 Escrever c\u00f3digo que dever\u00e1 verificar se o campo de e-mail est\u00e1 preenchido corretamente, mostrar uma mensagem<\/span>
ao usu\u00e1rio informando a composi\u00e7\u00e3o correta de um e-mail.<\/span>
\u2013 Criar relat\u00f3rio final de atividades.<\/span>
3<\/span>
Procedimentos para a realiza\u00e7\u00e3o da atividade:<\/span>
Voc\u00ea dever\u00e1:<\/span>
Criar um novo projeto (abrir o editor) no playcode.io.<\/span>
Escolher um projeto vazio (empty).<\/span>
Colocar um c\u00f3digo em HTML simples e com ele um c\u00f3digo em JavaScript que dever\u00e1 fazer valida\u00e7\u00e3o de campo para<\/span>
coleta de e-mail.<\/span>
Mostrar mensagem de erro e de orienta\u00e7\u00e3o (escolha a melhor forma de apresesentar essa mensagem), explicando a<\/span>
estrutura de um e-mail.<\/span>
Checklist:<\/span>
\u2013 Acesso a internet.<\/span>
\u2013 Acesso ao site playcode.io.<\/span>
RESULTADOS<\/span>
Resultados da aula pr\u00e1tica:<\/span>
Elaborar um relat\u00f3rio que dever\u00e1 conter introdu\u00e7\u00e3o, m\u00e9todos, resultados e conclus\u00e3o sobre o assunto desenvolvido<\/span>
em aula pr\u00e1tica, para compreender como foi criado o c\u00f3digo em JavaScript para valida\u00e7\u00e3o de campo de e-mail em<\/span>
formul\u00e1rio HTML<\/span><\/p>\n

\n
\n

Como funciona?<\/strong><\/p>\n

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

Como se realizam os envios?<\/strong><\/p>\n<\/div>\n

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

Em quanto tempo recebo o portf\u00f3lio?<\/strong><\/p>\n

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

E se o portf\u00f3lio que comprei precisar de corre\u00e7\u00e3o?<\/strong><\/p>\n

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

Qual o formato do arquivo?<\/strong><\/p>\n

Os arquivos s\u00e3o enviados em formato Word e s\u00e3o edit\u00e1veis.<\/p>\n

Caso eu tiver alguma d\u00favida, terei suporte no p\u00f3s venda?<\/strong><\/p>\n

Sim, com certeza. Basta clicar no \u00edcone do WhatsApp no cantinho da tela. Ser\u00e1 um prazer atend\u00ea-lo(a).<\/p>\n

\n

Quais os seus canais de contato?<\/strong><\/p>\n<\/div>\n

\n

Whatsapp: 53 984751621 \u2013 Clicar no canto da tela ou ESCANEIE O QRCODE ABAIXO<\/p>\n

\"projeto<\/h4>\n<\/div>\n
\n
\n

E-mail:portifoliosp@gmail.com<\/p>\n

\n
\n

Portf\u00f3lio<\/a>\u00a0em Word, respondido, completo e j\u00e1 nas normas<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

\n
\n

Pague pelo PIX ou cart\u00e3o e fa\u00e7a o download agora mesmo.<\/strong><\/p>\n<\/div>\n

\n
\n

\"portf\u00f3lio\"portf\u00f3lio\"portf\u00f3lio\"portfolio<\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"featured_media":35129,"template":"","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"%%post_title%% %%sitetitle%%","_seopress_titles_desc":"%%post_content%%","_seopress_robots_index":""},"product_cat":[15],"product_tag":[],"class_list":{"0":"post-35126","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\/35126","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":0,"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/product\/35126\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/media\/35129"}],"wp:attachment":[{"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/media?parent=35126"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/product_cat?post=35126"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/product_tag?post=35126"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}