Todos los que programamos tenemos la necesidad, de poder probar el c\u00f3digo que desarrollamos de forma r\u00e1pida y eficiente. Para ello, necesitamos un entorno m\u00ednimo de programaci\u00f3n instalado en nuestro ordenador.<\/p>\n
Ahora sin necesidad de instalaci\u00f3n y todo Online, puedes escribir c\u00f3digo, HTML, CSS y JavaScripts y ver de forma inmediata el resultado de su ejecuci\u00f3n.<\/p>\n
<\/p>\n
http:\/\/rendera.herokuapp.com\/<\/p>\n
Puedes escribir c\u00f3digo HTML, CSS o JavaScript en la parte izquierda de la p\u00e1gina web y ver\u00e1s en resultado de la ejecuci\u00f3n de ese c\u00f3digo en la parte izquierda.<\/p>\n
Podr\u00e1s guardar el c\u00f3digo que has desarrollado. En la pesta\u00f1a \u201cSave and Export\u201d, de la parte izquierda, tienes esta opci\u00f3n y m\u00e1s detalles sobre lo que quieres salvar.<\/p>\n
Una pesta\u00f1a muy interesante es la de Examples, que est\u00e1 en la parte izquierda. Te aconsejo que la mires en profundidad. Hay una gran cantidad de ejemplos de c\u00f3digo fuente ya desarrollados que te permitir\u00e1 avanzar muy r\u00e1pido en tus proyectos.<\/p>\n
<\/p>\n
En nuestros certificados de profesionalidad IFCD0210-Desarrollo de Aplicaciones con Tecnolog\u00edas Web<\/strong><\/a> e IFCD0110-Confecci\u00f3n y publicaci\u00f3n de p\u00e1ginas web<\/strong><\/a> \u00a0aconsejamos en uso de esta herramienta para que nuestros alumnos sean lo antes posible grandes programadores de web.<\/p>\n","protected":false},"excerpt":{"rendered":" Todos los que programamos tenemos la necesidad, de poder probar el c\u00f3digo que desarrollamos de forma r\u00e1pida y eficiente. Para ello, necesitamos un entorno m\u00ednimo de programaci\u00f3n instalado en nuestro ordenador. Ahora sin necesidad de instalaci\u00f3n y todo Online, puedes escribir c\u00f3digo, HTML, CSS y JavaScripts y ver de forma inmediata el resultado de su ejecuci\u00f3n. http:\/\/rendera.herokuapp.com\/ Puedes escribir c\u00f3digo HTML, CSS o JavaScript en la parte izquierda de la p\u00e1gina web y ver\u00e1s en resultado de la ejecuci\u00f3n de ese c\u00f3digo en la parte izquierda. Podr\u00e1s guardar el c\u00f3digo que has desarrollado. En la pesta\u00f1a \u201cSave and Export\u201d, de la parte izquierda, tienes esta opci\u00f3n y m\u00e1s detalles sobre lo que quieres salvar. Una pesta\u00f1a muy interesante es la de Examples, que est\u00e1 en la parte izquierda. Te aconsejo que la mires en profundidad. Hay una gran cantidad de ejemplos de c\u00f3digo fuente ya desarrollados que te permitir\u00e1 avanzar muy r\u00e1pido en tus proyectos. En nuestros certificados de profesionalidad IFCD0210-Desarrollo de Aplicaciones con Tecnolog\u00edas Web e IFCD0110-Confecci\u00f3n y publicaci\u00f3n de p\u00e1ginas web \u00a0aconsejamos en uso de esta herramienta para que nuestros alumnos sean lo antes posible grandes programadores de web.<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":""},"categories":[594,27],"tags":[535,543,554,489,553,550,551,530,545,562,437,546,556,547],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":3205,"url":"http:\/\/piloto.foc.es\/2017\/02\/13\/3205-quieres-crear-listas-css-con-animacion-en-javascript-como-un-programador-web-experto-pues-apuntate-con-nosotros.html","url_meta":{"origin":3219,"position":0},"title":"Quieres crear listas CSS con animaci\u00f3n en JavaScript como un programador web experto? Pues ap\u00fantate con nosotros.","date":"13 febrero, 2017","format":false,"excerpt":"A continuaci\u00f3n vamos a explicar c\u00f3mo crear listas CSS y c\u00f3mo aplicarles animaci\u00f3n con tan solo unas pocas l\u00edneas de c\u00f3digo JavaScript. En el siguiente c\u00f3digo puedes ver c\u00f3mo con unas pocas l\u00edneas en HTML y un c\u00f3digo JavaScript muy sencillo, podemos crear una lista con tres elementos, los cuales\u2026","rel":"","context":"En \u00abCertificado de Profesionalidad\u00bb","img":{"alt_text":"ListasCSS-Codigo","src":"https:\/\/i1.wp.com\/cdp.foc.es\/wp-content\/uploads\/2016\/08\/ListasCSS-Codigo.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":3199,"url":"http:\/\/piloto.foc.es\/2017\/02\/13\/3199-aplica-efectos-llamativos-a-las-imagenes-que-publiques-en-tus-webs-seras-un-experto-programador-web.html","url_meta":{"origin":3219,"position":1},"title":"Aplica efectos llamativos a las im\u00e1genes que publiques en tus webs. Ser\u00e1s un experto programador web.","date":"13 febrero, 2017","format":false,"excerpt":"Si realizas alguno de los siguientes certificados de profesionalidad con nosotros: IFCD0210-Desarrollo de Aplicaciones con Tecnolog\u00edas Web. IFCD0110-Confecci\u00f3n y publicaci\u00f3n de p\u00e1ginas web Ser\u00e1s capaz de aplicar efectos llamativos a las im\u00e1genes que publiques en tus webs de forma sencilla y eficiente. De esta forma mejorar\u00e1s la presentaci\u00f3n del tus\u2026","rel":"","context":"En \u00abCertificado de Profesionalidad\u00bb","img":{"alt_text":"web Mostrar Ocultar","src":"https:\/\/i0.wp.com\/cdp.foc.es\/wp-content\/uploads\/2016\/07\/web-Mostrar-Ocultar.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":3196,"url":"http:\/\/piloto.foc.es\/2017\/02\/13\/3196-coloca-en-las-webs-que-publiques-efectos-llamativos-para-atraer-a-mas-visitantes.html","url_meta":{"origin":3219,"position":2},"title":"Coloca en las webs que publiques, efectos llamativos para atraer a m\u00e1s visitantes.","date":"13 febrero, 2017","format":false,"excerpt":"Los alumnos que\u00a0 realizan nuestro certificado de profesionalidad\u00a0 IFCD0210-Desarrollo de Aplicaciones con Tecnolog\u00edas Web,\u00a0 ser\u00e1n capaces de desarrollar p\u00e1ginas webs con efectos visuales, que llamen la atenci\u00f3n de los visitantes y as\u00ed generar m\u00e1s visitas en las webs que \u00a0publiquen. En la publicaci\u00f3n de hoy \u00a0explicamos c\u00f3mo hacer que los\u2026","rel":"","context":"En \u00abActualidad Tecnol\u00f3gica\u00bb","img":{"alt_text":"Efecto_colores","src":"https:\/\/i0.wp.com\/cdp.foc.es\/wp-content\/uploads\/2016\/07\/Efecto_colores.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":3215,"url":"http:\/\/piloto.foc.es\/2017\/02\/13\/3215-conoce-con-nosotros-las-mejoras-en-la-programacion-web-que-nos-aporta-html5.html","url_meta":{"origin":3219,"position":3},"title":"Conoce con nosotros las mejoras en la programaci\u00f3n web que nos aporta HTML5.","date":"13 febrero, 2017","format":false,"excerpt":"El actual (X)HTML est\u00e1 en su fase final a punto de ser sustituido por completo por HTML5. Muchas son las novedades que aporta HTML5. Una de ellas ya la vimos en la publicaci\u00f3n del pasado en la que hablamos del atributo\u00a0 \u201cpattern\u201d y su uso en formularios. Hoy nos centraremos\u2026","rel":"","context":"En \u00abCertificado de Profesionalidad\u00bb","img":{"alt_text":"HTML A HTML5","src":"https:\/\/i1.wp.com\/cdp.foc.es\/wp-content\/uploads\/2016\/09\/HTML-A-HTML5.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":3208,"url":"http:\/\/piloto.foc.es\/2017\/02\/13\/3208-hazte-un-experto-en-programacion-web-con-nosotros-y-podras-desarrollar-efectos-web-como-el-siguiente-rotar-un-trozo-del-texto-solo-aplicando-reglas-css.html","url_meta":{"origin":3219,"position":4},"title":"Hazte un experto en programaci\u00f3n web con nosotros y podr\u00e1s desarrollar efectos web como el siguiente: \u201dRotar un trozo del texto solo aplicando reglas CSS.\u201d","date":"13 febrero, 2017","format":false,"excerpt":"Si quieres dibujar un texto de manera vertical, puedes usar im\u00e1genes, pero no es lo m\u00e1s adecuado, por que puedes usar reglas CSS como las que te ense\u00f1amos a continuaci\u00f3n y que en cualquiera de nuestros dos certificados de profesionalidad IFCD0210-Desarrollo de Aplicaciones con Tecnolog\u00edas Web o IFCD0110-Confecci\u00f3n y publicaci\u00f3n\u2026","rel":"","context":"En \u00abCertificado de Profesionalidad\u00bb","img":{"alt_text":"div-contenedor","src":"https:\/\/i2.wp.com\/cdp.foc.es\/wp-content\/uploads\/2016\/09\/div-contenedor-1.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":3189,"url":"http:\/\/piloto.foc.es\/2017\/02\/13\/3189-aprende-a-programar-efectos-web-de-forma-rapida-y-sencilla.html","url_meta":{"origin":3219,"position":5},"title":"Aprende a programar efectos web de forma r\u00e1pida y sencilla.","date":"13 febrero, 2017","format":false,"excerpt":"Haz con nosotros el certificado de profesionalidad IFCD0210-Desarrollo de Aplicaciones con Tecnolog\u00edas Web, \u00a0aprender\u00e1s a programar efectos como los siguientes, de forma sencilla, eficiente y atractiva para el usuario. Efecto ocultar Panel 1 al hacer clic en el bot\u00f3n Button 1 Efecto visualizar Panel 1 al pasar el rat\u00f3n por\u2026","rel":"","context":"En \u00abCertificado de Profesionalidad\u00bb","img":{"alt_text":"ejemplo001","src":"https:\/\/i1.wp.com\/cdp.foc.es\/wp-content\/uploads\/2016\/06\/ejemplo001.png?resize=350%2C200","width":350,"height":200},"classes":[]}],"jetpack_shortlink":"https:\/\/wp.me\/p6jO3Y-PV","amp_validity":null,"amp_enabled":true,"_links":{"self":[{"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/posts\/3219"}],"collection":[{"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/comments?post=3219"}],"version-history":[{"count":2,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/posts\/3219\/revisions"}],"predecessor-version":[{"id":3244,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/posts\/3219\/revisions\/3244"}],"wp:attachment":[{"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/media?parent=3219"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/categories?post=3219"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/tags?post=3219"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}