Otro curso gratuito de desarrollo en HTML5, CSS y Javascript de WebApps, incl. móviles FirefoxOS*

Otro curso gratuito de Miriada X para Webapps.
Este curso capacita para un primer nivel de desarrollo de aplicaciones móviles en HTML5, CSS y JavaScript accesibles desde PC, móvil, tableta, SmartTv u otros dispositivos que soporten HTML5. El curso es para principiantes en HTML5 e ilustra los conceptos con ejemplos sencillos y multidisciplinares, tanto de programación, como de diseño gráfico o de diseño de la interacción. Los participantes aprenderán a diseñar interfaces con HTML y CSS, así como a programar en JavaScript nuevas funcionalidades y aplicaciones. Se enseñará a crear aplicaciones Web genéricas independientes de dispositivo, así como a empaquetarlas para FirefoxOS. Empaquetarlas para Android o iPhone es sencillo, pero no se cubre en este curso.

Firefox OS es el nuevo sistema operativo libre para teléfonos móviles y tabletas de la Fundación Mozilla, que utiliza software libre y se programa en HTML5, utilizando HTML, CSS y Javascript, igual que las aplicaciones Web de los grandes portales de Internet, Google, Twitter, Facebook, Amazon. etc. Su calidad y carácter abierto ha conseguido el apoyo de Telefónica, Qualcomm, LG, Huawei Foxconn, etc.

Este curso es el primero del programa "Diseño de servicios en la nube para acceso móvil y multi-dispositivo con HTML5 "impulsado y patrocinado por Red.es, Universia, CENATIC, Telefónica Digital y TLS. El programa consta de 5 cursos, que se irán incorporando progresivamente en MiríadaX.

Esta iniciativa está recogida dentro de la medida “Formación para el Empleo” del Plan de Inclusión Digital y Empleabilidad de la Agenda Digital para España.


https://www.miriadax.net/web/html5mooc

Me apuntare a ver que tal.
WOW este tiene buena pinta, me anotaré y a ver si lo completo, no como el de GIMP [tomaaa]
gracias por el chivatazo!
Me apunto, muchísimas gracias!
Imagino que todo se hace online, alguien más ha hecho algún curso de esa misma web??
jaidis escribió:Imagino que todo se hace online, alguien más ha hecho algún curso de esa misma web??



Yo terminé el 3 hace poco terminó el 8 de enero, hubo muchos problemas a la hora de subir los ejercicios a google drive.... no se si seguirán esta nueva edición con los mismos problemas.
luciferfran escribió:
jaidis escribió:Imagino que todo se hace online, alguien más ha hecho algún curso de esa misma web??


Yo terminé el 3 hace poco terminó el 8 de enero, hubo muchos problemas a la hora de subir los ejercicios a google drive.... no se si seguirán esta nueva edición con los mismos problemas.


Yo ya estoy apuntado, espero que en esta edición opten por otro sistema para la subida de ejercicios. Puedes comentar que tal fue el curso de la edición pasada, gracias

Saludos
@jaidis
Para mi gusto está muy bien para empezar con lo básico de html y css, en cuanto llegas a javascript como no tengas base de algún otro lenguaje y tal se te puede hacer duro, las entregas obligatorias son corregidas por compañeros, a la vez tu corriges la de otros, esto tiene sus ventajas y sus problemas, te puede tocar de todo, desde ejercicios que se amoldan a lo visto en el curso, a soluciones de compañeros de mucho más nivel del visto en el curso y por último los peores.... que te entregan los ejercicios vacios, mal echos y con varias escusas....
De los 10 módulos que tiene el curso los últimos con javascript son los que generalmente más problemas de estos acumulan.
También cabe decir que en el foro hay gente muy buena y con ganas de ayudar, con lo cual, cualquier problema que no hayas solventado por tu cuenta lo puedes preguntar en el foro y seguro que recibes muchas respuestas.

Para este tipo de cursos pondría de introducción el uso de navegadores web, compresores zip/7zip, visto los problemas que tuvieron bastantes participantes.

También hice el de Gimp el cual tuvo mucho menos problemas en general para la gente que este.

Si tienes nociones básicas verás que es fácil llevarlo al día.

Un saludo
@luciferfran gracias por detallar tu experiencia, yo en su momento utilice html y css con javascript pero ya hace de aquello 5 o 6 años y se me a olvidado por completo, espero no acabar desesperado y sacar todos los ejercicios hacia delante.

Solo un último comentario, exigen algún conjunto de programas específicos o es de libre elección? lo digo porque utilizo OSX y no me gustaría tener que tirar de máquina virtual para ello
jaidis escribió:@luciferfran gracias por detallar tu experiencia, yo en su momento utilice html y css con javascript pero ya hace de aquello 5 o 6 años y se me a olvidado por completo, espero no acabar desesperado y sacar todos los ejercicios hacia delante.

Solo un último comentario, exigen algún conjunto de programas específicos o es de libre elección? lo digo porque utilizo OSX y no me gustaría tener que tirar de máquina virtual para ello


No creo que haya problema con el software para programar. Con tener varios navegadores instalados tendría que bastar!
Te presentan sublime text, brackets y notepad++, lo único que piden es de navegador firefox para la parte de firefox os ya que dispone de emulador
Yo no se sí apuntarme, a ver os comento.

recientemente me dio por estudiar programacion. Todo ha sido porque comencé con un video tutorial sobe las bases de la programación y al final me engancho, y asistí a todas las clases. Lo impartieron la web de desarrolloIT, no se sí lo conoceréis.
El caso es que el lenguaje que más o menos vimos, fue JavaScript.
Digo que más o menos porque no lo tratamos en sí para aprenderlo, sino para ver ejemplos de lo que estábamos viendo aplicados ya desde un lenguaje.
En fin....quería comentar 2 cosas.
Sí este curso me servirá para seguir ampliando esos conocimientos básicos que adquirí en ese curso.

Y sí veis bien que empiece con el tema de la programación con este lenguaje, o es mejor que me vaya por otro.

Un saludo y gracias de antemano

POSDATA:
Que editor de código me recomendáis para JavaScript.
He escuchado sobre estos: netbeans, aptana, brackets

Yo tengo Windows y gnu/Linux pero vamos que me gustaría usar gnu/Linux
armandokevin escribió:Yo no se sí apuntarme, a ver os comento.

recientemente me dio por estudiar programacion. Todo ha sido porque comencé con un video tutorial sobe las bases de la programación y al final me engancho, y asistí a todas las clases. Lo impartieron la web de desarrolloIT, no se sí lo conoceréis.
El caso es que el lenguaje que más o menos vimos, fue JavaScript.
Digo que más o menos porque no lo tratamos en sí para aprenderlo, sino para ver ejemplos de lo que estábamos viendo aplicados ya desde un lenguaje.
En fin....quería comentar 2 cosas.
Sí este curso me servirá para seguir ampliando esos conocimientos básicos que adquirí en ese curso.

Y sí veis bien que empiece con el tema de la programación con este lenguaje, o es mejor que me vaya por otro.

Un saludo y gracias de antemano

POSDATA:
Que editor de código me recomendáis para JavaScript.
He escuchado sobre estos: netbeans, aptana, brackets

Yo tengo Windows y gnu/Linux pero vamos que me gustaría usar gnu/Linux


A ver, Javascript para empezar a programar es sencillo, pero a veces puede ser frustrante ya que no es tan fácil de debuggear como Java, por ejemplo. Tampoco hay tipos para las variables, etc...
Yo estoy estudiando 2o de DAW, y he dado bastante Javascript ya, pero aún así me he apuntado al curso, para ampliar conocimientos y hacer un poco de repaso.

Para programar en Javascript, principalmente hago uso de NetBeans y WebStorm, depende de como me pegue el día, xD
Sublime Text con plugins está muy bien también.

Para el SO, da lo mismo, los programas que he nombrado están para ambos. Yo estoy en Manjaro GNU/Linux ahora mismo y no he tneido ningún problema.
Pau Tantan escribió:
armandokevin escribió:Yo no se sí apuntarme, a ver os comento.

recientemente me dio por estudiar programacion. Todo ha sido porque comencé con un video tutorial sobe las bases de la programación y al final me engancho, y asistí a todas las clases. Lo impartieron la web de desarrolloIT, no se sí lo conoceréis.
El caso es que el lenguaje que más o menos vimos, fue JavaScript.
Digo que más o menos porque no lo tratamos en sí para aprenderlo, sino para ver ejemplos de lo que estábamos viendo aplicados ya desde un lenguaje.
En fin....quería comentar 2 cosas.
Sí este curso me servirá para seguir ampliando esos conocimientos básicos que adquirí en ese curso.

Y sí veis bien que empiece con el tema de la programación con este lenguaje, o es mejor que me vaya por otro.

Un saludo y gracias de antemano

POSDATA:
Que editor de código me recomendáis para JavaScript.
He escuchado sobre estos: netbeans, aptana, brackets

Yo tengo Windows y gnu/Linux pero vamos que me gustaría usar gnu/Linux


A ver, Javascript para empezar a programar es sencillo, pero a veces puede ser frustrante ya que no es tan fácil de debuggear como Java, por ejemplo. Tampoco hay tipos para las variables, etc...
Yo estoy estudiando 2o de DAW, y he dado bastante Javascript ya, pero aún así me he apuntado al curso, para ampliar conocimientos y hacer un poco de repaso.

Para programar en Javascript, principalmente hago uso de NetBeans y WebStorm, depende de como me pegue el día, xD
Sublime Text con plugins está muy bien también.

Para el SO, da lo mismo, los programas que he nombrado están para ambos. Yo estoy en Manjaro GNU/Linux ahora mismo y no he tneido ningún problema.


Ok
Sabes, yo me fui a informarme para apuntarme para hacer el grado superiror. Lo que pasa es que sólo tengo eso y donde me puedo meter es un grado medio.
El caso es que no se sí sacarme el acceso al grado superior y saltarme el grado medio.
Porque en el grado medio se da sistemas micro informáticos y redes.

También quería comentar que acaban de informarme sobre un curso para programación web impartido por "exitae" están asociados con la universidad de Alcalá
Bueno el curso cuesta 1300€ más o menos, unas 350 h.

Me gustaría saber sí conocéis Exitae para que me aconsejéis algo.
Yo estoy intentando estudiar por mi cuenta, pero no se.... como que me hace falta un pequeño empujoncito, es como un quiero y no puedo, jeje me agobio con toda la in
Que hay por internet y lo que no quiero es estudiar por estudiar.
Hola, hoy a empezado el curso y mi pregunta que editor html para linux me recomendáis ya que el bluegriffon se cierra y me va mal.
Brutico escribió:Hola, hoy a empezado el curso y mi pregunta que editor html para linux me recomendáis ya que el bluegriffon se cierra y me va mal.


Brackets: http://brackets.io/

Y si no Sublime Text con plugins XD
madh escribió:
Brutico escribió:Hola, hoy a empezado el curso y mi pregunta que editor html para linux me recomendáis ya que el bluegriffon se cierra y me va mal.


Brackets: http://brackets.io/

Y si no Sublime Text con plugins XD


esos 2 van de perlas. yo los tengo los 2.

queria comentar una cosa a ver si doy con la tecla. jeje

en sublime text 2 como se hace para generar un documento basico para HTML5, por ejemplo, siguiendo esto:

Lenguaje Activación Descripción
PHP desdehasta Función creada por WHK para encontrar/recoger un string en otro.
PHP mysqlconnect Imprime automaticamente las funciones mysql_connect() y mysql_select_db().
PHP nocache Imprime varios headers PHP para evitar el cache de los navegadores.
PHP bcaptcha Genera el código de un captcha básico de 6 letras/números.
HTML genhtml Genera un documento básico XHTML 1.0 nuevo.
HTML genhtml5 Genera un documento básico HTML preparado para HTML5
JS includejquery Incluye la ultima versión de jQuery mediante tag <script>.
JS(jQuery) $ready Imprime el onDocumentReady de jQuery automáticamente.

PARA INSTALARLOS, solo deben descomprimir la carpeta en el siguiente directorio:
Instalación de Sublime Text 2\Data\Packages\User

me descomprimi la carpeta que indicaban pero no me sale nada al escribir por ejemplo genthtml y darle a Tab

lo que tendre que hacer es crear yo mism ese snippet no??

un saludo
Pues no se lo que pasa. Pero sí, creando tu propio snippet puedes tener un documento básico para HTML.
madh escribió:Pues no se lo que pasa. Pero sí, creando tu propio snippet puedes tener un documento básico para HTML.


O. Te comento que con Tab no me va.
Pero sí me va con ctrl+E
Jeje además también está el pluguin emmet. Con el que se puede hacer algo parecido como
Html:5 + tab. Y te crea un documente básico html5
Lo que pasa es que igualmente yo tengo que darle a ctrl+E
Yo me apaño así la verdad, pero creo que puedo cambiar para que se accione con tab pero bueno que me da igual, jeje

Ahora quería comentar otra cosa.
Y es que quería agregar el pluguin de sidebarenhancement desde package control.
Pero no me aparece.
Es algo raro. Instale package control sin problemas, es más ya instale algunos pluguin y los estoy usando sin problemas pero este de sidebarenhancement es que no me aparece.

He intentado instalarlo manualmente, aunque no lo recomiendan
El archivo es este https://github.com/titoBouzout/SideBarEnhancements
Lo descargue descomprimí y lo metí en la carpeta packages que está dentro de sublimetext2
Y bueno que no me funciona.
A ver sí me podéis echar un cable porfa....

EDITO:
me respondo yo mismo, si que me funcionaba, era que no estaba cliqueando en una carpeta, sino en un archivo, jeje
de todas formas me instale ST3

una cosa que me pasa aqui tambien, es que no mefunciona Tab para hacer todo lo que se hace con Tab.
tengo que usar ctrl*E
Bueno, otro mas que se apunta. Actualmente estoy cursando 2º DAW y tengo realizado DAM. Ya os iré comentando según se desarrolle.

Saludos.
Yo realicé este curso a finales de 2012. En ese momento estaba enfocado a crear una aplicación para FirefoxOS, supongo que seguirá siendo muy similar.

Mi opinión al respecto es que es demasiado básico. Está bien para quien quiera iniciarse pero para alguien que controle un poco de HTML5 le va a saber a poco. En cuanto a como se imparte el curso es un poco lo que han comentado. Los alumnos se evaluan los ejercicios unos a otros y el temario se imparte a través de videos.

Por otro lado tengo que decir que me pareció demasiado "abstracto". Me explico: FirefoxOS no provee ningún SDK específico para interfaces como lo hace Android o iOS, ni tampoco se apoya en ningún framework Javascript o CSS para esto. Te deja total libertad para hacer cosas desde 0 en Javascript pero no te ofrece un esqueleto del que partir.

Me dejó una sensación extraña pues, aunque me pareció demasiado básico porque la mayoría de ejercicios eran bastante sencillos, me resultó algo confuso el que no estuviera bien planificado.

En cuanto a herramientas para mi lo tengo claro: Sublime Text. Desde que empecé a usarlo lo uso para todo y dejé incluso de usar Eclipse para cosas mas grandes. Instalad los plugins "HTML5" y "Emmet" y tenéis todo lo necesario.

Para generar documentos básicos como han dicho:

"html:5 + [Tab]" o si tenéis instalado el plugin HTML5, html + [Tab]
|3ahamut escribió:Yo realicé este curso a finales de 2012. En ese momento estaba enfocado a crear una aplicación para FirefoxOS, supongo que seguirá siendo muy similar.

Mi opinión al respecto es que es demasiado básico. Está bien para quien quiera iniciarse pero para alguien que controle un poco de HTML5 le va a saber a poco. En cuanto a como se imparte el curso es un poco lo que han comentado. Los alumnos se evaluan los ejercicios unos a otros y el temario se imparte a través de videos.

Por otro lado tengo que decir que me pareció demasiado "abstracto". Me explico: FirefoxOS no provee ningún SDK específico para interfaces como lo hace Android o iOS, ni tampoco se apoya en ningún framework Javascript o CSS para esto. Te deja total libertad para hacer cosas desde 0 en Javascript pero no te ofrece un esqueleto del que partir.

Me dejó una sensación extraña pues, aunque me pareció demasiado básico porque la mayoría de ejercicios eran bastante sencillos, me resultó algo confuso el que no estuviera bien planificado.

En cuanto a herramientas para mi lo tengo claro: Sublime Text. Desde que empecé a usarlo lo uso para todo y dejé incluso de usar Eclipse para cosas mas grandes. Instalad los plugins "HTML5" y "Emmet" y tenéis todo lo necesario.

Para generar documentos básicos como han dicho:

"html:5 + [Tab]" o si tenéis instalado el plugin HTML5, html + [Tab]


hola te escribo porque recien encontre otra forma de crear documento basico.
! + tab
lo encontre yo solo de pura suerte, jeje
un saludo makina.
por cierto yo tambien pienso que ST es la caña. aunque braquets tampoco esta mal.pero bueno que yo estoy apenas empezando. a ver si cuando termine este curso dicen que van a continuar con otros 4, y logicamente subiendo de nivel.
tambien me estoy apoyando en unos videotutoriales por youtube del canal "pildorasinformaticas"
la verdad para gente como yo que estoy empezando viene muy bien.

por cierto tu que estas mas puesto en el tema que yo, jeje
que me recomiendas para progresar con el estudio de HTML, CSS y JS
digo si conoces algun libro que este bien, digo libros hay a porrones, pero lo suyo es dar con la tecla no??
ademas me apoyo en una web "librosweb" que a mi pensar tambien esta muy bien los libros que hay sobre html y css lo que pasa que no se pueden descargar para fotocopiarlos y tenerlos a mano que es lo que a mi me gusta.

por cierto yo con lo que ahora mismo estoy un poco echo un lio, es con los estilos.
por ejempplo el estructurar una pagina, es etiquetar y mientras etiquetes bien no hay problema, pero en el tema de los estilos, me hago un lio,o sea tu por ejemplo, sabes de memoria que estilo tienes que ponerle a cada caja o que?
porque en el curso, te dan las herramientas pero es un poco "buscate tu la vida", jeje
bueno no me enrrollo mas, un saludo y gracias de antemano por si me respondes y me aclaras un poco la cosa, jeje :)
armandokevin escribió:hola te escribo porque recien encontre otra forma de crear documento basico.
! + tab
lo encontre yo solo de pura suerte, jeje
un saludo makina.
por cierto yo tambien pienso que ST es la caña. aunque braquets tampoco esta mal.pero bueno que yo estoy apenas empezando. a ver si cuando termine este curso dicen que van a continuar con otros 4, y logicamente subiendo de nivel.
tambien me estoy apoyando en unos videotutoriales por youtube del canal "pildorasinformaticas"
la verdad para gente como yo que estoy empezando viene muy bien.

por cierto tu que estas mas puesto en el tema que yo, jeje
que me recomiendas para progresar con el estudio de HTML, CSS y JS
digo si conoces algun libro que este bien, digo libros hay a porrones, pero lo suyo es dar con la tecla no??
ademas me apoyo en una web "librosweb" que a mi pensar tambien esta muy bien los libros que hay sobre html y css lo que pasa que no se pueden descargar para fotocopiarlos y tenerlos a mano que es lo que a mi me gusta.

por cierto yo con lo que ahora mismo estoy un poco echo un lio, es con los estilos.
por ejempplo el estructurar una pagina, es etiquetar y mientras etiquetes bien no hay problema, pero en el tema de los estilos, me hago un lio,o sea tu por ejemplo, sabes de memoria que estilo tienes que ponerle a cada caja o que?
porque en el curso, te dan las herramientas pero es un poco "buscate tu la vida", jeje
bueno no me enrrollo mas, un saludo y gracias de antemano por si me respondes y me aclaras un poco la cosa, jeje :)


Vamos por partes.

En cuanto a tutoriales o documentación yo la que he visto es en inglés la gran mayoría. Libros te podría recomendar pero de alguna tecnología o framework en concreto como Angular, y tampoco soy de tirar de libros porque se quedan desfasados muy rápido. Si te recomiendo una cosa, si estás empezando de 0 con HTML5 intenta no usar ningún tipo de framework ni librería tipo jQuery, ahorran mucho tiempo pero te pierdes por el camino coscas que deberías conocer primero del lenguaje. Yo de hecho solo uso jQuery cuando tengo que usar alguna librería que tira de ella.

No entiendo muy bien tu segunda pregunta, pero básicamente la creación de una aplicación HTML5 a mi modo de ver sería:
1. Definición de la página en HTML con sus IDs y clases. Normalmente se usan las IDs para vincular eventos desde Javascript y las clases para definir estilos en CSS.
2. Maquetación básica en CSS, lo indispensable para tener una idea de como va a quedar e ir probando el funcionamiento.
3. Programación del los eventos en Javascript (animaciones, peticiones HTTP, formularios, etc.)
4. Definición del estilo CSS final
|3ahamut escribió:
armandokevin escribió:hola te escribo porque recien encontre otra forma de crear documento basico.
! + tab
lo encontre yo solo de pura suerte, jeje
un saludo makina.
por cierto yo tambien pienso que ST es la caña. aunque braquets tampoco esta mal.pero bueno que yo estoy apenas empezando. a ver si cuando termine este curso dicen que van a continuar con otros 4, y logicamente subiendo de nivel.
tambien me estoy apoyando en unos videotutoriales por youtube del canal "pildorasinformaticas"
la verdad para gente como yo que estoy empezando viene muy bien.

por cierto tu que estas mas puesto en el tema que yo, jeje
que me recomiendas para progresar con el estudio de HTML, CSS y JS
digo si conoces algun libro que este bien, digo libros hay a porrones, pero lo suyo es dar con la tecla no??
ademas me apoyo en una web "librosweb" que a mi pensar tambien esta muy bien los libros que hay sobre html y css lo que pasa que no se pueden descargar para fotocopiarlos y tenerlos a mano que es lo que a mi me gusta.

por cierto yo con lo que ahora mismo estoy un poco echo un lio, es con los estilos.
por ejempplo el estructurar una pagina, es etiquetar y mientras etiquetes bien no hay problema, pero en el tema de los estilos, me hago un lio,o sea tu por ejemplo, sabes de memoria que estilo tienes que ponerle a cada caja o que?
porque en el curso, te dan las herramientas pero es un poco "buscate tu la vida", jeje
bueno no me enrrollo mas, un saludo y gracias de antemano por si me respondes y me aclaras un poco la cosa, jeje :)


Vamos por partes.

En cuanto a tutoriales o documentación yo la que he visto es en inglés la gran mayoría. Libros te podría recomendar pero de alguna tecnología o framework en concreto como Angular, y tampoco soy de tirar de libros porque se quedan desfasados muy rápido. Si te recomiendo una cosa, si estás empezando de 0 con HTML5 intenta no usar ningún tipo de framework ni librería tipo jQuery, ahorran mucho tiempo pero te pierdes por el camino coscas que deberías conocer primero del lenguaje. Yo de hecho solo uso jQuery cuando tengo que usar alguna librería que tira de ella.

No entiendo muy bien tu segunda pregunta, pero básicamente la creación de una aplicación HTML5 a mi modo de ver sería:
1. Definición de la página en HTML con sus IDs y clases. Normalmente se usan las IDs para vincular eventos desde Javascript y las clases para definir estilos en CSS.
2. Maquetación básica en CSS, lo indispensable para tener una idea de como va a quedar e ir probando el funcionamiento.
3. Programación del los eventos en Javascript (animaciones, peticiones HTTP, formularios, etc.)
4. Definición del estilo CSS final


ok, lo de tirar de alguna libreria, tranki ke no se si atarme los cordones primero, jejeje
bueno mas o menos me va quedando claro....
a ver si pronto me adapto a esto y me suelto un poco.
22 respuestas