Movatterモバイル変換

[0]ホーム
URL:

2,595 visualizações

Introdução a HTML, CSS, JS, Ajax

Este documento fornece uma introdução sobre HTML, CSS, JavaScript e Ajax. Resume as seguintes informações essenciais:1. HTML é usado para estruturar e dar significado à informação em páginas web. CSS é usado para estilizar a apresentação dessa informação. JavaScript permite adicionar comportamento interativo. Ajax permite atualizar partes de páginas web sem recarregá-las completamente.

Incorporar apresentação

Baixado 193 vezes
HTML, CSS, JavaScript e AjaxGabriel Kamimura Yano@gabrielyano/gabrielkamimuragabrielk.yano@gmail.com
Sumário1. Introdução2. IDEs3. HTML4. CSS5. JavaScript6. Ajax7. Dicas2
Front-end Back-endHTML, CSS, JavaScript PHP, ASP, Java, Ruby,Python3
Desenvolvimento por CamadasInformação!Significado à InformaçãoHTMLFormatação!EstiloCSSComportamento!Controlar elementosJavaScript4
HTML, CSS, JavaScriptLinguagens básicas para criar websitesHTML - InformaçãoCSS - Deixar a informação "bonita"JavaScript - Informação com comportamento (Por exemplo, exibição desubmenu)5
IDEs, Editores de código
HTML, CSS e JavaScript são interpretados pornavegadores web!!!!Usados nesse contexto, dispensa-se o uso de compiladores7
Sublime Texthttp://www.sublimetext.com/8
BracketsAdobehttp://brackets.io/9
HTML
HTMLHyperText Marckup Language (Linguagem de Marcaçãode Hipertexto)HTML serve para dar significado e organizar ainformação dos websitesDerivado de Marcações XML11
HTML - TagMarca informações com tagsCriar Elementos<p> Isto é um parágrafo </p>Menor queMaior queCaractereBarra12
HTML - Atributos<a href="http://www.google.com.br">Link</a>Atributo13
HTML - Estrutura da página<!DOCTYPE html><html><head><title></title></head><body></body></html>14
Para aprender HTML, seránecessário saber quais as tagsdisponíveis, o que elas fazem eonde podem ser usadas
Títulos<h1><h2><h3><h4><h5><h6><h1> Título principal </h1><h2> Título nível 2 </h2><h3> Título nível 3 </h3><h4> Título nível 4 </h4><h5> Título nível 5 </h5><h6> Título nível 6 </h6>16
Parágrafos<p><p>Este é um parágrafo</p><p>Este é outro parágrafo</p>17
Negrito e itálico<b>!<i><p>Este é um texto em <b>negrito</b></p><p>Este é um texto em <i>itálico</i></p>18
Quebra de Linha e linhashorizontais<br />!<hr /><p>Em cima <br />Embaixo</p><p>Em cima <hr />Embaixo</p>19
Lista Numérica<ol>!<li><ol><li>Café</li><li>Chá</li><li>Leite</li></ol>20
Lista de marcadores<ul>!<li><ul><li>Café</li><li>Chá</li><li>Leite</li></ul>21
Links<a>! <a href="http://google.com.br">Google</a>22
Imagens<img/><img src="img/borboleta.png"alt="Uma borboleta" title="Asborboletas são insetos daordem Lepidoptera" />23
Tabelas<table ><tr><td><table><tr><td></td><td>09:00</td><td>10:00</td><td>11:00</td></tr><tr><td>Segunda-feira</td><td>Geografia</td><td>Matemática</td><td>Filosofia</td></tr><tr><td>Terça-feira</td><td>Biologia</td><td>Física</td><td>Química</td></tr></table>24
Formulários
Como funcionam formuláriosO name de cada item doformulário é enviado aoservidor com seusvaloresO Servidor processa ainformação e faz algocom ela com a ajuda delinguagens deprogramação (PHP, C#)Obrigado!!Seu cadastro foi realizado comsucesso!!O servidor cria umanova página e envia devolta26
Estrutura de Formulário<form ><form action="http://exemplo.com/cadastrar.php"method="post"><p>Aqui ficarão os elementos do formulário</p></form>27
Entrada de Texto<input/> <form action="http://exemplo.com/cadastrar.php"method="post"><label>Username<input name="username"type='text'></label></form>28
Entrada de Senha<input/><form action="http://exemplo.com/cadastrar.php"method="post"><label>Username<input name="username"type='text'></label><label>Senha<input name="senha" type='password'></label></form>29
Caixa de Texto<textarea> <form action="http://exemplo.com/cadastrar.php"method="post"><label>Comentário<textarea name="comentario">Insira seu comentário</textarea></label></form>30
Radio Button<form action="http://exemplo.com/cadastrar.php"method="post"><p>Estilo musical favorito:</p><input type="radio" name='genero' value='pop'checked="checked"/> Pop<input type="radio" name='genero' value='rock'/>Rock<input type="radio" name='genero' value='jazz'/>Jazz</form>31
Checkbox<form action="http://exemplo.com/cadastrar.php"method="post"><p>Estilos musicais favoritos:</p><input type="checkbox" name='genero' value='pop'checked="checked"/> Pop<input type="checkbox" name='genero' value='rock'/>Rock<input type="checkbox" name='genero' value='jazz'/>Jazz</form>32
Botão de Submit<form action="http://exemplo.com/cadastrar.php"method="post"><p>Qual o seu e-mail?</p><input name="email"/><input type="submit" name="cadastrar"value="Cadastrar"/></form>33
CSS
CSSCascading Style Sheets (Folhas de Estilo em Cascata)Apresentação (aparência)"Adota" linguagens de marcação (XML e HTML)35
Sintaxe.pagina {background-color: blue;}SeletorPropriedade Valor36
Por Exemplo ...<html><head><style>.pagina {background-color: blue;}</style></head><body class="pagina">!</body></html>!!37exemplo.html
Caixas imaginárias ao redor doselementos HTMLIsto é um TítuloEste é um parágrafo. Aqui, temoselementos em negrito e itálico.Este é um outro parágrafo. Aqui, temosmais conteúdos.38
Exemplos de PropriedadesCAIXASwidthheightborderbackground-colorpositionbox-shadowTEXTOScolorfontfont-familyfont-stylefont-sizefont-shadowEspecíficosPropriedadesespecíficas dedeterminadoselementoslist-style-type39
Alguns seletores// Aplica-se a todos os elementos* {color: #444;}!// Nomes de elementosh1 {font-size: 150%;color: cyan;}!//ID de elementos#conteudo {background-color: green;}!//Classes de elementos.btn {box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}40exemplo.css
Mais Alguns seletores// Seletor de descendentesp a {color: pink;}!// Seletor de múltiplos elementosh1, h2, h3, h4, h5, h6 {font-size: 150%;color: cyan;}!// Elementos de determinada classeh1.titulo {font-size: 150%;color: cyan;}41exemplo.css
Carregamento externo de CSS<head><link rel="stylesheet" type="text/css" href="mystyle.css"></head>42
JavaScript
JavaScriptJavaScript ≠ JavaECMAScriptComportamentoManipulação das demais camadas44
JavaScript - Exemplo<html><head></head><body><script type="text/javascript">alert('Hello World!');</script>!</body></html>45
JavaScript - Outro Exemplo<script type="text/javascript">var entrada = prompt("Qual o seu nome?");alert('Olá ' + entrada);</script>46
JavaScript - variáveisTipagem dinâmicavar - escopo localescopo global47
Exemplos ...var str = "Algum texto";!gbl = "global";!var num = 123;!var frutas = ["maça", "laranja", "manga"];!var fruta = {nome: "maça",cor: "vermelho",peso: "100g"}48
Tiposvar num = 22, //numbernum2 = "22"; //string!var num3 = num + num2; //stringalert(num3); //222249
Funçõesfunction hello(nome) {alert("Olá " + nome + "!");}!!hello(prompt("Qual o seu nome?"));50
Escopovar a = 0;var b = 1;!function soma() {var a = 5;var b = 3;console.log(a + b);}!soma();51
Ifvar valor = prompt("Informe um número");!if (valor > 10) {alert("O valor é maior que 10");}52
If .. elsevar valor = prompt("Informe um número");!if (valor > 10) {alert("O valor é maior que 10");}else {alert("O valor é menor ou igual a 10");}53
forvar frutas = ['maça', 'banana', 'laranja'];!for ( var i = 0; i < frutas.length; i++ ) {alert(frutas[i]);}54
for..invar frutas = ['maça', 'banana', 'laranja'];!for ( var i in frutas ) {alert(frutas[i]);}55
Whilevar i = 0;!while (i < 5) {alert(i);i++;}56
DOMDocument Object ModelRepresenta como as marcações em HTML, XHTML e XMLsão organizadas e lidas pelo navegador57
DocumentQuando um HTML é carregado pelo navegador, ele torna-se um objeto document58
Exemplo...var paragrafo = document.getElementById("meu-paragrafo");!paragrafo.style.color = "red";<p id="meu-paragrafo">Isto é um parágrafo </p>JSHTML59
E o resultado disso é ...60
Aprimorando um pouco(...)!<p id="meu-paragrafo">Isto é um parágrafo</p><button id="btn-mudarCor">Mudar cor</button>!<script type="text/javascript">var btn = document.getElementById("btn-mudarCor");!btn.onclick = function() {var paragrafo = document.getElementById("meu-paragrafo");paragrafo.style.color = "red";paragrafo.innerHTML += " vermelho";};!</script>!(...)61
Agora, ficou assim...62
Agora, ficou assim...63
Só poderemos trabalhar com elementos após ocarregamento da página(...)!<p id="meu-paragrafo">Isto é um parágrafo</p><button id="btn-mudarCor">Mudar cor</button>!<script type="text/javascript">window.onload = function() {!var btn = document.getElementById("btn-mudarCor");!btn.onclick = function() {var paragrafo = document.getElementById("meu-paragrafo");paragrafo.style.color = "red";paragrafo.innerHTML += " vermelho";};}!</script>!(...)64
Localização dos elementos (nós)document.getElementById("meuId");65<p id="meuId">Parágrafo</p>document.getElementsByTagName("a");<a>Link 1</a>(...)<a>Link 2</a>document.getElementsByClassName("titulos");<h1 class="titulos">Título 1</h1>(...)<h2 class="titulos">Título 2</h1>
Eventosvar elemento = document.getElementById("meuElem");!elemento.onclick = function() {}; //Ao clicar com o mouse!elemento.onchange = function() {}; //Ao alterar valor (value)!element.onload = function() {}; // Ao carregar!elemento.onfocus = function() {}; //Ao ganhar foco!elemento.onblur = function() {}; //Ao perder foco!elemento.onerror = function() {}; //Ao ocorrer erro!elemento.onsubmit = function() {}; //Ao submeter um formulário66
Eventos (2)var elemento = document.getElementById("meuElem");!elemento.onmouseover = function() {}; //Ao passar o mouse por cima!elemento.onmouseout = function() {}; //Ao retirar o mouse de cima67
Manipulação de HTMLvar elemento = document.getElementsByTagName("a")[0];!elemento.innerHTML = "Novo texto";68<a> </a>
Alterações no estilovar elemento = document.getElementsByTagName("a")[0];!elemento.style.backgroundColor = "green";!elemento.style.width = "10px";!elemento.style.height = "2em";!elemento.className = "btn btn-default";69
Mais informações sobremanipulação do DOMEduardo Mendes - slides de JQuery - http://pt.slideshare.net/edumendes/jquery-34235136
JQueryBiblioteca/framework de JSJohn ResigWrite less, do more71
JQuery - recursosSeleção e manipulação de elementos HTMLManipulação de CSSEfeitos e animaçõesNavegação pelo DOMAjaxEventos72
JQuery - Carregamento73<html><head><title>Carregando o JQuery</title></head><body><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script><script>// (...)</script></body></html>
Ajax
Imagine o Google Maps. Você achaque o conteúdo do Google Maps écarregado de uma vez e enviadoao navegador?75
Lembre agora das páginas doFacebook e do Twitter, elas sãorecarregadas ao mudar oconteúdo?76
Páginas clássicas (sem Ajax)precisam recarregar a páginainteira se o conteúdo mudar77
AjaxAsynchronous JavaScript and XMLNÃO é uma linguagem de programaçãoArte de trocar dados com o servidor sem recarregar apágina toda.78
!XMLHttpRequest - Troca de dados assíncronamente com oservidor;JavaScript/DOM - Para apresentar a informação;CSS - Para estilizar a apresentação dos dados;JSON ou XML - Usados como formato de transferência de dados;79O AJAX é baseado nos padrões dainternet
Um evento ocorre...!Cria um objetoXMLHttpRequestEnvia HttpRequestNavegadorProcessa os dadosretornadosutilizandoJavaScriptAtualiza o conteúdoda páginaNavegadorProcessa oHTTPRequestCria a response eenvia dados devolta ao navegadorServidorInternetInternet80
var btn = document.getElementById("btn-carregar");!btn.onclick = function() {!$.ajax({method: "GET",url: "dados.json",dataType: "json"}).then(function(response) {var frutas = response;!for ( var i in frutas ) {alert(frutas[i].nome + " é " + frutas[i].cor);};});!};[{"nome": "Maça","cor": "Vermelha"},{"nome": "Banana","cor": "Amarela"}]demoAjax.js dados.json81
O resultado é82
O resultado é83
var btn = document.getElementById("btn-carregar");!btn.onclick = function() {!$.ajax({method: "GET",url: "nada.json",dataType: "json"}).success(function(response) {var frutas = response;!for ( var i in frutas ) {alert(frutas[i].nome + " é " + frutas[i].cor);};}).error(function() {alert ("Não foi possível achar o arquivo");});!};[{"nome": "Maça","cor": "Vermelha"},{"nome": "Banana","cor": "Amarela"}]demoAjax.js dados.jsonSuccess / Error84
var btn = document.getElementById("btn-carregar");!btn.onclick = function() {!$.ajax({method: "POST",url: "http://istoeumademonstracao.com",data: { nome : "maça", cor: "vermelha" },dataType: "json"}).success(function(response) {alert("fruta " + response.nome + " registrada." );}).error(function(msg) {alert (msg.responseText);});!};85POST
var btn = document.getElementById("btn-enviar");!btn.onclick = function(event) {!event.preventDefault();!var dados = {};dados.nome = document.getElementById("fnome").value;dados.cor = document.getElementById("fcor").value;!!$.ajax({method: "POST",url: "http://istoeumademonstracao.com",data: dados,dataType: "json"}).success(function(response) {alert("fruta " + response.nome + " registrada." );!}).error(function(msg) {alert (msg.responseText);!});!};86Aprimorando o exemplo anterior<form id="meuform"><label>Nome da fruta:<input name="nome" id="fnome"/></label>!<label>Cor:<input name="cor" id="fcor"/></label><input id="btn-enviar" type="submit"value="Cadastrar" /></form>
Dicas
Console no Google Chrome+ mais ferramentas + console JavaScript ou F1288
BootstrapTwitterHTML, CSS, JSMobile firstDiversos recursosMulti-dispositivosGrids Responsivoshttp://getbootstrap.com/89
Font AwesomeColeção de íconestransformado em fontesNão requer JSPersonalizável via CSShttp://fortawesome.github.io/Font-Awesome/90
Angular JSSingle-Page ApplicationData Binding;ControllersDirectivesRoteamentohttps://angularjs.org/91
Angular Material Designhttps://material.angularjs.org/#/Implementação do Materialdesign no ANgular JSDiretrizes do MaterialDesign: http://www.google.com/design/spec/material-design/introduction.html92
Bowerbowerbird - família depássaros - objetoscoloridosGerenciador dedependênciashttp://bower.io/93
ReferênciasFRANKLIN, Alysson . Tenha o dom. Disponível em :<http://tableless.com.br/tenha-o-dom/> Acessado em 30/04/2015 às12h33minTableless. Guia para iniciantes na área de web.<http://tableless.github.io/iniciantes/> Acessado em 29/04/2015 às15h45minW3Schools <http://www.w3schools.com/>http://www.w3schools.com/ajax/ajax_intro.asphttp://api.jquery.com/MIRANDA, Luiz Otávio. Eventos em Javascript. 2014. Disponível em: <http://www.tutsup.com/2014/04/25/eventos-em-javascript/> Acessado em 04/05/2015 às 12h30minMIRANDA, Luiz Otávio. O DOM e o JavaScript. 2014 Disponível em: <http://www.tutsup.com/2014/05/02/dom-e-javascript/> Acessado em 04/05/2015 às 12h15minDUCKETT, Jon. HTML & CSS Design and buid websites. 201194
Referênciashttp://www.codecademy.com/pt-BR/skills/make-a-website/topics/html-elements/html-heading-tryhttp://www.codecademy.com/pt/courses/web-beginner-en-HZA3b/0/1?curriculum_id=50579fb998b470000202dc8bhttp://www.codecademy.com/pt/tracks/javascriptMORRRISON, Michael. Use a Cabeça! JavaScript. 2008. Riode Janeiro95
Obrigado!!Gabriel Kamimura Yano@gabrielyano/gabrielkamimuragabrielk.yano@gmail.com

Recomendados

PDF
Curso HTML, CSS e JavaScript
PDF
Introdução a JavaScript
PDF
Html Exercicio
PDF
Node.js e Express
PDF
Apresentação HTML e CSS
PPTX
html, css e java script - renato araujo
PPTX
01 Introdução à programação web
PDF
Curso de Node JS Básico
PDF
JavaScript - Chapter 3 - Introduction
PPTX
Introdução ao desenvolvimento da web.pptx
PPTX
Introdução básica ao JavaScript
PPT
ASP.NET MVC Presentation
 
PPTX
Introdução sobre desenvolvimento web
PDF
Curso de HTML5 - Aula 01
PPTX
MVC - Introduction
ODP
Aula02 - JavaScript
PPTX
Intro to React
PPTX
Html, css e javascript
PDF
Seletores css
PPTX
Padrões MVC
ODP
Aula03 - JavaScript
PPTX
Introdução a programação para a Internet
PPT
Material de Apoio de Algoritmo e Lógica de Programação
PPTX
SQL Oracle
PPTX
JAVA - Herança
PDF
Banco De Dados
PPTX
Algoritmos - Introdução à Computação
PPTX
Estrutura de Dados - Conceitos fundamentais
PDF
Programação Web com HTML e CSS
PDF
Curso de Desenvolvimento Web - Módulo 03 - JavaScript

Mais conteúdo relacionado

PDF
Curso HTML, CSS e JavaScript
PDF
Introdução a JavaScript
PDF
Html Exercicio
PDF
Node.js e Express
PDF
Apresentação HTML e CSS
PPTX
html, css e java script - renato araujo
PPTX
01 Introdução à programação web
PDF
Curso de Node JS Básico
Curso HTML, CSS e JavaScript
Introdução a JavaScript
Html Exercicio
Node.js e Express
Apresentação HTML e CSS
html, css e java script - renato araujo
01 Introdução à programação web
Curso de Node JS Básico

Mais procurados

PDF
JavaScript - Chapter 3 - Introduction
PPTX
Introdução ao desenvolvimento da web.pptx
PPTX
Introdução básica ao JavaScript
PPT
ASP.NET MVC Presentation
 
PPTX
Introdução sobre desenvolvimento web
PDF
Curso de HTML5 - Aula 01
PPTX
MVC - Introduction
ODP
Aula02 - JavaScript
PPTX
Intro to React
PPTX
Html, css e javascript
PDF
Seletores css
PPTX
Padrões MVC
ODP
Aula03 - JavaScript
PPTX
Introdução a programação para a Internet
PPT
Material de Apoio de Algoritmo e Lógica de Programação
PPTX
SQL Oracle
PPTX
JAVA - Herança
PDF
Banco De Dados
PPTX
Algoritmos - Introdução à Computação
PPTX
Estrutura de Dados - Conceitos fundamentais
JavaScript - Chapter 3 - Introduction
Introdução ao desenvolvimento da web.pptx
Introdução básica ao JavaScript
ASP.NET MVC Presentation
 
Introdução sobre desenvolvimento web
Curso de HTML5 - Aula 01
MVC - Introduction
Aula02 - JavaScript
Intro to React
Html, css e javascript
Seletores css
Padrões MVC
Aula03 - JavaScript
Introdução a programação para a Internet
Material de Apoio de Algoritmo e Lógica de Programação
SQL Oracle
JAVA - Herança
Banco De Dados
Algoritmos - Introdução à Computação
Estrutura de Dados - Conceitos fundamentais

Destaque

PDF
Programação Web com HTML e CSS
PDF
Curso de Desenvolvimento Web - Módulo 03 - JavaScript
PDF
Aula 1 linguagem html (1)
PDF
Introdução ao HTML e CSS
PDF
Curso de Desenvolvimento Web - Módulo 01 - HTML
PDF
Web Development with HTML5, CSS3 & JavaScript
PDF
Curso de Desenvolvimento Web - Módulo 02 - CSS
PPTX
Web design responsivo e adaptativo - HTML5/CSS3
PPTX
Técnicas de Invasão - INFOESTE 2015
porC H
 
PDF
Livro Aberto Aprendendo a Programar na Linguagem C
PDF
Desenvolvimento-web-com-html-css-e-javascript
PDF
Metodos de invasao
PDF
[QCon 2011] Por uma web mais rápida: técnicas de otimização de Sites
 
PDF
PHP Jedi - Boas Práticas e Alta Performance
PDF
Html 5 e Css3
KEY
HTML/CSS Patterns
PDF
HTML, CSS & Style Guides
PDF
Javascript, HTML5 e CSS3
PPTX
VI congresso fecomercio de crimes eletrônicos 04082014 - apresentação de pa...
ODP
HACKING EDUCATION - A metodologia ensino-aprendizagem deve ser Hackeada
Programação Web com HTML e CSS
Curso de Desenvolvimento Web - Módulo 03 - JavaScript
Aula 1 linguagem html (1)
Introdução ao HTML e CSS
Curso de Desenvolvimento Web - Módulo 01 - HTML
Web Development with HTML5, CSS3 & JavaScript
Curso de Desenvolvimento Web - Módulo 02 - CSS
Web design responsivo e adaptativo - HTML5/CSS3
Técnicas de Invasão - INFOESTE 2015
porC H
 
Livro Aberto Aprendendo a Programar na Linguagem C
Desenvolvimento-web-com-html-css-e-javascript
Metodos de invasao
[QCon 2011] Por uma web mais rápida: técnicas de otimização de Sites
 
PHP Jedi - Boas Práticas e Alta Performance
Html 5 e Css3
HTML/CSS Patterns
HTML, CSS & Style Guides
Javascript, HTML5 e CSS3
VI congresso fecomercio de crimes eletrônicos 04082014 - apresentação de pa...
HACKING EDUCATION - A metodologia ensino-aprendizagem deve ser Hackeada

Semelhante a Introdução a HTML, CSS, JS, Ajax

PDF
Minicurso de HTML básico - Atualizado para HTML5
PPTX
Aula html5
PPTX
Introdução ao Desenvolvimento front-end (2019)
PDF
RCOM 11º Ano - HTML
PDF
Introdução ao HTML 5 do Básico ao avançado
PDF
DESENVOLVIMENTO DE APLICAÇÕES WEB
PPTX
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
PPTX
HTML 5, CSS 3 e o futuro da Web
PPT
Aprenda HTML e CSS
PDF
Web 3.0
PDF
O pontapé inicial para sua carreira de programador!
PPT
Academia Verão 2011 - HTML
PPT
Academia verao 2011 - HTML + CSS
PPTX
Uma breve introdução a css e bootstrap
PDF
Básico em (X)HTML e CSS
PPTX
HTML5, CSS3 e o futuro da web
PPT
CSS & JQquery
PPTX
Apresentação1.pptx
PDF
MVP Virtual Conference 2013: Suporte a padrões Web
PPTX
Hands On JavaScript
Minicurso de HTML básico - Atualizado para HTML5
Aula html5
Introdução ao Desenvolvimento front-end (2019)
RCOM 11º Ano - HTML
Introdução ao HTML 5 do Básico ao avançado
DESENVOLVIMENTO DE APLICAÇÕES WEB
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
HTML 5, CSS 3 e o futuro da Web
Aprenda HTML e CSS
Web 3.0
O pontapé inicial para sua carreira de programador!
Academia Verão 2011 - HTML
Academia verao 2011 - HTML + CSS
Uma breve introdução a css e bootstrap
Básico em (X)HTML e CSS
HTML5, CSS3 e o futuro da web
CSS & JQquery
Apresentação1.pptx
MVP Virtual Conference 2013: Suporte a padrões Web
Hands On JavaScript

Introdução a HTML, CSS, JS, Ajax

[8]ページ先頭
©2009-2025 Movatter.jp