diegoofernandez
Beta
Redactor
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
- Desde
- 10 Dic 2016
- Mensajes
- 64
SOBRE ESTE CURSO
Hace unos meses he decidido, dejar de programar profesionalmente por periodo de tiempo indefinido, pero para mantenerme un poco en "forma" y por que creo que el conocimiento debe compartirse, he decidido realizar esta serie de tutoriales, ojalá a alguien le sea de utilidad o los pueda aprovechar.
INTRODUCCIÓN AL LENGUAJE HTML:
El lenguaje de marcado de hipertexto (HTML), que en inglés significa “Hypertext Markup Language” es un lenguaje de estructuración de contenidos y no es un lenguaje de programación. Este punto se debe tener en claro debido a que muchos tienen la falsa creencia de que HTML es un lenguaje de programación y no es así. Sino que más bien, el objetivo del lenguaje es crear mediante marcas (que de ahora en más llamaremos etiquetas) distintos tipos de contenidos.
Es así de simple, con HTML creamos etiquetas que presentan en el navegador un tipo de contenido, el cual varía dependiendo de la etiqueta que hemos creado. El lenguaje tiene una amplia variedad de etiquetas las cuales iremos aprendiendo a lo largo del mismo, y en esa amplia variedad se pueden crear todos los tipos de contenidos que nosotros vemos al visitar un sitio web; algo que debes tener presente es que HTML junto a sus etiquetas es un lenguaje de estructuración el cual presentará contenido en pantalla, pero el mismo nunca se encargará de la parte “estetica” de ese contenido que está mostrando, es decir, nunca con HTML podremos agregarle un estilo visual a los elementos creados.
Entenderemos más de este lenguaje pasando a la práctica del mismo, así que eso haremos en un instante, pero antes es necesario que instales un editor de textos en tu computadora.
Si no conoces que es un editor de textos, para entender la utilidad del mismo imaginemos la siguiente situación: un programador, debe escribir miles y miles de líneas de código, para realizar esa tarea puede usar un software específico para tal fin, o en su defecto puede usar un editor de textos que por defecto venga instalado junto con su sistema operativo. Por ejemplo, en Windows tenemos el “Bloc de notas”, y si bien con el Bloc de notas de Windows puede obtener un resultado coherente, la tarea de escribir miles y miles de líneas de código en este programa no preparado para tal fin puede llegar a ser un verdadero dolor de cabeza. ¿Por qué? La siguiente imagen te responderá por si sola:
A ojo puedes notar la diferencia ¿no? En el bloc de notas como vemos tenemos también tabulación (identación de líneas) pero la misma no esta de forma automática en este programa, tampoco tenemos resaltado de la sintaxis, lo que hace que editar miles de líneas de código en un editor no preparado para tal tarea sea un verdadero dolor de cabeza que solo nos hará consumir mucho más tiempo del necesario y nos llevará, por la ilegibilidad, a cometer más errores.
Instalando un editor
A lo largo de este curso y de la mayoría de nuestros cursos, usaremos Visual Studio Code. Este programa fue desarrollado por Microsoft y el mismo se puede usar de manera grautita. Para descargarlo nos vamos al siguiente enlace: Download Visual Studio Code - Mac, Linux, Windows
Una vez en el sitio de descargas tendremos que elegir la opción de descarga indicada para nuestro sistema operativo, si tienes Windows y no sabes si tu sistema es de 32 bits o de 64 bits, elige la opción de 32 bits.
Instalando el editor.
Con las siguientes imágenes podrás ir siguiendo los pasos para instalar el editor de texto recientemente descargado.
En la siguiente ventana acepta el acuerdo y da click en siguiente:
El siguiente paso:
Y tu instalación habrá terminado, si te encuentras con algún paso más (que puede suceder dependiendo de la versión del software), lo único que debes hacer es seguir los pasos dando click en “siguiente”.
Continúa aprendiendo en la siguiente clase.
Hace unos meses he decidido, dejar de programar profesionalmente por periodo de tiempo indefinido, pero para mantenerme un poco en "forma" y por que creo que el conocimiento debe compartirse, he decidido realizar esta serie de tutoriales, ojalá a alguien le sea de utilidad o los pueda aprovechar.
INTRODUCCIÓN AL LENGUAJE HTML:
El lenguaje de marcado de hipertexto (HTML), que en inglés significa “Hypertext Markup Language” es un lenguaje de estructuración de contenidos y no es un lenguaje de programación. Este punto se debe tener en claro debido a que muchos tienen la falsa creencia de que HTML es un lenguaje de programación y no es así. Sino que más bien, el objetivo del lenguaje es crear mediante marcas (que de ahora en más llamaremos etiquetas) distintos tipos de contenidos.
Es así de simple, con HTML creamos etiquetas que presentan en el navegador un tipo de contenido, el cual varía dependiendo de la etiqueta que hemos creado. El lenguaje tiene una amplia variedad de etiquetas las cuales iremos aprendiendo a lo largo del mismo, y en esa amplia variedad se pueden crear todos los tipos de contenidos que nosotros vemos al visitar un sitio web; algo que debes tener presente es que HTML junto a sus etiquetas es un lenguaje de estructuración el cual presentará contenido en pantalla, pero el mismo nunca se encargará de la parte “estetica” de ese contenido que está mostrando, es decir, nunca con HTML podremos agregarle un estilo visual a los elementos creados.
Entenderemos más de este lenguaje pasando a la práctica del mismo, así que eso haremos en un instante, pero antes es necesario que instales un editor de textos en tu computadora.
Si no conoces que es un editor de textos, para entender la utilidad del mismo imaginemos la siguiente situación: un programador, debe escribir miles y miles de líneas de código, para realizar esa tarea puede usar un software específico para tal fin, o en su defecto puede usar un editor de textos que por defecto venga instalado junto con su sistema operativo. Por ejemplo, en Windows tenemos el “Bloc de notas”, y si bien con el Bloc de notas de Windows puede obtener un resultado coherente, la tarea de escribir miles y miles de líneas de código en este programa no preparado para tal fin puede llegar a ser un verdadero dolor de cabeza. ¿Por qué? La siguiente imagen te responderá por si sola:
A ojo puedes notar la diferencia ¿no? En el bloc de notas como vemos tenemos también tabulación (identación de líneas) pero la misma no esta de forma automática en este programa, tampoco tenemos resaltado de la sintaxis, lo que hace que editar miles de líneas de código en un editor no preparado para tal tarea sea un verdadero dolor de cabeza que solo nos hará consumir mucho más tiempo del necesario y nos llevará, por la ilegibilidad, a cometer más errores.
Instalando un editor
A lo largo de este curso y de la mayoría de nuestros cursos, usaremos Visual Studio Code. Este programa fue desarrollado por Microsoft y el mismo se puede usar de manera grautita. Para descargarlo nos vamos al siguiente enlace: Download Visual Studio Code - Mac, Linux, Windows
Una vez en el sitio de descargas tendremos que elegir la opción de descarga indicada para nuestro sistema operativo, si tienes Windows y no sabes si tu sistema es de 32 bits o de 64 bits, elige la opción de 32 bits.
Instalando el editor.
Con las siguientes imágenes podrás ir siguiendo los pasos para instalar el editor de texto recientemente descargado.
En la siguiente ventana acepta el acuerdo y da click en siguiente:
El siguiente paso:
Y tu instalación habrá terminado, si te encuentras con algún paso más (que puede suceder dependiendo de la versión del software), lo único que debes hacer es seguir los pasos dando click en “siguiente”.
Continúa aprendiendo en la siguiente clase.
