Sistemas sem Frescuras - #05 - Introdução ao PHP

Apesar de toda a correria tradicional do mês de dezembro, chegamos a quinta aula do nosso curso Sistemas sem Frescuras. Nesta aula vamos fazer uma rápida descrição das diferenças entre o PHP e o HTML, o que é necessário para o funcionamento da linguagem e alguns exemplos básicos.

O que é PHP

PHP (um acrônimo recursivo para PHP: Hypertext Preprocessor) é uma linguagem de script open source de uso geral, muito utilizada e especialmente guarnecida para o desenvolvimento de aplicações Web que pode ser embutida dentro do HTML.

A linguagem é delimitada pelas tags <?php ... ?> e os arquivos que contém a linguagem deve ter a extensão (.php). Diferente do HTML que é interpretado pelo browser, o PHP é interpretado no servidor que devolve ao navegador apenas o resultado omitindo a codificação da linguagem.

Requisitos

Para trabalhar com PHP necessitamos de: um servidor web e do interpretador da linguagem. Um dos servidores mais utilizados é o Apache. Já o interpretador do PHP pode ser obtido no site da PHP Group. Mas para facilitar existem soluções prontas que instalam automaticamente todas as ferramentas necessárias para o desenvolvimento. A que eu mais utilizo é a distribuição Xampp.

Características

Quando trabalhamos com PHP damos mais poder aos aplicações web, pois agora podemos manipular o conteúdo para obter os resultados que desejamos em uma determinada aplicação. A lista a seguir é apenas um resumo do resumo, pois no decorrer das aulas iremos abordando diversos recursos da linguagem. No PHP podemos trabalhar com:

• Operadores Aritméticos: permitem efetuar cálculos: adição [+], subtração [-], multiplicação [*], divisão [/] e resto de divisão[%];
• Operadores de Atribuição: permitem atribuir valores: simples [=], com adição [+=], com subtração [-=], com multiplicação [*=] e com divisão [/=];
• Operadores de comparação: Igual a [==], diferente de [!=], menor que [<], maior que [>], menor ou igual a [<=] e maior ou igual a [>=];
• Operadores lógicos: logico "e" [and] ou [&&] e lógico "ou" [or] ou [||] e inversão [!];
• Estruturas de Controle: If ... else, while, for, switch;
• Funções e classes: conjunto de instruções para utilização posterior;
• Variáveis: informações que podem variar.

O escopo da linguagem vai muito além disso, mas a lista acima já dá uma ideia do que podemos fazer. Espero que você goste da aula e tenha certeza que iremos fazer bastante coisa legal no decorrer deste curso. Boa Aula...

Sistemas sem Frescuras - #04 - CSS & HTML-5

Olá! Bem vindo a quarta aula do curso Sistema sem Frescuras. Nesta aula vamos focar na formatação de uma página HTML-5 utilizando algumas das novas tags da versão 5 da linguagem e CSS. Trata-se de um ponto de partida para você se familiarizar com estas técnicas e a partir dai desenvolver por conta própria.

Também apresentamos a biblioteca javascript Html5Shiv, uma boa solução para habilitar as funcionalidades do HTML-5 em navegadores mais antigos.

Dessa vez utilizamos o CSS interno através da tag <style> ... </style> para que você possa se familiarizar com a várias maneiras de se implementar o código. 

Os arquivos utilizados no exemplo podem ser baixados no link a seguir: Arquivos da Aula 4.

Tenha uma boa aula e aproveite bem o conteúdo. Até a próxima.

Sistemas sem Frescuras - #03 - CSS

Chegamos a terceira aula do nosso curso. Neste capítulo e no próximo vamos focar nas CSS. Quando criamos uma página web ou sistema baseado em browser (navegador) devemos separar o conteúdo da forma, ou seja: Enquanto o HTML-5 efetua a marcação do conteúdo, criando a semântica da página, o CSS se encarrega da forma como este conteúdo será apresentado ao cliente.

CSS é a sigla, em inglês, de Cascading Style Sheet que traduzido para o português significa Folha de Estilo em Cascata. Em resumo, são arquivos de texto que reúnem um conjunto de regras que atua sobre os marcadores do HTML.

Sintaxe

Como toda e qualquer linguagem, a CSS tem uma sintaxe que é baseada em: Seletor, Parâmetro e Valor, onde:

• Seletor é o marcador HTML onde se quer atuar. Ex.: <h1>, <p>, <div>;
• Parâmetro é a característica do seletor que será afetada. Ex.: cor, posição, visibilidade;
• Valor é a medida utilizada no parâmetro. Ex.: vermelho, a direita, invisível.

Estas informações são apresentadas na forma de código, conforme a ilustração a seguir:

Arquivos externos

A melhor maneira de implementar o código CSS em uma página ou grupo de páginas é  utilização de um arquivo css externo. Existem três vantagens principais nesta prática

• A marcação e a formatação ficam totalmente separadas.
• Alterações de forma em um projeto ficam mais simples.
• Podemos reutilizar estilos em outros projetos.

Conforme a figura acima, vemos que com uma única folha de estilos css podemos configurar o visual de vários arquivos html. Se desejarmos implementar uma mudança no lay-out basta trocar o arquivo css.

Espero que você goste desta aula.

Até a próxima.

Sistemas Sem Frescuras - #02 - Tabelas, Formulários e CSS

Olá, bem vindo a segunda aula do curso Sistemas sem Frescuras. Nesta aula foi feita uma revisão do conteúdo anterior (a pedidos). O tema principal da aula são as tabelas e formulários e uma rápida introdução ao conceito das CSS que será abordado com mais profundidade na próxima aula.

Também estamos disponibilizando os arquivos utilizados na elaboração desta aula que bodem se baixados no link a seguir: Arquivos da Aula 2

Se alguma coisa não ficou clara, poste sua pergunta que eu terei o maior prazer em tirar suas dúvidas. Um abraço e curta o conteúdo!