Erik Hernandez

¿Que es Google Actívate?

Me

Desde hace unos años, Google pretende estar presente en el aprendizaje de las personas que están interesadas en mejorar la formación digital. Para llevar a cabo esta idea, empezó a realizar convenios para poder asociarse con diferentes universidades de Europa y de España.

Google Actívate Iniciativa que tiene como fin ofrecer cursos gratuitos.

Está enfocada en ayudar a las personas que buscan acceder a un empleo por primera vez o que necesitan aprender a manejarse con las nuevas tecnologías.

La plataforma creada por la compañía ofrece formación gratis con certificado y reconocimiento digital. Los cursos se pueden realizar online y también en modalidad presencial, destacan los de marketing digital, comercio electrónico o analítica de datos.


¿Que cursos son los que te ofrece Google Actívate?




Precisamente acá te lo hago saber, recuerda cada curso tiene una duración de 40 horas y todos son gratuitos.



Me



Para mas información ingresa al siguiente enlace :



--------REGISTRATE AQUÍ----------
Me

Así nació Google Actívate



Aca dejo un video donde da a conocer la historia de Cristina, Myriam y Raquel, que consiguieron activarse profesionalmente tras su paso por los cursos presenciales de Actívate.





¿Cual ha sido mi experiencia como estudiante de Google Actívate?


Me parece fenomenal, y por eso mismo quise hacer este espacio especialmente porque esta es mi manera de estar agradecido y dar la oportunidad a otras personas de distintos países poder acceder a los cursos que imparten.

Siendo sincero yo ya tengo un tiempo de estar involucrado en el mundo del desarrollo web y no me había tomado el tiempo de investigar a fondo.

Me ha sacado de muchas dudas, me encanta el concepto de formación que te enseñen desde las raíces las bases, y como comenzó todo.

Hay un cierto porcentaje de personas aclaro no son todos que no sabemos sobre ciertos conceptos, definiciones y nos dedicamos más a la parte práctica sin saber sus raíces.

Con el poco tiempo que llevo obteniendo conocimiento en el curso de Desarrollo Web , se pasan las horas y no puedo estar más que contento de estar formándome.

Cuando alguien toma la decisión de obtener un curso de manera online, tiene muchísimas ventajas menciono algunas:

  • Miles de oportunidades de formación
  • Costes
  • Te permitirá ahorrar tiempo
  • Elige cuando estudiar
  • Flexibilidad para completar tareas
  • Permite la formación continua
  • Tus cursos no se atrasarán

Situación geográfica como es mi caso yo soy de Guatemala y a pesar de la distancia tengo la oportunidad de poder obtener el curso.

Gracias a internet podemos tener una cantidad de información abrumadora para adquirir conocimiento y competencias digitales.

Ese conocimiento te ayudará a conseguir entender como se mueve el mundo y como lo vas hacer en los próximos años.

Qué es un web service?

Es una tecnologia que usa un conjunto de protocolos y estandares que sirven para intercambiar datos entre aplicaciones la interoperabilidad se consigue mediante la adopcion de estandares abiertos.
Para mejorar la interperabilidad entre distintas implementaciones de servicios Web se ha creado el organismo WS-1, encargado de desarrollar diversos perfiles para definir de manera mas exhaustiva estos estandares. Es una maquina que atiende las peticiones de los clientes Web y less.

Permiten exponer y hacer disponibles funcionalidades (servicios) de los sistemas informaticos de las organizaciones mediante tecnologias y protocolos Web estandar.
Cada servicio WEB tiene la responsabilidad de realizar un conjunto de funciones concretas y bien definidas.
Los servicios WEB actuan como componentes independientes que se pueden integrar para formar sistemas distribuidos complejos.


Qué es JSON?

JavaScript Object Notation

Es un formato ligero de intercambio de datos. Leerlo y escribirlo es simple para humanos, mientras que para las máquinas es simple interpretarlo y generarlo. Está basado en un subconjunto del Lenguaje de Programación JavaScript, Standard ECMA- 262 3rd Edition - Diciembre 1999. JSON es un formato de texto que es completamente independiente del lenguaje pero utiliza convenciones que son ampliamente conocidos por los programadores de la familia de lenguajes C, incluyendo C, C++, C#, Java, JavaScript, Perl, Python, y muchos otros. Estas propiedades hacen que JSON sea un lenguaje ideal para el intercambio de datos.

JSON está constituído por dos estructuras:

Una colección de pares de nombre/valor. En varios lenguajes esto es conocido como un objeto, registro, estructura, diccionario, tabla hash, lista de claves o un arreglo asociativo. Una lista ordenada de valores. En la mayoría de los lenguajes, esto se implementa como arreglos, vectores, listas o sequencias.

Estas son estructuras universales; virtualmente todos los lenguajes de programación las soportan de una forma u otra. Es razonable que un formato de intercambio de datos que es independiente del lenguaje de programación se base en estas estructuras.

En JSON, se presentan de estas formas:

Un objeto es un conjunto desordenado de pares nombre/valor. Un objeto comienza con { (llave de apertura) y termine con } (llave de cierre). Cada nombre es seguido por : (dos puntos) y los pares nombre/valor están separados por , (coma).

Me

Qué es XML?

es un Lenguaje de Etiquetado Extensible muy simple, pero estricto que juega un papel fundamental en el intercambio de una gran variedad de datos. Es un lenguaje muy similar a HTML pero su función principal es describir datos y no mostrarlos como es el caso de HTML. XML es un formato que permite la lectura de datos a través de diferentes aplicaciones.
Las tecnologías XML son un conjunto de módulos que ofrecen servicios útiles a las demandas más frecuentes por parte de los usuarios. XML sirve para estructurar, almacenar e intercambiar información.
Entre las tecnologías XML disponibles se pueden destacar:


XSL : Lenguaje Extensible de Hojas de Estilo, cuyo objetivo principal es mostrar cómo debería estar estructurado el contenido, cómo debería ser diseñado el contenido de origen y cómo debería ser paginado en un medio de presentación como puede ser una ventana de un navegador Web o un dispositivo móvil, o un conjunto de páginas de un catálogo, informe o libro.

XPath : Lenguaje de Rutas XML, es un lenguaje para acceder a partes de un documento XML.

XLink : Lenguaje de Enlace XML, es un lenguaje que permite insertar elementos en documentos XML para crear enlaces entre recursos XML.

XPointer : Lenguaje de Direccionamiento XML, es un lenguaje que permite el acceso a la estructura interna de un documento XML, esto es, a sus elementos, atributos y contenido.

XQL : Lenguaje de Consulta XML, es un lenguaje que facilita la extracción de datos desde documentos XML. Ofrece la posibilidad de realizar consultas flexibles para extraer datos de documentos XML en la Web.



  • Fácilmente procesable tanto por humanos como por software.
  • Separa radicalmente la información o el contenido de su presentación o formato.
  • Diseñado para ser utilizado en cualquier lenguaje o alfabeto.
  • Su análisis sintáctico es fácil debido a las estrictas reglas que rigen la composición de un documento.
  • Estructura Jerárquica
  • El No. De marcas es ilimitado

  • es muy difícil crear una pagina web
  • su estructura de etiquetas puede dificultar el orden
  • no cuenta con un parser
  • las nuevas versiones de los navegadores no soportan XML


Almacenamiento Interno y Externo en Android

todos los dispositivos Android tienen dos áreas de almacenamiento de archivos: "interna" y "externa". Estos nombres provienen de los primeros días de Android, cuando la mayoría de los dispositivos ofrecian una función de la memoria no volátil (memoria interna), además de un medio de almacenamiento extraíble, como una tarjeta micro SD (almacenamiento externo).
Hoy en dia la mayoria de dispositivos particionan la memoria permanente o interna con otra particion externa, por lo que incluso sin un medio de almacenamiento extraíble, siempre hay dos espacios de almacenamiento.
Recuerda que las ranuras SD no tienen nada que ver con esta memoria, las ranuras SD no son parte del almacenamiento externo, y nuestras aplicaciones no podrán acceder a esta tarjeta SD, este almacenamiento extra es sólo para que podamos proporcionar ficheros multimedia que el sistema escanea. La siguiente lista resume las ventajas de cada uno de los tipos de almacenamiento:

Almacenamiento interno:

  • Siempre disponible.
  • Los archivos guardados aquí se puede acceder sólo por su aplicación de forma predeterminada
  • Cuando el usuario desinstala la aplicación, el sistema elimina todos los archivos de la aplicación de almacenamiento interno.
  • El almacenamiento interno es mejor cuando quieres estar seguro de que ni el usuario ni otras aplicaciones pueden tener acceso a sus archivos.


Almacenamiento Externo:

  • No siempre está disponible, ya que el usuario puede montar el almacenamiento externo como almacenamiento USB y en algunos casos eliminar desde el dispositivo.
  • Es de lectura global, por lo que los archivos guardados aquí pueden ser leídos fuera de su control.
  • Cuando el usuario desinstala la aplicación, el sistema elimina los archivos de su aplicación de aquí sólo si los guarda en el directorio desde getExternalFilesDir
  • Almacenamiento externo es el mejor lugar para los archivos que no requieren restricciones de acceso y de los archivos que desea compartir con otras aplicaciones o permitir al usuario acceder a un ordenador.

Ventajas y Desventajas de SQLite

Ventajas

Tiene una pequeña memoria y una unica biblioteca es necesaria para acceder a base de datos.

Realiza operaciones de manera eficiente y es mas rapido que MYSQL y PostgreSQL.

Se ejecuta en muchas plataformas y sus bases de datos pueden ser facilmente portadas sin ninguna configuracion o administracion.

Cuenta con diferentes interfaces del API. las cuales permiten trabajar con C++, PHP,Perl, Phyton, Ruby, Tel, Groovy, Que ofrece el plugin qsqlite.

Es de dominio Publico y por tanto es libre de utilizar para cualquier proposito sin costo.

Desventajas

Limitaciones en Where esta limitacion esta dada por el soporte para clausuras anidadas.

Falta de Clave Foranea, cuando se realice la creacion de la tabla desde el modo consola esta permitiendo el uso de la clausura. Aunque no realizara el chequeo de la misma.

Me

Que es SQLite

Es una base de datos mas usadas a nivel de software y bastante ligera a diferencia de MYSQL, con un detalle que seria el que no va dar un servicio del que me puede dar un servidor.
En realidad es un conjunto de librerias escritas en el lenguaje de programacion C que pesa aprox. 270 Kylobytes.
Lo que se hace al final en realidad es tener un archivo con extencion .SQLite y este archivo es nuestra base de datos, tomamos este archivo y llevarlo donde nosotros queramos.

Una limitante es una base de datos Monousuario, es decir que no acepta mas de un usuario a la vez, ese es el motivo por lo que es mas ligera.

ES sencilla y no hay que pagar ninguna licencia para poder tener acceso a ella.

una de las opciones es usar un Manager y hay varios por lo que hace mas facil usar la base de datos.



Como crear una base de Datos y tablas en SQLite utilizando Android.

El Android SDK nos provee una serie de clases para administrar nuestro archivo de base de datos en SQLite.

Normalmente cuando conectamos otro gestor de bases de datos tenemos que validar los datos del equipo, el usuario y el esquema, pero con SQLite no se requiere nada de eso, ya que podemos trabajar directamente sobre la base de datos.

La clase que nos permitirá comunicar nuestra aplicación con la base de datos se llama SQLiteOpenHelper Se trata de una clase abstracta que nos provee los mecanismos básicos para la relación entre la aplicación Android y la información.

Para implementar este controlador debes:

  • Crear una clase que extienda de SQLiteOpenHelper
  • Configurar un constructor apropiado
  • Sobrescribir los métodos onCreate() y onUpgrade()



  1. Crea nueva clase que extienda de SQLiteOpenHelper y llamala LawyersDbHelper.


  2. public class LawyersDbHelper extends SQLiteOpenHelper {

  3. Escribe tú constructor y usa super para mantener la herencia del helper.


  4. public static final int DATABASE_VERSION = 1; public static final String DATABASE_NAME = "Lawyers.db"; public LawyersDbHelper(Context context) { super(context, DATABASE_NAME, null, DATABASE_VERSION); }

    Los parámetros del constructor tienen la siguiente finalidad:

    Context context: Contexto de acción para el helper.
    String name: Nombre del archivo con extensión .db , donde se almacenará la base de datos, que a su vez corresponde al nombre de la base de datos.
    CursorFactory factory: Asignamos null , por ahora no es necesario comprender el funcionamiento de este parámetro.
    int version: Entero que representa la versión de la base de datos. Su valor inicial por defecto es 1. Si en algún momento la versión es mayor se llama al método onUpgrade() para actualizar la base de datos a la nueva versión. Si es menor, se llama a downUpgrade() para volver a una versión previa.

Transaccion en una Base de Datos

Es una secuencia de operaciones realizadas como una sola unidad lógica de trabajo. Una unidad lógica de trabajo debe exhibir cuatro propiedades, conocidas como propiedades de atomicidad, coherencia, aislamiento y durabilidad (ACID), para ser calificada como transacción.
Una transacción debe ser una unidad atómica de trabajo, tanto si se realizan todas sus modificaciones en los datos, como si no se realiza ninguna de ellas.
Cuando finaliza, una transacción debe dejar todos los datos en un estado coherente. En una base de datos relacional, se deben aplicar todas las reglas a las modificaciones de la transacción para mantener la integridad de todos los datos. Todas las estructuras internas de datos, como índices de árbol b o listas doblemente vinculadas, deben estar correctas al final de la transacción.



Transacciones manejadas por el container

En una transacción manejada por el container es necesario definir ciertos atributos para especificar como debe controlarla. Existen seis tipos de atributos del cual debe ser elegido uno de ellos y declarado en el elemento trans-attribute del descriptor:

  • Required

    Se utiliza este modo si se desea que el bean se ejecute siempre dentro de una transacción. Si una transacción se encuentra en curso, el bean participa en ella. Si no existe ninguna transacción en curso, el container creará una especial para la ejecución del método del bean y al finalizar el container ejecuta un commit si es que no ha sido abortada por el bean. Este modo es utilizado cuando se necesita que el bean sea transaccional. RequiresNew. En este modo el método del bean siempre ejecutará en una nueva transacción. Si no existen transacciones, se crea una especial igual al modo Required. Si existe una transacción en curso, es suspendida mientras el bean ejecuta en una transacción independiente y una vez terminado el método del bean, la transacción inicial continúa su curso. Se puede utilizar este modo cuando el bean es transaccional pero no se desea que comparta instrucciones con otros beans o con el cliente.


  • NotSupported

    En este modo el bean no puede ser ejecutado dentro de una transacción. Por tanto si se está desarrollado una transacción, es suspendida su ejecución mientras se ejecuta el bean y luego es reanudada al finalizar el bean. Este modo puede ser utilizado cuando el bean no requiere de sistemas transaccionales o no se desean las propiedades ácidas para su ejecución. Por ejemplo se puede utilizar para ciertos beans con reportes de baja prioridad y no se desea bajar el performance del sistema con ellos. Supports. En este modo el comportamiento depende de si existe una transacción en curso. Si es así, es utilizada dentro del bean. Si no es así, el bean no se ejecuta dentro de una transacción. Dada la dualidad de comportamiento, este modo debe ser utilizado con cuidado. Puede utilizarse cuando se desea delegar la decisión de usar una transacción sobre otro bean.


  • Mandatory

    En este modo es obligatoria la existencia de una transacción en curso para su ejecución. De no ser así el container debe emitir la excepción javax.ejb.TransactionRequiredException si se está utilizando interfaces remotas o javax.ejb.TransactionRequiredLocalException si se utiliza una interfaz local. Este modo garantiza que la ejecución será realizada bajo una transacción que fue iniciada por el cliente. Es útil para beans que componen un workflow y que son parte de un sistema mayor.


  • Never

    En este modo es obligatoria la no existencia de una transacción. De existir es emitida la excepción java.rmi.RemoteException si el cliente es remoto, o javax.ejb.EJBException si es un cliente local. Este modo permite asegurar al cliente que este bean no necesita de utilizar transacciones y puede ser utilizado en el desarrollo de sistemas no transaccionales por naturaleza y asegurar que así será utilizado.


Me

Transacciones manejadas por el bean

permiten un control avanzado sobre el comportamiento de la transacción. Para poder hacer uso de la transacción es necesario utilizar una API especializada conocida como Java Transaction API (JTA).

  • JTA es un conjunto de interfaces de alto nivel divididas en tres conjuntos: un conjunto de interfaces para administradores de recursos que utilizan el estándar X/Open XA, un conjunto de interfaces para transacciones manejadas por servidores de aplicación, y -la que nos interesa- un conjunto de interfaces para el uso de transacciones por aplicaciones transaccionales.


  • Al ser una interfaz de alto nivel, JTA necesita de una implementación que debe ser dada por cada proveedor. Esta implementación es realizada a través de la API Java Transaction Service (JTS). Por otra parte, JTS es una implementación en Java del OMG Object Transaction Service (OTS) el cual es un servicio de CORBA para la utilización de transacciones.


  • JTA contiene la interfaz javax.transaction.UserTransacion que permite controlar las transacciones en un bean. Esta interfaz posee métodos como begin(), commit() y rollback(), que permiten manejar el flujo de la transacción. Este objeto puede ser obtenido por un enterprise bean a través del método getUserTransaction del objeto EJBContext que le entrega el container para su inicialización, o a través de JNDI haciendo un lookup a una dirección definida en el container como por ejemplo java:comp/UserTransaction.



Seguridad

Es proteger la Base de Datos contra accesos no autorizados. Se llama también privacidad.
INCLUYE ASPECTOS DE:

  • Aspectos legales, sociales y éticos
  • Políticas de la empresa, niveles de información publica y privada
  • Controles de tipo físico, acceso a las instalaciones
  • Identificación de usuarios: voz, retina del ojo, etc.
  • Controles de sistema operativo
  • En relación al SGBD, debe mantener información de los usuarios, su tipo y los accesos y operaciones permitidas a éstos.



  • DBA, están permitidas todas las operaciones, conceder privilegios y establecer usuarios
  • Usuario con derecho a crear, borrar y modificar objetos y que además puede conceder privilegios a otros usuarios sobre los objetos que ha creado.
  • Usuario con derecho a consultar, o actualizar, y sin derecho a crear o borrar objetos.
  • Privilegios sobre los objetos, añadir nuevos campos, indexar, alterar la estructura de los objetos, etc. Los SGBD tienen opciones que permiten manejar la seguridad, tal como GRANT, REVOKE, etc. También tienen un archivo de auditoria en donde se registran las operaciones que realizan los usuarios.
  • MEDIDAS DE SEGURIDAD Físicas: Controlar el acceso al equipo. Tarjetas de acceso, etc Personal: Acceso sólo del personal autorizado. Evitar sobornos, etc. SO: Seguridad a nivel de SO SGBD: Uso herramientas de seguridad que proporcione el SGBD. Perfiles de usuario, vistas, restricciones de uso de vistas, etc. Un SMBD cuenta con un subsistema de seguridad y autorización que se encarga de garantizar la seguridad de porciones de la BD contra el acceso no autorizado. Identificar y autorizar a los usuarios: uso de códigos de acceso y palabras claves, exámenes, impresiones digitales, reconocimiento de voz, barrido de la retina, etc Autorización: usar derechos de acceso dados por el terminal, por la operación que puede realizar o por la hora del día. Uso de técnicas de cifrado: para proteger datos en Base de Datos distribuidas o con acceso por red o internet. Diferentes tipos de cuentas: en especial del ABD con permisos para: creación de cuentas, concesión y revocación de privilegios y asignación de los niveles de seguridad. Manejo de la tabla de usuarios con código y contraseña, control de las operaciones efectuadas en cada sesión de trabajo por cada usuario y anotadas en la bitácora, lo cual facilita la auditoría de la Base de Datos.

ORM (Mapeo objeto-relación)

Es un marco de trabajo para crear aplicaciones java J2EE basadas en el patron MVC de tipo 1.

  • Utiliza páginas JSP para generar las vistas, añadiendo una biblioteca de etiquetas propia para crear los elementos de los formularios HTML.
  • Asocia a cada vista con formularios un conjunto de objetos java manejados por el controlador (managed beans) que facilitan la recogida, mapipulación y visualización de los valores mostrados en los diferentes elementos de los formularios.
  • Introduce una serie de etapas en el procesamiento de la petición, como por ejemplo la de validación, reconstrucción de la vista, recuperación de los valores de los elementos, etc.
  • Utiliza un sencillo fichero de configuración para el controlador en formato xml.
  • Es extensible, pudiendo crearse nuevos elementos de la interfaz o modificar los ya existentes.
  • Y lo que es más importante: forma parte del estándar J2EE. En efecto, hay muchas alternativas para crear la capa de presentación y control de una aplicación web java, como Struts y otros frameworks, pero solo JSP forma parte del estándar.

Me

¿Qué es un FACELETS?

tiene como objetivo facilitar las tareas relacionadas con la presentación. Permite realizar el diseño de la web de forma libre y posteriormente asociarle componentes JSF específicos. De esta manera se consigue una menor dependencia del lenguaje y se dota al diseñador de más libertad.

Para configurar Facelets es necesario configurar el faces-config.xml, se permite la configuración de plantillas para la disposición de páginas, creación de etiquetas con propiedades individuales, se elimina complejidad en el desarrollo.

  • En Facelets, las páginas son XTHML. Se prevee que no exista una curva de aprendizaje complicada ya que el uso es muy parecido a las JSP/JSTL. Con este formato, se podrán interpretar como HTML por parte de las herramientas de diseño.
  • Facelets permite incluir texto, etiquetas y expresiones en cualquier zona de la página, y se encargará de evaluarlo. Así es más sencillo establecer el aspecto de los componentes.
  • Esta permitido el manejo de JSP con etiquetas. Facelets interpreta un árbol de componentes (no un servlet como con JSP), el árbol mantiene coherencia con el ciclo de vida de JSF.
  • Se recomienda introducir Facelets a cualquier proyecto JSF, aunque se tenga la necesidad de realizar componentes o plantillas. Usar HTML y tener errores informados son razones suficientes para incorporarlo siempre.

JSP

La tecnología Java para la creación de páginas web con programación en el servidor. JSP es un acrónimo de Java Server Pages, que en castellano vendría a decir algo como Páginas de Servidor Java. Es, pues, una tecnología orientada a crear páginas web con programación en Java. Con JSP podemos crear aplicaciones web que se ejecuten en variados servidores web, de múltiples plataformas, ya que Java es en esencia un lenguaje multiplataforma. Las páginas JSP están compuestas de código HTML/XML mezclado con etiquetas especiales para programar scripts de servidor en sintaxis Java. Por tanto, las JSP podremos escribirlas con nuestro editor HTML/XML habitual. El motor de las páginas JSP está basado en los servlets de Java -programas en Java destinados a ejecutarse en el servidor-, aunque el número de desarrolladores que pueden afrontar la programación de JSP es mucho mayor, dado que resulta mucho más sencillo aprender que los servlets.

Qué necesito tener instalado para crear y ejecutar JSP?

  • Instalar el JDK
  • Instalar el TOMCAT (Lo bajas de:http://jakarta.apache.org/site/binindex.cgi )
  • Listo, tus JSP los copias en: D:\tomcat\webapps\ROOT y tus servlets los copias en: D:\tomcat\webapps\ROOT\WEB-INF\classes

Elementos del Script

Me

Ventajas y Desventajas de JSP

  • No posee una interfaz con muchas posibilidades, ya que la interfaz web es limitada
  • La codificacion de interfaces elaboradas lleva muchas lineas de codigo, y la mayoria debe hacerse usando scripts (javaScript)
  • La carga de la interfaz es mas lenta que la de una aplicacion de escritorio.
  • La mayor parte de la logica de la aplicacion se ejecuta en el servidor, por lo que se corre el riesgo de sobrecargar de trabajo al mismo.
  • La aplicacion no esta disponible si ocurre algun problema con el servidor o con la conexion de red.
  • Es un lenguaje totalmente escrito
  • Fuerte capacidad de manipulacion de graficos
  • Cargas de APIs : Interfaz de programacion de aplicaciones
  • Open Source Codigo abierto es la expresion con la que se conoce al software distribuido y desarrollado libremente
  • Reusabilidad robustez y multiplataforma.

Qué es una directiva de JSP?

nos permiten configurar alguna información que pueda ser usada en nuestra página JSP, por ejemplo cosas como importar clases, definir una página de error, incluir una página JSP en otra. Una directiva JSP afecta a la estructura general de la clase servlet. Directivas pueden tener una serie de atributos que se pueden enumerar abajo como pares de valores clave y separados por comas. Los espacios en blanco entre el símbolo @ y el nombre de la directiva, y entre la last atributo y el cierre%>, son opcionales.

Directiva Page:
Se utiliza para establecer algunas propiedades a nuestra página jsp. Tiene los siguientes atributos: import, sesión, buffer, autoflush, isThreadSafe, erroPage, entre otros.
Esta directiva se usa para establecer las propiedades generales de una página JSP. Podemos usar esta directiva varias veces a lo largo de la pagina JSP, pero sólo podemos asignar el valor de un atributo una vez por cada una, excepto para el atributo import. Los valores de la directiva se aplicarán a toda la pagina.

Directiva Include.
Nos permite insertar contenido de otro archivo en una jsp.
include file=”url relativa”
En otras palabras, la directiva include simplemente copia el contenido del archivo incluido byte a byte, siendo el resultado similar a si copiamos el texto del archivo incluido y lo pegamos en el JSP.
Es muy importante señalar que dado que la directiva include incluye el fichero en el momento de la compilación, si la página incluida cambia después de la compilación, los cambios no se verán reflejados en la página actual hasta que se vuelva a compilar. Por esta razón si una página incluida cambia, es necesario re-compilar la página que la contiene.

Directiva TagLib.
Esta parte es un poco más complicada. Pero básicamente, la directiva TagLib nos permite utilizar librerías de etiquetas creadas por el propio programador en nuestra pagina jsp. (Sonó confuso… cierto?) Podemos usar nuestras propias etiquetas (llamadas también etiquetas personalizadas o Custom Tags) en nuestra JSP y también nos permite usar etiquetas JSTL (verás eso en otro post). Para mostrarte como funciona esto de las etiquetas personalizadas, haremos este ejemplo. Digamos que en mi jsp, yo escribiera mi propia etiqueta asi , como ves, dicha etiqueta tiene un nombre (o prefijo, o prefix en ingles) el cual es “nuestraEtiqueta” y la parte “muestraHolaMundo” es simplemente una operación que puede realzar nuestra etiqueta, es decir cuando la ejecutemos en nuestra JSP se mostrará un mensaje, tal vez el “Hola Mundo”.

Importancia de las bases de datos en las aplicaciones web.

Las Bases de Datos tienen una gran relevancia a nivel personal, pero más si cabe, a nivel empresarial, y se consideran una de las mayores aportaciones que ha dado la informática a las empresas. En la actualidad, cualquier organización que se precie, por pequeña que sea, debe contar con una Base de Datos, pero para que sea todo lo efectiva que debe, no basta con tenerla: hay que saber cómo gestionarlas. Las principales utilidades que ofrece una base de datos a la empresa son las siguientes:

  • Agrupar y almacenar todos los datos de la empresa en un único lugar.
  • Facilitar que se compartan los datos entre los diferentes miembros de la empresa.
  • Evitar la redundancia y mejorar la organización de la agenda.
  • Realizar una interlocución adecuada con los clientes.

SESION

es un mecanismo de programación de las tecnologías de web scripting que permite conservar información sobre un usuario al pasar de una página a otra. A diferencia de una cookie, los datos asociados a una sesión se almacenan en el servidor y nunca en el cliente.
En la mayoría de las tecnologías de web scripting, las sesiones se implementan mediante una cookie que almacena un valor que identifica al usuario en el servidor web cada vez que pasa de una página web a otra. En el servidor web están almacenados todos los datos de la sesión y se accede a ellos cada vez que se pasa de página gracias al identificador almacenado en la cookie. En Mozilla Firefox podemos ver las cookies que tenemos almacenadas, con su valor y fecha de caducidad.

Uno de los conceptos que más problemas produce cuando comenzamos a trabajar con aplicaciones web en Java es el concepto de java session (HttpSession) que sirve para almacenar información entre diferentes peticiones HTTP ya que este protocolo es stateless (sin estado). Así pues en muchas ocasiones nos encontraremos con el problema de compartir estado (datos usuario) entre un conjunto amplio de páginas de nuestra Aplicación.

Para solventar este problema en la plataforma Java EE se usa de forma muy habitual la clase HttpSession que tiene una estructura de HashMap (Dicccionario) y permite almacenar cualquier tipo de objeto en ella de tal forma que pueda ser compartido por las diferentes páginas que como usuarios utilizamos.

El funcionamiento del sistema de sessiones es relativamente sencillo. Cada vez que un usuario crea una session accediendo a una página (que la genere) se crea un objeto a nivel de Servidor con un HashMap vacío que nos permite almacenar la información que necesitamos relativa a este usuario. Realizado este primer paso se envía al navegador del usuario una Cookie que sirve para identificarle y asociarle el HashMap que se acaba de construir para que pueda almacenar información en él. Este HashMap puede ser accedido desde cualquier otra página permitiéndonos compartir información.

Usuarios y Sessiones
El concepto de Session es individual de cada usuario que se conecta a nuestra aplicación y la información no es compartida entre ellos. Así pues cada usuario dispondrá de su propio HashMap en donde almacenar la información que resulte útil entre páginas.

Me

Qué es JDBC?

Es usado para enviar comandos SQL hacia una base de datos relacional, que puede ser Oracle, Infomix, SyBase, etc. Establece una conexión con una BD

  • Establece una conexión con una BD
  • Envía sentencias SQL
  • Procesa los resultados

JDBC existe desde 1996, y fue incluido desde la version 1.1 del JDK, aunque tambien se hizo disponible para usarse con el JDK 1.02. El problema de usarse con el JDK 1.02 es que JDBC es una aniadidura al mismo. Esto quiere decir que los usuarios comunes tendrian que agregar a su maquina virtual de Java las clases que implementan JDBC, lo cual es una carga para ellos. Desde el JDK 1.1 JDBC viene incluido como el paquete java.sql



Ques es una Cookie

son pequeños archivos que algunos sitios web guardan en tu ordenador. Las cookies almacenan información sobre tí, como nombre de usuario o información de registro, o preferencias de usuario, pero no espían, como el spyware. Si tienes una cookie de un sitio web al que vas a menudo, la cookie recuerda cosas que harán tu próxima visita a esa página un poco más fácil, e incluso hace que las páginas se carguen un poco más rápido. Es bueno borrar tus cookies de vez en cuando, porque aunque algunas caducan y se eliminan solas tras un cierto periodo de tiempo predeterminado, otras no caducan y si no las borras se quedan en tu ordenador ocupando espacio.

Sus principales funciones son:

  • Llevar el control de usuarios: cuando un usuario introduce su nombre de usuario y contraseña, se almacena una galleta para que no tenga que estar introduciéndolas para cada página del servidor. Sin embargo, una galleta no identifica a una persona, sino a una combinación de computadora de la clase de computación-navegador-usuario.

  • Conseguir información sobre los hábitos de navegación del usuario, e intentos de spyware (programas espía), por parte de agencias de publicidad y otros. Esto puede causar problemas de privacidad y es una de las razones por la que las cookies tienen sus detractores.

Cliente-Servidor

La arquitectura cliente-servidor es un modelo de aplicación distribuida en el que las tareas se reparten entre los proveedores de recursos o servicios, llamados servidores, y los demandantes, llamados clientes. Un cliente realiza peticiones a otro programa, el servidor, quien le da respuesta. Esta idea también se puede aplicar a programas que se ejecutan sobre una sola computadora, aunque es más ventajosa en un sistema operativo multiusuario distribuido a través de una red de computadoras. Algunos ejemplos de aplicaciones computacionales que usen el modelo cliente-servidor son el Correo electrónico, un Servidor de impresión y la World Wide Web.

Java Servlet

El servlet es una clase en el lenguaje de programación Java, utilizada para ampliar las capacidades de un servidor. Aunque los servlets pueden responder a cualquier tipo de solicitudes, éstos son utilizados comúnmente para extender las aplicaciones alojadas por servidores web, de tal manera que pueden ser vistos como applets de Java que se ejecutan en servidores en vez de navegadores web. Este tipo de servlets son la contraparte Java de otras tecnologías de contenido dinámico Web, como PHP y ASP.NET. La palabra servlet deriva de otra anterior, applet, que se refiere a pequeños programas que se ejecutan en el contexto de un navegador web. El uso más común de los servlets es generar páginas web de forma dinámica a partir de los parámetros de la petición que envíe el navegador web.

Caracteristicas de Java Servlet

  • Son independientes del servidor utilizado y de su sistema operativo, lo que quiere decir que a pesar de estar escrito en java, el servidor puede estar escrito en cualquier lenguaje de programacion.
  • Pueden llamar a otros servlets, e incluso a metodos concretos de otros servlets.
  • Pueden obtener facilmente informacion acerca del cliente (la permitida por el protocolo HTTP) tal como su direccion IP , el puerto que se utiliza en la llamada el metodo utilizado (GET,POST).
  • Permiten ademas la utilizacion de cookies y sesiones de forma que se puede guardar informacion especifica acerca de un usuario determinado.
  • Ejemplo de código básico de un servlet

    import javax.servlet.*; import javax.servlet.http.*; import java.io.*; public class Contador extends HttpServlet { //variable contador int contador; public void init(ServletConfig conf) throws ServletException { super.init(conf); //inicializamos la variable contador contador = 1; } public void doGet(HttpServletRequest req, HttpServletResponse res) throws ServletException, IOException { res.setContentType("text/html"); PrintWriter out = res.getWriter(); int tmp = contador; //incrementamos la variable contador contador++; out.println(""); out.println(""); out.println("

    Numero de peticiones " + tmp +"

    "); out.println(""); out.println(""); } public void doPost(HttpServletRequest req, HttpServletResponse res) throws ServletException, IOException { doGet(req, res); } }

    Me

    CGI

    La sigla CGI viene de Common Gateway Interface, y como el nombre lo indica corresponde a la definición de la interfaz entre los servidores WEB y las aplicaciones que se ejecutan en el servidor. Estas aplicaciones pueden estar construidas en cualquier lenguaje, los lenguajes mas comunes son Perl, C, y script de unix. CGI sólo define la forma de transferir información en ambos sentidos. Cuando el World Wide Web inició su funcionamiento como lo conocemos, empezando a tomar popularidad aproximadamente en 1993, solo se podía apreciar texto, imágenes y enlaces. La introducción de Plugins en los navegadores permitió mayor interactividad entre el usuario y el cliente, aunque estaba limitado por la velocidad y la necesidad de tener que bajar e instalar cada plugin que se necesitara, por lo que estos se desarrollaron mayormente en áreas de vídeo, audio y realidad virtual.

    Diferencia entre CGI y Java Servlet

    La tecnología Servlet proporciona las mismas ventajas del lenguaje Java en cuanto a portabilidad (“write once, run anywhere”) y seguridad, ya que un Servlet es una clase de Java igual que cualquier otra, y por tanto tiene en ese sentido todas las características del lenguaje, Esto es algo de lo que carecen los programas CGI, ya que hay que compilarlos para el sistema operativo del servidor y no disponen en muchos casos de técnicas de comprobación dinámica de errores en tiempo de ejecución.

    Ciclo de Vida de un Servlet

    Cuando se crea un servlet, el servidor llama al método init y cada vez que un cliente acceda al servlet el servidor llamará al método service que se encargará de redirigir la llamada doGet o a doPost. Esto nos quiere decir que cuando se llama por primera vez a un servlet se ejecutara primero init y después service, pero ... ¿Y la segunda vez y sucesivas también se llama a init o sólo a service?. Normalmente, el servidor crea el servlet (llama, por tanto, al método init) y lo mantiene funcionando, si ha pasado un tiempo suficiente (y que puede ir desde unos segundos a nunca) sin que el servlet se llame lo deja de ejecutar. Es decir, un servlet se empieza a ejecutar con la primera llamada y, normalmente, se seguirá ejecutando. De esta forma, vamos a crear un servlet que cuente el número de visitas que recibe, para ello nos bastará crear una variable contador que inicializaremos en el método init y que incrementaremos en doPost/doGet. Por lo que, el contador se inicializará cuando se llame por primera vez al servlet y se irá incrementando en llamadas sucesivas.

    Como se escribe código html en un servlet?

    import javax.servlet.*; import javax.servlet.http.*; import java.io.*; public class Contador extends HttpServlet { //variable contador int contador; public void init(ServletConfig conf) throws ServletException { super.init(conf); //inicializamos la variable contador contador = 1; } public void doGet(HttpServletRequest req, HttpServletResponse res) throws ServletException, IOException { res.setContentType("text/html"); PrintWriter out = res.getWriter(); int tmp = contador; incrementamos la variable contador contador++; out.println(""); out.println(""); out.println("

    Numero de peticiones " + tmp +"

    "); out.println(""); out.println(""); } public void doPost(HttpServletRequest req, HttpServletResponse res) throws ServletException, IOException { doGet(req, res); } } ..... PrintWriter out = res.getWriter(); int tmp; synchronized(this) { //leemos el contador tmp = contador; //incrementamos la variable contador contador++; } out.println(""); .....

    Qué significan las siglas AJAX?

    AJAX es el acrónimo de Asynchronous Javascript and XML, es decir: Javascript y XML Asincrono. Este acrónimo fue utilizado por primera vez por Jesse James Garret en 2005, en su publicación Ajax: a New Approach to Web Applications si bien los componentes en que se basan y los recursos técnicos de que hace uso ya existían desde muchos años antes.

    Ventajas Y Desventajas de AJAX

    Sus ventajas son:

    • Mejora la experiencia del usuario
    • Puede ser utilizada en cualquier plataforma y navegador
    • Menor transferencia de datos cliente/servidor
    • Optimización de recursos (tiempo de operaciones)
    • Portabilidad y usabilidad (permite realizar una petición de datos al servidor y recibirla sin necesidad de cargar la página entera)
    Sus desventajas son:
    • JavaScript debe estar activado en el navegador web para funcionar
    • Utilizar AJAX preferentemente en formularios de contacto, validación de correo electrónico y contraseñas para no afectar el posicionamiento web (SEO)
    • Tiempos de respuesta del servidor en momentos determinados
    • Tiempo de desarrollo (es necesario tener conocimiento medio/alto de las tecnologías que hacen parte de AJAX)
    • Algunas funciones a las que estamos acostumbrados en la navegación web pueden no funcionar como esperamos. Por ejemplo, el botón de atrás, guardar marcador o actualizar la página web en cualquier momento.

    Qué es y para que sirve jQuery?


    es un framework Javascript, pero quizás muchos de los lectores se preguntarán qué es un framework. Pues es un producto que sirve como base para la programación avanzada de aplicaciones, que aporta una serie de funciones o códigos para realizar tareas habituales. Por decirlo de otra manera, framework son unas librerías de código que contienen procesos o rutinas ya listos para usar. Los programadores utilizan los frameworks para no tener que desarrollar ellos mismos las tareas más básicas, puesto que en el propio framework ya hay implementaciones que están probadas, funcionan y no se necesitan volver a programar. jQuery es un framework para el lenguaje Javascript, luego será un producto que nos simplificará la vida para programar en este lenguaje.

    jQuery nos permite agregar efectos y funcionalidades complejas a nuestro sitio web, como por ejemplo: galerías de fotos dinámicas y elegantes, validación de formularios, calendarios, hacer aparecer y desaparecer elementos en nuestra página y muchas otras poderosas opciones. Otra ventaja sin duda es la posibilidad que nos brinda de trabajar con AJAX, sin preocuparnos de los detalles complejos de la programación.

    Me

    Para que sirve AJAX

    El principal objetivo del AJAX, es intercambiar información entre el servidor y el cliente (navegadores) sin la necesidad de recargar la página. De esta forma, ganamos en usabilidad, experiencia y productividad del usuario final.

    Navegadores que soportan esta tecnologia

    Debe tenerse en cuenta que ésta es una lista general, y el soporte de las aplicaciones AJAX dependerá de las características que el navegador permita.

    • Navegadores basados en Gecko como Mozilla, Mozilla Firefox, SeaMonkey, Camino, K-Meleon, Flock, Epiphany, Galeon y Netscape versión 7.1 y superiores
    • Microsoft Internet Explorer para Windows versión 5.0 y superiores, y los navegadores basados en él
    • Navegadores con el API KHTML versión 3.2 y superiores implementado, incluyendo Konqueror versión 3.2 y superiores, Apple Safari versión 1.2 y superiores, y el Web Browser for S60 de Nokia tercera generación y posteriores
    • Opera versión 8.0 y superiores, incluyendo Opera Mobile Browser versión 8.0 y superiores
    NAVEGADORES QUE NO PERMITEN AJAX
    • Opera 7 y anteriores
    • Microsoft Internet Explorer para Windows versión 4.0 y anteriores
    • Microsoft Internet Explorer para Macintosh, todas las versiones
    • Dillo
    • Navegadores basados en texto como Lynx y Links
    • Navegadores para incapacitados visuales (braille)

    Ventajas y desventajas de jQuery?

    La ventaja principal de jQuery es que es mucho más fácil que sus competidores.

    • jQuery es flexible y rápido para el desarrollo web
    • Viene con licencia MIT y es Open Source
    • Tiene una excelente comunidad de soporte
    • Tiene Plugins
    • Bugs son resueltos rápidamente
    • Excelente integración con AJAX

    • jQuery es fácil de instalar y aprender, inicialmente. Pero no es tan fácil si lo comparamos con CSS
    • Si jQuery es implementado inapropiadamente como un Framework, el entorno de desarrollo se puede salir de control.

    Qué se necesita para que funcione jQuery?

    Para hacer uso de esta fabulosa Librería tienes que bajarla directamente desde el sitio oficial.
    Haz clic aquí para bajar jQuery.

    Aqui mismo te desplegara todos los pasos a seguir y empezarlo a usar.

    Que es Bootstrap

    es un framework originalmente creado por Twitter, que permite crear interfaces web con CSS y JavaScript, cuya particularidad es la de adaptar la interfaz del sitio web al tamaño del dispositivo en que se visualice. Es decir, el sitio web se adapta automáticamente al tamaño de una PC, una Tablet u otro dispositivo. Esta técnica de diseño y desarrollo se conoce como “responsive design” o diseño adaptativo. El beneficio de usar responsive design en un sitio web, es principalmente que el sitio web se adapta automáticamente al dispositivo desde donde se acceda. Lo que se usa con más frecuencia, y que a mi opinión personal me gusta más, es el uso de media queries, que es un módulo de CSS3 que permite la representación de contenido para adaptarse a condiciones como la resolución de la pantalla y si trabajás las dimensiones de tu contenido en porcentajes, puedes tener una web muy fluida capaz de adaptarse a casi cualquier tamaño de forma automática.


    como se agrega bootstrap en un sitio web.


    Para esto, nos dirigimos a la página de descargas y hacemos clic en el botón Download Bootstrap:
    Haz click aca
    Al finalizar la descarga, obtendremos el archivo bootstrap-3.3.6-dist.zip el cual vamos a descomprimir. El directorio resultante tiene la siguiente estructura:
    bootstrap-3.3.6-dist/ css/ fonts/ js/
    Copiamos los directorios css/, fonts/ y js/ al directorio donde se encuentra el sitio web estático, de la siguiente manera:
    simple-starwars-site/ ... static/ css/ fonts/ js/
    Para finalizar la instalación, es necesario incluir los archivos CSS de Bootstrap en la cabecera de todos los archivos HTML que se encuentran en el directorio del sitio estático:

    !DOCTYPE html html head ... link rel="stylesheet" href="http://rukbottoland.com/static/css/bootstrap.css" link rel="stylesheet" href="http://rukbottoland.com/static/css/bootstrap-theme.css" /head

    También debemos incluir el archivo JavaScript de Bootstrap al final de cada archivo HTML, antes del cierre de la etiqueta body:

    script src="http://rukbottoland.com/static/js/bootstrap.js" /script /body /html

    y asi concluimos con todo el procedimiento.

    Me

    como funciona el sistema de cuadricula (Grid System) para maquetación de sitios web

    Bootstrap incluye un primer sistema de respuesta, móvil fluido rejilla que escala apropiadamente hasta 12 columnas como el dispositivo o en la ventana gráfica que aumenta el tamaño. Incluye clases predefinidas de opciones de diseño sencillas, así como potentes mixins para generar diseños más semánticas .

    • Filas deben ser colocados dentro de un .container(ancho fijo) o .container-fluid(ancho completo) para la alineación y el relleno apropiado.
    • Utilice filas para crear grupos horizontales de columnas.
    • El contenido debe ser colocado dentro de las columnas, y sólo las columnas puede ser hijos inmediatos de filas.
    • Clases de cuadrícula predefinidos como .rowy .col-xs-4 están disponibles para hacer rápidamente diseños de cuadrícula. Menos mixins también se puede utilizar para diseños más semánticas.
    • Columnas crean canalones (huecos entre contenido de la columna) a través de padding. Que el relleno se compensa en filas para la primera y última columna a través de margen negativo en el .rows.
    • El margen negativo es la razón por los siguientes ejemplos se outdented. Es para que el contenido dentro de las columnas de la rejilla está alineada con contenido que no sea de la red.
    • Columnas de la cuadrícula se crean especificando el número de doce columnas disponibles que desea abarcar. Por ejemplo, tres columnas iguales usarían tres .col-xs-4.
    • Si hay más de 12 columnas se colocan dentro de una sola fila, cada grupo de columnas adicionales será, como una unidad, envuelva en una nueva línea.


    Como se agrega diseño a los diferentes componentes de HTML

    Para agegar diseño a los diferentes componentes de HTML, lo primero que debemos de hacer es lo siguiente:
    descargar el archivo bootstrap a nuestro ordenador,
    luego copiarlo al proyecto que estamos trabajando,
    le agregamos un link donde estemos especificando la ruta donde se encuentra para que pueda tener efecto en nuestro proyecto.
    En la etiqueta deseada agregamos un clase para llamar los componentes de bootstrap, para darnos una guia de como agregarle componentes nos dirigimos a la pagina oficial de bootstrap donde estan las distintas funcionalidades desdes CSS y Java Script.

    ¿Qué significan las siglas CSS?

    son las siglas de Cascading Style Sheets, en español Hojas de estilo en Cascada.

    Las Hojas de Estilo en Cascada se escriben dentro del código HTML de la página web, solo en casos avanzados se pueden escribir en un archivo a parte y enlazar la página con ese archivo. En un principio vamos a utilizar la manera más directa de aplicar estilos a los elementos de la página, mas adelante veremos la declaración en archivos externos. Para ello, y esto es la primera lección de este artículo, vamos a conocer un nuevo atributo que se puede utilizar en casi todas las etiquetas HTML: style.


    ;Cuales son las versiones de CSS?

    • CSS 1: publicada en 1996.
    • CSS 2: publicada en 1998.
    • CSS 3: publicada en 2011.
    • CSS 4: se estima que pueda ser especificación oficial en 2019.
    Las fechas indicadas son sólo orientativas, la realidad es que una version no aparece un día, sino que tiene un largo proceso de desarrollo que a veces dura años. Con CSS 3 se introdujo una fuerte modularización o división por apartados de CSS, de modo que algunos módulos se encontraban en fase de borrador mientras otros se convertían en especificación oficial.
    Conseguir buenos resultados con CSS pasa por estar al día de la especificación del W3C pero también por seguir las novedades de la web, de los navegadores y siendo prácticos, por hacer muchas pruebas y comprobaciones con distintos navegadores o herramientas específicas para este fin.


    Incluir CSS en HTML desde un archivo externo

    para comenzar de estar forma es la mas recomendada cuando estamos empezando en todo este mundo del desarollo web.
    para realizar esta forma de procesar CSS lo primero que debemos de hacer es lo siguiente:
    ya estando en nuestro editor de codigo dependiendo de cual uses, no importa de igual manera se puede realizar agregamos una nueva hoja le damos guardar, cuando nos muestre la pantalla de donde colocarlo para ser mas ordenados creamos una nueva carpeta con nombre CSS y seguido de agregarle el nombre a nuestro archivo despues del punto le agregamos CSS aca hay un ejemplo : "ejemplo.css" .
    Despues verificamos que se encuentre nuestro archivo en la carpeta almacenada, nos dirigimos a la hoja en cascada que le agregaremos CSS, y agregamos un link donde especifique la ruta de nuestro archivo para que que se pueda agregar CSS. y eso es todo de ahi se hara el mismo procedimiento de llamar desde ese archivo todas las clases para ser usadas en HTML.

    Me

    ¿Para que se utiliza CSS?

    la principal utilidad es para organizar la presentacion y aspecto de una pagina web.
    Permite a los desarrolladores Web controlar el estilo y el formato de multiples paginas Web al mismo tiempo. Cualquier cambio en el estilo marcado para un elemento en la CSS afectara a todas las paginas vinculadas a esa CSS en las que aparezca ese elemento.
    Una vez creada los contenidos, se utiliza el lenguaje CSS para definir el aspecto de cada elemento: color, tamaño y tipo de letra del texto, separacion horizontal y vertical entre elementos, posicion de cada elemento dentro de la pagina.

    CSS y HTML

    CSS describe cómo los elementos HTML se van a mostrar en la pantalla, papel, o en otros medios . CSS ahorra mucho trabajo . Se puede controlar el diseño de varias páginas web al mismo tiempo. CSS se puede agregar a los elementos HTML en 3 maneras: Inline - mediante el atributo de estilo en los elementos HTML Interna - mediante el uso de un elemento style en la sección head Externa - mediante el uso de un archivo CSS externo La forma más común de añadir CSS, es mantener los estilos CSS en archivos separados. Sin embargo, aquí vamos a utilizar en línea y el estilo interno, porque esto es más fácil de demostrar, y


    Incrustar o incluir CSS en el mismo documento HTML

    Lo primero que debemos de hacer es posicionarnos en head despues de title agregamos una etiqueta llamada style la cual es la que nos dara la opcion de incluir CSS en nuestro HTML, por la cual tendremos que definir con exactitud sobre donde debemos aplicar y ahi mismo colocamos las distintas clases de CSS para incluirlas en nuestro HTML.

    Sitio Web

    Un sitio web es un conjunto de páginas web desarrolladas en código html, relacionadas a un dominio de Internet el cual se puede visualizar en la World Wide Web (www) mediante los navegadores web o también llamados browser como ser Chrome, Firefox, Edge, Opera entre otros. Cada página web perteneciente al sitio web tiene como objetivo publicar contenido, y este contenido podrá ser visible o no al público.

    Los sitios web se pueden clasificar en dos tipos: Sitios Web Estáticos: Se denomina sitio web estático a aquellos que no acceden a una base de datos para obtener el contenido. Por lo general un sitio web estático es utilizado cuando el propietario del sitio no requiere realizar un continuo cambio en la información que contiene cada página. Sitios Web Dinámicos: Por el contrario los sitios web dinámicos son aquellos que acceden a una base de datos para obtener los contenidos y reflejar los resultados obtenidos de la base de datos, en las páginas del sitio web. El propietario del sitio web podrá agregar, modificar y eliminar contenidos del sitio web a través de un “sistema web”, generalmente con acceso restringido al público mediante usuario y contraseña, el cual se denomina BACK END. Se asume que a la hora de contratar el desarrollo de un sitio web, el propietario, especificará al desarrollador web, la cantidad de páginas que contendrá el sitio, discriminando si son dinámicas o estáticas.


    Página web.

    Se conoce como página web al documento que forma parte de un sitio web y que suele contar con enlaces (también conocidos como hipervínculos o links) para facilitar la navegación entre los contenidos. Las páginas web están desarrolladas con lenguajes de marcado como el HTML, que pueden ser interpretados por los navegadores. De esta forma, las páginas pueden presentar información en distintos formatos (texto, imágenes, sonidos, videos, animaciones), estar asociadas a datos de estilo o contar con aplicaciones interactivas. Entre las múltiples características que tiene una página web y que sirven para identificarla se encuentran las siguientes: cuenta con información textual y también con material de tipo audiovisual, está dotada de un diseño atractivo, está optimizada y ejerce como la tarjeta de presentación de una empresa, una persona o un profesional concreto.


    XHTML

    XHTML (eXtensible HyperText Markup Language), es básicamente HTML expresado como XML válido. Es más estricto a nivel técnico, pero esto permite que posteriormente sea más fácil al hacer cambios o buscar errores entre otros. En su versión 1.0, XHTML es solamente la versión XML de HTML, por lo que tiene, básicamente, las mismas funcionalidades, pero cumple las especificaciones, más estrictas, de XML. Su objetivo es avanzar en el proyecto del World Wide Web Consortium de lograr una web semántica, donde la información, y la forma de presentarla estén claramente separadas. La versión 1.1 es similar, pero parte a la especificación en módulos. En sucesivas versiones la W3C planea romper con los tags clásicos traídos de HTML. Las principales ventajas del XHTML sobre el HTML son: Se pueden incorporar elementos de distintos espacios de nombres XML (como MathML y Scalable Vector Graphics). Un navegador no necesita implementar heurísticas para detectar qué quiso poner el autor, por lo que el parser puede ser mucho más sencillo. Como es XML se pueden utilizar fácilmente herramientas creadas para procesamiento de documentos XML genéricos (editores, XSLT, etc.).

    Me

    HTML5

    es la última versión de HTML. El término representa dos conceptos diferentes: Se trata de una nueva versión de HTML, con nuevos elementos, atributos y comportamientos. Contiene un conjunto más amplio de tecnologías que permite a los sitios Web y a las aplicaciones ser más diversas y de gran alcance. A este conjunto se le llama HTML5 y amigos, a menudo reducido a HTML5 . Diseñado para ser utilizable por todos los desarrolladores de Open Web, esta página referencía numerosos recursos sobre las tecnologías de HTML5, clasificados en varios grupos según su función. Semántica: Permite describir con mayor precisión cual es su contenido. Conectividad: Permite comunicarse con el servidor de formas nuevas e innovadoras. Sin conexión y almacenamiento: Permite a las páginas web almacenar datos localmente en el lado del cliente y operar sin conexión de manera más eficiente. Multimedia: Nos otorga un excelente soporte para utilizar contenido multimedia como lo son audio y video nativamente. Gráficos y efectos 2D/3D: Proporciona una amplia gama de nuevas características que se ocupan de los gráficos en la web como lo son canvas 2D, WebGL, SVG, etc. Rendimiento e Integración: Proporciona una mayor optimización de la velocidad y un mejor uso del hardware. Acceso al dispositivo: Proporciona APIs para el uso de varios compomentes internos de entrada y salida de nuestro dispositivo. CSS3: Nos ofrece una nueva gran variedad de opciones para hacer diseños más sofisticados.

    Hosting

    El hosting es un servicio al que puedes asociar tu dominio. Si tienes un dominio, lo más probable es que lo quieras para tener una página web, o para tener cuentas de correo bajo tu propio dominio. El hosting es exactamente eso, son esos servicios que vas a necesitar si quieres tener tu web y tu correo. De manera más concreta, podríamos decir que el hosting es tener espacio en el disco duro de un servidor, que está preparado con los programas necesarios para que puedas subir a ese espacio tu web y tener en ese espacio tus correos. Normalmente cuando compras un hosting en una empresa, ya trae todo lo necesario. Al menos en nuestra empresa, lo trae todo. Puede ser que en otras empresas te cobren algunas características aparte. ¿En qué me tengo que fijar a la hora de adquirir un hosting? ¿Qué es la transferencia mensual? ¿Cuánta transferencia necesito? ¿Cuánto espacio necesito para mi web? Todos los planes de alojamiento ofrecen una cantidad de espacio, y una cantidad de transferencia de datos. Aquí tienes tres artículos que explican lo que es el espacio y la transferencia, y cuánto deberías necesitar: Otra característica importante son las bases de datos. Si tu hosting no incluye bases de datos, no vas a poder instalar un gestor de contenidos como WordPress o Joomla. En la práctica, es muy posible que no vayas a manejar las bases de datos directamente, seguramente no te hace falta ni saber que están ahí, pero puede que sean necesarias a la hora de hacer tu web.

    Estructura de un documento HTML

    Me


    Descarga el siguiente documento para tener mas detalles sobre las etiquetas de HTML

    ----Haz CLick aca-----


    Me

    Estructura de un Documento HTML5


    Me

    Descarga el siguiente documento para ver todas las etiquetas que contiene HTML5


    ----Haz CLick aca-----

    QUE ES HTML Y CUAL ES SU FUNCIONAMIENTO




    TUTORIAL DE CSS GRID LAYOUT

    ¿Bootstrap o Foundation?



    Me

    INTRODUCCION A HTML5







    DIBUJANDO CON CSS



    QUE APRENDER DE JAVASCRIPT EN EL 2017

    0
    completed project
    0
    design award
    0