{"id":293,"date":"2014-04-20T03:27:03","date_gmt":"2014-04-20T03:27:03","guid":{"rendered":"http:\/\/omniumcultural.edu.mx\/wp\/?page_id=436"},"modified":"2014-04-20T04:34:05","modified_gmt":"2014-04-20T04:34:05","slug":"programacion-de-paginas-web-dinamicas-con-javascript","status":"publish","type":"page","link":"https:\/\/omniumcultural.edu.mx\/site\/programacion-de-paginas-web-dinamicas-con-javascript\/","title":{"rendered":"Programaci\u00f3n de p\u00e1ginas Web din\u00e1micas con Javascript y CSS"},"content":{"rendered":"<p>[frame style=\u00bbmodern\u00bb image_path=\u00bbhttp:\/\/omniumcultural.edu.mx\/wp\/wp-content\/uploads\/curso_javascript_CSS.png\u00bb description=\u00bbJavascript y CSS\u00bb link_to_page=\u00bb\u00bb target=\u00bb\u00bb  size=\u00bbbanner_full\u00bb]<\/p>\n<p style=\"text-align: justify; font-size: 11pt;\">Javascript es un lenguaje interpretado que se ejecuta en la mayor\u00eda de los navegadores de p\u00e1ginas web y que permite manipular din\u00e1micamente los distintos estilos (CSS) de los elementos que integran una p\u00e1gina como son posici\u00f3n, dimensi\u00f3n, colores y fuentes; es ampliamente utilizado para validar las entradas de texto en formularios y esta detr\u00e1s de casi todos los controles que se observan en Internet como son los men\u00fas, persianas, botones, y muchos m\u00e1s. Este curso pretende dar al participante los elementos necesarios para la creaci\u00f3n de p\u00e1ginas Web din\u00e1micas donde se incluyan validaciones de entrada de datos, controles gr\u00e1ficos de dise\u00f1o propio, men\u00fas, y animaciones simples, as\u00ed como otros elementos que permitan la interacci\u00f3n del usuario con las p\u00e1ginas Web en forma nativa.\n<\/p>\n<h3><strong><span style=\"color: #005700;\">Duraci\u00f3n<\/span><\/strong><\/h3>\n<p style=\"text-align: justify; font-size: 11pt; padding-left: 30px;\">20 horas en 4 sesiones.<\/p>\n<h3><strong><span style=\"color: #005700;\">Requisitos<\/span><\/strong><\/h3>\n<ul style=\"padding-left: 30px;\">\n<li>\n<p style=\"text-align: justify; font-size: 11pt;\">Contar con una computadora con Windows, Mac OS X o Linux para la realizaci\u00f3n de pr\u00e1cticas.<\/p>\n<\/li>\n<\/ul>\n<h3><strong><span style=\"color: #005700;\">Temas<\/span><\/strong><\/h3>\n<ul style=\"padding-left: 30px;\">\n<li><span style=\"font-size: 11pt;\">HTML, la base de todo<\/span><\/li>\n<ul>\n<li><span style=\"font-size: 11pt;\">Tags y la estructura de una p\u00e1gina Web<\/span><\/li>\n<li><span style=\"font-size: 11pt;\">Modificadores de texto<\/span><\/li>\n<li><span style=\"font-size: 11pt;\">Tablas<\/span><\/li>\n<li><span style=\"font-size: 11pt;\">P\u00e1rrafos, span, divs y otros delimitadores de secciones<\/span><\/li>\n<li><span style=\"font-size: 11pt;\">Listas ordenadas y no ordenadas<\/span><\/li>\n<li><span style=\"font-size: 11pt;\">P\u00e1ginas dentro de p\u00e1ginas<\/span><\/li>\n<li><span style=\"font-size: 11pt;\">Im\u00e1genes<\/span><\/li>\n<li><span style=\"font-size: 11pt;\">Tags de formularios<\/span><\/li>\n<\/ul>\n<li><span style=\"font-size: 11pt;\">Hojas de estilo en cascada (CSS)<\/span><\/li>\n<ul>\n<li><span style=\"font-size: 11pt;\">Fuentes<\/span><\/li>\n<li><span style=\"font-size: 11pt;\">Colores<\/span><\/li>\n<li><span style=\"font-size: 11pt;\">Posici\u00f3n y dimensi\u00f3n<\/span><\/li>\n<li><span style=\"font-size: 11pt;\">Bordes<\/span><\/li>\n<li><span style=\"font-size: 11pt;\">Sombreado y transparencia<\/span><\/li>\n<li><span style=\"font-size: 11pt;\">Otros estilos \u00fatiles en p\u00e1ginas din\u00e1micas<\/span><\/li>\n<\/ul>\n<li><span style=\"font-size: 11pt;\">El lenguaje Javascript<\/span><\/li>\n<ul>\n<li><span style=\"font-size: 11pt;\">Declaraci\u00f3n de variables, \u00e1mbito y libertad de tipos<\/span><\/li>\n<li><span style=\"font-size: 11pt;\">Operadores matem\u00e1ticos y precedencia de operadores<\/span><\/li>\n<li><span style=\"font-size: 11pt;\">Relacionando HTML como medio de salida de Javascript<\/span><\/li>\n<li><span style=\"font-size: 11pt;\">Herramientas de depuraci\u00f3n<\/span><\/li>\n<li><span style=\"font-size: 11pt;\">Condiciones y operadores de comparaci\u00f3n<\/span><\/li>\n<li><span style=\"font-size: 11pt;\">Ciclos<\/span><\/li>\n<\/ul>\n<li><span style=\"font-size: 11pt;\">HTML + CSS + Javascript = P\u00e1gina din\u00e1mica<\/span><\/li>\n<ul>\n<li><span style=\"font-size: 11pt;\">Modificaci\u00f3n de estilos desde Javascript<\/span><\/li>\n<li><span style=\"font-size: 11pt;\">Eventos<\/span><\/li>\n<ul>\n<li><span style=\"font-size: 11pt;\">De formularios<\/span><\/li>\n<li><span style=\"font-size: 11pt;\">Del mouse<\/span><\/li>\n<li><span style=\"font-size: 11pt;\">Del teclado<\/span><\/li>\n<li><span style=\"font-size: 11pt;\">Del navegador<\/span><\/li>\n<\/ul>\n<li><span style=\"font-size: 11pt;\">Timers<\/span><\/li>\n<\/ul>\n<li><span style=\"font-size: 11pt;\">Objetos en Javascript<\/span><\/li>\n<ul>\n<li><span style=\"font-size: 11pt;\">Funciones como clases<\/span><\/li>\n<li><span style=\"font-size: 11pt;\">Partes privadas e inicializadores<\/span><\/li>\n<li><span style=\"font-size: 11pt;\">M\u00e9todos<\/span><\/li>\n<li><span style=\"font-size: 11pt;\">Una clase, mil objetos<\/span><\/li>\n<\/ul>\n<li><span style=\"font-size: 11pt;\">Construcci\u00f3n de men\u00fas y otros controles de interf\u00e1z gr\u00e1fica<\/span><\/li>\n<ul>\n<li><span style=\"font-size: 11pt;\">Creaci\u00f3n din\u00e1mica de elementos de HTML<\/span><\/li>\n<li><span style=\"font-size: 11pt;\">Parentesco<\/span><\/li>\n<li><span style=\"font-size: 11pt;\">Ordenamiento y capas<\/span><\/li>\n<li><span style=\"font-size: 11pt;\">Eventos en secciones<\/span><\/li>\n<li><span style=\"font-size: 11pt;\">Consideraciones en el dise\u00f1o de un control<\/span><\/li>\n<ul>\n<li><span style=\"font-size: 11pt;\">Ergonom\u00eda vs. est\u00e9tica<\/span><\/li>\n<li><span style=\"font-size: 11pt;\">Plataformas<\/span><\/li>\n<li><span style=\"font-size: 11pt;\">Tiempo y otros recursos<\/span><\/li>\n<\/ul>\n<\/ul>\n<li><span style=\"font-size: 11pt;\">Otros temas<\/span><\/li>\n<ul>\n<li><span style=\"font-size: 11pt;\">Los \u00abregionalismos\u00bb de Javascript<\/span><\/li>\n<li><span style=\"font-size: 11pt;\">Encoding<\/span><\/li>\n<li><span style=\"font-size: 11pt;\">Ajax<\/span><\/li>\n<li><span style=\"font-size: 11pt;\">Toolkits y APIs<\/span><\/li>\n<li><span style=\"font-size: 11pt;\">Obfuscadores<\/span><\/li>\n<li><span style=\"font-size: 11pt;\">PHP\/ASPX y Javascript<\/span><\/li>\n<\/ul>\n<p>[gap size=\u00bb40px\u00bb]<\/p>\n<p>[heading_horizontal type=\u00bbh6&#8243; margin_top=\u00bb20px\u00bb margin_bottom=\u00bb0px\u00bb]Contacto:[\/heading_horizontal]<\/p>\n<p>[gap size=\u00bb40px\u00bb]<\/p>\n<p>[one_half]<\/p>\n<p>[raw][contact-form subject=\u00bbCurso iOS 7 B\u00e1sico\u00bb to=\u00bbarojano@omniumcultural.edu.mx\u00bb]<br \/>\n[contact-field label=\u00bbNombre\u00bb type=\u00bbname\u00bb required=\u00bbtrue\u00bb \/]<br \/>\n[contact-field label=\u00bbCorreo\u00bb type=\u00bbemail\u00bb required=\u00bbtrue\u00bb \/]<br \/>\n[contact-field label=\u00bbTel\u00e9fono\u00bb type=\u00bbtelefono\u00bb required=\u00bbtrue\u00bb \/]<br \/>\n[contact-field label=\u00bbDudas o comentarios\u00bb type=\u00bbtextarea\u00bb required=\u00bbtrue\u00bb \/]<br \/>\n[\/contact-form][\/raw]<br \/>\n[\/one_half]<\/p>\n<p>[one_half_last]<\/p>\n<p>[tabset tab1=\u00bbSiguenos por\u00bb]<br \/>\n[tab]<br \/>\n[social style=\u00bbvector\u00bb show_title=\u00bbtrue\u00bb target=\u00bb_self\u00bb twitter=\u00bb#\u00bb facebook=\u00bb#\u00bb  twitter_title=\u00bbTwitter\u00bb facebook_title=\u00bbFacebook\u00bb ][\/tab]<br \/>\n[\/tabset]<br \/>\n[\/one_half_last]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[frame style=\u00bbmodern\u00bb image_path=\u00bbhttp:\/\/omniumcultural.edu.mx\/wp\/wp-content\/uploads\/curso_javascript_CSS.png\u00bb description=\u00bbJavascript y CSS\u00bb link_to_page=\u00bb\u00bb target=\u00bb\u00bb size=\u00bbbanner_full\u00bb] Javascript es un lenguaje interpretado que se ejecuta en la mayor\u00eda de los navegadores de p\u00e1ginas web y que permite manipular din\u00e1micamente los distintos estilos (CSS) de los elementos que integran una p\u00e1gina como son posici\u00f3n, dimensi\u00f3n, colores y fuentes; es ampliamente utilizado para validar las&#8230;<\/p>\n<p class=\"more-link\"><a href=\"https:\/\/omniumcultural.edu.mx\/site\/programacion-de-paginas-web-dinamicas-con-javascript\/\"><span>Read More<\/span><i>&#43;<\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-293","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/omniumcultural.edu.mx\/site\/wp-json\/wp\/v2\/pages\/293","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/omniumcultural.edu.mx\/site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/omniumcultural.edu.mx\/site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/omniumcultural.edu.mx\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/omniumcultural.edu.mx\/site\/wp-json\/wp\/v2\/comments?post=293"}],"version-history":[{"count":0,"href":"https:\/\/omniumcultural.edu.mx\/site\/wp-json\/wp\/v2\/pages\/293\/revisions"}],"wp:attachment":[{"href":"https:\/\/omniumcultural.edu.mx\/site\/wp-json\/wp\/v2\/media?parent=293"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}