ES Dominarás lenguajes de programación de back-end (Ruby, SQL), diseño UX/UI y front-end, utilizando técnicas novedosas como flexbox y CSS grids, además de ES6 - la última versión de JavaScript.
ES Dominarás lenguajes de programación de back-end (Ruby, SQL), diseño UX/UI y front-end, utilizando técnicas novedosas como flexbox y CSS grids, además de ES6 - la última versión de JavaScript.
EN In addition to mastering back-end programming languages (Ruby, SQL), you will develop your front-end skills using recent techniques like flexbox, CSS grid and learn ES6, the latest version of JavaScript.
espanhol | inglês |
---|---|
ruby | ruby |
sql | sql |
css | css |
javascript | javascript |
dominar | mastering |
diseño | develop |
programación | programming |
la | the |
versión | version |
lenguajes | languages |
técnicas | techniques |
utilizando | using |
de | of |
última | latest |
y | your |
además | to |
ES Flexbox ya debería ser familiar para todos nosotros y ya ha ayudado a muchos desarrolladores a...
EN Flexbox should be familiar to all of us by now and has already helped many developers...
espanhol | inglês |
---|---|
familiar | familiar |
ayudado | helped |
desarrolladores | developers |
ya | already |
a | to |
muchos | many |
debería | should |
ser | be |
nosotros | us |
todos | all |
y | and |
ha | has |
ES Flexbox debería ser familiar para todos nosotros a estas alturas y ya ha dado a muchos desarrolladores una noche tranquila. Pero, ¿y si...?
EN Flexbox should be familiar to all of us by now and has already given many developers a quiet night's sleep. But what if...
espanhol | inglês |
---|---|
familiar | familiar |
desarrolladores | developers |
noche | nights |
tranquila | quiet |
si | if |
ya | already |
dado | given |
pero | but |
ser | be |
nosotros | us |
muchos | many |
a | to |
todos | all |
una | a |
y | and |
ha | has |
ES Las técnicas modernas de diseño de CSS como Flexbox, Diseño de cuadrículas y Multicol facilitan mucho la creación de estas cuadrículas flexibles.
EN Modern CSS layout techniques such as Flexbox, Grid Layout, and Multicol make the creation of these flexible grids much easier.
espanhol | inglês |
---|---|
técnicas | techniques |
modernas | modern |
css | css |
mucho | much |
flexibles | flexible |
facilitan | easier |
diseño | layout |
la | the |
creación | creation |
cuadrículas | grids |
como | as |
de | of |
y | and |
ES En un diseño responsivo, puede usar Flexbox para mostrar elementos como una sola fila o envueltos en varias filas a medida que disminuye el espacio disponible.
EN In a responsive design, you can use Flexbox to display items as a single row, or wrapped onto multiple rows as the available space decreases.
espanhol | inglês |
---|---|
diseño | design |
responsivo | responsive |
disminuye | decreases |
espacio | space |
o | or |
el | the |
disponible | available |
en | in |
puede | can |
usar | use |
fila | row |
un | a |
mostrar | display |
filas | rows |
a | to |
como | as |
ES Layout web con CSS Grid, Flexbox y otras técnicas modernas
EN Web Layout with CSS Grid, Flexbox and other Modern Techniques
espanhol | inglês |
---|---|
layout | layout |
css | css |
otras | other |
técnicas | techniques |
modernas | modern |
web | web |
grid | grid |
y | and |
con | with |
ES Dominarás lenguajes de programación de back-end (Ruby, SQL), diseño UX/UI y front-end, utilizando técnicas novedosas como flexbox y CSS grids, además de ES6 - la última versión de JavaScript.
EN In addition to mastering back-end programming languages (Ruby, SQL), you will develop your front-end skills using recent techniques like flexbox, CSS grid and learn ES6, the latest version of JavaScript.
espanhol | inglês |
---|---|
ruby | ruby |
sql | sql |
css | css |
javascript | javascript |
dominar | mastering |
diseño | develop |
programación | programming |
la | the |
versión | version |
lenguajes | languages |
técnicas | techniques |
utilizando | using |
de | of |
última | latest |
y | your |
además | to |
ES Al usar Flexbox para este efecto, no necesitará consultas de medios (media queries) para ajustar la ubicación de estos elementos cuando la pantalla cambie de tamaño.
EN By using Flexbox for this effect, you won't need media queries to adjust the placement of these elements when the screen resizes.
espanhol | inglês |
---|---|
efecto | effect |
pantalla | screen |
necesitará | need |
consultas | queries |
de | of |
ajustar | adjust |
ubicación | placement |
cuando | when |
usar | using |
la | the |
elementos | elements |
este | this |
no | you |
ES Para estas tarjetas, se colocan en un modo de visualización Flexbox, con la dirección configurada en columna usando flex-direction: column.
EN For these cards, they are placed in a Flexbox display mode, with the direction being set to column using flex-direction: column.
espanhol | inglês |
---|---|
tarjetas | cards |
visualización | display |
un | a |
la | the |
columna | column |
en | in |
configurada | set |
usando | with |
modo | mode |
ES Luego, la aplicación de justify-content: space-between ancla el primer (título) y el último (bloque de imagen) elemento a los bordes del flexbox, y el texto descriptivo entre ellos se coloca con el mismo espaciado en cada extremo.
EN Then, applying justify-content: space-between anchors the first (title) and last (image block) elements to the edges of the flexbox, and the descriptive text in between those gets placed with equal spacing to each endpoint.
espanhol | inglês |
---|---|
bloque | block |
imagen | image |
bordes | edges |
descriptivo | descriptive |
espaciado | spacing |
último | last |
en | in |
título | title |
a | to |
texto | text |
con | with |
aplicación | applying |
de | of |
cada | each |
luego | then |
ES Flexbox es un estilo contenedor que dirige y alinea a sus hijos; es decir, ayuda con el diseño de una manera basada en restricciones
EN Flexbox is a container style that directs and aligns its children; that is, it helps with layout in a constraint-based way
espanhol | inglês |
---|---|
contenedor | container |
dirige | directs |
alinea | aligns |
hijos | children |
es | is |
estilo | style |
ayuda | helps |
basada | based |
en | in |
diseño | layout |
un | a |
con | with |
que | that |
de | way |
y | and |
el | its |
decir | it |
ES Gráfico de barras que muestra el 49% de las páginas de escritorio y el 52% de las páginas móviles usan flexbox.
EN Bar chart showing 49% of desktop pages and 52% of mobile pages using flexbox.
espanhol | inglês |
---|---|
gráfico | chart |
barras | bar |
muestra | showing |
escritorio | desktop |
móviles | mobile |
páginas | pages |
de | of |
y | and |
usan | using |
ES Toda una historia de éxito se muestra aquí, ya que casi el 50% de la web usa flexbox en sus hojas de estilo.
EN Quite the success story shown here, as nearly 50% of the web has flexbox usage in its stylesheets.
espanhol | inglês |
---|---|
éxito | success |
usa | usage |
hojas de estilo | stylesheets |
web | web |
aquí | here |
en | in |
hojas | of the |
historia | story |
casi | nearly |
de | of |
ES Similar a flexbox, grid también pasó por algunas alteraciones de especificaciones al principio de su vida útil, pero sin cambiar las implementaciones en los navegadores lanzados al público
EN Like flexbox, grid too went through a few spec alternations early on in its lifespan, but without changing implementations in publicly-deployed browsers
espanhol | inglês |
---|---|
grid | grid |
especificaciones | spec |
cambiar | changing |
implementaciones | implementations |
navegadores | browsers |
sin | without |
similar | like |
pero | but |
en | in |
a | a |
ES Valor de la posición Flexbox para el módulo. Admite una cadena que indica la posición vertical seguida de la horizontal:
EN Flexbox position value for the module. Supported a string indicating vertical position followed by horizontal:
espanhol | inglês |
---|---|
módulo | module |
cadena | string |
vertical | vertical |
seguida | followed |
horizontal | horizontal |
indica | indicating |
valor | value |
posición | position |
de | by |
una | a |
para | for |
Mostrando 15 de 15 traduções