Esta é especial para meus alunos: acabou a desculpa para não seguir os padrões web à risca! Está disponível nesta página a lista completa dos principais documentos de padronização do W3C na nossa língua!
Dois dos documentos que acho imprescindíveis estão lá:

• Especificação HTML 4.01
• XHTML™ 1.0 The Extensible HyperText Markup Language (Segunda Edição), Uma reformulação do HTML 4 em XML 1.0

Tradução dos Documentos do W3C

Só faltou mesmo a especificação do CSS.

Observe lá no documento que a vários deles foram traduzidos por Maurício Samy Silva, autor e editor do site Maujor.com já indicado por aqui várias vezes.

Fuçando mais acabei encontrando também alguns documentos publicados pelo escritório brasileiro do W3C: http://www.w3c.br/divulgacao/. Neste encontramos um guia de referência CSS e outro HTML.

Espero que ajude os alunos com dificuldades em Inglês.

Fonte: http://revolucao.etc.br/archives/documentos-da-w3c-em-portugues

Artigos Similares:

• Documentos de Padrões Web em Português.
• Novo Fórum Tecnoclasta.
• Novo Tema no Tecnoclasta ATUALIZADO: FALHOU!
• Segunda Aula: Página mínima XHTML
• Primeira Avalição CPWJ

Esta é uma aula do curso de Programação em Asp.NET. Para mais informações clique aqui.

Está é a oitava aula, e hoje iremos construir uma página Asp.Net para acessar uma tabela no banco de dados permitindo as operações básica de uma tela de cadastro: Create, Read, Update e Delete (CRUD).

A página começou a ser construída na aula 7. Comece então com a aula 7 e depois continue aqui.

Siga as legendas e use pause para não se perder. Os vídeos estão com uma música maneira de fundo. Se estiver em um ambiente onde música não rola, desligue o som antes de entrar.

Consultas utilizadas nos vídeos:

UPDATE CLIENTES SET NOME=?, ENDERECO=?, TELEFONE=?, INFORMACOES=? WHERE ID=?

DELETE FROM CLIENTES WHERE ID=?

INSERT INTO CLIENTES (NOME, ENDERECO, TELEFONE, INFORMACOES) VALUES (?,?,?,?)

Aula 8 parte 1

http://br.youtube.com/watch?v=g28vnFWNG2k

Aula 8 parte 2

http://br.youtube.com/watch?v=n61vwsRgGfQ

Aula 8 parte 3

http://br.youtube.com/watch?v=81O1a-DqeSg

Próxima aula: Controle de acesso e login.

Artigos Similares:

• Asp.net Vídeo Aulas | Aula 8: Tela de Cadastro CRUD
• Asp.net Vídeo Aulas | Aula 7: Acessando Banco de Dados
• Asp.net Vídeo Aulas | Aula 6: Validando Formulários
• Asp.net Vídeo Aulas | Aula 2: Instalando o MySql e Odbc Connector
• Asp.net Vídeo Aulas | Aula 1: Instalando o Visual Web Developer

Esta é uma aula do curso de Programação em Asp.NET. Para mais informações clique aqui.

Está é a sétima aula, e hoje iremos acessar uma tabela no banco de dados MySql usando Asp.Net.

Siga as legendas e use pause para não se perder. Os vídeos estão com uma música maneira de fundo. Se estiver em um ambiente onde música não rola, desligue o som antes de entrar.

Tabela cliente utilizada no segundo vídeo:

CREATE TABLE CLIENTES
(
ID INTEGER (11) NOT NULL AUTO_INCREMENT ,
NOME varchar (90),
ENDERECO varchar (50),
TELEFONE varchar (50),
NASCIMENTO datetime,
INFORMACOES varchar (200),
PRIMARY KEY (ID)
)

Aula 7 parte 1

http://www.youtube.com/watch?v=yV7tLPjt37E

Aula 7 parte 2

http://www.youtube.com/watch?v=TOu2RBoQ0jk

Aula 7 parte 3

http://www.youtube.com/watch?v=vd9u7rghn84

Aula 7 parte 4

http://www.youtube.com/watch?v=TAKh6nHEnrA

Próxima aula: Crud.

Artigos Similares:

• Asp.net Vídeo Aulas | Aula 7: Acessando Banco de Dados
• Asp.net Vídeo Aulas | Aula 8: Tela de Cadastro CRUD
• Asp.net Vídeo Aulas | Aula 6: Validando Formulários
• Asp.net Vídeo Aulas | Aula 1: Instalando o Visual Web Developer
• Asp.net Vídeo Aulas | Aula 2: Instalando o MySql e Odbc Connector

Esta é uma aula do curso de Programação em Asp.NET. Para mais informações clique aqui.

Está é a sexta aula, e hoje iremos fazer a validação dos formulários Web. Validação consiste em garantir que os campos estão digitados corretamente. Campos obrigatórios, numéricos e com formatos definidos.

O vídeo está dividido em duas partes:
(vídeo sem som, siga as legendas e use pause para não se perder)

Parte I:
http://www.youtube.com/watch?v=QjmZTz711Pg

Parte II:
http://www.youtube.com/watch?v=BcVB7x9xOiY

Próxima aula: Asp.net e Mysql.

Artigos Similares:

• Asp.net Vídeo Aulas | Aula 6: Validando Formulários
• Asp.net Vídeo Aulas | Aula 7: Acessando Banco de Dados
• Asp.net Vídeo Aulas | Aula 8: Tela de Cadastro CRUD
• Asp.net Vídeo Aulas | Aula 2: Instalando o MySql e Odbc Connector
• Asp.net Vídeo Aulas | Aula 1: Instalando o Visual Web Developer

Prometer realizar alguma coisa e não cumprir, não é de meu feitio. Não gosto de ficar em dívida. E estou em dívida com os alunos do Curso de Programação Asp.net.

Na semana passada prometi que iria retomar as aulas e acabei por não conseguir. Sei que parece desculpa esfarrapada, porém quero esclarecer que foi por motivos alheios ao meu controle. Greve com piquete na entrada da empresa.

De qualquer maneira hoje resolvi mudar a tecnologia das aulas, pois está difícil conciliar um ambiente de trabalho com muito barulho e uma gravação de vídeo com voz. Já tentei mais de uma vez gravar no horário de almoço, só para ser interrompido por um telefonema. Eu não tive problemas com o curso Java, postei 17 semanas seguidas com um único atraso. Porém todas as aulas eram imagens e texto somente.

Por sorte, nesta mesma semana foi lançado no YouTube um recurso de incluir balões nos vídeos postados lá. Chamaram anotações. Começei a fazer os testes hoje ainda e já estou terminando de incluir balões ao vídeo sem som que preparei para a quinta aula do curso.

Portanto preparem-se: está prevista uma aula do Curso de Asp.Net nesta Quarta-Feira. O tema será: Validação de Formulários.

Não conhece ainda o curso de Asp.net? Veja aqui

Artigos Similares:

• You Tube com Balões e novo pedido de desculpas
• Novas (vídeo) aulas de Programação para Web: desta vez ASP.NET
• Asp.net Aulas | Aula 5: xHtml e Css
• Curso Gratuito de Programação Asp.Net (com vídeo Aulas)
• Atraso na Aula do Curso Java e novidades

Para quem ainda não se preocupa em produzir conteúdo testado nos principais navegadores: o Internet Explorer é minoria na Internet!

Conteúdos de nicho, como este site que você está lendo, já apresentam o Firefox com mais visitas que o Explorer da Microsoft.

Fique atento, siga os padrões web, faça testes nos principais navegadores e seja popular.

* no meu site ao menos é.

Artigos Similares:

• Firefox é maioria na Web. *
• Primeira Aula: Web Como funciona.
• Curso Gratuito de Programação para Web em Java
• Eu sou um Computer Geek
• Segunda Aula: Página mínima XHTML

Esta é uma aula do curso de Programação em Asp.NET. Para mais informações clique aqui.

Está é a quarta aula, e hoje iremos dar uma passada nos principais componentes Asp.Net que usaremos nas interfaces dos formulários Web.

O vídeo está dividido em duas partes:

• Label
• TextBox
• Buttom
• DropDownList

Parte I:

• ListBox
• CheckBox

Parte II:

Próximas aulas: Xhtml, Css e VB.

Artigos Similares:

• Asp.net Vídeo Aulas | Aula 4: Componentes Básicos
• Asp.net Vídeo Aulas | Aula 3: Hello World Asp.Net
• Asp.net Vídeo Aulas | Aula 6: Validando Formulários
• Curso Gratuito de Programação Asp.Net (com vídeo Aulas)
• Asp.net Aulas | Aula 5: xHtml e Css

Esta é uma aula do curso de Programação em Asp.NET. Para mais informações clique aqui.

Está é a terceira aula e já está passando do tempo da gente começar a trabalhar em Asp.Net.

Hoje iremos fazer a primeira aplicação Web e estudar a interface do Web Developer.

O vídeo está dividido em duas partes:

Parte I: Criando a aplicação Hello World

• Criar um novo website em um novo diretório
• Mostrar solution explorer
• Uma passada rápida nos arquivos
• Colocar arquivo em modo Design
• Mostrar ToolBox
• Arrastar um textbox
• Um botão
• Um label
• Mostrar properties
• Aplicar um duplo clique no botão enviar

Parte II: verificando todo o código gerado

• Aplicar um duplo clique no botão enviar
• Digitar o código para saudação
• Executar a aplicação
• Ver arquivo *.aspx
• Ver arquivo *.vb

Próximas aulas: Xhtml, Css e VB.

Artigos Similares:

• Asp.net Vídeo Aulas | Aula 3: Hello World Asp.Net
• Quinta aula: Introdução a Css
• Asp.net Aulas | Aula 5: xHtml e Css
• Asp.net Vídeo Aulas | Aula 4: Componentes Básicos
• Curso Gratuito de Programação Asp.Net (com vídeo Aulas)

Esta é uma aula do curso de Programação em Asp.NET. Para mais informações clique aqui.

Nesta segunda aula vamos instalar o Mysql e o driver ODBC, além de configurar a conexão no Web Developer.

Para a vídeo aula o endereço no navegador no início é http://www.mysql.com. Não repare demais na voz feia e amadora do narrador, na próxima aula quem sabe eu contrato um locutor de rádio.

• Primeira Parte: http://www.youtube.com/watch?v=pwLMcq4HOp4
• Segunda Parte: http://www.youtube.com/watch?v=sMbmS1rTDYM

Perguntas use a área de comentários deste artigo.

Próxima aula: Passeando na interface do Web Developer.

Artigos Similares:

• Asp.net Vídeo Aulas | Aula 2: Instalando o MySql e Odbc Connector
• Asp.net Vídeo Aulas | Aula 1: Instalando o Visual Web Developer
• Asp.net Vídeo Aulas | Aula 7: Acessando Banco de Dados
• Asp.net Vídeo Aulas | Aula 6: Validando Formulários
• Asp.net Vídeo Aulas | Aula 8: Tela de Cadastro CRUD

Esta é uma aula do curso de Programação em Asp.NET. Para mais informações clique aqui.

Hoje iremos começar preparando o terreno: instalando o Visual Web Developer Express Edition 2008.

A pressão do mercado levou a Microsoft a disponibilizar uma versão do Visual Studio gratuitamente. Os limites desta versão não impedem que seja utilizada para nosso aprendizado. Como não quero fazer apologia a pirataria, e nem pedir para que comprem a versão completa, o material será apresentado nesta versão.

Para as vídeo-aulas testei uma ferramenta para colocar comentários em vídeos do youtube. O link abaixo abre a primeira aula. Infelizmente dá problemas com acentos, mas é perfeitamente legível.

Abra em tela cheia, e use a pausa se ficar muito rápido!

http://www.omnisio.com/v/DCYar-edjhG/web-aula-aspnet—aula-1

Perguntas use a área de comentários deste artigo.

Atualização:

Avacalharam com o vídeo do omnisio.com, veja os vídeos sem legenda no youtube:
parte1:
http://www.youtube.com/watch?v=PpyJ2IdJEfI
parte2:
http://www.youtube.com/watch?v=hZMnA9RXhCQ

Próxima aula: Instalando o Mysql e preparando a conexão com o banco no Visual Web Developer.

Artigos Similares:

• Asp.net Vídeo Aulas | Aula 1: Instalando o Visual Web Developer
• Asp.net Vídeo Aulas | Aula 2: Instalando o MySql e Odbc Connector
• Asp.net Vídeo Aulas | Aula 7: Acessando Banco de Dados
• Asp.net Vídeo Aulas | Aula 8: Tela de Cadastro CRUD
• Asp.net Vídeo Aulas | Aula 6: Validando Formulários

Sejam bem vindos ao Curso de Programação Asp.Net.

Quem sou eu

Antes de mais nada, quem sou eu: Professor Luís Eduardo, 33 anos, à 10 anos professor na Etep Faculdades de São José dos Campos, uma das escolas técnicas mais conceituadas em meu município e região. E também 10 anos na Sabesp, na divisão de Informática do Vale do Paraíba. Eu sou Tecnoclasta.

Trabalho à 10 anos com Desenvolvimento Web para a intranet da Sabesp. Começei com o “macarraônico” código JSP (java) acessando diretamente o banco de dados Oracle, e agora, já evoluído, utilizo Struts mais Hibernate nos projetos novos. Além de Asp.Net para outros. É claro que os primeiros projetos ainda estão em funcionamento e manutenção. Portanto lido com todo tipo de código jsp + oracle + struts + asp.net e outros testes. Ruby é outro ambiente que testei.

Objetivo do Curso

O objetivo deste curso é permitir alguém com boa vontade e dedicação desenvolver pequenos sites em Asp.net. Apenas começar o desenvolvimento, o suficiente para conseguir acompanhar o material mais completo e técnico já presente em abundância na Internet. Será também o repositório de informações para meus alunos do curso presencial, que tem o mesmo conteúdo apresentado aqui.

Conteúdo programático

• Preparando o Ambiente
• xHtml e Css
• A interface Rad do Web Developer
• Um pouco de Visual Basic
• Componentes html controls
• Componentes web controls
• Validação de formulários
• Sessão, controle de acesso e personalização
• Data Sources e odbc
• Grid Views e telas Crud
• Sistema completo: Busca e um clone do Google. (exagero )

Estou planejando em torno de 12 semanas, com uma aula publicada a cada terça-feira. Parte do material estará em texto aqui e parte em vídeo-aula conforme a necessidade do conteúdo.

Material já publicado:

Guarde esta página em favoritos (teclas ctrl+d), para poder continuar o curso a partir da próxima aula.
Para os mais entendidos: feeds, ou assine por email

Artigos Similares:

• Curso Gratuito de Programação Asp.Net (com vídeo Aulas)
• Curso Gratuito de Programação para Web em Java
• Asp.net Vídeo Aulas | Aula 1: Instalando o Visual Web Developer
• Asp.net Vídeo Aulas | Aula 8: Tela de Cadastro CRUD
• Asp.net Vídeo Aulas | Aula 7: Acessando Banco de Dados

Confirmado: iniciarei novas aulas de Programação para Web, agora utilizando Asp.net. Estou terminando a definição do conteúdo programático e estarei publicando a aula inaugural ainda esta semana.

Nos mesmos moldes do Curso de Programação para Web em Java (completamente disponível aqui), o curso será aberto, isso é, não é necessário inscrição, e não haverá formação de turmas. Os alunos interessados devem apenas seguir as aulas, e podem enviar as dúvidas através dos comentários da aula ou do forum.

Uma novidade é que serão vídeos aulas. Uma vez que o ambiente Asp.net é bem mais visual que java, este esquema é praticamente obrigatório. Os vídeos serão publicados no youtube, e complementados com alguns textos aqui no site.

Ainda não defini qual o dia da semana publicarei as aulas, mas é bem possível que seja todas as terças-feiras, com pausas para feriados, e minhas férias.

Para o curso de Asp.net estou planejando entre 8 e 10 aulas.

Tecnoclasta ataca novamente!

Atualizando:

Veja detalhes das aulas aqui.

Artigos Similares:

• Novas (vídeo) aulas de Programação para Web: desta vez ASP.NET
• Curso Gratuito de Programação Asp.Net (com vídeo Aulas)
• You Tube com Balões e novo pedido de desculpas
• Atraso na Aula do Curso Java e novidades
• Asp.net Aulas | Aula 5: xHtml e Css

Pois é senhores, esta é a última aula do curso de programação para Web em java.

Quem chegou agora, o curso pode ser feito, basta fazer as aulas a partir da primeira aqui.

Foram 5 meses de curso e nada menos que 21 mil acessos. Espero realmente que todos tenham aprendido alguma coisa, e pelo menos encontrado o caminho das pedras para aprender mais a respeito.

Eu pretendia aprofundar mais alguns assuntos, porém não estou com disponibilidade para produzir um material com a qualidade que desejo. Portanto, as aulas que prometi, (por exemplo CRUD), estarão engavetadas no momento.

Para continuarmos mantendo o contato estou preparando uma nova categoria de artigos, com dicas rápidas para programadores em geral. Devido a minha experiência Java e Asp.Net, estes serão assuntos constantes. Estou aceitando sugestões de dicas, ou de assuntos a serem tratados.

Estou preparando também um roteiro com material bibliográfico que utilizei para o desenvolvimento do curso.

Para aqueles que queiram deixar uma palavra final sobre curso, escrevam nos comentários deste artigo.

Quanto ao projeto de um curso nos moldes deste, mas sobre Asp.Net, estou estudando… ainda não é certeza. Existe interesse?

Atualizando

O curso de Asp.net já foi publicado, procure aqui.

Artigos Similares:

• Encerrando o Curso de Programação para Web em Java.
• Atraso na Aula do Curso Java e novidades
• Curso Gratuito de Programação Asp.Net (com vídeo Aulas)
• Novas (vídeo) aulas de Programação para Web: desta vez ASP.NET
• Asp.net Aulas | Aula 5: xHtml e Css

Fiquei muito curioso com um comentário do André Luiz que gostaria de saber se Netbeans em um EeePC/Ubunto funcionaria.

Tão curioso, que fui testar. Veja o resultado:

Quanto ao tamanho da tela, tire suas próprias conclusões clicando nas figuras para ver em tamanho natural do EeePC.

A minha opinião é que é possível sim. O que torna esta maquina especialmente interessante para minhas aulas de Orientação à Objeto que terei no meu Mestrado a partir da próxima semana. Ter uma maquininha para usar em sala de aula com o ambiente de desenvolvimento completo rodando é Fabuloso!!

A performance do Netbeans ficou usável. Claro que as vezes fica desconfortável, mas está de acordo com o que eu esperava com 512MB. Se incomodar demais colocar 1GB de memória resolve com certeza.Preciso dar uma priorizada e enxugar a instalação do Ubuntu, mantendo somente o que realmente me interessa. A instalação do Netbeans + java SDK foi em um cartão separado.

O passo seguinte será colocar o mysql-server. Então terei uma cópia de meu ambiente de testes Desktop! Pensando bem será que conseguiria colocar o Oracle Express Edition??

Acho que terei que comprar um cartão de 8GB! (achei por R$ 169 alguém tem preço melhor por aí?)

Artigos Similares:

• Netbeans: Java Developer no EeePC?
• Novo EeePc com display de 9 polegadas
• Ubuntu+EeePC, Usando a WebCam
• Instalando Ubuntu no EeePC
• Asus EeePC meu Notebook peso-pena

Sejam bem vindos, esta é a décima sétima aula de Programação Web em Java, para saber mais sobre o curso, começe em Curso de Programação Web em Java – CPWJ

Depois que vimos uma aplicação funcionando, vamos agora detalhar cada parte do processo. Nosso estudo de caso será o sistema de busca, porém iremos incrementá-lo significativamente.

Esta aula está sendo postada com atraso, devido a problemas que tive para publicar o código java no WordPress. Depois de várias tentativas, decidi colocar os arquivos *.java e os *.xml em um diretório do servidor para que você possam baixar.

Voltemos à aula

Comecemos estudando a camada Model, ou modelo: O objetivo desta camada é definir as entidades envolvidas e as regras de negócio do programa. Em orientação a objeto, não nos preocupamos inicialmente com a interface do programa, mas sim de um modelo de representação das entidades que fazem parte do projeto. Uma abordagem pedagógica para atacar o problema é escrever de início um lista de requisitos do sistema, discutindo o que ele precisará ter:

• Permitir o usuário digitar uma palavra chave e obter uma lista de sites que possuem relação com a palavra digitada usando o motor de busca;
• Permitir um usuário cadastrar um ou mais sites definindo uma lista limitada de palavras chaves relacionadas com seu site;
• Permitir um administrador do sistema corrigir, adicionar ou eliminar algum site cadastrado no sistema;

Esta será a lista de requisitos que usaremos no nosso exemplo. Para construir o modelo devemos olhar esta lista e identificar as entidades necessárias. Uma abordagem é olhar os substantivos. Estes serão entidades candidatas:

usuário, palavra chave, lista de sites, site, lista de palavras chaves, administrador, sistema de busca, cadastro Esta é uma lista preliminar, já eliminando repetições. O passo seguinte é separar o que é atributo, do que é classe, ficando somente as classes:

• Usuário (administrador é um tipo de usuário especial)
• Site (Lista de palavras chave é um atributo do site. Lista de Sites é uma coleção de sites)
• Motor de busca
• Cadastro de Sites

Depois disso iremos definir quais atributos são importantes para estas classes funcionarem de acordo com os requisitos.

• Usuário: Id, Nome, Apelido, Senha, Email, Nível
• Site: Id, Nome, Descrição, Url, KeyWords, Responsável (pelo cadastro)
• Motor de Busca: Resultado da Busca, KeyWords (a serem encontrados)
• Cadastro de Sites: Usuário responsável

Implementamos então as classes de modo que sejam manipuláveis pelo Hibernate. Este framework é responsável pela persistência, isso é, pelo armazenamento dos objetos criados na memória, para o banco de dados relacional. As regras para que as classes sejam manipuláveis pelo Hibernate são os seguintes:

• A classe deverá ser um Java Bean definindo os atributos como dados privados e com funções públicas Getters e Setters. (veja em wikipedia as regras de uma classe Java Bean);
• A classe deverá ter um construtor sem parâmetros para permitir o Hibernate criar objetos;
• Deve possuir uma chave primária: isso é um campo id que armazenará um valor único que será gerado pelo Hibernate. A funcão setID() é privada, pois somente o Hibernate deverá modificar o campo chave.
• A classe Motor de Busca e cadastro de Site não será persistido. Já que não é necessário a manutenção da busca realizada entre as chamadas.

No nosso exemplo teremos uma nova classe Usuario:

Usuario.class

Observe no código que criei uma propriedade “sites” com um HashSet. Esta propriedade irá auxiliar durante a manutenção dos sites que um usuário possui.

private Set sites = new HashSet();

E criamos o arquivo Usuario.hbm.xml na pasta sbusca. Este arquivo indica ao Hibernate o funcionamento da persistência da classe Usuário criada:

Usuario.hbm.xml

Além disso devemos incluir ao arquivo hibernate.cfg.xml:

<mapping resource=”sbusca/Usuario.hbm.xml”> </mapping>

Após todas estas codificações teremos duas entidades: Usuário e Sites. Além delas vamos definir uma classe chamada MotorBusca, que fará a lógica mais importante do sistema, isto é, a busca em si. Não é nada complicado e seria possível fazer o código diretamente nos Actions do Struts, mas vamos abusar um pouco de orientação a objeto. Olhando este exemplo simples quem sabe em um trabalho mais complexo você não se intimide. A classe deverá ter: MotorBusca:

• Propriedade keyword: String e método executar() com e sem parâmetro;

E o código da classe ficará:

MotorBusca.java

Já definimos nesta aula um modelo quase completo para o nosso sistema. Deixei para depois somente o Cadastro de Sites, pois para implementá-lo será necessário falarmos de um CRUD, também conhecida como tela de Cadastro. Iremos ter uma aula somente sobre isso, quando voltaremos para tornar completo o modelo.

Para que você possa verificar se a busca está funcionando, criei uma classe simples de teste:

TesteBusca.java

Por hoje é só.

Dúvidas? vá para o fórum

Artigos Similares:

• Aula 17: Hibernate e Camada Model
• Aula 16: Sistema de busca última parte: Jsp e Struts
• Aula 14: O modelo MVC
• Curso Gratuito de Programação para Web em Java
• Aula 15: Oracle e Hibernate, fazendo uma busca