Categorias
Procurar por scripts de upload pode ser uma grande frustração. No Google encontramos códigos obsoletos, longos, difíceis de entender e difficiles de implementar. Exemplo simples Vou apresentar um código bem simples para upload. Crie o seguinte formulário, acrescentando atributo enctype=”multipart/form-data” no atributo <form>, isso fará com que o servidor aceite também sequencia binárias de dados. Acrescente também […]
O TinyMCE é um antigo e famoso editor WYSIWYG (What You See Is What You Get – O que você vê é o que você obtém) com uma pronuncia parecida com “Uigizig”. Ele é gratuito e utiliza JavaScript para controlar os textarea do seu formulário. Como usar o TinyMCE da forma mais fácil A forma […]
O Fancybox é um dos plugins mais populares do JQuery. Ele permite que uma imagem seja aberta em uma lightbox, uma espécie de janela flutuante. Além disso, ele permite criar um carrossel de imagens, como neste exemplo, clique nas imagens para entender o funcionamento do Fancybox. Agora que você viu na prática o funcionamento deste […]
O projeto está disponível para download com o código comentado. Ele aborda diversos assuntos vistos nas aulas de TPI I e II. HTML 5 Páginas responsivas Formulários Estilização com BootStrap Script PHP Declaração de variáveis Envio de dados por POST Criação de sessões Conexão à banco de dados Comandos básicos SQL TRUNCATE INSERT SELECT ORDER BY LIMIT […]
Continuando a aula anterior sobre plugins do Facebook veremos agora como usar outro plugin muito legal na nossa página web, o plugin de comentários. Acesse seu Facebook Developers clique em Docs e depois localize Social Plugins Dentro do Social Plugins você encontrará uma série de plugins que podem ser facilmente utilizados em seu site ou aplicativo conforme imagem […]
Desenvolvedores WEB e Mobile podem integrar alguns serviços do Facebook em suas páginas e aplicativos. Existem duas formas de se fazer isso, utilizando plugins ou fazer uso da API do Facebook, onde ambos são manipulados com JavaScript. Os plugins é a porta de entrada para desenvolvedores iniciantes, tratá-se de alguns conjuntos de códigos prontos que […]
Esta aula surgiu a partir do problema levantando pelo TCC da Ana Gabriela, Ana Carolina, Camila e Luiza do 3ºI de 2016, onde a proposta era criar um calendário de eventos e mostrar as atividades em um aplicativo Android ou iOS. O uso de um banco de dados remoto poderia resolver bem esta problema, porém, […]
Crie um banco de dados com a seguinte tabela; Crie uma página PHP que contenha um formulário de cadastro para os campos desta tabela, exceto o campo id_financas que por ser auto incremento será gerada pelo próprio banco. O formulário de cadastro deve seguir o exemplo dado na aula de conexão com PDO; https://www.blogson.com.br/conectando-o-php-ao-mysql-com-pdo/ OBS: […]
JavaScript ou apenas JS, é uma linguagem que é executada pelo próprio navegador de internet (client-side), diferente do PHP por exemplo que é executada no lado do servidor (server-side). O Js foi desenvolvido pela equipe do Mozaic, o primeiro navegador web que existiu, que mais tarde viraria NetScape e que nos dias atuais, seu descendente […]
Chamá-se variáveis de sessões aquelas que guardam valores enquanto o navegador do usuário estiver aberto. Ao encerrar o navegador estas variáveis são perdidas. O interessante destas sessões é que elas podem ser acessadas por qualquer página de sua aplicação PHP. Usamos sessões principalmente para realizar autenticações de acesso em telas de login, onde o usuário […]
A Classe PDO (PHP Data Objects) é uma API do PHP que permite a conexão a vários tipos de banco de dados. Neste exemplo vamos fazer a conexão com um banco de dados MySQL Neste exemplo vamos desenvolver um CHAT utilizando PHP e MySQL. O banco da aplicação foi nomeado de tb_phpchat e possui uma única […]
Fazer um carrinho de compras é bem simples. Através da API localStorage do HTML 5 podemos facilmente gravar informações no navegador do visitante usando HTML e JS. Criando a página de Produtos Vamos criar algo simples, uma página com 3 produtos na qual você pode adicionar mais depois caso queira, esta página você encontrará no […]
A Multimídia foi um dos fatores decisivos para a popularização da Internet, principalmente com o desenvolvimento dos arquivos Mp3 e MPeG e depois o AVI. O HTML 5 oferece uma excelente forma de incorporar estes elementos multimídia em sua página. Incorporando vídeos do Youtube Em uma garagem de San Francisco (Califórnia, EUA), em fevereiro de […]
Olá Pessoal. A melhor maneira de aprender a criar páginas para WEB é praticando. Para facilitar o desenvolvimento desta atividade, primeiro vamos ter em mãos as anotações do caderno e o material do blog: Material Introdução ao HTML 5 – https://www.blogson.com.br/introducao-ao-html-5/ Introdução ao BootStrap – https://www.blogson.com.br/introducao-ao-bootstrap/ Material extra Caso queria consultar outras fontes o W3Schools é a minha fonte de […]
Utilizando BootStrap, crie os formulários a seguir para a próxima aula. Usando GET Usando o método GET, crie um formulário que receba o nome do estudante, 3 notas de Zero à Dez e calcule a média quando um botão de submit for pressionado! Faça a validação dos campos de modo que usuário tenha que preencher todos […]
O HTML 5 trás consigo diversas APIs que podem ser acionadas via JS. Uma delas é a LocalStorage que funciona igual à um cookie, porém, com espaço maior, melhor organizada, mais segura, não viola a privacidade do visitante do seu site e os dados ficam disponíveis até que realmente o visitante do site decida excluí-los. Se […]