RMB - Vivenciando as mudanças da vida. Vá agora para a nova RMB! rpgmakerbrasil.net!


    [Tutorial] Javascript #1 - Introdução

    Compartilhe
    avatar
    cranem258
    Moderador Global
    Moderador Global

    Masculino Mensagens : 245
    Experiência : 3252
    Reputação : 37
    - : Nada :) - : nada :)

    [Tutorial] Javascript #1 - Introdução

    Mensagem por cranem258 em Sab Maio 12, 2012 9:29 pm


    1.0 - Introdução
    :3 ~cuteface~

    Como vocês leram ali em cima, sim, este é um tutorial de Javascript. Mas... Como assim um tutorial de Javascript para um Fórum de RPG Maker? Javascript não é uma linguagem para Webdesign? Calma, não criemos pânico, pense um pouco na quantidade de websites de jogos que existem, principalmente de sites publicando projetos do RPG Maker. Portanto, pensando no quanto pode ser bom termos aqui um tutorial ensinando uma linguagem simples, mas funcional, para você poder montar seu website divulgando seu jogo, eu trouxe aqui um tutorial para vocês poderem compreender de forma simples, e verem o quão é fácil aprender Javascript Lógico!




    1.1 - O Javascript

    Começando, o Javascript é uma linguagem de programação bem básica comparada a todas as outras linguagens, ela utiliza de elementos e objetos lógicos e constantes ou variáveis, que se interligam entre si formando uma rede de funcionalidades para reproduzir o mesmo em ações verbais1. Compreendeu? Bem, esta é a base do Javascript, elementos conectores se reproduzem em ações dentro do código HTML2, ou seja, ele age sobre o código HTML, concluindo que é necessário então um esqueleto HTML para ser usado durante nosso percurso, para que você possa testar os scripts3 aqui montados. Para rodar o código javascript devemos utilizar as tags HTML: "<script type="text/javascript"></script>". Dentro delas colocamos nosso código em javascript, que será rodado, a menos que esteja nomeando funções (veremos sobre elas mais à frente).

    1. Orações formando Ações.
    2. 'HyperText Markup Language', ou Linguagem de Marcação de Texto, é uma linguagem básica para construção de websites, que se utiliza de tags entre chaves ("<tag>conteúdo</tag>") para nomear os elementos da página e organizá-los, veremos mais a fundo futuramente.
    3. É uma linguagem interpretada pelo programa para fazer o mesmo funcionar.



    1.2 - Dentro do Site (Exemplo)

    Dentro do site, entre as tags de script, o script rodará automaticamente, sobre certas circunstâncias. Se o script estiver solto (sem nomear funções), e dentro da tag principal "<body></body>" ele se executará automaticamente.
    Um exemplo básico é:
    SCRIPT:
    Copie e Cole este código em um bloco de notas e salve como "teste.htm" em seu desktop, abra e veja. Está também em anexo.
    Código:

    <html>
    <body>
    <script type="text/javascript">
    //Javacript
    document.write("Hello World")
    </script>
    </body>
    </html>
    Quando você executar este código, aparecerá o texto "Hello World" na tela, isso porque o script estava solto entre as tags "body" do HTML, são elas que definem o que deve aparecer na tela, portanto, qualquer código de script solto aparecerá, no script, o que fizemos foi chamar o elemento "document" e executar a ação "write" nomeada pela constante "("Hello World")".
    Vamos olhar a estrutura do exemplo de hoje e terminar a aula por agora.
    EXEMPLO ESTRUTURAL:
    Até mais!
    ~Nyan :3

    *Qualquer dúvida comentem abaixo.

    Próxima Aula
    Anexos
    Exemplo 1.zip
    Você não tem permissão para fazer download dos arquivos anexados.
    (1 Kb) Baixado 0 vez(es)


    Última edição por cranem258 em Dom Jul 22, 2012 11:15 am, editado 2 vez(es)


    _________________________________________________
    ~nyan

    "Distance makes the heart grow cold, and time weathers down all promises." - yuumei @ deviantart 


     
    [abre uma nova guia!]

    CopyRight:
    Todos os direitos das imagens utilizadas em meu avatar e userbars particulares são de
    JayNaylor®.
    Elas são disponibilizadas nas Comics em seu website.
    No entanto, em seu site, conteúdo pago inapropriado para menores talvez seja visualizado sem aviso.
    avatar
    Naxus
    Moderador
    Moderador

    Masculino Mensagens : 500
    Experiência : 3389
    Reputação : 68

    Re: [Tutorial] Javascript #1 - Introdução

    Mensagem por Naxus em Dom Maio 13, 2012 9:18 pm

    Olá camarada !
    Gostei da sua primeira aula, as ilustrações facilitam muito o entendimento você conseguiu passar bem o conteúdo.
    Está de parabéns, espero ver outras aulas suas por aqui
    Até mais!
    avatar
    darkchaos
    Colaborador
    Colaborador

    Masculino Mensagens : 179
    Experiência : 2376
    Reputação : 13
    - : Nada :) - : nada :)

    Re: [Tutorial] Javascript #1 - Introdução

    Mensagem por darkchaos em Seg Maio 14, 2012 12:40 pm

    Eu gostei do incentivo que o Naxus deu mas achei melhor ainda a idéia de ensinar javascript aqui, é algo que uma hora ou outra iria ser requisitado por cada membro, além de que assim cada um os veteranos que aprenderem poderiam um dia ajudar a melhorar a estética aqui do fórum que não é ruim (mas Ralph :D vamos admitir tá meio pobrezinha) assim podemos nos concentrar em atrair mais membros e fazer com que um dia talvez o RMB chegue a se tornar um fórum de nivel realmente alto como os outros que tem o nariz empinado ( Ralph ¬¬ como os esnobes do santuário RPG ou do castelo RPG) .

    Conteúdo patrocinado

    Re: [Tutorial] Javascript #1 - Introdução

    Mensagem por Conteúdo patrocinado


      Data/hora atual: Dom Fev 25, 2018 9:01 am