|
|
|
@ -79,10 +79,10 @@
|
|
|
|
]
|
|
|
|
]
|
|
|
|
},
|
|
|
|
},
|
|
|
|
"css-box-model": {
|
|
|
|
"css-box-model": {
|
|
|
|
"title": "CSS Box Model",
|
|
|
|
"title": "Modelo de Caja de CSS",
|
|
|
|
"intro": [
|
|
|
|
"intro": [
|
|
|
|
"Mark Rothko was known for his abstract style of painting. Rothko paintings commonly depicted rectangular regions of color in varying sizes.",
|
|
|
|
"Mark Rothko fue conocido por el arte abstracto de su pintura. Los cuadros de Rothko suelen representar regiones rectangulares de color en tamaños variables.",
|
|
|
|
"In this lesson, you will be using CSS to create your own painting in Rothko's style. You will use many of the skills you have already been practicing, as well as new CSS tool such as blur and transform."
|
|
|
|
"En esta lección, usarás CSS para crear tu propia pintura al estilo de Rothko. Utilizarás muchas de las habilidades que ya has estado practicando, así como nuevas herramientas CSS como el desenfoque y la transformación."
|
|
|
|
]
|
|
|
|
]
|
|
|
|
},
|
|
|
|
},
|
|
|
|
"css-variables-skyline": {
|
|
|
|
"css-variables-skyline": {
|
|
|
|
@ -92,15 +92,22 @@
|
|
|
|
""
|
|
|
|
""
|
|
|
|
]
|
|
|
|
]
|
|
|
|
},
|
|
|
|
},
|
|
|
|
"css-picasso-painting": {
|
|
|
|
"accessibility-quiz": {
|
|
|
|
"title": "CSS Picasso Painting",
|
|
|
|
"title": "Accessibility Quiz",
|
|
|
|
"intro": [
|
|
|
|
"intro": [
|
|
|
|
"Pablo Picasso was known for his Cubism style of painting, a style recognized by representations of objects broken down and reassembled from multiple perspectives. Picasso's paintings are often highly abstract and thought provoking.",
|
|
|
|
"",
|
|
|
|
"In this course, you will use CSS to create your own painting in the style of Picasso. You will learn about FontAwesome SVG icons, CSS positioning, and reinforce the skills you have already been learning."
|
|
|
|
""
|
|
|
|
|
|
|
|
]
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
"css-picasso-painting": {
|
|
|
|
|
|
|
|
"title": "Pintura de Picasso en CSS",
|
|
|
|
|
|
|
|
"intro": [
|
|
|
|
|
|
|
|
"Pablo Picasso era conocido por su estilo de pintura cubista, un estilo reconocido por representaciones de objetos descompuestos y reensamblados desde múltiples perspectivas. Las pinturas de Picasso a menudo son muy abstractas y provocadoras de pensamiento.",
|
|
|
|
|
|
|
|
"En este curso, usarás CSS para crear tu propia pintura en el estilo de Picasso. Aprenderás sobre los iconos SVG de FontAwesome, posicionamiento CSS, y reforzarás las habilidades que ya has estado aprendiendo."
|
|
|
|
]
|
|
|
|
]
|
|
|
|
},
|
|
|
|
},
|
|
|
|
"css-piano": {
|
|
|
|
"css-piano": {
|
|
|
|
"title": "CSS Piano",
|
|
|
|
"title": "Piano CSS",
|
|
|
|
"intro": [
|
|
|
|
"intro": [
|
|
|
|
"",
|
|
|
|
"",
|
|
|
|
""
|
|
|
|
""
|
|
|
|
@ -113,9 +120,9 @@
|
|
|
|
"intro": [
|
|
|
|
"intro": [
|
|
|
|
"Mientras HTML y CSS controlan el contenido y el estilo de una página, JavaScript se utiliza para hacerlo interactivo. En la certificación Algoritmos de JavaScript y Estructuras de Datos, aprenderás los fundamentos de JavaScript incluyendo variables, arreglos, objetos, bucles y funciones.",
|
|
|
|
"Mientras HTML y CSS controlan el contenido y el estilo de una página, JavaScript se utiliza para hacerlo interactivo. En la certificación Algoritmos de JavaScript y Estructuras de Datos, aprenderás los fundamentos de JavaScript incluyendo variables, arreglos, objetos, bucles y funciones.",
|
|
|
|
"Una vez que tengas los fundamentos, aplicarás ese conocimiento creando algoritmos para manipular cadenas, factorizar números e incluso calcular la órbita de la Estación Espacial Internacional.",
|
|
|
|
"Una vez que tengas los fundamentos, aplicarás ese conocimiento creando algoritmos para manipular cadenas, factorizar números e incluso calcular la órbita de la Estación Espacial Internacional.",
|
|
|
|
"Along the way, you'll also learn two important programming styles or paradigms: Object Oriented Programming (OOP) and Functional Programming (FP)."
|
|
|
|
"A lo largo del camino, también aprenderás dos estilos o paradigmas importantes de programación: la Programación Orientada a Objetos (OOP), y la Programación Funcional (FP)."
|
|
|
|
],
|
|
|
|
],
|
|
|
|
"note": "Note: Some browser extensions, such as ad-blockers and script-blockers can interfere with the tests. If you face issues, we recommend disabling extensions that modify or block the content of pages while taking the course.",
|
|
|
|
"note": "Nota: Algunas extensiones del navegador, como bloqueadores de anuncios o bloqueadores de scripts pueden interferir con las pruebas. Si se te presentan problemas, te recomendamos deshabilitar las extensiones que modifiquen o bloqueen el contenido de la página, mientras tomas el curso.",
|
|
|
|
"blocks": {
|
|
|
|
"blocks": {
|
|
|
|
"basic-javascript": {
|
|
|
|
"basic-javascript": {
|
|
|
|
"title": "JavaScript básico",
|
|
|
|
"title": "JavaScript básico",
|
|
|
|
@ -128,7 +135,7 @@
|
|
|
|
"title": "ES6",
|
|
|
|
"title": "ES6",
|
|
|
|
"intro": [
|
|
|
|
"intro": [
|
|
|
|
"ECMAScript, o ES, es una versión estandarizada de JavaScript. Debido a que todos los principales navegadores siguen esta especificación, los términos ECMAScript y JavaScript son intercambiables.",
|
|
|
|
"ECMAScript, o ES, es una versión estandarizada de JavaScript. Debido a que todos los principales navegadores siguen esta especificación, los términos ECMAScript y JavaScript son intercambiables.",
|
|
|
|
"Most of the JavaScript you've learned up to this point was in ES5 (ECMAScript 5), which was finalized in 2009. While you can still write programs in ES5, JavaScript is constantly evolving, and new features are released every year.",
|
|
|
|
"La mayoría del JavaScript que has aprendido hasta este punto estaba en ES5 (ECMAScript 5), el cual fue finalizado en 2009. Aunque puedes seguir escribiendo programas en ES5, JavaScript está evolucionando siempre, y cada año se lanzan nuevas funcionalidades.",
|
|
|
|
"ES6, lanzado en 2015, añadió muchas nuevas y potentes características al lenguaje. En este curso, aprenderás estas nuevas características, incluyendo <code>let</code> y <code>const</code>, funciones flecha, clases, promesas, y módulos."
|
|
|
|
"ES6, lanzado en 2015, añadió muchas nuevas y potentes características al lenguaje. En este curso, aprenderás estas nuevas características, incluyendo <code>let</code> y <code>const</code>, funciones flecha, clases, promesas, y módulos."
|
|
|
|
]
|
|
|
|
]
|
|
|
|
},
|
|
|
|
},
|
|
|
|
@ -158,15 +165,15 @@
|
|
|
|
"title": "Programación de algoritmos básicos",
|
|
|
|
"title": "Programación de algoritmos básicos",
|
|
|
|
"intro": [
|
|
|
|
"intro": [
|
|
|
|
"Un algoritmo es una serie de instrucciones paso a paso que describen cómo hacer algo.",
|
|
|
|
"Un algoritmo es una serie de instrucciones paso a paso que describen cómo hacer algo.",
|
|
|
|
"To write an effective algorithm, it helps to break a problem down into smaller parts and think carefully about how to solve each part with code.",
|
|
|
|
"Para escribir un algoritmo eficaz, ayuda el dividir un problema en partes más pequeñas y pensar cuidadosamente cómo resolver cada parte con código.",
|
|
|
|
"En este curso, aprenderás los fundamentos del pensamiento algorítmico mediante la escritura de algoritmos que hacen de todo, desde la conversión de temperaturas hasta el manejo de arreglos 2D complejos."
|
|
|
|
"En este curso, aprenderás los fundamentos del pensamiento algorítmico mediante la escritura de algoritmos que hacen de todo, desde la conversión de temperaturas hasta el manejo de arreglos 2D complejos."
|
|
|
|
]
|
|
|
|
]
|
|
|
|
},
|
|
|
|
},
|
|
|
|
"object-oriented-programming": {
|
|
|
|
"object-oriented-programming": {
|
|
|
|
"title": "Programación orientada a objetos",
|
|
|
|
"title": "Programación orientada a objetos",
|
|
|
|
"intro": [
|
|
|
|
"intro": [
|
|
|
|
"OOP, or Object Oriented Programming, is one of the major approaches to the software development process. In OOP, objects and classes organize code to describe things and what they can do.",
|
|
|
|
"OOP, o programación orientada a objetos, es uno de los principales enfoques del proceso de desarrollo de software. En OOP, los objetos y las clases son utilizadas para organizar código y para describir lo que pueden hacer.",
|
|
|
|
"In this course, you'll learn the basic principles of OOP in JavaScript, including the <code>this</code> keyword, prototype chains, constructors, and inheritance."
|
|
|
|
"En este curso, aprenderás los principios básicos de OOP en JavaScript incluyendo la palabra clave <code>this</code>, cadenas prototipo, constructores, y herencias."
|
|
|
|
]
|
|
|
|
]
|
|
|
|
},
|
|
|
|
},
|
|
|
|
"functional-programming": {
|
|
|
|
"functional-programming": {
|
|
|
|
@ -213,64 +220,64 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
"front-end-development-libraries": {
|
|
|
|
"front-end-development-libraries": {
|
|
|
|
"title": "Front End Development Libraries",
|
|
|
|
"title": "Librerías de desarrollo de la interfaz",
|
|
|
|
"intro": [
|
|
|
|
"intro": [
|
|
|
|
"Now that you're familiar with HTML, CSS, and JavaScript, level up your skills by learning some of the most popular front end libraries in the industry.",
|
|
|
|
"Ahora que estás familiarizado con HTML, CSS y JavaScript, mejora tus habilidades aprendiendo algunas de las librerías de interfaz más populares en la industria.",
|
|
|
|
"In the Front End Development Libraries Certification, you'll learn how to style your site quickly with Bootstrap. You'll also learn how add logic to your CSS styles and extend them with Sass.",
|
|
|
|
"En la certificación de librerías de la interfaz, aprenderás a darle estilo tu sitio rápidamente con Bootstrap. También aprenderás cómo añadir lógica a tus estilos CSS y extenderlos con Sass.",
|
|
|
|
"Later, you'll build a shopping cart and other applications to learn how to create powerful Single Page Applications (SPAs) with React and Redux."
|
|
|
|
"Después, construirás un carrito de compras y otras aplicaciones para aprender a crear poderosas aplicaciones de página única (SPAs) con React y Redux."
|
|
|
|
],
|
|
|
|
],
|
|
|
|
"note": "",
|
|
|
|
"note": "",
|
|
|
|
"blocks": {
|
|
|
|
"blocks": {
|
|
|
|
"bootstrap": {
|
|
|
|
"bootstrap": {
|
|
|
|
"title": "Bootstrap",
|
|
|
|
"title": "Bootstrap",
|
|
|
|
"intro": [
|
|
|
|
"intro": [
|
|
|
|
"Bootstrap is a front end framework used to design responsive web pages and applications. It takes a mobile-first approach to web development, and includes pre-built CSS styles and classes, plus some JavaScript functionality.",
|
|
|
|
"Bootstrap es un framework de la interfaz utilizado para diseñar páginas y aplicaciones web. Tiene un enfoque de desarrollo web centrado en los dispositivos móviles e incluye estilos y clases CSS pre-configurados, además de algunas funciones de JavaScript.",
|
|
|
|
"In this course, you'll learn how to build responsive websites with Bootstrap, and use its included classes to style buttons, images, forms, navigation, and other common elements."
|
|
|
|
"En este curso, aprenderás cómo crear sitios web responsivos con Bootstrap, y utilizarás sus clases incluidas para estilizar botones, imágenes, formularios, navegación y otros elementos."
|
|
|
|
]
|
|
|
|
]
|
|
|
|
},
|
|
|
|
},
|
|
|
|
"jquery": {
|
|
|
|
"jquery": {
|
|
|
|
"title": "jQuery",
|
|
|
|
"title": "jQuery",
|
|
|
|
"intro": [
|
|
|
|
"intro": [
|
|
|
|
"jQuery is one of the most widely used JavaScript libraries in the world.",
|
|
|
|
"jQuery es una de las librerías de JavaScript más utilizadas en el mundo.",
|
|
|
|
"In 2006 when it was released, all major browsers handled JavaScript slightly differently. jQuery simplified the process of writing client-side JavaScript, and also ensured that your code worked the same way in all browsers.",
|
|
|
|
"En 2006, cuando se lanzó, los principales navegadores manejaban JavaScript de forma ligeramente diferente. jQuery simplificó el proceso de escribir JavaScript del lado del cliente, y también garantizó que tu código funcionara de la misma manera en todos los navegadores.",
|
|
|
|
"In this course, you'll learn how to use jQuery to select, remove, clone, and modify different elements on the page."
|
|
|
|
"En este curso, aprenderás a usar jQuery para seleccionar, eliminar, copiar y modificar diferentes elementos de la página."
|
|
|
|
]
|
|
|
|
]
|
|
|
|
},
|
|
|
|
},
|
|
|
|
"sass": {
|
|
|
|
"sass": {
|
|
|
|
"title": "SASS",
|
|
|
|
"title": "SASS",
|
|
|
|
"intro": [
|
|
|
|
"intro": [
|
|
|
|
"Sass, or \"Syntactically Awesome StyleSheets\", is a language extension of CSS. It adds features that aren't available in basic CSS, which make it easier for you to simplify and maintain the style sheets for your projects.",
|
|
|
|
"Sass, o \"Syntactically Awesome StyleSheets\", es una extensión del lenguaje CSS. Añade características que no están disponibles en el CSS básico, lo que facilita la simplificación y el mantenimiento de las hojas de estilo de tus proyectos.",
|
|
|
|
"In this Sass course, you'll learn how to store data in variables, nest CSS, create reusable styles with mixins, add logic and loops to your styles, and more."
|
|
|
|
"En este curso de Sass, aprenderás cómo almacenar datos en variables, anidar CSS, crear estilos reutilizables con mixins, añadir lógica y bucles a tus estilos, y más."
|
|
|
|
]
|
|
|
|
]
|
|
|
|
},
|
|
|
|
},
|
|
|
|
"react": {
|
|
|
|
"react": {
|
|
|
|
"title": "React",
|
|
|
|
"title": "React js",
|
|
|
|
"intro": [
|
|
|
|
"intro": [
|
|
|
|
"React is a popular JavaScript library for building reusable, component-driven user interfaces for web pages or applications.",
|
|
|
|
"React es una librería muy popular de JavaScript para construir interfaces de usuario reutilizables controladas por componentes, para páginas web o aplicaciones.",
|
|
|
|
"React combines HTML with JavaScript functionality into its own markup language called JSX. React also makes it easy to manage the flow of data throughout the application.",
|
|
|
|
"React combina HTML con la funcionalidad de JavaScript para crear su propio lenguaje de marcado llamado JSX. Además, facilita la administración del flujo de datos a través de la aplicación.",
|
|
|
|
"In this course, you'll learn how to create different React components, manage data in the form of state props, use different lifecycle methods like <code>componentDidMount</code>, and much more."
|
|
|
|
"En este curso, aprenderás cómo crear diferentes componentes de React, administrar las propiedades de estado de los datos, usar diferentes métodos de ciclo de vida como <code>componentDidMount</code> y mucho más."
|
|
|
|
]
|
|
|
|
]
|
|
|
|
},
|
|
|
|
},
|
|
|
|
"redux": {
|
|
|
|
"redux": {
|
|
|
|
"title": "Redux",
|
|
|
|
"title": "Redux",
|
|
|
|
"intro": [
|
|
|
|
"intro": [
|
|
|
|
"As applications grow in size and scope, managing shared data becomes much more difficult. Redux is defined as a \"predictable state container for JavaScript apps\" that helps ensure your apps work predictably, and are easier to test.",
|
|
|
|
"A medida que las aplicaciones crecen en tamaño y alcance, la gestión de datos compartidos se vuelve mucho más difícil. Redux se define como un \"contenedor de estado predecible para aplicaciones de JavaScript\" que ayuda a asegurar que tus aplicaciones funcionen de manera predecible, y sean más fáciles de probar.",
|
|
|
|
"While you can use Redux with any view library, we introduce Redux here before combining it with React in the next set of courses.",
|
|
|
|
"Aunque puedes usar Redux con cualquier librería de vistas, aquí introducimos Redux antes de combinarlo con React en los siguientes capítulos del curso.",
|
|
|
|
"In this course, you'll learn the fundamentals of Redux stores, actions, reducers and middleware to manage data throughout your application."
|
|
|
|
"En este curso, aprenderás los fundamentos de almacenamiento en Redux, así como de las acciones, reductores e intermediarios para administrar datos a lo largo de tu aplicación."
|
|
|
|
]
|
|
|
|
]
|
|
|
|
},
|
|
|
|
},
|
|
|
|
"react-and-redux": {
|
|
|
|
"react-and-redux": {
|
|
|
|
"title": "React and Redux",
|
|
|
|
"title": "React y Redux",
|
|
|
|
"intro": [
|
|
|
|
"intro": [
|
|
|
|
"React and Redux are often mentioned together, and with good reason. The developer who created Redux was a React developer who wanted to make it easier to share data across different components.",
|
|
|
|
"React y Redux se mencionan a menudo juntos, y con razón. El desarrollador que creó Redux era un desarrollador de React que quería hacer más fácil compartir datos a través de diferentes componentes.",
|
|
|
|
"Now that you know how to manage the flow of shared data with Redux, it's time to combine that knowledge with React. In the React and Redux courses, you'll build a React component and learn how to manage state locally at the component level, and throughout the entire application with Redux."
|
|
|
|
"Ahora que sabes cómo administrar el flujo de datos compartidos con Redux, es hora de combinar ese conocimiento con React. En los cursos de React y Redux, construirás un componente de React y aprenderás cómo administrar el estado localmente a un nivel de componentes, y a lo largo de toda la aplicación con Redux."
|
|
|
|
]
|
|
|
|
]
|
|
|
|
},
|
|
|
|
},
|
|
|
|
"front-end-development-libraries-projects": {
|
|
|
|
"front-end-development-libraries-projects": {
|
|
|
|
"title": "Front End Development Libraries Projects",
|
|
|
|
"title": "Proyectos de librerías de desarrollo de la interfaz",
|
|
|
|
"intro": [
|
|
|
|
"intro": [
|
|
|
|
"It's time to put your front end development libraries skills to the test. Use Bootstrap, jQuery, Sass, React, and Redux to build 5 projects that will test everything you've learned up to this point.",
|
|
|
|
"Es hora de poner a prueba tus habilidades con las librerías de desarrollo de la interfaz. Usa Bootstrap, jQuery, Sass, React, y Redux para construir 5 proyectos que probarán todo lo que has aprendido hasta este punto.",
|
|
|
|
"Complete all 5 projects, and you'll earn the Front End Development Libraries certification."
|
|
|
|
"Completa los 5 proyectos y obtendrás la certificación librerías de desarrollo de la interfaz."
|
|
|
|
]
|
|
|
|
]
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@ -332,7 +339,7 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
"back-end-development-and-apis": {
|
|
|
|
"back-end-development-and-apis": {
|
|
|
|
"title": "Back End Development and APIs",
|
|
|
|
"title": "Certificado de Desarrollo Back End y APIs",
|
|
|
|
"intro": [
|
|
|
|
"intro": [
|
|
|
|
"Until this point, you've only used JavaScript on the front end to add interactivity to a page, solve algorithm challenges, or build an SPA. But JavaScript can also be used on the back end, or server, to build entire web applications.",
|
|
|
|
"Until this point, you've only used JavaScript on the front end to add interactivity to a page, solve algorithm challenges, or build an SPA. But JavaScript can also be used on the back end, or server, to build entire web applications.",
|
|
|
|
"Today, one of the popular ways to build applications is through microservices, which are small, modular applications that work together to form a larger whole.",
|
|
|
|
"Today, one of the popular ways to build applications is through microservices, which are small, modular applications that work together to form a larger whole.",
|
|
|
|
|
camperbot
GitHub