HTML, CSS & JavaScript | Rails Girls Popayán Octubre 2017

Basics of HTML, CSS and JavaScript for Rails Girls Popayán Octubre 2017

Transcript

1. HTML, CSS & JavaScript Fundamentos de: Geraldine Caicedo | Rails Girls Cali
2. ¿Qué es HTML?
3. Definición Técnica HTML es un lenguaje de marcado que se utiliza para el desarrollo de páginas de Internet. Se trata de la sigla que corresponde a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto, que podría ser traducido como Lenguaje de Formato de Documentos para Hipertexto.
29. ¿Qué es CSS?
30. Definición Técnica Hojas de estilo en cascada (o CSS, siglas en inglés de Cascading Stylesheets) es un lenguaje de diseño gráfico para definir y crear la presentación de un documento estructurado escrito en un lenguaje de marcado. Es muy usado para establecer el diseño visual de los documentos web, e interfaces de usuario escritas en HTML o XHTML.
31. Tu cabecera será verde !
32. Y un elemento de tu cuerpo será azul !
33. Y tu pie de pagina sera rojo !
34. Perfecto !
35. Elemento Id Clase Atributo .class { } #id { } elemento { } [atributo] { }
36. Elemento
37. Id
38. Atributo
39. Clase
40. Clase
41. ¿Qué es JavaScript?
42. Definición Técnica JavaScript (abreviado comúnmente JS) es un lenguaje de programación interpretado. Se utiliza principalmente en su forma del lado del cliente (client-side), implementado como parte de un navegador web permitiendo mejoras en la interfaz de usuario y páginas web dinámicas aunque existe una forma de JavaScript del lado del servidor(Server-side JavaScript o SSJS).
43. Quiero que cuando te den click en un boton, te cambia el elemento azul a amarillo y otro elemento cambie a color rosado!
44. Perfecto !
49. document.getElementById() Devuelve el elemento que tiene el atributo id con un valor específico dado document.getElementsByCla ssName() Devuelve una lista de nodos que contiene todos los elementos con el nombre de clase dado. document.getElementsByNa me() Devuelve una lista de nodos que contiene todos los elementos con el atributo de nombre dado.
55. Gracias !!