{"id":770,"date":"2023-07-26T04:03:21","date_gmt":"2023-07-26T04:03:21","guid":{"rendered":"https:\/\/cursos.misblogs.site\/?p=770"},"modified":"2023-07-26T04:03:22","modified_gmt":"2023-07-26T04:03:22","slug":"introduccion-a-la-programacion-en-javascript","status":"publish","type":"post","link":"https:\/\/cursos.misblogs.site\/index.php\/introduccion-a-la-programacion-en-javascript\/","title":{"rendered":"Introducci\u00f3n a la programaci\u00f3n en JavaScript"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">In\u00edciate en el lenguaje de programaci\u00f3n esencial para la creaci\u00f3n de webs interactivas<\/h2>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-25\"><a class=\"wp-block-button__link has-vivid-purple-background-color has-background\" href=\"https:\/\/domestika.sjv.io\/OrbdYZ\" target=\"_blank\" rel=\"noreferrer noopener\">Ir al curso<\/a><\/div>\n<\/div>\n\n\n\n<p>JavaScript es considerada la \u00abtercera parte de la web\u00bb y el lenguaje de programaci\u00f3n dise\u00f1ado para agregarle una capa de interactividad a cualquier p\u00e1gina web. En conjunto con HTML y CSS forman los tres lenguajes de programaci\u00f3n m\u00e1s importantes.<\/p>\n\n\n\n<p>Este curso es una introducci\u00f3n a JavaScript, partiendo desde lo m\u00e1s b\u00e1sico \u2014sintaxis y variables\u2014 y progresivamente ir\u00e1s ampliando conocimientos \u2014condicionales,\u00a0<em>arrays, loops,<\/em>\u00a0eventos\u2014utilizando un juego de Memory que ir\u00e1s mejorando poco a poco de la mano de Javier Usobiaga, dise\u00f1ador web y fundador del estudio Swwweet con m\u00e1s de 10 a\u00f1os de experiencia.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class='embed-container'><iframe loading=\"lazy\" title=\"Introducci\u00f3n a la programaci\u00f3n en JavaScript \u2013 Un curso de Javier Usobiaga Ferrer\" src=\"https:\/\/player.vimeo.com\/video\/323038087?dnt=1&amp;app_id=122963\" width=\"1920\" height=\"1080\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\"><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-25\"><a class=\"wp-block-button__link has-vivid-purple-background-color has-background\" href=\"https:\/\/domestika.sjv.io\/OrbdYZ\" target=\"_blank\" rel=\"noreferrer noopener\">Ir al curso<\/a><\/div>\n<\/div>\n\n\n\n<p>Si este es tu primer acercamiento al dise\u00f1o web, es recomendable que hagas antes el curso, tambi\u00e9n de Javier Usobiaga, de\u00a0Introducci\u00f3n al Desarrollo Web Responsive con HTML y CSS.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/assets1.domestika.org\/course-images\/000\/004\/671\/4671-big.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfQu\u00e9 aprender\u00e1s en este curso online?<\/h3>\n\n\n\n<p>Empezar\u00e1s conociendo a Javier, su trabajo y sus influencias en el mundo del dise\u00f1o y desarrollo web.<\/p>\n\n\n\n<p>Entender\u00e1s qu\u00e9 es JavaScript, para qu\u00e9 funciona y por qu\u00e9 es uno de los lenguajes de programaci\u00f3n b\u00e1sicos de la web, junto a HTML y CSS. Aprender\u00e1s a configurar tu editor de c\u00f3digo para trabajar de manera m\u00e1s c\u00f3moda y, luego, ver\u00e1s c\u00f3mo incorporar JavaScript a una web.<\/p>\n\n\n\n<p>Tus primeras interacciones con JavaScript involucrar\u00e1n variables, funciones, eventos y&nbsp;<em>loops<\/em>, que aprender\u00e1s a escribir junto a otras funciones b\u00e1sicas complementarias de JavaScript.<\/p>\n\n\n\n<p>A partir de aqu\u00ed, empezar\u00e1s a dise\u00f1ar tu juego de Memory, empezando por el&nbsp;<em>array<\/em>, o listado de valores, que representa la baraja de cartas que integran el juego.<\/p>\n\n\n\n<p>A\u00f1adir\u00e1s eventos y azar al reparto de cartas para ir introduciendo dificultad en el juego.<\/p>\n\n\n\n<p>Lo siguiente ser\u00e1 agregar el primer elemento de interactividad a tu juego de Memory: marcar como err\u00f3neo o correcto el par de cartas seleccionado. Poco a poco ir\u00e1s creando funciones que resuelvan una parte concreta del script, como el acierto, el error, entre otros, y tambi\u00e9n, gestionando feedback ante dichos aciertos y errores.<\/p>\n\n\n\n<p>Siguiendo el incremento de dificultad, a\u00f1adir\u00e1s un cron\u00f3metro, niveles de juego, efectos de sonido y nuevos detalles a la interfaz del juego.<\/p>\n\n\n\n<p>Por \u00faltimo, har\u00e1s un repaso de las diferentes librer\u00edas y recursos que complementan JavaScript, como jQuery, React y Vue.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfCu\u00e1l es el proyecto del curso?<\/h3>\n\n\n\n<p>Realizar\u00e1s una mejora \u2014nuevas reglas, correcciones, efectos\u2014 sobre el juego de Memory que crear\u00e1s a lo largo del curso.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/assets8.domestika.org\/course-images\/000\/004\/668\/4668-big.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfA qui\u00e9n est\u00e1 dirigido este curso online?<\/h3>\n\n\n\n<p>A cualquier persona con inter\u00e9s por el dise\u00f1o web y que tenga conocimientos b\u00e1sicos de HTML y CSS.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Requisitos y materiales<\/h3>\n\n\n\n<p>Necesitar\u00e1s conocimientos b\u00e1sicos de HTML y CSS, adem\u00e1s de un ordenador y un editor de c\u00f3digo.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/assets6.domestika.org\/course-images\/000\/004\/666\/4666-big.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In\u00edciate en el lenguaje de programaci\u00f3n esencial para la creaci\u00f3n de webs interactivas<\/p>\n","protected":false},"author":1,"featured_media":771,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[95,96,109,4,113],"tags":[],"class_list":["post-770","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cursos_en_espanol","category-domestika","category-javascript","category-programacion","category-web"],"_links":{"self":[{"href":"https:\/\/cursos.misblogs.site\/index.php\/wp-json\/wp\/v2\/posts\/770","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cursos.misblogs.site\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cursos.misblogs.site\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cursos.misblogs.site\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cursos.misblogs.site\/index.php\/wp-json\/wp\/v2\/comments?post=770"}],"version-history":[{"count":1,"href":"https:\/\/cursos.misblogs.site\/index.php\/wp-json\/wp\/v2\/posts\/770\/revisions"}],"predecessor-version":[{"id":772,"href":"https:\/\/cursos.misblogs.site\/index.php\/wp-json\/wp\/v2\/posts\/770\/revisions\/772"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cursos.misblogs.site\/index.php\/wp-json\/wp\/v2\/media\/771"}],"wp:attachment":[{"href":"https:\/\/cursos.misblogs.site\/index.php\/wp-json\/wp\/v2\/media?parent=770"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cursos.misblogs.site\/index.php\/wp-json\/wp\/v2\/categories?post=770"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cursos.misblogs.site\/index.php\/wp-json\/wp\/v2\/tags?post=770"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}