No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Curso Pr谩ctico de JavaScript

Curso Pr谩ctico de JavaScript

Juan David Castro Gallego

Juan David Castro Gallego

Analizando c贸digo de proyectos open-source

18/29
Recursos

Aportes 85

Preguntas 8

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Me gust贸 ese consejo que di贸 acerca de no llegar a criticar el trabajo de los otros miembros del equipo, por muy mal programado que est茅 un proyecto, lo ideal es dedicar el tiempo para encontrar las areas de oportunidad y sobre todo adaptarse e ir mejorando poco a poco.
Hace meses tuve mi primer trabajo como Frontend Developer y comet铆 ese error. Gracias por ayudarme a entender.

Hay que viajar al pasado con todos los que criticaban el curso de HTML y CSS que porque todo junto, hab铆a que esperar 馃槂

Llego la hora de integrar todo lo hecho el curso de Teff Code

A platzi le hacen falta botones de like a las clases

Yo le agradezco Profe. Juan, implemente en este curso HTML, CSS y JS. De mi parte no le critico destructivamente, sino en lo positivo. Este curso va mejorando cada vez m谩s. As铆 que le felicito y gracias.

Qu茅 locuraaaaa, siempre hab铆a querido integrar todo lo que hicimos con el curso de Teff, finalmente ha llegado el momento 馃榿馃殌馃挭馃徎

Hola chicos, excelente clase, dejo un documento de GitHub sobre m谩s informaci贸n de como contribuir a los proyectos open-source, espero les sirva 馃槃 https://opensource.guide/es/how-to-contribute/

Uff por fin, yo alcance a tomar como hasta la mitad del curso pr谩ctico de JS antiguo y de verdad que es un acierto integrar lo que se vio en los cursos de frontend developer, muy emocionado 馃コ馃コ

Quiero mas cursos as铆, donde se integre todo lo aprendido鈥 tengo 3 meses ya enfocada en especializarme como full stack developer y me encanta mi progreso, gracias a cursos como este

Esta es la clase que esperaba desde hace mucho tiempo!!

Excelente clase, explicando todo lo que tenemos que hacer.!

Bravoooooo, JuanDC nos da una excelente explicaci贸n del por qu茅 no debemos encuadrarnos en un s贸lo tema o lenguaje鈥 Yo estaba esperando con ansias este momento de poder integrar estas 3 tecnolog铆as鈥 El llamado de atenci贸n est谩 muy preciso鈥 muy acorde a la realidad laboral.

Excelente el comentario al minuto 10 de la clase, buen铆sima la explicaci贸n y apoyo totalmente ese enfoque鈥 si queremos llamarnos DESARROLLADORES WEB鈥 Bien por JuanDC鈥

oh si , ahora si vine lo chido.

por muy duro que parezca, no se rindan, valdr谩 la pena. 18/11/2022

Excelente! Cuando termine el Curso de Teffcode! Quede con las ganas de poder acoplar todo el proyecto! Clases mas adelante fui aprendiendo algunos conceptos mas avanzados y retome el proyecto de teffcode ya haciendo un proyecto personal y fue una experiencia donde aprendi muchisimo! Estoy muy emocionada de ver como lo vamos a hacer en este curso!

a mi me parece que va muy bien hacer JS con css y html porque en la vida laboral sera asi, ahora que lo pienso el otro curso de JS que tambien dio JuanDC solo se veia JS y casi nada de css y html.

隆Por fin a fusionar todo!馃槑
El esfuerzo del curso de Teffcode vali贸 la pena 馃挜馃
隆隆Qu茅 emoci贸n!!

En este Curso el profe Juan , habla par de puntos muy importantes, muy reflexivo y de aprenderle a valorar el trabajo de los demas y no imponer nuestras reglas sino COLABORAR como su propia palabra lo dice

QUE EMOCI脫N!!!

隆Gracias por este curso! Es excelente en cuanto a conocimiento y, sobre todo, en cuanto a prepararnos para el trabajo real.

隆Directo y genial! Muy buen profe, parce.

que gran curso la verdad estoy muy emocionado!!!

Llego el momento hace tiempo esperaba esta fusi贸n con js de este proyecto yard sale

Creo que lo mas lindo de todo es empezar a entender el c贸digo, recuerdo cuando entraba a el inspector, y no entend铆a absolutamente nada saber que en ahora puedo leer, e incluso aportar a algo que no entend铆a en lo absoluto ,es lo mas reconfortante, sientes el avance. Gracias por ayudarme.

Comando (WSL) para acortar el directory path: PROMPT_DIRTRIM=1
(el n煤mero despu茅s del igual corresponde a la cantidad de directorios que se quiere mostrar)

genial 鉂わ笍

Que gran verdad de dios es esa que en la vida hay que aprender a hacer de todo si se desea superarse.

La verdad que si emociona que ya se comenzara a trabajar para unir todo y ver que tal queda y sobre todo aprender como se hace.

Entre m谩s integrados est茅n las tecnolog铆as en el desarrollo de un proyecto mucho mejor, la interdisciplinareidad es como hacer magia

Me encanta como va este curso 馃槃

AAAAAAAA 馃惐鈥嶐煆grito de emoci贸n

soy fan de meter CSS a manito
I 馃挋 CSS3

me gusta como explica, buen aporte

Gracias profe por sus grandes consejos.

Me emocione a ver esta introducci贸n de lo que vamos hacer .

[email protected]:GabrielPuig1975/StockCtrl.git

DEjo un proyecto para que puedan aportar ideas etc鈥

Hola Juan! gracias a vos y a Estefi del curso de Front me dieron muuchas ganas de seguir tomando los cursos de Platzi, espero tener pronto las condiciones para pagarlo jaja鈥
Gracias !!
Abrazo.

Trate de ingresa a las carpetas como tu lo haces pero la pagina me queda en blanco :C

Genial empieza lo bueno 馃槃

Gran forma de empezar, a veces no es ego, solo es fustracion porque no le llegamos a entender

  • Teclado? listo 鉁
  • VScode abierto? listo 鉁
  • navegador abierto con PLATZI?: listo 鉁

A CODIFICAAAAAR!!! 馃槑

Que gran profesor, cuanta pasi贸n. Me encanta como lo hace tan f谩cil.

click

" Que seamos buenos googleando dijo el profe Juan! XD"

Si bien no tom茅 el curso de Teff de HTML y CSS, porque aprend铆 estos algo de estos conceptos en otra plataforma, me emociona lo que vamos a hacer. Voy a intentar modificar el c贸digo para adaptarlo a un proyecto propio personal de ventas. Can麓t wait to do it!

Profe, justo termine el Curso practico de Frontend, no vi la necesidad de hacerle fork, pero aprendi como hacerlo que es lo importante.! 鉂わ笍

me gusta mucho como ense帽a

Me toc贸 pausar este curso para ir a hacer el curso de teff, la verdad es que todas las posibles frustraciones que pude vivir en esta clase ya fueron resueltas en ese curso

鈥淓s un muy poco profesional y muy mala idea que te limites a aprender una cosa y no tratar con otras鈥 JuanDC鈥

Importantisimo esto!

Esta parte del curso fue muy aclaratoria en cuanto a los roles de un frontend y un desarrollador de software, y a la vez motivadora.

Quiero ser parte de la historia de los estudiantes Platzi

Genial, por ah铆 ten铆a esta carpeta que trabajamos en el curso de TeffCode y por fin me toca llegar a darle continuidad. Le d铆 mi propio dise帽o para poder subirlo a mi repositorio como parte de mi portafolio.

Exacto la critica cuando no es constructiva y se hace del lado de la soberbia no sirve, hay que bajar el ego y elevar m谩s la humildad

Este es el curso que m谩s he disfrutado.

Asu este profesor me va a volver loco, es bien loro

Si estas usando Windows Subsystem for Linux para guardar tus proyectos y quieres abrirlo como lo hizo el profesor, la ruta principal para la carpeta es: \\wsl.localhost, dependiendo de la distribuci贸n de Linux que hayas utilizado sera el resto de la ruta. Por ejemplo en mi caso es la de: Ubuntu-22.04

Entonces la ruta a mi carpeta home de WSL quedar铆a:
\\wsl.localhost\Ubuntu-22.04\home\retr0

Resulta muy did谩ctico que te expliquen paso a paso como se hacen las cosas pero lo que realmente se valora son esas reflexiones desde la experiencia!

馃攷 Archivos del Proyecto 馃攷


Pasos 馃搶

  • 鈥 Vamos a la carpeta donde se encuentra el proyecto: curso-frontend-developer-javascript, abrimos VS Code con: code .
  • 鈥 Vamos al men煤 izquierdo y al dar click derecho al archivo llamado clase1.html, seleccionamos 鈥淥pen with Live Server鈥 y as铆 se abrimos el navegador.
  • 鈥 Si queremos ver todos los archivos desde el cuadro de direcci贸n del navegador, borramos donde dice clase1 y recargamos, sale la lista con todos los archivos restantes de las clases del proyecto y podemos abrir c/u y explorar cada uno de los componentes.
  • 鈥 Dado que todos los componentes est谩n separados por archivos llamados clases, se debe redistribuir c/u y fusionarlos, lo que significa que habr谩n cambios con los estilos css.
  • 鈥 Vamos a VS Code y se crea el archivo index.html. Tambi茅n se crea el archivo styles.css

En la siguiente clase ser谩 hora de hacer YUGO SHOUKAN

se viene lo chidoooo!!!

Analizando c贸digo de proyectos open-source. Recomendaciones


Analizar c贸digo de proyectos open-source puede ser una excelente manera de aprender y mejorar tus habilidades de programaci贸n. Aqu铆 tienes algunas recomendaciones para aprovechar al m谩ximo esta experiencia:

  1. Elije un Proyecto Apropiado: Comienza por seleccionar un proyecto open-source que te interese y que est茅 en l铆nea con tus habilidades y nivel de experiencia. Puedes buscar en plataformas como GitHub, GitLab o Bitbucket.

  2. Establece un Objetivo: Define claramente lo que deseas lograr con el an谩lisis del c贸digo. Puede ser aprender una nueva tecnolog铆a, mejorar tu comprensi贸n de un concepto espec铆fico o contribuir al proyecto.

  3. Clona el Repositorio: Una vez que hayas elegido un proyecto, clona el repositorio a tu m谩quina local. Esto te permitir谩 examinar y modificar el c贸digo de manera m谩s eficiente.

  4. Lee la Documentaci贸n: Antes de profundizar en el c贸digo, dedica tiempo a leer la documentaci贸n del proyecto. Comprender la arquitectura, las dependencias y los objetivos del proyecto te ayudar谩 a contextualizar el c贸digo.

  5. Explora la Estructura del C贸digo: Examina la estructura de directorios y archivos del proyecto. Identifica las principales carpetas (por ejemplo, c贸digo fuente, pruebas, documentaci贸n) y familiar铆zate con los patrones de nomenclatura utilizados.

  6. Estudia el Flujo de Ejecuci贸n: Sigue el flujo de ejecuci贸n a trav茅s del c贸digo. Comienza por las funciones principales o puntos de entrada y sigue las llamadas a funciones y m茅todos relevantes. Esto te ayudar谩 a comprender c贸mo se desarrolla la l贸gica del programa.

  7. Comprende las Dependencias: Investiga las bibliotecas y dependencias utilizadas en el proyecto. Aprende c贸mo se integran y c贸mo contribuyen al funcionamiento general del proyecto.

  8. Lee el C贸digo de los Desarrolladores Principales: Examina el c贸digo escrito por los desarrolladores principales o experimentados. Esto te dar谩 una idea de las mejores pr谩cticas, patrones de dise帽o y t茅cnicas avanzadas utilizadas en el proyecto.

  9. Analiza las Pruebas Unitarias: Si el proyecto incluye pruebas unitarias, est煤dialas. Las pruebas proporcionan informaci贸n valiosa sobre c贸mo se espera que funcione el c贸digo y pueden ayudarte a comprender su comportamiento.

  10. Participa en la Comunidad: 脷nete a los canales de comunicaci贸n de la comunidad del proyecto, como foros, listas de correo o chats en l铆nea. Pregunta preguntas, comparte tus hallazgos y colabora con otros desarrolladores.

  11. Contribuye si es Posible: Si te sientes c贸modo y confiado, considera hacer contribuciones al proyecto. Puede ser en forma de correcciones de errores, nuevas caracter铆sticas o mejoras en la documentaci贸n.

  12. Mant茅n un Registro de lo Aprendido: Toma notas mientras analizas el c贸digo. Documenta los conceptos, patrones y t茅cnicas que encuentres. Esto te ayudar谩 a consolidar tu aprendizaje.

  13. S茅 Paciente y Persistente: Analizar c贸digo puede ser desafiante, especialmente al principio. La persistencia es clave para mejorar tus habilidades. No tengas miedo de consultar documentaci贸n adicional o buscar ayuda cuando te encuentres con problemas.


Recuerda que el an谩lisis de c贸digo es un proceso continuo y enriquecedor. Cuanto m谩s practiques, m谩s c贸modo te sentir谩s navegando y contribuyendo a proyectos open-source. 隆Disfruta del proceso de aprendizaje! 馃

Muy buenos consejos los de juan!

A mi me parece genial arreglar c贸digo css, en realidad si vamos a trabajar todo esos tipos de lenguajes en el trabajo real

Una buena pr谩ctica es una forma recomendada y eficiente de hacer algo en un campo espec铆fico. Se basa en la experiencia y el conocimiento acumulado, respaldada por expertos en el 谩rea. Algunas caracter铆sticas de una buena pr谩ctica incluyen su efectividad en lograr resultados deseados, su eficiencia al minimizar el uso de recursos, su capacidad de ser replicada y adaptada a diferentes contextos, su enfoque en la mejora continua y su aceptaci贸n generalizada por expertos. Siguiendo buenas pr谩cticas, se pueden evitar errores comunes y obtener mejores resultados en diversas 谩reas de conocimiento.

yo por eso le doy GIT RM A TODO EL mugrero y les digo:
鈥淪E VE QUE USTEDES NO TIENEN INGENIERIA鈥

y los pongo a hacer todo de nuevo鈥
JAJAJAJAJAJA

Yo decidi cuando hice el curso de frontend dev realizar un solo archivo css desde un principio. Me parecio que tener toda la pagina a crear la misma estetica que si usaba un solo archivo podria evitar repetir lineas de codigo. Hoy me di cuenta que fue una 鈥淏uena Practica鈥 馃槂

En lo particular no me gusto mucho el de Teff, pero al complementar con este me parece genial馃く馃!!!

A que se refiere el profe con fusi贸n de componentes?

Esto se va a poner bueno.

En mi experiencia como desarrollador 馃捇 esta frase es oro puro 隆No te limites a una tecnolog铆a o un lenguaje! 馃挮

Genial, Excelente![

Este proyecto del curso TeffCode, cuando termin茅, los estilos lo realic茅 con SASS.
Pdta.: Me ayudo mucho los MIXINS

analysis

humilda, nunca olvidar esos momentos q nos mantienen humildes

Na increible pero mi manera de estudiar o la que mas me gusta, es que en lugar de copiar lo que el profesor hace, intento interpretar y aprender del mismo y luego hacer lo que hizo el mismo por mi propia cuenta. Entonces yo desde el curso de la incre铆ble teff hice todo en un solo archivo html mediante sections y todo en un archivo css aparte, solo que cada vez que terminaba un componente {Atomic Design reference} le pon铆a Display: none y gg ez a la siguiente clase, realmente estoy muy emocionado por este curso y Juan como profe me parece de los top de platzi :DDDDD

Bueno aqu铆 estoy otra vez, vamos a darle pues.

La soluci贸n para el css es usar bootstrap 5, nos ahorramos mucho tiempo鈥︷煒

si quieren que apenas cambien archivo como hacia JuanDc en vscode se cambie en la url de su navegador autom谩ticamente sin recarcarlo pueden utilizar este live server.
https://marketplace.visualstudio.com/items?itemName=yandeu.five-server

En el minuto 4:40 a 1.75 no entiendes nada鈥

en el archivo de la clase esta mal escrito el "Enter a New password for your account" para que lo tomen en cuenta.

La parte del CSS es un desaf铆o, pero me permite conocer m谩s a fondo como funciona.

Muy interesante Juan, me tiene muy motivado este cursos, ten茅s una forma de explicar en donde siempre gener谩s una expectativa para la pr贸xima clase y eso lo hace siempre mas interesante.

Creanme que aunque sufri con el curso de la profe Teff, aprendi mucho y por alguna razon estoy muy emocionado de darle forma a lo que en mi cabeza debia ser!