O HTML5 é a nova versão padrão do HTML com novas Tags e APIs capazes de inserir facilmente um arquivo de audio ou vídeo em um site. Basicamente o HTML seria o esqueleto do seu site, que deverá ser formatado (ou vestido) utilizando a linguagem CSS (Cascading Style Sheet).
A estrutura básica do HTML5 é parecida as estrutra do XHTML e do HTML 4, contendo elementos HEAD e BODY.
<!DOCTYPE html>
| RewriteEngine on | |
| RewriteCond %{SCRIPT_FILENAME} !-f | |
| RewriteCond %{SCRIPT_FILENAME} !-d | |
| RewriteRule ^(.*)$ index.php?param=$1 |
O CSS (Cascading Style Sheets) é uma linguagem para formatação de páginas HTML e outras linguagens de marcação. Com ela podemos definir tamanhos, cores, fontes e outros relacionados a apresentação desses documentos ao usuário. A versão 3 do CSS ainda possui suporte a sombras, efeitos de transição, animações, que podem deixar o site mais apresentável, sem a necessidade de flash ou outross artifcios.
Vamos tomar como exemplo o código abaixo:
<!DOCTYPE html>
<html>
<head>
<title>Página com CSS</title>
<meta charset="utf-8">
O PDO (PHP DATA OBJETCS - presente no PHP desde a versão 5.1 Documentação Oficial) é um módulo do PHP, Orientado a Objetos, que permite a conexão com diversos tipos diferentes de Banco de Dados. Com a utilização deste é possível a utilização de mais de um banco de dados na mesma aplicação, por exemplo, podemos utilizar uma conexão com um banco Mysql e uma para um banco Postgre ou Oracle, desde que o servidor possua o driver instalado.
A padronização das funçes é um ponto positivo no uso do PDO, uma vez que é possível a troca de banco de dados (MySQL para Oracle por exemplo), sem a necessidade de mudar toda a aplicação, mudando apenas o driver para conexão. Ele oferece apenas uma interface unificada para utilização em qualquer um desses banco de dados.
Apesar de ter uma performande menor que o mysqli, o PDO funciona com 12 drivers para Banco de dados (*4D, MS SQL Server, Firebird/Interbase, MySQL, Oracl
O Wordpress é uma ótima ferramenta de gestão de conteúdo, uma das mais utilizadas. O sistema possui sites com plugins, widgets e themas prontos, muitas vezes "free". Vamos aprender como desenvolver um tema simples utilizando as funções do Wordpress e gerar um site instituional, utilizando Bootstrap e jQuery.
Os temas do Wordpress ficam dentro da pasta wp-content -> themes. Normalmente a instalação já possui dois ou três temas para uso. Esta pasta deverá conter:
| //forma simples de formatar valores | |
| function formatar(valor) { | |
| valor = valor.replace(".",""); | |
| return parseFloat(valor.replace(",",".")); | |
| } | |
| CACHE MANIFEST | |
| js/jquery-3.2.1.min.js | |
| js/materialize.js |
| //nome do cache | |
| var cacheName = 'akiexpress'; | |
| //arquivos a serem cacheados | |
| var filesToCache = [ | |
| "index.html", | |
| "categoria.html", | |
| "carrinho.html", | |
| "produto.html", | |
| "imgs/logo.png", |
Antigamente existiam somente computadores Desktop e Notebooks com resoluções parecidas, 60x480, 800x600, 1024x600 e assim por diante. Com o tempo foram surgindo placas de vídeo melhores, monitores de diversos tamanhos e os sites começaram a ficar estranhos e mal acomodados em diversas resoluções.
Nos últimos 10 anos, os Smartphones e Tablets foram popularizados, trazendo diversos dispositivos com incontáveis resoluções de tela, menores que as telas dos computadores Desktop. Outros dispositivos como TVs e Projetores também começaram a fazer parte de uma extensa lista de dispositivos.
Para isso, o HTML trouxe os Media Types que definiam para qual dispositivo um CSS seria aplicado. Com este é possível definir por exemplo, um CSS somente para impressão, onde podemos retirar imagens de fundo e cores fortes para que o usuário possa realizar uma impressão gastando menos tinta ou deixando a impressão mais legível.
Um outro Media Type aplicaria um CSS a TVs, ou Projetor ou um Handheld