82

¿Cuál es tu nivel en JavaScript?

713Puntos

hace 5 años

Un código escalable, optimizado, fácil de leer y mantenible son las características de un desarrollador profesional. Respondiendo a estas 10 preguntas sabrás si hay que mejorar tus prácticas o si ECMAScript te necesita para la siguiente edición.

📌 Si aún no sabes sobre este tema, revisa la Escuela de Javascript de Platzi

Si ninguna respuesta se acerca a tu solución o no entiendes la pregunta pasa a la siguiente.

1. Al declarar una referencia usas:

a.

var a = 1;
var b = 2;

b.

const a = 1;
const b = 2;

2. Cuando reasignas una referencia lo haces:

a.

letcount = 1;
if (true) {
  count += 1;
}

b.

varcount = 1;
if (true) {
  count += 1;
}

3. ¿Cómo creas un nuevo objeto?

a.

const item = newObject();

b.

const item = {};

4. ¿Cómo agregas elementos a un arreglo?

a.

someStack[someStack.length] = 'abracadabra';

b.

someStack.push('abracadabra');

5. ¿Cómo accedes y usas múltiples propiedades de un objeto?

a.

functiongetFullName({ firstName, lastName }) {
  return`${firstName}${lastName}`;
}

b.

functiongetFullName(user) {
  const firstName = user.firstName;
  const lastName = user.lastName;

  return`${firstName}${lastName}`;
}

c.

functiongetFullName(user) {
  const { firstName, lastName } = user;
  return`${firstName}${lastName}`;
}

6. ¿Cómo escribes una cadena de texto extensa?

a.

var errorMessage = 'This is a super long errorthat was thrown because \n of Batman. When you stop to think about how Batman had anything to do \n with this, you would get nowhere fast.';

b.

var errorMessage = `This is a super longerror that was thrown because of Batman. When you stopto think about how Batman had anything todowith this, you would get nowhere fast.`;

c.

var errorMessage = 'This is a super long errorthat was thrown because' +
  'of Batman. When you stop to think about how Batman had anything to do ' +
  'with this, you would get nowhere fast.';

7. ¿Cómo creas una cadena de texto de forma programática?

a.

functionsayHi(name){
  return'How are you, ' + name + '?';
}

b.

functionsayHi(name){
  return ['How are you, ', name, '?'].join();
}

c.

functionsayHi(name) {
  return`How are you, ${name}?`;
}

8. ¿Cómo usas los módulos?

a.

import StyleGuide from'./StyleGuide';
exportdefault StyleGuide.es6;

b.

import { es6 } from'./StyleGuide';
exportdefault es6;

c.

const StyleGuide = require('./StyleGuide');
module.exports = StyleGuide.es6;

9. ¿Cómo accedes a las propiedades de el objeto sampol?

const sampol = {
  frontend: true,
  age: 28
};

a.

const isFrontend = sampol['frontend'];

b.

const isFrontend = sampol.frontend;

10. ¿Cómo declaras una función?

a.

functionfoo(){
 }

b.

const foo = function(){
 };

Toma tus respuestas y asígnales el puntaje, el mayor puntaje es la mejor solución. También encontrarás el por qué de cada una:

1. a = 5, b = 10

¿Por qué? Esto asegura que no reasignes tus referencias reduciendo la probabilidad de bugs. También hace un código más comprensible.

2. a =10, b = 5

¿Por qué? let mantiene el alcance de la variable dentro bloque

3. a = 5, b = 10

¿Por qué? Es preferible usar la sintaxis literal al crear un nuevo objeto.

4. a = 5pts, b = 10

¿Por qué? Push está optimizado para agregar el elemento al final del array

5. a = 10, b = 5, c = 8

¿Por qué? Aprovechar las capacidades de /Destructuring/ te evita crear referencias temporales a las propiedades

6. a = 5, b = 10, c = 5

¿Por qué? Las cadenas cortadas, concatenadas hacen difícil trabajar en ellas y buscar en su contenido.

7. a = 5, b = 5, c = 10

¿Por qué? Los template strings dan mayor legibilidad, su sintaxis es más concisa y tiene características de interpolación adicionales

8. a = 8, b = 10, c = 5

¿Por qué? Los módulos son el futuro y siempre podrás transpilar a tu sistema favorito.

9. a = 5, b = 10

¿Por qué? Es más fácil de leer y funciona mejor con minificadores

10. a = 10, b = 5

¿Por qué? Las declaraciones de función son más fáciles de identificar en pilas de llamadas, todo su conteni[do es hoisted y permiten usar funciones Arrow

¿Cuál es tu nivel en javaScript?

Entre 0 y 25

Parece que aún no tienes los fundamentos de programación. Este curso te servirá

Entre 26 y 50

Tienes el conocimiento teórico pero falta experiencia trabajando en equipo. El curso de Fundamentos de JavaScript te llevará al siguiente nivel.

Entre 51 y 75

El Frontend definitivamente es tu camino. Unos proyectos más grandes te harán sobresalir de la media. ¿Cómo te sientes con React?

Entre 76 y 99

Falta poco ¿Qué tan fácil de testear es tu código? Aquí una ayuda

100

Oh la la! señor programador.


¿Cuál fue esa buena práctica que te cambió la vida con JavaScript?.

También podemos discutir del espaciado en indentación 😛


¿Quieres llegar a nivel 100 en el menor tiempo posible? La escuela de JavaScript de Platzi te hará profesional con mentoría personalizada y talleres presenciales.

Escuela de javascript bogota

Qué es memoization

Carlos
Carlos
Platzi

713Puntos

hace 5 años

Todas sus entradas
Escribe tu comentario
+ 2
Ordenar por:
6
6566Puntos
5 años
<h1>1.b - 10</h1> <h1>2.a - 10</h1> <h1>3.b - 10</h1> <h1>4.b - 10</h1> <h1>5.a - 10</h1> <h1>6.b - 10</h1> <h1>7.c - 10</h1> <h1>8.b - 10</h1> <h1>9.b - 10</h1> <h1>10.a - 10</h1> <h1>Total - 100</h1>

Gracias Platzi, casi 8 meses estudiando y haciendo proyectos y eh podido alcanzar un buen nivel en javascript

4
24864Puntos
5 años

100 puntos, llevo casi dos años usando exclusivamente este lenguaje xd

1
5 años

Somos tres pero yo con Angular y ahora aprendiendo React

4
10084Puntos
5 años

Es mi segundo día con Fundamentos de JavaScript y saque un 80… creo que aun podemos mejorar.

4
45731Puntos
5 años

93 parece que no estoy tan mal 😃
Me sorprendió lo de cortar las cadenas, siempre tiendo a cortarlas.

1
11129Puntos
5 años

yo también siempre tiendo a cortarlas xD

4
7076Puntos
5 años

Hola a todos!! Parece que me fué muy bien, obtuve 83 pts, me ayudó mucho el curso de Fundamentos de Javascript. Me podrían ayudar a explicarme mejor las respuestas 8 y 10 (Qué significa su ‘contenido es hoisted’) Perdón la ignorancia, gracias

3
27151Puntos
5 años
  1. B 10
  2. A 10
  3. B 10
  4. B 10
  5. C 8
  6. B 10
  7. C 10
  8. B 10
  9. B 10
  10. B 5

TOTAL : 93

3
17981Puntos
5 años

Excelente test. Mi puntuación fue 93 y juro que no hice trampa 😃 .

Pero discrepo con la pregunta 10, lo correcto debería ser la opción B.

3
21772Puntos
5 años

me gusto mucho este ejercicio, estaria muy bueno que lo hagan para otros lenguajes 😃

3
5089Puntos
5 años

93 😄 todavia estoy aprendiendo y me siento particularmente orgulloso de pertenecer a Platzi y pensarque hasta hace 2 meses ni sabia que era una const jajajaja 😅

2
4250Puntos
5 años

73¡¡¡

Estoy mejor de lo que esperaba 😛

2
339Puntos
5 años

La respuesta de lo de las cadenas es discutible, si se coloca una cadena que no este cortada lo más seguro que el lint te marque un error y si en tu equipo tiene esa regla, hay que cumplirlas.

2
12877Puntos
5 años

Preguntas: (1,2,3,4,6,7,8,9,10) = 10. Y (5) = 8.
=98.

2
29645Puntos
5 años

1 b
2 a
3 b
4 b
5 a
6 a
7 c
8 b
9 b
10 a

95 🧐🤓

2
28664Puntos
5 años
  1. a
  2. a
  3. a
  4. b
  5. c
  6. b
  7. c
  8. c
  9. b
  10. a

5+10+5+10+8+10+10+5+10+10 = ¡83!

2
3969Puntos
5 años

1)b 10
2)a 10
3)b 10
4)b 10
5)a 10
6)b 10
7)c 10
8)b 10
9)b 10
10)b 5

2
13558Puntos
5 años

80 ptos
ummmm, no me enteré que sabía más de lo que pensé, quizás subestimo lo que he estudiado.

2
5 años

alcance los 70 puntos jajajaj he programado uno que otro programa en node.js pero la verdad es que no tenia mucho cocnocimiento pero me he ido adentrando cada vez mas en el campo de node.js me gusta la idea del backend y como funciona y bueno la verdad es que me gustaria dedicarme a trabajar en seguridad informatica pero primero para ello debo saber de todo y muy bien.

2
8072Puntos
5 años

Saque la cuenta y me da 68. Pienso que puedo mejorar y cual código sería mas eficiente la momento de programar. Gracias por este blog.

2
3576Puntos
5 años

85 parece que voy en buen camino.Gracias platzi !!!

2
5356Puntos
5 años

87pts. Interesante la 5 (destructuring como parametro en la firma de la función )y 10(no me la esperaba) … a seguir aprendiendo!

2
18495Puntos
5 años
  1. b = 10
  2. a = 10
  3. b = 10
  4. b = 10
  5. a = 10
  6. b = 10
  7. c = 10
  8. b = 10
  9. b = 10
  10. b = 5
    Total = 95!!
    Pensé que aun me faltaba mucho pero vamos por buen camino gracias a Platzi!
2
7087Puntos
5 años

10X ¡No estoy tan mal tengo el puntaje 10x!

2
10011Puntos
5 años

1.b = 10
2.a = 10
3.b = 10
4.b = 10
5.a = 10
6.c = 5
7.c = 10
8.b = 10
9.b = 10
10.a = 10

95

2
66726Puntos
5 años
  1. B 10
  2. A 10
  3. B 10
  4. B 10
  5. A 10
  6. B 10
  7. C 10
  8. B 10
  9. B 10
  10. A 10
    Total 100
6
66726Puntos
5 años

Hacen falta mas test como este, para ver que tanto hemos aprendido, sugiero un modulo Platzi TEST.

Quien mas se suma?

2
8182Puntos
5 años

95 😄 Platzi si que funciona

2
28317Puntos
5 años

95, creí que estaba peor

2
3534Puntos
5 años

Saque, 93 no estoy seguro si la pregunta 10 tiene una buena explicacion de porque la opción B no es la mas idonea.

En la 5 cai en la concha de mango, no detalle bien que se estaba aplicando tambien destructuring jeje.

2
13988Puntos
5 años

Nada mal, pero tengo que ver nuevamente los cursos de js y practicar un poco mas algunos temas.

1-a (5)
2-a (10)
3-b (10)
4-b (10)
5-a (10)
6-c (5)
7-c (10)
8-b (10)
9-a (5)
10-b (5)
Total = 80

2
22077Puntos
5 años

93 no entoy nada mal.

b= 10
a= 10
b= 10
b= 10
c= 8
a= 5
c= 10
b= 10
b= 10
a= 10

2
6580Puntos
5 años

B = 10
A = 10
B = 10
B = 10
C = 8
C = 5
C = 10
C = 5
B = 10
B = 5

Total : 83

2
4202Puntos
5 años
  1. B
  2. A
  3. B
  4. B
  5. A
  6. B
  7. C
  8. B
  9. B
  10. B

Total: 95 puntos 😃 ¡Casi casi!

2
7192Puntos
5 años

1.- a
2 - a,
3 - b,
4.- b,
5.- b,
6.- b,
7.- c,
8.- a
9.- b
10.- a

Total = 88 Pts.

Mejor de lo que esperaba. Y activo aprendiendo React…

2
2212Puntos
5 años

Solo estudie js en Platzi y a pesar de que no lo toco hace 8 meses saque un 85, lecciones que perduran.

Cuando se podrian estas clases presenciales en otros paises?

P.D. escribo de Uruguay.

2
9451Puntos
5 años

1 - a 5
2 - b 5
3 - b 10
4 - b 10
5 - c 5
6 - b 10
7 - c 10
8 - b 10
9 - b 10
10 - a 10
Total = 85

Nada mal

1
6067Puntos
5 años

58!! todavia me cuesta entender algunas cosas, pero algun dia los entendere frontend sera el camino!

1
6067Puntos
5 años

58!! todavia me cuesta entender algunas cosas, pero algun dia los entendere frontend sera el camino!

1
1372Puntos
5 años

90! pero a seguir aprendiendo!

1
5 años

93 de 100 y creo que la última podría ser
const foo = () =>{ };

1
12597Puntos
5 años

bueno saque un 68 me parece bien siendo que estoy comenzando a conocer este mundo! 😄

1
11736Puntos
5 años

90 puntos. A seguir mejorando 💪

1
2639Puntos
5 años
  1. B 10
  2. A 10
  3. B 10
  4. B 10
  5. C 8
  6. B 10
  7. C 10
  8. B 10
  9. B 10
  10. A 10
    Total = 98
1
5786Puntos
5 años

Aún me falta mucho por entender!! XD
1=10
2=5
3=5
4=10
5=5
6=5
7=5
8=10
9=10
10=10

Total 75

1
7061Puntos
3 años

¡¡75 Puntos!! Siendo honesto esperaba tener menos puntaje y no por minimizarme a mi ni mis conocimientos, tan sólo que nunca había trabajado con JavaScript.

A ponerlo todo para llegar a ese 100, lo mejor es que nunca uno deja de aprender. 😄

1
18495Puntos
5 años

Me queda una duda con la escuela de Javascript? si ya soy Platzi Expert no tiene un precio preferencial?

1
11716Puntos
5 años

sí, tiene un descuento para estudiantes con plan expert

1
1628Puntos
5 años

Hola a todos, saque 78 puntos y hace poco que terminé el curso de programación básica y pensé que iba a sacar menos puntos así que me siento orgulloso pk siento que estoy aprendiendo con Platzi.

Aquí va mi puntuación:
1-a 5
2-b 5
3-a 5
4-b 10
5-a 10
6-a 5
7-c 10
8-a 8
9-b 10
10-a 10

1
28663Puntos
5 años

El la pregunta 10, la respuesta B sería lo mismo que usar las arrow functions?

5
4202Puntos
5 años

Entiendo que no. La sintáxis de la respuesta B es la siguiente:

const foo = function(){
 };

Mientras que una arrow function tendría la siguiente sintáxis:

const foo = () => {
 };

La diferencia principal entre una y otra, además de la sintáxis, es el execution context de cada una. En el primer caso, se genera un contexto específico para la función, mientras que en el caso de la arrow function no se genera dicho contexto. Esto tiene efecto directo sobre a qué contexto hace referencia el ‘this’.

Espero que te sirva 😃

1
28663Puntos
5 años

jaja gracias por contestar, en realidad ya sabía eso pero era por esa pregunta 10 que no estaba en la forma que yo la usaba que es con arrow functions

1
11129Puntos
5 años

93, nada mal no? jeje. y justamente me viene bien tomar el curso de testing

1
5 años

1= b. 10

2= b. 5

3= a. 5

4= b. 10

5= b. 5

6=c. 5

7=a. 5

8=a. 8

9=b. 10

10=b. 5

1
21271Puntos
5 años

Unos cuantos cursos y haber quedado con 93 de 100 dice mucho jeje

1
44562Puntos
5 años
  1. b - 10
  2. a - 10
  3. b - 10
  4. b - 10
  5. a - 10
  6. b - 10
  7. c - 10
  8. b - 10
  9. b - 10
  10. a - 10

Aunque dependiendo la ocasión aveces igual ocupo la ‘c’ de la pregunta 5.

1
25218Puntos
5 años

100pts. 😄

En la ultima pregunta casi siempre utilizo arrow functions asi que directamente me asigno 10pts xD, si no vale pues nada.

1
10724Puntos
5 años

Cuando harán un evento presencial en Perú?

1
5182Puntos
5 años

93
Pero no entendí algo. En la pregunta 10 ¿ Por que la respuesta correcta es la a?

1
30213Puntos
5 años

Obtuve 88 puntos. Alguna sugerencia de libro para profundizar?

1
8703Puntos
5 años

70 estoy en termino medio creo, pero veo que me falta mucho que practicar y por recorrer, sin duda esa escuela de javascript se ve tan prometedora

1
2557Puntos
5 años

1.a =5
2.a = 10
3.b = 10
4.b = 10
5.a = 10
6.a =5
7.c = 10
8.b = 10
9.b = 10
10.b = 5
total =85 vamos por buen camino

1
16643Puntos
5 años

68 !!