Programação na Engenharia! E agora?

De Max Back

Você foi pego de surpresa ou está com dificuldades?Você não é obrigado a gostar de programar, mas se está fazendo engenharia e não esperava por isso, sinto muito, mas aqui estamos. Notei uma dificuldade que, pelo menos, metade das turmas em que estudei teve ao deparar-se com programação, muitas vezes inesperadamente. Você precisa, e pode, romper este bloqueio. Existem muitos recursos para isso como muitos livros de programação e muito material na internet. Você pode até assistir vídeos ensinando passo a passo a programar.Todos estes recurso ajudarão, mas no final de contar quem vai aprender é você. Você precisa ir no seu ritmo e não adianta pegar códigos prontos em algum site e rodar. Você precisa saber o que “acontece” naquele código, ao menso em linhas gerais, para realmente aproveitar estes recursos e você precisa fazer isso desde o início. Este livro está aqui para isso.Perca o medo de programar!Este livro vai começar o mais no início possível. Vou usar toda a experiência que tive em ambiente de estudos e em programação para ajudá-lo a pegar o básico e poder dizer: – Sim, eu sei programar.Então depois você poderá ir atrás e aprofundar em programação, se descobrir que essa é também a sua praia, ou ao menos conseguir se virar nos trabalhos de programação de faculdade e depois ter uma noção do trabalho ao atual no mercado profissional e não passar vergonha ou tomar decisões equivocadas por falta de conhecimento sobre o trabalho dos outros.

• Idioma: Português
• Editora: Bibliomundi
• Data de lançamento: 25 de mar. de 2023
• ISBN: 9781526016478

Pré-visualização do livro

Primeira Parte

Capítulo 1 – Iniciando de uma vez

Primeiro programa

Vamos iniciar criando seu primeiro programa, ou primeiras linhas de código usando HTML e javascript. Para isso você vai precisar de um computador que possua um navegador web, pois estes navegadores são capazes de abrir páginas contidas em arquivos no formato html contidas no próprio computador.

A vantagem desta abordagem é que você não vai precisar de nada mais que um editor de textos como o notepad e do seu navegador.

Quer passar logo para a linguagem C?

Caso você queira passar logo para a linguagem C, dispensando a abordagem de perder o medo, pare um instante e considere ao menos ler esta primeira parte inteira pois abordo alguns conceitos básicos da linguagem que serão úteis para a linguagem C.

Adicionamento pode-se ver a tradução de muito do código em javascript apresentado para linguagem C, no .

Vamos perder o medo então….

Abra um editor de textos e digite os comandos abaixo. Não tenha medo, ele serão explicados, apenas esteja atento para não esquecer nada:

01:               

02:               

03:

04:

05:

06:                 alert (Hello World!);

07:

08:               

09:               

10:               

11:               

Agora lembre de salvar este arquivo com o nome listagem1.html (sugestão) e localize o mesmo no computador, mandando-o abrir no seu navegador (um duplo click sobre o arquivo deve fazer isto). Você deverá ver uma janela em branco no local da página e uma janela de mensagem com só dizeres Hello World!:

Algum problema?

Se você não viu esta mensagem pode ser que alguma coisa esteja errada no seu arquivo (e se você viu também é interessante não deixar de ler esta parte).

É possível, se você estiver no Chrome, pressionar o atalho Ctrl+Shift+i para mostrar a aba de seção chamada Ferramentas do desenvolvedor. Na aba console e veja que lá poderá ver o erro de sintaxe no arquivo:

Você vai precisar se familiarizar um pouco com expressões em inglês no mundo da programação. Mas a vantagem é que tendemos acometer erros básicos no início e nos familiarizar com as mensagens, de forma que cada vez que criar um programa e corrigir os erros será mais fácil encontrar os próximos erros. Mas experiência só se tem fazendo e errando e por isso vamos corrigir este erro:

Neste caso você pode ver que o erro está na linha 6 e revisar o erro, podendo inclusive dar um click no link a direita e ver o código fonte acompanhado do erro indicado na linha. Neste caso hipotético consistiu em esquecer de colocar uma aspa duplas de fachamento do texto. A mensagem de erro 'Invalid or unexpected token' significa que a linha acabou e passou para outra e nada de você fechar o bloco de textos. Veja o comparativo abaixo:

Como estava:

alert ("Hello World!);

Como deveria estar:

alert ("Hello World!");

Notou a diferença?

Como dizem, tudo que tem um início precisa ter um fim. Se você inicia um bloco de texto com você precisa fechar com outro , antes de mudar de linha. O mesmo vale para { e } e ( e). Você vai aprender mais sobre cadeias de caracteres nos próximos capítulos.

Outro erro que pode ocorrer é faltar um ; no final da chamada da função ou ela estar com o nome errado (alerf no lugar de alert, por exemplo).

Um erro bem banal é a linguagem diferencia maiúsculas de minúsculas, então se você digitou  Alert e não alert, obterá u merro da mesma forma que se houvesse trocado uma letra.

.

Se tudo deu certo então:

Explicando um pouco o código:

Nas linhas 1 e 2 temos código HTML antes do código de programação em javascript:

01:               

02:               

Nas linhas de 8 a 11 temos o restante do código HTML, a partir do final do código javascript:

08:               

09:               

10:               

11:               

Note que o código java script fica delimitado então pela tag de abertura de bloco de script .

Tudo o que ficar entre as duas é código javascript. A parte em negrito é o código fonte em si:

03:

04:

05:

06:                alert (Hello World!);

07:

O código é feito na linguagem javascript que tem muitas similaridades com a linhagem c.

As linhas em branco podem ser inseridas a vontade, assim como caracteres de tabulação (gerados pela tecla Tab do teclado) ou espaços em branco podem ser inseridos antes dos comandos e entre eles.

Na linha 4 temos uma chamada a uma função chamada alert() que mostra uma mensagem de alerta com o texto passado por parâmetro, entre os parênteses.

Isto encerra nosso primeiro programa. Se quiser pode ir fazendo modificações e vendo o que acontece. Mude o texto, repita a linha de mensagens para abrir várias mensagens uma após a outra e veja o que acontece. Não esqueça, no entanto, de salvar o arquivo no editor de textos e depois recarregar a página após cada mudança para ver o resultado.

Se quiser pegar um pouco mais de experiência com erros, retire caracteres como ", (,) e; ou mude o nome da função de alert para algum outro que não exista e veja os erros que aparecem no console (Ctrl+Shift+i no Chrome), voltando a corrigir os erros em seguida.

Dica: Caso você queira utilizar seu celular ou tabblet para executar os exemplos, isso é possível instalando um ambiente de desenvolvimento no seu android:

A app que uso para javascript é o JS Run, que permite salvar vários arquivos, subir para o Google Driver e mandar rodar. É uma ferramenta simples e limitada, tenho que dizer. Mas abre muitas possibilidades e você poderá testar os programas sem precisar de um PC.

Uma adaptação é necessária: Nele você poderá criar suas listagens como listagem1.js e assim por diante, e digitar apenas a parte do javascript, esquecendo o envolucro de html.

Segue link para a loja do google:

https://play.google.com/store/apps/details?id=com.mia.jsrun&hl=pt_BR

Você pode procurar por soluções semelhantes para outras plataformas.

Trabalhando com funções

Vamos nesta seção trabalhar com funções, seus parâmetros e os valores de retorno.

De uma olhada na imagem de uma calculadora abaixo:

Podemos observar que suas teclas servem para basicamente duas coisas:

Funções matemáticas:

Mudar o sinal de um valor, porcentagem, raiz quadrada, soma, subtração, multiplicação, divisão, além da função especial ON/C que liga a calculadora ou limpa o resultado.

Parâmetros:

As teclas de números e do ponto (.) servem basicamente para fornecer números, que nada mais são do que parâmetros necessários para que a calculadora cumpra sua função (ou funções).

Exemplo:

Se um colega visse você com a sua calculadora, durante a resolução de um exercício e dissesse assim:

– Por favor faça uma multiplicação para mim.

E depois não disse que números deseja multiplicar, você poderia atender seu pedido? Não. Provavelmente você ficaria esperando ele dizer os números ou perguntaria para ele que números deseja multiplicar. Se da mesma forma, depois de dizer os números você fizesse a multiplicação mas não contasse para ele o resultado (e nem deixasse que ele olhasse no visor da calculadora) ele ficaria esperando por um retorno seu.

Ou seja, podemos dizer que neste caso a função de multiplicação precisa de parâmetros (como dois números) e retorna um valor, que então será utilizado por seu colega. Neste caso temos os elementos básicos de uma função também no mundo da programação:

Identificador da função: multiplicar

Parâmetros: Primeiro e segundo números

Retorno: O resultado da multiplicação

Criando uma função

Vamos programar então?

Crie um novo arquivo de texto e salve (como listagem2.html, por exemplo) e vamos adicionar o necessário o código HTML básico e depois vamos adicionando passo a passo, o código que definirá uma função chamada multiplica();

Passo 1: Crie o arquivo com a parte do HTML e salve o arquivo:

01:               

02:               

03:

04:               

05:               

06:               

07:               

Observação: Todos os nossos exercícios com javascripts começarão com este esqueleto, a partir do qual adicionaremos a programação. Ele será sempre como um envelope, ou caixa, que conterá o nosso código.

Passo 2: Criando o esqueleto da função:

A partir da linha três (no bloco javascript) adicione o seguinte código:

// Função que multiplica num1, num2 retornando o resultado

function multiplica (num1, num2)

{

}

Explicando: A primeira linha, começa com duas barras e é uma linha de comentário. Ela serve para colocar anotações no meio do código que são ignoradas, ou seja, servem somente para você e para quem for mexer nele no futuro. É um bom hábito documentar todas as funções, com um comentário de uma ou mais linhas explicando para que servem as funções (pois nem todas são tão óbvias como esta).

A segunda linha tem a definição da função, formada por quatro partes:

Palavra especial function

É uma palavra reservada para a linguagem e indica que está iniciando uma função naquele ponto.

Identificador (nome) da função (multiplica)

É uma palavra (sem espaços) que dá nome a função e dá uma ideia de sua utilidade. Não aceita quaisquer nomes mas por hora basta pensar em uma palavra (ou várias grudadas), com letras maiúsculas ou minúsculas.

Lista de parâmetros (num1, num2)

Eles ficam entre os parêntesis, e podem ser vários ou até nenhum, mas sempre deve estar presente os parênteses. São separados por vírgulas e devem ter nomes diferentes um do outro e dar uma ideia de que tipo de informação eles receberão.

Bloco de código da função ()

É o bloco delimitado por { e } que bem após a função. Entre estes caracteres serão inseridos os comandos que permitem que a função faça alguma coisa. É como se fosse um programa em miniatura, dentro e outro programa.

Passo 3: dando vida a função:

Segue uma listagem completa para você tomar como base para implementar a função multiplica:

01:               

02:               

03:                // Função que multiplica num1, num2 retornando o resultado

04:                function multiplica (num1, num2)

05:                {

06:                 var resultado;

07:                 resultado = num1 * num2;

08:                 return resultado;

09:                }

10:               

11:               

12:               

13:               

Importante: Caso a linha fique muito longa na visualização do livro ela continuará automaticamente  abaixo. Mas ainda é a mesma linha e por isso não tem um indicador de número de linha. Você não deve fazer esta quebra de linha no fonte, exceto se souber