Série WEB (lógica de programação e servidor-local)
Autor: Lauro Moraes | Publicado: 2014-07-15T23:36:00-03:00






Olá, dando continuidade a série web hoje veremos lógica de programação e a instalação de um servidor local (localhost)!

Lembrando a intro realizada anteriormente deixo aqui minhas ressalvas:

*Esta série foi criada com o intuito de compartilhar ideias e conhecimentos;

*Sou um entusiasta e amante de programação! Sem doutorado ou diplomas na área! Por isso não irei assumir a responsabilidade de ser o "dono da verdade"...tanto os posts quanto minhas sugestões estarão sujeitas a interpretações dos leitores;



Dito isso, convido os amigos leitores do blogue a visitar o grupo criado no Face Projeto Open! E assim como no grupo a série aqui no blogue estará aberta a colaboração o/!

Vamos começar...



Lógica de programação



Programar em uma determinada linguagem exige conhecer sua estruturação, suas tags e seus respectivos mecanismos próprios más, antes de sair escrevendo é necessário intender pelo menos a lógica que rege as mais variadas linguagens...a lógica de programação.

Que o mundo da programação é vasto e as linguagens são inúmeras isso é um fato porém o que unifica todas estas linguagens é sua lógica (ou a lógica). Sendo expressa da seguinte forma:



INTERPRETADOR =&gt; ALGORITMO =&gt; AÇÃO (RESULTADO)



Como está série foca a interface web fica mais fácil entender esta lógica:



Interpretador: o navegador web seja Chrome, Firefox, Opera, Internet Explorer, etc...que fica responsável por fazer a leitura do algoritmo/script escrito em uma determinada linguagem e trazer de forma visual o resultado para o internauta. No caso dos scripts com função server-side (interações, busca, registros, etc...) fica a cargo também do interpretador trazer ao usuário (internauta) os resultados provenientes da interação do mesmo sobre o script resultado este, que é proveniente das funções (requisitadas) feitas pela linguagem que atual do lado servidor (server-side);



Algoritmo: nada mais é que um bloco de instruções escritos em uma determinada linguagem de programação...nas linguagens comumente usadas na web por exemplo a instrução é bem simples: o código recebe suas tags de abertura para que o interpretador o identifique, eles são escritos do topo da esquerda para a direita e são lidos (interpretados) da esquerda para a direita um bloco após o outro não importando quantas linhas o código tenha até que se chegue na sua ultima instrução ou em sua tag de fechamento;



Ação(resultado): a ação(resultado/resultante) é a parte mais subjetiva da lógica pois ela passa de maneira estática o resultado de um bloco de comandos até mesmo de maneira dinâmica trazendo os resultados pré estipulados que dependem da ação/interação do usuário/internauta realizada através do interpretador (cliente-side).

A exemplo disto podemos imaginar um site que contenha em seu script(algoritmo) a seguinte função: logo após o usuário entrar/carregar a pagina um banner ou balão pop-up aparece na tela do internauta...reparem que isto é uma ação proveniente do script.

Como segundo exemplo estão todas as interações que o usuário faça ou que "fazem" o uso de funções server-side...consultas ao banco de dados, pesquisas, preenchimento de formulários, cadastros, etc...notem que os resultados provenientes destas já foram pré definidos más dependem da ação do usuário.



A lógica de programação é realmente simples e simplesmente "lógica" sem querer fazer trocadilhos rsrsrsrs :)

Respeitando as estruturas particulares de cada linguagem a lógica passa simplesmente por criar o bloco com a instrução/comando a ser executado, passar os parâmetros para execução do mesmo e estipular de que forma o resultado será apresentado (se é que haja necessidade de apresentá-los).



Bom, o resumo que passei acima é bem básico mesmo e segue o raciocínio de estruturação...todavia a lógica é só uma forma de pensar, para cada forma que voçê caro leitor do blogue resolver escrever um código não se surpreenda em haver no minimo outras três formas de escrever o mesmo código...independentemente de ter mais ou menos instruções ou linhas de comandos, sempre há uma forma alternativa de se chegar nos mesmos resultados.



Não vou me fazer de rogado ou ousar dizer que isso é tudo o que voçê deva saber sobre lógica de programação. Entender a história e os conceitos de lógica &nbsp;também são fundamentais, para se aprofundar em lógica de programação exigiria um post muito grande e levar o assunto não só as linguagens web...bons materiais e até mesmo vídeos existem por ai aos montes para critérios de estudo deixo aqui o link para uma apostila em PDF do site k19.

A apostila esta em português e é muito boa diga-se de passagem, ela é muito abrangente e por isto acredito ser um ótimo material de estudo.



O link para download da apostila voçês podem encontrar nesta página&nbsp;http://www.k19.com.br/downloads/apostilas/basica/k19-k01-logica-de-programacao&nbsp;todos os créditos sobre esta apostila são exclusivos da k19.



Montando um Servidor Local (localhost)



Como vimos na intro desta série, para rodar um script/site é necessário um servidor como estaremos abordando nesta série o desenvolvimento nada melhor que um servidor local (localhost) que rode em sua máquina (pc).

Para montar um servidor local existem inúmeras soluções más basicamente todas atendem os mesmos requisitos: um servidor Apache(http), um banco de dados(MySQL) e o módulo php.

É possível montá-los de forma separada instalando e configurando cada um em sua máquina porém, ha também alguns "kits" que já trazem estes três e muito mais em uma única ferramenta (em um único programa).

Tratarei neste post o uso do Wamp Server&nbsp;(para Windows) embora solução equivalente seja usar o Xamp&nbsp;(Windows e Linux)&nbsp;para quem já instalou um servidor local antes sinta-se a vontade para usar qualquer um dos dois ou até mesmo outras soluções (como LAMP no Linux).



Estes programas estão em português e sua instalação é simples, baixe e inicie a instalação assim como qualquer outro programa.

No decorrer da instalação voçê deve indicar qual navegador ira usar para acessar (más pode usar outros mesmo não tendo indicado na instalação), deves indicar a pasta aonde ele será instalado (por padrão em&nbsp;c:\wamp\www) e liberar o apache no firewall do windows.

O Wamp Server é bem simplista, após instalado basta um duplo click no&nbsp;ícone&nbsp;e ele já inicia e esta pronto&nbsp;para uso dai basta digitar "localhost" (sem aspas) na barra de navegação de seu navegador que irá abrir a interface do servidor local.

Não irei abordar aqui a habilitação de módulos do Apache ou configurações no php.ini, a principio simplesmente instalar já o suficiente para começar a utilizá-lo.

Deixo abaixo um vídeo bem curtinho mostrando como é fácil instalar o Wamp!



A pasta "www" será usada como servidor local e tudo que estiver dentro dela será interpretado como conteúdo por isso uma dica muito útil é usar/criar outras pastas dentro dela como por exemplo: site, blogue, wordpress, script-01, teste, formulário, etc...criando uma pasta para cada tipo de script que voçê esteja a desenvolver #fikadika ;)

Para quem tiver um celular ou tablet com sistema Android e quiser incrementar seu ambiente de desenvolvimento deixo o link para o post que fiz em complemento a este:&nbsp;http://subversivo58.blogspot.com.br/2014/06/criando-um-servidor-local-no-android.html

No próximo post da série iremos abordar o uso de editores de texto para escrever nossos códigos e o uso do&nbsp;phpMyAdmin para criarmos nosso primeiro banco de dados.



Não deixem de comentar, curtir, e compartilhar...dúvidas, criticas e sugestões são bem vindas \o/ !!!