Archive for the 'aprender' Tag

Programador (quase) frustrado

Posted 29 Janeiro 2008
Filed under: Aprender, Cotidiano | Tags: , ,
* Comments(1)

Não é de hoje que eu ouço frases do tipo “Programação é muito difícil.” “Programação é coisa de nerd e de doido.” “Deus me livre de programação.”. Eu fico pensando no cara que quer aprender a programar ouvindo isso, se fosse eu chorava.

Como professor de informática, vejo gente quebrando a cabeça pra criar uma pasta ou mover um arquivo. Nessas horas uma das minhas frases é “Isso é fácil.”. Colocar essa idéia na cabeça das pessoas traz confiança, e a coisa acaba se tornando fácil mesmo.

Só depois que eu tentei minas primeiras linhas de código, foi que vi que a ciosa era fácil. Mesmo com todas as dificuldades que isso implica (pouca grana para um livro ou um curso, pouco tempo). Até hoje eu ainda estou engatinhando em programação, o pouco que sei aprendi sozinho e com muitos erros.

Talvez algum dia eu fique puto com isso tudo e volte a falar mal dos programadores. Até lá veremos.

Pra quem quer realmente dar os primeiros passos, eu recomendo o texto do Rodrigo Strauss, como ser um programador.

Falando de Javascript

Posted 12 Janeiro 2008
Filed under: Aprender, JavaScript | Tags: , ,
* Comments(1)

Vamos concordar que eu já sou um menino bem grandinho e que já passou da hora de aprender a programar, certo? Essa semana eu estou botando a mão na massa e tentando aprender um pouco mais de Javascript. E como sempre escrevo sobre coisas que não sei, mas que gostaria de aprender, vai aqui mais uma.
Muita gente já me perguntou se é difícil programar, como eu não sei programar eu digo que sim é preciso ter uma boa base em lógica, um bom livro, e muita dedicação. Não entenda esse post como o manual definitivo, mas sim um incentivo para procurar mais sobre o assunto e que sabe ate investir uma grana nisso. Aqui tem um ótimo site para aprender Javascript.
Para começar vamos precisar de um editor de texto simples (bloco de notas ou kedit ou qualquer outro que você tiver) e um navegador (whatever).
Se Javascript é linguagem para web, nada mais justo que você também saiba um pouco sobre HTML, que é a linguagem que todo mundo que desenvolve para web deve saber (você pode aprender um pouco aqui, aqui e aqui).
Primeiramente o código Javascript pode ficar em qualquer lugar da página desde que dentro das tags <script> </script>

O “Alo mundo”
Não pense que você é mais bonito que o resto e vai se livrar dessa, pegue o seu editor de texto e digite (você leu direito? É pra digitar, e não pra fazer ctrl+c ctrl+v ouviu!), depois salve como qualquernome.htm e abra em seu navegador:

<script>
document.write(“Oi eu sou um código de Javascript, não me olhe com essa cara, eu só estou aqui por sua culpa.”)
</script>

Resultado:
Oi eu sou um código de Javascript, não me olhe com essa cara, eu só estou aqui por sua culpa.

Uou!!! Bata palmas você é um gênio. Esse simples código escreve uma frase na tela do seu navegador. O document.write() diz que é para escrever o que está dentro dos parênteses, e como é uma frase que queremos, nós colocamos “ “ antes e depois da frase.
Experiente trocar a frase ou no lugar do document.write(“…”), coloque alert(“…”).
Isso é só uma simples brincadeira, não se contente com isso, busque, aprenda, insista, se você tem vontade vale a pena correr atrás, que sabe ate um curso ou um bom livro.
Mas não acabou, espere que vem mais.

HTML pra quem nunca ouviu falar PARTE 3

Posted 24 Novembro 2007
Filed under: Aprender, XHTML | Tags: ,
* Comments(0)

Essa é a terceira parte do tutorial de HTML para quem nunca ouviu falar.

Nós já vimos que para começar uma página simples, precisamos das tags <html>, <heead>, <title> e <body>. Essas tags são para começar qualquer página, certo?

Agora vamos ver um pouco sobre o conteúdo da página.

A nossa professora de português (que você achava chata pra…), em suas aulas de redação sempre lembrou que os nossos textos (lembra daquele sobre: o que você fez nas férias?) deviam ter um título, parágrafos, pontos, espaços, perfume e tantas viadagens mais, pois é disso que vamos falar, mas calma eu não vou pedir nenhum texto sobre as férias.

Vamos voltar naquela nossa página básica, só que agora eu adicionei um pouco mais de texto nela:

<html>
<head>
  <title>Minha página</title>
</head>
<body>

<h1>Lorem ipsum dolor sit amet</h1>

<p>Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat
volutpat.</p>

<p>Duis autem vel eum iriure dolor in
hendrerit in vul. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet
dolore magna aliquam erat volutpat.</p>

</body>
</html>

Abra o bloco de notas (ou outro editor de texto simples) digite isso e salve com o nome de qualquer_coisa.html. Agora abra no seu navegador e veja o que há de diferente.

Agora nós temos duas novas tags <p> e <h1>.
A tag <p> foi colocada no começo e no fim de cada bloco de texto, sua função é indicar onde começa e onde termina um parágrafo (pedaço do texto). Lembre-se de sempre fechar as tags, se você abriu um <p>, então feche com </p> no fim do parágrafo.
Já a tag <h1>, é usada para destacar o título (tema) do texto. A <h1> tem outras irmãs que são as <h2>, <h3>, <h4>, <h5>, <h6>, que podem ser consideradas como níveis, por exemplo, título, subtítulo, subtítulo mais baixo, etc. Também não se esqueça de fechar todas as tags abertas.

Outra dica é sempre escrever os nomes das tags em letras minúsculas, p, h1, html, pois fica mais fácil e mais limpo de entender o código, principalmente em um código grande.

Por hora, até a próxima.

HTML pra quem nunca ouviu falar PARTE 2

Posted 18 Novembro 2007
Filed under: Aprender, XHTML | Tags: ,
* Comments(1)

Essa é segunda parte do tutorial de HTML pra quem nunca ouviu falar.

Na post anterior fizemos a seguinte página básica em HTML usando um editor de textos:

<html>
<head>
<title>Minha primeira página</title>
</head>
<body>
Esta é minha primeira página feita em HTML
</body>
</html>

Certo?

Agora vamos ver o que faz cada tag usada.

<html> - é usada para dar início ao código, a primeira tag de qualquer página, é quem indica onde o código começa.

<head> </head> - Head quer dizer “cabeça”, é aqui que colocamos uma série de informações sobre a página como título, palavras chave, quem fez, etc.

<title> </title> - Title significa “titulo”, é usada para dar o título da página, parece bobo mas é fundamental para a sua página ser mostrada nas pesquisar do Google por exemplo. O título tem que dizer fielmente do que fala a página, se a pagina tiver o título de PRINCIPAL por exemplo não daria pra identificar o seu conteúdo. As tags <title> </title> sempre devem estar dentro das tags <head> </head>.

<body> </body> - Body quer dizer “corpo”, aqui vem os elementos da página que serão mostrados no navegador, textos, imagems, formularios, etc.

</html> - Indica o fim do código.

Bom, por hoje é só, mas vem mais aí.

HTML pra quem nunca ouviu falar

Posted 24 Outubro 2007
Filed under: Aprender, XHTML | Tags: ,
* Comments(4)

Ninguém melhor para entender um iniciante que outro iniciante, não é? Pois bem, há alguns meses, eu começei a me dedicar ao estudo de HTML e CSS, confesso que não tive dificuldades em achar bons site com bons tutoriais. Mas porquê não fazer um turial pra que esta começando do começo e se sente “sozinho no mundo”?

HTML é uma abreviação de Hiper Text Markup Language (linguagem de marcação de hipertexto), e é a primeira linguagem que se deve aprender para ser um Webdesiger de verdade.

Uma página básica
Como ja disse, HTML é uma linguagem de marcação (nunca confunda HTML com linguagem de programação), onde as informações são indentificadas ou marcadas usando as tags.

Tag é a menor parte do codigo HTML, elas são colocadas dentro dos sinais ” < ” e ” > “, da seguinte maneira: <tag>Conteúdo</tag>.

<tag> - é usado para iniciar a tag
Conteúdo - é o que vai ficar marcado pela tag
</tag> - é usado para fechar a tag (repare na ” / “)

Tudo que voce irá precisar é um editor de texto simples (bloco de notas ou kedit por exemplo). Abra o editor e digite:

<html>
<head>
<title>Minha primeira página</title>
</head>
<body>
Esta é minha primeira página feita em HTML
</body>
</html>

Agora salve com o nome de qualquercoisa.html, repare que no fim do nome deve-se colocar .htm ou .html. Abra sua página em qualquer navegador e veja sua obra de arte.

Gostou? Aguenta aí que vem mais!

Próxima Página »