{"version":"1.0","provider_name":"Blog jlopez","provider_url":"https:\/\/www.pacgrafica.com\/blog","author_name":"jlopez","author_url":"https:\/\/www.pacgrafica.com\/blog\/author\/jlopez\/","title":"Curso Dise\u00f1o Frontend: HTML, CSS, JavaScript y Git - Blog jlopez","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"f0SHJUAsF7\"><a href=\"https:\/\/www.pacgrafica.com\/blog\/curso-frontend\/\">Curso Dise\u00f1o Frontend: HTML, CSS, JavaScript y Git<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www.pacgrafica.com\/blog\/curso-frontend\/embed\/#?secret=f0SHJUAsF7\" width=\"600\" height=\"338\" title=\"\u00abCurso Dise\u00f1o Frontend: HTML, CSS, JavaScript y Git\u00bb \u2014 Blog jlopez\" data-secret=\"f0SHJUAsF7\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/www.pacgrafica.com\/blog\/wp-includes\/js\/wp-embed.min.js\n<\/script>\n","description":"Curso Dise\u00f1o Frontend HTML CSS JavaScript \u00a1Hola a todos! \u00a1Estoy emocionado de anunciar comenzamos entrenamientos a este curso Hola estudiante, si alguna vez has querido crear sitios web impresionantes pero no sab\u00edas c\u00f3mo empezar, este entrenamiento es fundamental para tu proceso formativo. Este equipo inicialmente tiene como fin transferir conocimientos de backend y frontend para los entrenamientos a senasoft 2023 Bienvenido al Taller, hablaremos de: Html5 CSS3 javaScript Bootstrap Git PHP React Angular MySql Temario Curso de Dise\u00f1o Frontend HTML, CSS, JavaScript y Git https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/03\/pa-floating-effects-filters-css-selector.mp4 HTML51.1 Etiquetas Hu\u00e9rfanas \/ Compuestas1.2 Estructura sem\u00e1ntica1.3 Etiquetas sem\u00e1nticas1.4 Atributos comunes y generales 1.5 Estructura del documento1.6 Identaci\u00f3n y herencias1.7 Box model CSS2.1 Estructura sintaxis2.2 Tipos de incorporaci\u00f3n CSS: &#8211; Interno &#8211; Externo &#8211; En l\u00ednea2.3 Identaci\u00f3n, herencias y comentarios2.4 Niveles de especificidad2.5 Flexbox grid, Breakpoints2.6 Mediaqueries2.7 Pseudo Elementos2.8 Pseudo Clases2.9 Z-index Git5.1 Introducci\u00f3n a Git y control de versiones5.2 Github5.3 Repositorios5.4 Control de cambios y push5.5 Terminolog\u00eda y comandos b\u00e1sicos de Git5.6 Metodolog\u00eda Bootstrap4.1 Librer\u00eda4.2 Componentes4.3 Incorporaci\u00f3n: &#8211; CDN &#8211; Librer\u00eda local 4.4 Incorporaci\u00f3n de componentes, helpers, layout4.5 Identaci\u00f3n, herencias y comentarios4.6 Display Grid4.7 Flexboxgrid4.8 Grid systems4.9 Breakpoints JavaScript3.1 Introducci\u00f3n a JavaScript3.2 Variables y tipos de datos3.3 Operadores y expresiones3.4 Estructuras de control: &#8211; Condiciones (if, else if, else) &#8211; Bucles (for, while, do-while) &#8211; Switch3.5 Funciones y \u00e1mbito de variables3.6 Objetos y propiedades3.7 Arrays y bucles de iteraci\u00f3n3.8 Eventos y manipulaci\u00f3n del DOM3.9 jQuery (opcional) https:\/\/youtu.be\/ZeVsrmw5t-Y Profe Jlopez explica el curso, no se olviden darle like y suscribirsen al canal Enlaces de interes W3Schools Developer Mozilla Lenguaje Html Lenguaje CSS Lenguaje javaScript Bootstrap Articulos de Explicaciones Box Model Git Recursos especializados Generador de CSS GRID Videotutoriales explicativos https:\/\/youtu.be\/pGQnGrSUEgk?si=sr0nnDucid_UZlk-https:\/\/youtu.be\/4euM_DhaHJY?si=n-NvgH4r3_pyTZG1https:\/\/youtu.be\/nH5Y178O2U0?si=8ocqWC4I-K0tpu3Chttps:\/\/youtu.be\/X6HH-KjOJck?si=fHQItKGruEaqxRXshttps:\/\/youtu.be\/ShMS_ViFw1w?si=ads_p0DOB8-_FmHWhttps:\/\/youtu.be\/Z3JM5YMaDhw?si=z19Hyw8kUX_MOcR-https:\/\/youtu.be\/xSag6oHvgCE?si=UquWP6G1lNXhIKH-https:\/\/youtu.be\/SaGxm1oDwvw?si=FLKhfIRP5lDjoF-Ehttps:\/\/youtu.be\/Q1sur8Qji5I?si=NZvPkimirL5P27dGhttps:\/\/youtu.be\/0FeSGNnYoOM?si=nieONtrP2fzYCfvF Herramientas recomendadas Drag and drop con\u00a0 javascript: https:\/\/drag-and-drop.formkit.com SQLFlow herramienta que visualiza bases de datos: https:\/\/sqlflow.gudusoft.com\/#\/ Creador de personas que no existen: https:\/\/thispersondoesnotexist.com\/ Pagina de Iconos: https:\/\/fontawesome.com\/ Creador de Gradientes: https:\/\/cssgradient.io\/ Creador de imagenes con IA: https:\/\/firefly.adobe.com WEB CONTENT ACCESIBILITY Y LICENCIAS https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/es https:\/\/developer.mozilla.org\/es\/docs\/Web\/Accessibility\/Understanding_WCAG \u00a0 La practica hace al maestro","thumbnail_url":"https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/05\/teamCode.jpg","thumbnail_width":626,"thumbnail_height":626}