FEUILLE DE ROUTE FRONTEND ET BACKEND JAVASCRIPT : APPRENDRE JAVASCRIPT

Verás allí en el archivo Roadmap que pondré a tu disposición, que tendrás algunas opciones, ¿ok? Y en algún momento vas a llegar a una bifurcación en el camino y vas a elegir entre el lado A o el lado B, ¿de acuerdo? Y luego sigues uno de los lados, mi recomendación es que no sigas los dos, porque sino terminarás llenándote la cabeza con mucha sintaxis y esto terminará perjudicando tu aprendizaje. ¡Habla Guerrero Jedi! Aquí el profesor Marcio Santos, bienvenido de nuevo al Código CEO. Y un dato, con la cantidad de tecnologías que tenemos actualmente es hasta complicado, terminamos perdiéndose un poco, incluso los desarrolladores Senior a la hora de saber que camino tomar, que tecnología usar, cual no usar, ¿Cuál es la secuencia de aprendizaje que debemos hacer? Entonces, ¿quién le dirá a un desarrollador Junior o un Full, verdad? Eso está empezando a ir ahí en la carrera de programación, Juniors, verdad, y se acaban perdiendo, verdad, qué tecnología aprendo, cuál viene después, cuál viene después, por qué elijo la tecnología A en lugar de la tecnología. • tecnología B, de todos modos. Esta maraña de tecnologías nos viene bien para tener varias herramientas, pero esto acaba dejándonos totalmente perdidos a la hora de aprender. Así que es importante que tengas un Roadmap para tener una guía, cierto, un Roadmap no es más que una guía que te mostrará el camino, cierto, la ruta que debes tomar para llegar a una determinada meta y este video aquí es específicamente se centró en presentarle una hoja de ruta de back-end de JavaScript, así como una hoja de ruta de front-end de JavaScript. De esa manera, sabrá exactamente qué camino tomar cuando aprenda JavaScript desde 0 hasta el dominio completo del idioma. Por supuesto, el primer tema del que voy a hablar aquí es que aprendes lógica de programación, ¿ verdad ?, más sobre JavaScript, por lo que la lógica de programación es, por supuesto, el primer paso, ni siquiera profundizaré demasiado porque te dejo aqui en la descripcion el link de mi curso de logica de programacion, logicamente Pro, si no sabes programar te recomiendo que le eches un vistazo al curso porque te llevara de 0 al nivel profesional en programacion Independientemente de lenguajes, aprendes lógica de programación, tomas cualquier lenguaje y programa desde 0 hasta el sistema completo, anímate, la lógica de Programación es siempre el primer paso. Pero ese no es el enfoque del video, aquí vamos a hablar sobre una hoja de ruta de JavaScript centrada en el back-end y una hoja de ruta de JavaScript Front-end. Y para hacerte la vida más fácil , te voy a proporcionar esta hoja de ruta, este mapa, esta ruta en un archivo PDF, pronto te diré cómo puedes acceder a este archivo PDF, ¿de acuerdo? El primer elemento de esta hoja de ruta es que puede dominar JavaScript nativo básico. ¿Qué quieres decir con conceptos básicos nativos? JavaScript nació para ser un lenguaje que usas en el navegador, en el navegador, ya sabes, y básicamente ejecutas tu código dentro del navegador, ¿de acuerdo? Entonces, recomiendo que cuando esté aprendiendo JavaScript, incluso si profundiza mucho más en el lenguaje, le recomiendo que vea JavaScript en su forma más nativa, es decir, en su estructura raíz que se ejecuta allí dentro del navegador, en el navegador en mas ahi en consola el navegador, a la derecha, apretando F12 y tal y ejecutando. Por supuesto, profundizarás, correcto, y lo ejecutarás en otros entornos, eso es un hecho, pero solo debes comprender que tu aplicación final se ejecutará en el navegador, por lo que debes comenzar allí de forma nativa, viendo la estructura de JavaScript. como fue desde el principio, desde sus inicios y luego profundizarás en las librerías, frameworks y hablaremos de ello en un ratito aquí en este mismo video. El siguiente paso que te recomiendo mirar es el concepto de DOM, DOM. ¿Qué es el modelo de documento por objeto, qué es este DOM? Cada sitio, toda la estructura web sigue un cierto árbol, una secuencia de información, por ejemplo, lo tienes allí en el sitio de tipo de documento, luego tienes un HTML, los bloques HTML, tienes los bloques BODY, y dentro del BODY tiene varias etiquetas, una de ellas puede ser la etiqueta P del párrafo, y debe comprender esta jerarquía, sepa que, por ejemplo, el párrafo se envía a BODY, el BODY se envía a HTML, el HTML se envía a la jerarquía de un Doctype específico, ¿no?, en este caso estamos en HTML 5 y entonces sería un DocType de HTML 5, tienes que conocer muy bien esta jerarquía porque esto influirá directamente cuando vayas a manipular elementos de tu página HTML e incluso partes del CSS . , ¿OK? A través de JavaScript, por lo que si no tiene conocimiento sobre el árbol DOM , posiblemente tendrá dificultades para interactuar con su JavaScript con los elementos DOM de esa página. Y el siguiente elemento en nuestra hoja de ruta de aprendizaje de JavaScript, ya sea para el back-end o el front-end, es que siga el conocimiento que siguió cuando aprendió la lógica de programación. no sabes cual es la secuencia al aprender logica de programacion, te dejo este video aqui en las tarjetas tambien en la descripcion y tanto este video como los demas que te recomiendo aqui para que no tengas que hacer click ahora puedes espera, mira este video aquí hasta el final, y al final revisa todos los enlaces que se guardaron aquí en las tarjetas y también se guardaron en la descripción, no tienes que dejar el video ahora, quédate conmigo hasta el final y entonces revisa estas recomendaciones que te estoy haciendo. Una de las cosas que tiene que aprender cuando observa el lenguaje JavaScript, en este mapa de ruta de JavaScript Back-end y JavaScript Front-end es la cuestión de escribir, escribir dinámicamente , escribir estático, no escribir. También necesita saber muy bien sobre variables, constantes condicionales, bucles de repetición, sus tipos de bucle, ¿verdad ? JavaScript al igual que otros lenguajes tiene sus propias funciones, por lo que no solo puedes crear tu propia función dentro del lenguaje, ya puedes usar funciones predefinidas por el propio lenguaje para hacerte la vida más fácil. El siguiente elemento de esta hoja de ruta es que sepas acerca de Ajax, muchas personas piensan que Ajax es un lenguaje. ¿no está bien? Ajax es solo un concepto que involucra Javascript y algún otro lenguaje, ¿de acuerdo? Así puede, por ejemplo, integrar JavaScript con HTML y hacer que la información se actualice dinámicamente dentro de una página. Posiblemente ya hayas hecho una búsqueda en Google y viste que mientras tecleabas Google , el propio buscador de YouTube te empezó a recomendar algunas cosas, esta recomendación cambiaba de acuerdo a cada letra que estabas tecleando ahí dentro del buscador de campo, y ¿Cómo sucede eso? Básicamente, la estructura del campo era hacer consultas sincrónicamente, mientras escribías, consultaba la base de datos y te traía resultados en tiempo real, esta es una de las maravillas que Ajax nos brinda. Entonces, para que puedas crear proyectos más dinámicos, saber mucho sobre el concepto de Ajax es algo fundamental para ti como desarrollador. Y este conocimiento solo valdría la pena que te guste aquí en este video, hombre, ¡así que no seas tonto y no duermas en la jungla! Haga clic en el botón Me gusta y ayuda a YouTube a darse cuenta de que este contenido tiene cierta relevancia y luego YouTube comienza a reproducir este contenido a más personas que, al igual que usted, también tenían dudas sobre una hoja de ruta de back-end de JavaScript o una hoja de ruta de front-end final de JavaScript. . El siguiente elemento de nuestra hoja de ruta es que conozca algo del marco de JavaScript. Fíjate que ahora dejamos la parte básica, ahora pasamos a algo más específico y un poco más pesado. Algunos marcos que te recomiendo son Vue y Angular, estos dos marcos son muy interesantes para que camines paso a paso dentro de la carrera de desarrollador de JavaScript, pero no te recomiendo que aprendas ambos, te recomiendo que eches un vistazo a los dos. cual de los dos te sientes mas comodo de usar y asumes solo uno para poder desarrollar. Verás uno en el archivo Roadmap que pondré a tu disposición que tendrás algunas opciones y en algún momento llegarás a una bifurcación y elegirás entre el lado A o el lado B, luego sigues uno de los lados, mi querida recomendación es que no sigas las dos, porque sino terminarás llenándote la cabeza de mucha sintaxis y esto terminará perjudicando tu aprendizaje. Y como estamos hablando de JavaScript, no puedo evitar recomendarte un curso completo, te dejo el enlace aquí en la descripción y también en el primer comentario anclado, este curso te llevará de 0 a dominar el idioma, échale un vistazo más tarde seguro que merece la pena. Un elemento más de nuestro mapa de ruta de JavaScript para las bibliotecas de JavaScript de backend y frontend . Estas bibliotecas externas voy a ordenar básicamente tres aquí para usted, jQuery, jQueryUI, esta interfaz de usuario es para la interfaz, ¿de acuerdo? Y la biblioteca React. Las dos primeras bibliotecas son un poco más antiguas, ok, te recomiendo que le eches un vistazo a su estructura, incluso puedes usarlas hoy, muchos sitios todavía las usan, pero React es una biblioteca mucho más completa y deja el código mucho más compacto. algo que podría hacer dentro de su aplicación para que la pantalla se vea más dinámica, que la pantalla sea más dinámica y más interactiva para el usuario usando jQuery con 10 líneas, puede hacer lo mismo usando React con dos o tres líneas, a veces incluso con una línea haciendo solo una llamada allí en sus elementos HTML, y luego su conocimiento del DOM pesará mucho. Si no sabe cómo funciona la Jerarquía, el árbol DOM posiblemente tendrá algún tipo de dificultad al tratar con jQuery con jQueryUI o con React. Y React tiene una ventaja más, puede usar Next, que es un marco para la biblioteca React, ¿de acuerdo? Para facilitar aún más su trabajo, por supuesto, será más fácil después de que lo domine, si tiene demasiado que aprender al mismo tiempo, terminará perdiéndose, patinará en el conocimiento y no podrá . evolucionar. Así que comprenda que Next será un facilitador para usted después de que domine Next, mientras que no lo domine, es solo otra piedra en su camino. Y si tenías un poco de duda sobre qué es un Framework, qué es una Biblioteca, cuál es la diferencia entre los dos, mira este video que te dejo aquí en las tarjetas y también está en la descripción que definitivamente entenderás. lo que es cada uno de estos dos elementos. Un elemento más que te recomiendo que revises es la integración de HTML con CSS, ¿de acuerdo? Y aquí el DOM también vendrá de manera pesada porque si no conoces este árbol DOM no sabrás cómo integrar HTML y CSS con tu JavaScript haciendo que Javascript interactúe aquí dentro de tu HTML, haciendo un dinamismo allí dentro de tu página. web. El elemento extra que te voy a señalar aquí es que también conoces Bootstrap, Bootstrap es un Framework CSS y hará que el desarrollo de tu página web sea mucho más fácil, no tendrás que hacer prácticamente nada con CSS. Te facilitará mucho el trabajo. y aunque CSS y HTML no son lenguajes de programación, es interesante que entiendas un poco del tema para que seas un programador más completo, de lo contrario solo harás la parte del código y dependerás de alguien que haga todo el HTML y estructuración CSS para usted. Y si te sorprendiste cuando dije que HTML no es un lenguaje de programación, mira este video que te dejo en las tarjetas también en la descripción, entenderás exactamente a lo que me refiero. Maravilloso, ahora vamos a hablar un poco sobre la hoja de ruta Back-end JavaScript, ¿de acuerdo? Pero si estás disfrutando este contenido hasta ahora, hombre, no seas tonto, ¡no duermas en la jungla! Suscríbete aquí en el canal porque solo así te garantizas que recibirás notificaciones cuando publique contenido en esta misma huella en el futuro, suscríbete ahí y activa la campanita de notificaciones. No voy a explicar en detalle aquí lo que es un Back-end, Front-end, Full-Stack porque ya he hablado mucho sobre eso en estos videos que están apareciendo aquí en las tarjetas también aquí en la descripción, pronto le daras un chequeo para entender exactamente que es cada uno de estos segmentos, ok? Entonces, yendo allí en la línea de back-end, una de las primeras cosas que les digo que aprendan es Node.JS, ¿qué es Node? Es un intérprete de Javascript, ya hablé mucho de Node en este otro video que está en las tarjetas y en la descripción, y permitirá que el Javascript que nació para el entorno Front-end funcione también en el Back-end. , es decir, también funciona del lado del servidor, es decir, podrá usar Javascript tanto en el frente del sitio como en la parte administrativa, en la parte posterior del sitio en el lado del servidor, esto es muy interesante y como ya puedes ver esta secuencia aquí de Roadmap for Javascript Backend, es muy interesante que profundices en el concepto de Node. Y como hablas de Node también te recomiendo que veas en esta secuencia eso de aprender, es que sabes de Express, Express es un Framework para Node, hay otros claro, pero Express tiene una documentación muy buena comunidad amplia y ya activa, por lo que le recomiendo que consulte Express, que facilitará su interacción con Node.Js. Y obviamente tienes que dominar la base de datos, cierto, no solo tienes que hacer que tu aplicación funcione, sino solo hacer que almacene datos, puedes usar bases de datos relacionales, MySQL, Postgre, Oracle, lo que sea, ¡no importa! O una base de datos no relacional. Ya he hablado mucho sobre estos dos tipos de bancos aquí en un video en el canal, después de verlo verás detalles, cuál es la diferencia entre un banco relacional y un banco no relacional. En la línea no relacional, MongoDB es sin duda uno de los más utilizados con Node.JS, por lo que para aquellos de ustedes que están siguiendo este Back-end Roadmap de JavaScript, usar mongoDB, correcto, mongoDB, es una de las mejores opciones, porque encontrarás la documentación muy completa, una comunidad muy activa para poder ayudarte a resolver cualquier duda, problema que puedas tener a la hora de integrar tu software con la base de datos . Además, también puedes usar la propia base de datos de Google, ¿de acuerdo? Que es Firebase, puede hacer su aplicación y almacenar los datos dentro de los servidores de Google, esto definitivamente le dará a su aplicación un gran rendimiento. Por supuesto, para convertirte en desarrollador de Javascript necesitas este RoadMap completo, ¿de acuerdo ? Y también checa un curso que te dejo aquí en la descripción, este curso te llevará desde cero al dominio total del lenguaje JavaScript, entrando a la parte de Nodos, frameworks, librerías, es un curso completo, te lo recomiendo mucho fíjate que definitivamente marcará la diferencia en tu carrera como desarrollador de JavaScript. Y como les advertí, dejaré este JavaScript Roadmap aquí en la descripción, ¿de acuerdo? Donde verás el paso a paso que debes seguir para ser un desarrollador de JavaScript, ya sea en el segmento Backend en el segmento Frontend, no importa. Y para tener acceso a este archivo que les dejo que es el de al lado tendran que hacer lo siguiente aqui en la descripcion tendran varios enlaces verdad uno de ellos sera el enlace a este archivo, hará clic, aterrizará en una página, en esta página completará su nombre, su correo electrónico, todo allí, haga clic, le enviaré el archivo a usted o en su correo electrónico o WhatsApp que usted regístrate, en una de las dos tiro por ti, ¿de acuerdo? Si el e-mail aparentemente no llega y ni siquiera llega a Whats, ¿qué vas a hacer? Vas a ir allí en la carpeta de correo no deseado o en la carpeta de correo no deseado, ¿verdad ? Pero haz eso, si ni siquiera llegó a tu whats, ingresa a la carpeta de correo no deseado y a la carpeta de papelera que el archivo definitivamente estará allí. Y solo para cerrar les dejo estos dos videos recomendados, son complementos para este tema, ok, es importante que vean estos dos videos en secuencia para que entiendan mucho más sobre este Camino,ap JavaScript Volver- extremo o Front-end, cerrado? Un fuerte abrazo y que la fuerza te acompañe!