Mostrando entradas con la etiqueta tutorial. Mostrar todas las entradas

Aprende jQuery Muy Facil

jQuery facil

jQuery es una librería de JavaScript que nos facilita mucho el trabajo a la hora de crear nuestras paginas web. su eslogan es "Write Less, Do More" (Escribe Menos, Haz Mas) y eso es totalmente cierto, ya que usando jQuery nos ahorraremos muchas horas de código a diferencia de usar JavaScript directamente. Por jQuery podrás, crear animaciones, manejar eventos e incluso podrás utilizar Ajax.

Maquetar Usando Twitter Bootstrap (Diseño Adaptativo)

maquetar pagina web

Hace unos días uno de los lectores del blog me pidió que le ayudara a maquetar usando Twitter Bootstrap, así que en lugar de darle una explicación larga y tediosa como respuesta he decidido hacer una entrada con imágenes y paso por paso para que sea mas fácil de aprender.

 Les mostrare con un diseño sencillo y fácil de usar además aprovecharemos el diseño adaptativo que nos ofrece Bootstrap.

Tutorial: Aprender HTML5 de forma eficiente (6ta parte)


En secciones anteriores de este tutorial hemos hablado de diversos temas, algunas recomendaciones, elementos de HTML5   incluso algunos de HTML4,  hoy les comentare de las nuevas funciones de HTML5 para agregar audio y vídeo a las paginas web, esto sin necesidad de ningún plugin extra o dependiendo de otra fuente para cargarlo, la idea es cargar el vídeo directamente en nuestra pagina.

Tutorial: Aprender HTML5 de forma eficiente (5ta parte)

formulario

En la parte anterior de este tutorial aprendimos a utilizar distintos elementos para crear nuestra pagina web tales como títulos  párrafos  links, listas, etc. hoy aprenderemos a hacer formularios ya que estos normalmente son muy necesarios a la hora de pedirle información  el ejemplo que usaremos es un formulario de registro, es algo hipotético por lo tanto les dejare el código y les iré explicando lo que he hecho paso por paso.

Mucho de estos elementos son ya conocidos en HTML4 pero en HTML5 les mostrare algunos de los nuevos atributos y elementos

Tutorial: Aprender HTML5 de forma eficiente (4ta parte)

html tag
En la 3ra parte hicimos el marco de una página, utilizando etiquetas de HTML5, usamos etiquetas como <header> <div> <nav> <section> <article> <aside> y <footer> en esta parte de este tutorial para aprender HTML5, vamos hoy a aprender las etiquetas más comunes para colocar hipertexto en las páginas web, ya tenemos nuestra estructura asi que vamos a empezar a rellenarla.

Para las personas que conocen ya HTML4 esta parte no es tan importante ya que estas etiquetas no han sufrido grandes cambios, sin embargo si quieres refrescar conocimientos o colaborar con algún consejo o alguna etiqueta que olvide, pueden hacerlo en los comentarios.

Tutorial: Aprender HTML5 de forma eficiente (3ra parte)

Pagina web: creatilia.com

En la parte anterior de este tutorial de HTML5 hablamos de los elementos que van en la sección <head> de una pagina web. Hoy vamos a empezar con la sección <body> que es en la que se desarrolla la pagina como tal y por tanto es la que requiere mas trabajo, en la imagen de arriba pueden ver el ejemplo con el que trabajaremos, es un C.M.S(Content Management System) que junto con un amigo desarrollamos, y es uno de los productos que ofrecemos en edosistems, utilizo este ejemplo para mostrarles el uso de las distintas etiquetas.

Antes de mostrarles algún código les hablare de las distintas marcas para estructurar el cuerpo de una pagina:

Tutorial: Aprender HTML5 de forma eficiente (2da parte)



En la primera parte de este tutorial hablamos de lo que pienso cubrir y de algunas recomendaciones antes de empezar. Hoy vamos a empezar de una forma más oficial, entrando ya un poco en materia con algunas marcas, mas específicamente las marcas que se utilizan en las cabeceras de las paginas, para brindar información o relacionarlas con algún archivo bien sea una hoja de estilos, un archivo en JavaScript etc.

Una plantilla básica para iniciar a trabajar con HTML5 es la siguiente:

tutorial: Aprender HTML5 de forma eficiente (1era Parte)



Quiero aprovechar este medio para compartir mis conocimiento en la parte del frontend del diseño web, iniciando con un tutorial para aprender HTML5 ya que es el lenguaje de marcado predominante hoy en día y además lo mejor es que lo explicare en su ultima versión a la fecha, el tutorial constara de varias partes e intentare subir de 2 a 3 partes por semana, así pueden ir aclarando sus dudas o si quieren que alguna parte se enfoque en algo especifico también pueden pedírmelo, la idea es que sea una especie de curso, si no tienes ningún conocimiento previo no te preocupes y continua leyendo que todo se explicara de manera básica y si tienes dudas no temas en preguntar, mas adelante planeo seguir con un tutorial de CSS y algunos otros lenguajes para la comunidad, bueno empecemos...
Suscribirse a: Entradas (Atom)

Ads by Smowtion

Blogger Template by Clairvo