Contenido principal
Curso: Programación de computadoras > Unidad 2
Lección 9: Más aprendizajeQué aprender a continuación
¡Felicidades por aprender los fundamentos de HTML y CSS! Ahora entiendes mucho de lo que sucede en las páginas web que ves en internet, y deberías ser capaz de mirar esas páginas web y comenzar a reconocer las etiquetas HTML y las propiedades CSS en uso.
Sin embargo, hay mucho más que puedes hacer para construir sobre tu conocimiento de HTML y CSS. ¡Sigue leyendo!
Más etiquetas HTML
- Etiquetas de formularios: hay varias etiquetas que se usan para crear formularios web, como
<button>
s e<input>
s. Típicamente se usan para comunicar datos de regreso un servidor, algo que no habilitamos en Khan Academy. También se pueden usar con JS para crear un juego, lo cual enseñamos en el curso de HTML/JS. Aprende más acerca de las etiquetas de formularios con estas diapositivas. Aprende lenguajes del lado del servidor como PHP, Python, Ruby en Codecademy. - Iframes: la etiqueta
<iframe>
es la manera de enmarcar una página web dentro de la tuya, y es útil para cosas como incrustar video de Youtube, Google Maps, etc. Esa etiqueta actualmente está deshabilitada en Khan Academy para propósitos de seguridad y moderación, pero puedes experimentar con ella en otros lados. Aprende más con estas diapositivas. - Etiquetas de multimedia: las etiquetas de
<audio>
y<video>
están soportadas en los navegadores modernos como una manera de reproducir archivos de audio y video en páginas web. Como la etiqueta<iframe>
, actualmente están deshabilitadas en Khan Academy, pero las puedes usar en otros lados. Aprende más con estas diapositivas. - Nuevas etiquetas semánticas: en los últimos años, como parte de la especificación "HTML5", los navegadores han agregado nuevas etiquetas semánticas para que los desarrolladores las usen en lugar de
<div>
s, cuando sea apropiado, tales como<article>
,<aside>
,<nav>
, etc. Hay muchos artículos sobre ellas aquí, incluyendo este útil diagrama para decidir cuándo usarlas.
Más propiedades y selectores de CSS
Debes poder experimentar con todas estas en Khan Academy:
- CSS3: cubrimos el CSS que ha sido soportado por los navegadores durante muchos años, pero hay muchas nuevas propiedades y selectores de CSS en lo que se conoce como la especificación "CSS3", y los navegadores están agregando soporte de manera continua a medida que liberan nuevas versiones. Puedes aprender más en estas diapositivas de selectores de CSS3 y estas diapositivas de propiedades de CSS3. Asegúrate de revisar caniuse.com para averiguar qué es soportado en cada navegador.
- Media queries: esta es un técnica que te permite especificar diferentes CSS para diferentes situaciones, como cuando tu página web se ve en una pantalla de menor tamaño o cuando se imprime. Aprende más en W3C.
- Frameworks de CSS: un framework es una colección de reglas y clases de CSS, y muchos desarrolladores usan frameworks de CSS para permitirles escribir CSS más rápido. El más popular es Twitter Bootstrap, pero también está ZURB foundation, Pure CSS, Topcoat y más.
Usar JS en páginas web
Los desarrolladores web utilizan JavaScript para hacer páginas web interactivas, para responder a eventos del usuario y traer datos dinámicamente de los servidores. Lo hacen al insertar etiquetas
<script>
dentro del código HTML y poner JavaScript dentro de esas etiquetas. Después, su código JS utiliza la "API del DOM", un conjunto de funciones que los navegadores hacen disponibles en cada página web para dejar que los desarrolladores consulten y manipulen esa página.Eso significa que si quieres aprender a hacer tus páginas web interactivas, necesitas aprender tanto los fundamentos del lenguaje JavaScript (que lo puedes hacer aquí en Khan Academy), además de que necesitas aprender la API del DOM (que la puedes aprender en nuestro curso aquí).
Hacer páginas web fuera de Khan Academy
Nos encanta verte hacer páginas web geniales aquí y compartir lo que estás aprendiendo con la comunidad, pero también creemos que es algo importante tener la experiencia de otros entornos de edición de código y experimentar con la funcionalidad que no tenemos habilitada. Si quieres continuar codificando dentro del navegador (especialmente si estás en una ChromeBook), puedes probar JSBin.com, JSFiddle.net o Cloud9 IDE.
Si quieres programar fuera del navegador, puede descargar un IDE y guardar tus páginas web como archivos ".html". Algunos IDEs populares son Notepad++ (solo Windows), Visual Studio Code, SublimeText, Adobe Brackets, Coda y BBEdit.
Hospedar páginas web en un servidor
Hospedamos las páginas web que creas aquí en Khan Academy en nuestro propio servidor, pero quizá quieras instalar tu propia presencia web.
Primero, tendrás que encontrar una compañía que hospede tu sitio. Hay muchos proveedores de alojamiento con diversos grados de flexibilidad y precio.
Después también querrás crear un nombre de dominio, como "minombregenial.com", para que tu sitio pueda ser parte de tu identidad. A veces puedes hacer eso con tu proveedor de hospedaje, pero muchas veces, utilizas un registrador de nombres de dominio diferente para eso. Aprende más con estas diapositivas.
Una vez que tengas un alojamiento web, puedes transferir tus archivos al servidor con un cliente FTP como FileZilla. Ese es un programa que se conecta directamente al servidor y te permite buscar, descargar y cargar archivos desde y hacia el servidor. También es posible que puedas hacer SSH al servidor y editar directamente los archivos en esa máquina.
Sigue aprendiendo
HTML y CSS están cambiando constantemente, porque los navegadores liberan mejoras muy a menudo y la comunidad de desarrollo web es activa. Una de nuestras maneras favoritas para mantenernos actualizados es suscribirnos a Frontend Focus, un boletín informativo con vínculos a artículos y demostraciones. Por supuesto, siempre que aprendas algo nuevo, deberías probarlo para entender realmente cómo funciona.
¡Practica, practica, practica!
¿Quieres unirte a la conversación?
- Mas que una pregunta quisiera agradecer a las personas que aportan un grano de arena en este proyecto de khan academy para seguir aprendiendo cada día mas(112 votos)
- Verdaderamente, este sitio es maravilloso. Gracias MIL(4 votos)
- Agradezco mucho a las personas que me han ayudado y aportado muchas ideas, les felicito!!(25 votos)
- gracias por este curso de html, lo que hacéis por la gente es vital ,dais una ayuda a todas esas personas que les cuesta o no pueden tener acceso a estés contenidos en un curso , muchísimas gracias.(13 votos)
- Muy útil, ilustrativo y divertido, gracias!(8 votos)
- increíble todo lo que aprendí, antes de este curso no sabia nada y me parecía tedioso ya que no sabia por donde iniciar y muchas veces la información encontrada no era la mas amigable. gracias por enseñar de manera fácil y gratuita.(6 votos)
- Disfruto aprendiendo a programar y no sería posible sin vosotr@s ... Gracias Khan!(5 votos)
- Me ha encantado el curso, gracias a todos los que han participado y aquellos que hicieron de este curso posible.(5 votos)
- Todas y cada una de las lecciones aportaron en mi formación...La forma interactiva en que está diseñado el curso, así como la elocuencia de la profesora al impartir el contenido me permitieron mantener el interés. Gracias a su equipo y no se rindan nunca en la empresa de enseñar! Saludos.(1 voto)
- Quisiera agradecer por todo :)(4 votos)
- me ayudo mucho a entender cosas(4 votos)
- gracias a este programa aprendi mucho y lo podre aplicar en un proyecto con unos amigos.
espero y puedan arreglar el idioma, pero tambien esta muy bien porque asi te vas enseñando ingles.(3 votos)