¿Qué significa ser un profesional de JavaScript?

1/42
Recursos
Transcripción

Richard Kaufman trabaja para KickAss Partners como Senior Front End Engineer y es organizador de la comunidad de Javascript en Ciudad De México. Richard será tu profesor en este curso, él te va a enseñar Javascript puro, repasando los fundamentos clave del lenguaje, explorando APIs del DOM, implementando TypeScript y aplicando las mejores prácticas con Patrones de Diseño.

Vamos a necesitar:

  • Editor de textos Visual Studio Code.
  • Navegador Web Google Chrome.
  • Una CLI (terminal de linea de comandos)…

Es recomendable tener conocimientos en:

  • HTML
  • CSS
  • Básicos de Javascript

En la pestaña de Archivos y Enlaces encontrarás todos los cursos necesarios que forman parte de la EscuelaJS.

En este curso es el primer paso para convertirte en un profesional de Javascript que cumple con lo siguiente:

  • Conocimiento profundo del lenguaje, conocer sus particularidades y cómo funciona internamente.
  • Conocer los entornos de programación para Javascript.
  • Siempre aplicar las mejores prácticas.
  • Ser versado en código, leer código de otras personas.
  • Tener un set de herramientas que dominas.
  • Ética / Profesionalismo
  • Experiencia.

Y recuerda que puedes encontrar a tu profesor en twitter como @sparragus.

Aportes 273

Preguntas 12

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

¿Qué significa ser un profesional de JavaScript?

El camino para llegar a ser profesional es largo y duro, no es fácil. Todos necesitamos que nos guíen para saber qué hacer y qué no. Este camino es conocido como la ruta de pasar de Junior a Senior, este es un duro camino lleno de experiencia.

¿Qué forma a un profesional?

Te presento una lista de estas cosas que lo forman:

  1. Conocimiento del lenguaje.

  2. Conocimiento de entornos de programación.

  3. Mejores prácticas.

  4. Versado en código.

  5. Herramientas.

  6. Ética / Profesionalismo.

  7. Experiencia.

El lenguaje: JavaScript

Debemos tener muy claro cuales son los fundamentos de JavaScript antes de comenzar con esto. Existen features muy raros y hay que estudiarlos. Tenemos que saber cómo funcionan las cosas en JavaScript.

No fundamentos

Los no fundamentos" representan las siguientes características del lenguaje:

  1. Promesas (nivel pro).

  2. Getters, setters: son formas de obtener valor de una variable sin tener que poner this.name.

  3. Proxies: es un feature muy raro, pero que más adelante veremos a profundidad. Sirve para interceptar a una función antes de que se ejecute.

  4. Generadores: esto es raro, pero vamos a ver que sí es eficiente.

¿Cómo funciona?

Este lenguaje corre sobre un motor. JavaScript no contiene clases como otros lenguajes de programación, esto es algo que vuela mucho la cabeza, es muy difícil de entender. Otro feature muy cool que vamos a aprender es event loop, es lo que permite que pueda correr muchos procesos a la vez.

Entornos de programación

Cuando estamos desarrollando lo hacemos para la WEB, para un celular, para seguidores. Existen diferentes entornos que nos ofrecen APIS, tenemos que conocer todo esto. V

Versado en código

Esto quiere decir que tenemos que leer mucho código, un lugar hermoso para ponernos a leer código es GitHub. Debemos leer mucho y hacerlo de forma muy constante.

Mejores prácticas

No vamos a reinventar la rueda, hay muchas personas que ya han solucionado los problemas más comunes, tenemos que usar estas soluciones, a estas soluciones se les llama: patrones de diseño.

Ética

Esta es la parte más importante de ser un profesional. Un buen profesional cumple con los siguientes valores:

  1. Es responsable.

  2. Entrega a tiempo sus trabajos.

  3. Sabe decir que no.

  4. No hace daño.

Experiencia

La experiencia no es algo que se pueda enseñar, tenemos que encontrarla nosotros mismos en el camino a ser profesionales. Todo está en nosotros, tenemos que estudiar y practicar mucho.

Ey chicos me tome el tiempo para traerles las mejores notas del curso, denle una checada porfavor a mis notas, y si son de su agrado dejenme un like en github. Saludos 😄
Notas o https://github.com/JasanHdz/javascript-professional/tree/master/notes

Uh, este profe es bueno pero no le entiendo nada cuando habla. Vamos a ponerle onda igual 😂

estoy motivado con la introducción de este profesor!

Me encanta que hablen también de la ética en sus cursos y no solo hablar de la parte técnica

De mis profesores preferidos en Platzi, su curso de React es genial y sé que éste también lo será. 😊

Me hizo dudar si de verdad se javascript… y eso que lo vengo usando ya 2 años jajaja

Que demonios haces aquí Fred!!

richard explica muy bien, es mi profesor preferido

:v :v

Después de la introducción eh decidido hacer caso al profesor y me voy a tomar los cursos básicos, regreso pronto =D

Quién este interesado, quiero crear un grupo de estudio para apoyarnos en los cursos de platzi, quién quiera unirse me puede dejar un comentario o escribir un mensaje por platzi.

🟢Vamos con toda! 🦾🚀

Si ves esto y es tu primera vez con el curso, no te desanimes si sientes que no entiendes, tendrás 3 opciones:

  1. Estudiar a profundidad cada tema con este y otros recursos de la Internet.
  2. Repetir el curso mas de 2 veces y apoyarte en la primera opción (A la segunda pude aprender mas y pasar el examen
  3. Darte por vencido (Ojalá no tomes esta opción )
    PD: Nunca pares de aprender

¿Los proxies son como un middleware? 🤔

Grupo de aprendizaje para temas relacionados a la Escuela de Javascript: https://chat.whatsapp.com/LsR1Zt77zIV2bUw30fMQ3M

Para los que recien comienzan este curso, es recomendable verlo varias veces, incluso depues de seguir con el resto de los cursos.
Esto hace que sea mas facil entenderlo.

Tiene muy buena pinta este curso.

Pinta excelente este curso. Me gusta la forma de explicar de este profesor. Prepara bien los tópicos de la clase.

Me encanta la pila del profesor… Jejjejee… Lo veré principalemente por él…

Me emociona este curso 🙌

Nítido.

Richard es un excelente profesor, su curso de React es muy profesional.

Inicio mi carrera en Angular

Repasando todo el curso, y me alegra saber que esta segunda vez, mi comprensión está en un nivel superior.

🌸Esta escuela de js me ha aportado muchísimo, he logrado cosas como estas:
en la primera es una conexion con una de las api’s de la NASA. genero un id al azar y hago la petición
en la segunda (aun está en proceso)
traigo los 10 primeros ids y hago peticiones una tras otra, por ahora solo tengo el titulo de cada proyecto guardado en la api pero crecerá eventualmente este proyecto.
GitHub: https://github.com/dayanMichelle
🌙Mi hace muy feliz avanzar en mi carrera

Mr. Kaufman con la introducción ya me asustó; 😅 estoy emocionado solo con 2 primeros minutos

-Promesas (Nivel Pro): Tienene algunos metodos como race o all.
–promise.all(function1, function2 [, functionN]): Esta función combina 2 o más promise y hace la devolución solamente cuando todas están cumplidas o rechazadas. El resultado que devuelve es una matriz de los valores de las promesas cumplidas. Tiene dos parámetros obligatorios function1 y function2 ambas devuelven una promise, en cambio, functionN es opcional.
–promise.race(iterable): Una vez que cualquiera de las funciones iterables se cumple o se rechaza, retorna un valor si o si.

-Getters, Setters: Formas te obtener el valor de una variable.

-Proxies: Se dedica a interceptar llamadas.

-Generadores: Permite producir a peticion, multiples valores, uno tras otro, lo cual facilita la creacion de flujo de datos.

Despues de que dijo: yo espero que ya sepas JavaScript, me fui a llorar un rato a la esquina de mi cuarto 😭, luego me fui repasar el curso basico de JavaScript. Y ahora estoy listo para continuar con el curso 😃

Para ser la clase de introducción debo de admitir que me atrapo totalmente, se ve que este curso va a estar muy muy bueno 😄

Genio Kaufman!! Vamo’ a darle!

Richard es un genio!

Me encanta la énfasis de este man!!! Aunque trate no dejo de prestarle atención. 20 ptos

ready, comenzando un nuevo curso

Lo esperaba con ansias, buen profesor. Ha por ello!

Cuando sabemos cómo funcionan las cosas, dejan de ser un truco de magia.

100% !!!

Bien bien bien, me gusta la energía que tiene el profe, esto cada vez se pone mejor 😃

que buen profesor,el contenido esta de lo mejor, buen proyecto, la mejor comunidad …muchas gracias platzi

Mas que listo para empezar!

Ganas de aprender a fondo este maravilloso lenguaje 😃 ánimo a todos!

Me parece muy relevante está parte, dado que a final de cuentas la finalidad del curso es elevar el skill técnico y desenvolvernos dentro de un entorno laboral (en la mayoria de los casos).
Ética

  • Ser responsable
  • Entregar a tiempo
  • Saber decir que no
  • No hacer daño

Preparado para comenzar este curso, hasta el momento muy emocionado con el desarrollo de la escuela de JavaScript.

Excelente introducción vamos a terminar la carrera de javascritp

Primera vez que veo a este profe, me encanta el animo que le pone

Excelente introduccion!!

Ojo esto es un marcador! Ética!

¡Genial otro curso con Richard!

React 😃

Para todos los que quieran tener la opción de redimensionar el reproductor, es decir, ponerlo a todo el ancho por ejemplo, les dejo un link a un pequeño script que hice: https://github.com/ErickCodigo/Full-Width-For-Platzi-Video

Super genial comienza del camino hacia el nivel Senior, bastante camino por recorrer, y mucha, mucha pero mucha practica

“Un profesional del software es responsable, entrega a tiempo, sabe decir que no y no crea software mediocre” Superlike (y)

Tarde mucho para llegar a este curso, lo esperaba con ansias.

wow … el mega curso de JS, si de aquí no sales capo volvé nomas a c# XD

Me transmite muy buena vibra este curso

Iniciemos al siguiente nivel con JS. 😃

Después de este curso, no se si me iré primero por Angular o ReactJS

Como me llamo

Pienso que sería MARAVILLOSO si agregaran este curso a la Escuela de JavaScript.
.
Realmente no me explico por qué razón no está dentro de la ruta de aprendizaje, me parece un curso escencial.

Creo que el curso ya esta un poco viejo porque si ahora si hay clases en javascript

test desde el teléfono.

Es claro que el curso esta algo desactualizado, asi que a los que venimos manejando ECMAScript 6 en adelante, se nos hará raro la manera que el profe tiene/hace el codigo.

Sin embargo, no se estresen, es un curso que se puede usar como repaso y dejar claro desde lo basico de Js hasta algo mas avanzado.

Disfruten!

P.D: Platzi. Please actualiza este curso 😄

esos consejos de ética son los mejores

Excelente intro, motivado al 100%

Repasando el curso completo para poder entender con mas claridad, te aconsejo que si estas tomando el curso por primera vez no te frustres, repitelo te ayudara!!

Con todas las ganas de empezar este curso, el temario se ve interesante, a darle con todo 😎💪 y a seguir aprendiendo en la escuela de Javascript!!!

Suena muy interesante el curso. Todo listo para comenzar. 👌

Este curso es el mejor de JavaScript, cree un grupo para todos los que amamos este lenguaje para resolver dudas y seguir crecimiento como profesionales

https://chat.whatsapp.com/BnqSpwi23qf1JA0DosKOHl

¿Qué forma a un profesional?

  • Conocimiento del lenguaje
  • Conocimiento de los entornos de programación
  • Mejores prácticas
  • Versado en código
  • Herramientas
  • Ética / Profesionalismo
  • Experiencia

…viendo el video un domingo por la mañana, y nada más acertado que su discurso de ética y profesionalismo.

Vamos a darle Richard

**Que forma a un profesional de JavaScript **

  • Conocimiento del lenguaje
  • Conocimiento de los entornos de programación
  • Mejores prácticas
  • Versado en código
  • Herramientas
  • Ética / profesionalismo
  • Experiencia

Llegar a ser profesional es un arduo camino por recorrer, pero con el lema que tenemos en Platzi (Nunca pares de aprender) todo es posible .

HOLA QUE TAL
Vengo a djear el link a un gruppo de whatsapp en donde aclaramos de JAVASCRIPT para poder mejorar algunas habilidad aun no tan desarrolladas
https://chat.whatsapp.com/EqcLzNha3PQJmHmuOLjZ4a

Me: Tengo claro los fundamentos de JavaScript
Richard: ¿Estás seguro?
Me: Mmm…

El curso de React js 2019 fue el mejor que he tomado en la escuela de desarrollo web, espero que esté este aun mejor

Este curso pinta bastante organizado

  • JavaScript puro

    El camino a ser profesional es duro no es facil, eeeh!! vamos junior a senior duro camino lleno de experiencia

    Que forma a un profesional?

    • Conocimiento del lenguaje
    • Conocimimento de los entornos de programacion
    • Mejores practicas
    • Versado en codigo
    • Herramientas (Caja de herramientas)
    • Etica/ Profesionalismo
    • Experiencia

    No fundamentos

    • Promesas (Nivel Pro)
    • Getters, Setters
    • Proxies
    • Generadores

    Como funciona JavaScript?

    • JavaScript Engine
    • Herencia Prototipal
    • Event Loop

    Entornos de programacion

    • Browser y el DOM API

    Versado en codigo

    • Hay que leer codigo, mucho y constantemente.

    Mejores practicas

    • No reinventamos la rueda
    • Probamos nuestro codigo

    Etica

    • Ser responsable, entrega a tiempo, sabe decir no, no hace dano.

    Experiencia

    • Nada le gana a esto
    • No se puede ensenar
    • Esta en ti
    • Perseverancia

Emocionado por tomar el curso, soy nuevo, conozco los fundamentos, pero quiero profundizar más!

Comenzando después de varios cursos. Lo mejor de todo es que cuando escuche todo lo que debíamos saber, me sentí seguro de mis conocimientos 😃

La parte de ética se ve en Clean Coder del tío Bob

Para saber como funciona el lenguaje, podría serles útil el Curso de JavaScript Engine (V8) y el Navegador

Me interesa que Javascript Engine como motor de Javascript y quizas ir a fondo y crear una funcionalidad nativa, ya me surgió la curiosidad de ir a nivel nativo 😉 .

Super emocionado por el curso @Richard Kaufman !!! Vamos!!!

Uff hace un par de semanas atras abandoné este curso porque no me sentia preparado, hoy siento mucha confianza para tomarlo, ya he practicado muchos algoritmos con el lenguaje y he hecho varias apps sencillas con JSVanilla y a ver que tal, espero aprender mucho mas a profundidad este bonito lenguaje :3

Tomen el curso de Curso basico javascript orientado a objetos, para aterrizar algunos conceptos sobre todo con prototipos.

1. ¿Qué significa ser un profesional de JavaScript?

El camino para llegar a ser profesional es largo y duro, no es fácil. Todos necesitamos que nos guíen para saber qué hacer y qué no. Este camino es conocido como la ruta de pasar de Junior a Senior, este es un duro camino lleno de experiencia.

¿Qué forma a un profesional?

Te presento una lista de estas cosas que lo forman:

  1. Conocimiento del lenguaje.
  2. Conocimiento de entornos de programación.
  3. Mejores prácticas.
  4. Versado en código.
  5. Herramientas.
  6. Ética / Profesionalismo.
  7. Experiencia.

El lenguaje: JavaScript

Debemos tener muy claro cuáles son los fundamentos de JavaScript antes de comenzar con esto. Existen features muy raros y hay que estudiarlos. Tenemos que saber cómo funcionan las cosas en JavaScript.

No fundamentos


Los no fundamentos representan las siguientes características del lenguaje:

  • Promesas (nivel pro).

  • Getters, setters: son formas de obtener valor de una variable sin tener que poner this.name.

  • Proxies: es un feature muy raro, pero que más adelante veremos a profundidad. Sirve para interceptar a una función antes de que se ejecute.

  • Generadores: esto es raro, pero vamos a ver que sí es eficiente.

¿Cómo funciona JavaScript y Característica de Javascript?

  • Orientado a objetos
    es decir permite la utilización de los principios de orientación a objetos.

  • Débilmente tipado
    Es decir no se le asigna un tipo de datos a una variable y por ende JavaScript intenta entender y dar una respuesta a los casos que se muestran en el código. Para cada uno de los casos que se muestra se aplica algo llamado coerción implícita.

    • Para el primer caso,
      javascript intenta realizar convierte en string el número 4 y luego lo concatena. Si se realiza un typeof del resultado final es un string.
    • Segundo caso,
      javascript nuevamente intenta interpretar lo que se desea realizar y asume que 4 es un número y aplica una transformación de cadena a número al 7
    • Tercer caso,
      javascript nuevamente intenta interpretar lo que se desea realizar y asume que true es un 1 y aplica una transformación y luego realiza la operación 3
    • En el último caso,
      javascript toma a false como 0 y luego realiza la operación

	// Primer caso, Sí se realiza un typeof del resultado sera un string
    4 + "7"; //47
     
    // Segundo caso, Sí se realiza un typeof del resultado sera un number
    4 * "7"; //28
     
    //Tercer caso, Sí se realiza un typeof del resultado sera un number
    2 + true; //3
   
   // tercer caso, Si se realiza un typeof del resultado sera un number  
    false - 3; //-3
    
  • Dinámico
    JavaScript ejecuta código de manera interpretada (Runtime), es decir, nuestro navegador carga nuestro código y ejecuta línea por línea y consigue error se detiene, a diferencia de compilado (compile time) primero se compila convierte nuestras sintaxis en bytecode y en este proceso verifica la sintaxis y semántica para luego poder ejecutar el programa. Pero cabe la pregunta

  • ¿JavaScript es realmente compilado?
    A pesar de que Javascript se considera un lenguaje interpretado aquí hay algo importante para tomar en cuenta, El navegador realiza una tarea por medio del motor v8 de javascript. Para poder entender el código de javascript que se escribe en lenguaje ordinario. El navegador mediante y v8 realiza una especie de compilación llamada just time compiler y estos son los pasos que realiza.

    1. Lee el archivo.
    2. Toma las palabras reservadas del lenguaje y construye un árbol semántico para poder entender lo que queremos hacer
    3. En ese proceso empieza a interpretar nuestro código y lo compila. Como dato es aquí donde ocurre los casos donde javascript intenta mejorar el código, como por ejemplo cuando aplica coerción explicita.
    4. Ejecuta el código.

A pesar de que Javascript es interpretado acá se puede ver que realmente javascript es compilado. Pero sobre todo es Orientado 100% a la web que ayuda a crear esta interactividad.

  • Forwards & Backwards
    • “Forwards significa” que, al salir una nueva versión del lenguaje de programación esta se puede utilizar de inmediato sin romper el código que se hizo con la versión anterior. JavaScript no funciona así.
    • “Bakcwards Compatible” significa que, al salir una nueva versión de js, esta no va a romper el código anterior, pero tampoco se puede usar las nuevas funcionalidades en el entorno de trabajo que actualmente se encuentra el proyecto, ya que, primero se tiene que estandarizar por la “W3C” para que el navegador las pueda entender, JavaScript es Backwards.

Entonces viene la pregunta ¿Cómo utilizar las nuevas funcionalidades que trae la nueva versión de javascript?, para probar estas nuevas funciones de javascript se pueden utilizar con los compiladores de js y una de las tareas por de las cuales se encargan esto es de traducir el código para a versiones anteriores

Referencia:

  • https://babeljs.io/docs/en/

  • https://platzi.com/clases/javascript-navegador/

  • **https://babeljs.io/docs/en/

  • JavaScript Engine
    Este lenguaje corre sobre un motor, que es el encargado de interpretar el código

  • Herencia Prototipal
    JavaScript no contiene clases como otros lenguajes de programación, A pesar de que en las versiones recientes de ECMAScript se añadió la sentencia class para crear clases y extends para realizar herencias, lo cierto que por debajo de estas sentencias JavaScript está basado en objetos y protipos.

  • Event loop,
    Es el Encargado de administrar el ciclo de funcionamiento de javascript. El event loop administra tan bien javascript que hace parece que javascript puede ejecutar múltiples tareas, pero lo cierto es que este lenguaje solo puede ejecutar una tarea a la vez. El event loop se encarga de realizar las ejecuciones de las funciones de la pila de llamadas (call stack), una vez que este se vacía, es decir, no hay nada más que ejecutar, se procesan los mensajes de la cola tareas (call Queque). Con cada ‘tick’ del bucle de eventos, se procesa un nuevo
    mensaje.

Entornos de programación

Cuando estamos desarrollando web o celular. Existen diferentes entornos, y estos entornos ofrecen APIS, que ayudan al desarrollo de nuevas tecnologías.

Versado en código

  • Hay que leer mucho código y ser constante
    Esto quiere decir que tenemos que leer mucho código, un lugar recomendado para ponernos a leer código es GitHub. Debemos leer mucho y hacerlo de forma muy constante.‌

Mejores prácticas

  • No reinventar la rueda
    Cómo desarrolladores debemos tener la buena práctica de reutilizar código funcional y efectivo, hay desarrolladores que ya han solucionado muchos problemas comunes y lo recomendable es usar estas soluciones.

  • Patrones de diseño
    Otra buena práctica reusar patrones de diseño de software esto hace parte de usar soluciones existente. Los patrones de diseño es una ruta para desarrollar estructura de software y código de manera legible y efectiva. Se debe recordar que nuestro código otros programadores lo van a leer.

Ética

Esta es la parte más importante de ser un profesional. Un buen profesional cumple con los siguientes valores:

  • Es responsable.
  • Entrega a tiempo sus trabajos.
  • Sabe decir que no. Decir No; no hace daño

Experiencia

La experiencia no es algo que se pueda enseñar, tenemos que encontrarla nosotros mismos en el camino a ser profesionales. Todo está en nosotros, tenemos que estudiar y practicar mucho.

y bueno, yo estoy aquí porque siento que me estoy encapsulando sólo en React y ya hasta se me está olvidando cómo pensar con puro javascript, entonces a retomar la estudiada jeje

¡Vamo a darleeee! :3

RESUMEN

El camino a ser profesional no es facil, a veces hace falta una guia, entre el Junior y el Senior hay un duro camino de experiencia. pero ¿Que forma a un profesional?

  • Conocimiento del lenguaje
  • Conocimiento de los entornos de programacion
  • Mejores Practicas
  • Versado de Codigo
  • Herramientas
  • Etica / Profesionalismo
  • Experiencia

Hay cosas que debemos de saber que son Fundamentso, No fundamentos y como funciona

Como parte de los no-fundamentos estan las Promesas, Getters y Setters, Proxies, Generadores.

Sobre como funciona vemos el JavaScript Engine, Herencia Prototipal y Event Loop.

En los entornos de programacion hay que saber si programamos para el Browser, DOM APi o servidores.

En el versado de codigo hay que leer codigo, bastante y de forma constante.

En mejores practicas no reinventamos la rueda y tenemos que probar nuestro codigo.

En la etica hay que ser responsable, entregar a tiempo, sabe decir que no y no hace dano.

En la experiencia nada le gana a eso, no se puede ensenar, esta en nosotros y necesitamos perseverancia.

Esta super cool ! Vengaaa!!

Conocimiento del lenguaje(fundamentos y lo que no se usa tanto. Cómo funciona.), entornos de programación(Navegador, Dom API), buenas prácticas, versado en el código(leer y entender el código), herramientas, ética, experiencia.

la mejor introducción que he visto en un curso, excelente manera de hablar con congruencia y lógica, y lo mejor es que nos pone en contexto total de todo lo que conlleva ser un profesional, creo que ponernos en contexto es algo con lo que deben iniciar todos los profes de cada curso.
Never stop learning!!

No sé si es solo a mi, pero este video carga muy lento, no?

Aca estoy nuevamente , espero esta vez si pasarlo jeejjejeej

Vamo a darle

Suena retador!

Empezando en esta plataforma, a aprender se dijo 😃

"Cuando sabemos cómo funcionan las cosas, dejan de ser un truco de magia."
No pude sentirme mas identificado 😮

llevo años desarrollando con javascript, muchos de los features y conceptos mencionados aquí ya los sabía y algunos otros no, este es el ultimo curso que me falta para la ruta de front end developer con Vue, so let’s go!

hola soy nuevo