antiblock
Rodnia | Alpha & Omega
  • Chatbox

    Did you check out our Discord? https://discord.gg/FFdvMjk9xA
    You don't have permission to chat.
    Load More
Sign in to follow this  
Rúben Alexandre

[1] Tutorial De Javascript - Introdução

5 posts in this topic

Hoje em dia, muitas pessoas que navegam na Internet e têm mais de 14 anos, já tiverem TIC e já sabem a língua base "html".

Como também andavam a colocar tópicos de c# entre outros eu posso tentar fazer algo de útil sobre javascript.

 

Antes de mais, o que é o Javascript?

  • [*]Javascript é a linguagem de programação mais popular no mundo! [*]Esta linguagem é aplicável no html, também em computadores, tablets, smart phones entre outros.

Então agora uma pequena demonstração:

  • [*]Base de HTML escrita:

<!DOCTYPE html><html><body><h1>Exemplo de script Cyber-Gamers.org</h1> <p>Javascript pode mudar conteudo de programação de HTML:</p><button type="button" onclick="myFunction()">Clica Aqui!</button><p id="demo">Clica vai sair magia.</p><script>function myFunction() {     document.getElementById("demo").innerHTML = "Hi Cyber-Gamers.org!";}</script></body></html>
  • [*]Basicamente o script vai fazer com que ao clicar em " Clica Aqui! " que está identificado como myFunction, outra função mude o texto para "Hi Cyber-Gamers.org". [*]Bastante simples este script.

Imagem colocada

 

Imagem colocada

 

Imagem colocada

  • [*]Ou seja ao clicar uma função em myFunction fez com que o texto muda-se!

Mais uma noção fatal no Javascript, fácil de transformar o style do vosso documento, sem necessitar de andar no .css

<!DOCTYPE html><html><body><h1><u>Exemplo de script Cyber-Gamers.org</u></h1> <p id="demo">JavaScript pode mudar style HTML.</p><script>function myFunction() {    var x = document.getElementById("demo");    x.style.fontSize = "25px";               x.style.color = "red"; }</script><button type="button" onclick="myFunction()">Clica Aqui!</button></body></html>

Imagem colocada

 

Imagem colocada

 

  • [*]Basicamente aumentou o tamanho da letra para 25 [*]Modificou para "red" ou seja cor vermelha

Bem penso que com isto alguém já vai conseguir entender mais ou menos o que é o javascript a medida do vosso feedback vamos, aumentando o conteúdo e melhorando em exercícios nos tutoriais.

 

Abraço,

Rúben Alexandre.

Share this post


Link to post
Share on other sites
antiblock
Rodnia | Alpha & Omega

Na minha altura em TIC aprendia a mexer no word, nao html u_u tempos avançados estes em dia xDD

 

Bem dei +1 pela iniciativa, penso que vai ser bem util :P

 

Mas para ser mais apelativo ainda, tenta misturar, o Javascript com jQuery :P

 

Lá mais para a frente claro, primeiro para aprender a mexer em jQuery, tem de se saber as bases do JS mas é só um dica :)

 

Cumprimentos e boa sorte com o projeto :P

Share this post


Link to post
Share on other sites

Na minha altura em TIC aprendia a mexer no word, nao html u_u tempos avançados estes em dia xDD

 

Bem dei +1 pela iniciativa, penso que vai ser bem util :P

 

Mas para ser mais apelativo ainda, tenta misturar, o Javascript com jQuery :P

 

Lá mais para a frente claro, primeiro para aprender a mexer em jQuery, tem de se saber as bases do JS mas é só um dica :)

 

Cumprimentos e boa sorte com o projeto :P

Sim mais para a frente posso começar a fazer algo com jQuery, o problema é que tens de saber HTML para saberes JS e para minimo de jQuery tens de saber o minimo de JS.

Obrigado pela força.

Share this post


Link to post
Share on other sites

Eu aprendia word e ppt, isso queria eu ter aprendido HTML e javascript nas aulas >.<

Share this post


Link to post
Share on other sites

1º Lugar bom tutorial, organizado e consiso

2º Javascript não é a linguagem mais popular do mundo mas sim c

3º Se quiserem projetos avançados não vão para Jquery mas para AngularJS compensa muito mais

 

Cumprimentos

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this