Publicaciones
Certificados
Me gusta

Error al usar import/export en javascript al compilar con babel

LE
Leon Emil

@leonemil

Hace poco creé un boilerplate para compilar pug, sass y javascript con babel. Pero al compilar javascript usando import y export al archivo principal aparece un error en el archivo compilado que al leerlo en consola dice lo siguiente:

Uncaught ReferenceError: require is not defined
    at script.js:3

Este es mi archivo de configuración packaje.json: https://gitlab.com/LeonEmil/boilerplate-static/blob/master/package.json

Estos son mis archivos javascript que compilo con import/export en módulos a la carpeta public: https://gitlab.com/LeonEmil/boilerplate-static/tree/master/dev/js

Y este es el archivo javascript compilado en donde la consola marca el error: https://gitlab.com/LeonEmil/boilerplate-static/blob/master/public/script.js

¿Alguien podría ayudarme a entender cual es el problema y como solucionarlo?

En mi universidad enseñan a maquetar con tablas en pleno 2019 ¿cómo es posible esto?

LE
Leon Emil

@leonemil

Antes que nada pido disculpas por publicar esto pero no se donde compartirlo y me siento estafado.

Me llamo León, soy estudiante de la facultad de informática de la Universidad Nacional de La Plata (Buenos Aires, Argentina). En mi país existe un sistema universitario público administrado por el estado con fondos públicos. La ventaja de esto es que cualquier persona puede acceder a la educación universitaria sin importar su condición económica. La desventaja está en que el sistema de gobierno universitario es sumamente burocrático y muchas veces se ha intentado privatizarlo. Hay que aclarar que este sistema universitario es público, no gratuito. Es decir, todos los ciudadanos argentinos y extranjeros residentes en el país pagamos impuestos y es de esos impuestos donde una parte del dinero se destina a la recaudación del financiamiento del sistema universitario de grado.

Desde hace tiempo pude notar graves fallas en el sistema educativo de mi universidad que van desde vacíos de conocimiento en las clases teóricas y prácticas, errores graves en la explicación de temas de los profesores y una enseñanza de la tecnología totalmente enajenada de sus contexto histórico y social junto con sus origines y su importancia actual.

En las materias de introducción al desarrollo web, por ejemplo el seminario de PHP de segundo año donde se enseña HTML, CSS, Javascript y PHP, se ignoran completamente conceptos básicos que definen al desarrollo web como por ejemplo la semántica y su importancia en el desarrollo web actual.

Recientemente estuve leyendo el sitio web de posgrados de la facultad y me encontré con un curso de posgrado que se dió en marzo y se llama "ontologías y web semántica". https://postgrado.info.unlp.edu.ar/wp-content/uploads/2019/02/2019-Ontolog%C3%ADas-y-Web-Sem%C3%A1ntica.pdf

Me preguntó, ¿tiene alguna justificación que se de un curso de posgrado para explicar un tema básico y fundamental del desarrollo web?.

Es muy claro que hay una privatización en curso en esta universidad a espaldas de los estudiantes en la cual se esta quitando contenido básico de las carreras de grado para llevarlas a posgrados pagos. Se que en otras universidades hay un proceso de privatización similar que se da a puertas cerradas.

Como este, hay varios cursos de posgrado que se pueden leer en la página web de la facultad que llaman la atención por razones similares. https://postgrado.info.unlp.edu.ar/cursos/marzo/

Viendo el contenido de las materias de grado de la facultad se puede comprobar que hay 10 a 20 años de atraso en los contenidos: http://apuntes.lafuenteunlp.com.ar/files.php?path=%2F1_Lic.%20en%20Inform%C3%A1tica_Sistemas%2C%20Analista%20Programador-TIC

Tanto es así que en pleno 2019 nos enseñan a maquetar con tablas y a usar XHTML, ignorando completamente los cambios en los últimos años en la tecnología y su desarrollo a lo largo de la historia reciente, enfocándose solo en la sintaxis.

En resumen, nos dan una formación de grado sumamente mediocre, desactualizada y llena de vacíos de contenido para después obligarnos de esa manera a tener que hacer posgrados pagos con contenido básico.

No se si alguien leerá o responderá a esta publicación pero me pregunto si esto es algo que pasa solo en mi universidad, o si es un problema generalizado en el país o si es un problema generalizado en el mundo de la tecnología.

Si alguien que lea esto desde Argentina o desde otro país quiere darme su opinión para entender como es posible esto le estaré agradecido ya que no se como denunciar esto.

Problema con NodeJS al ignorar carpeta node_modules usando git

LE
Leon Emil

@leonemil

He creado un boilerplate con NodeJS instalando dependencias de desarrollo para compilar pug, sass y javascript con babel. Pero tengo un problema al usar git para controlar las versiones del proyecto.

Sucede que tengo un archivo .gitignore en el que estoy ignorando la carpeta node_modules pero al momento de clonar el repositorio en otra parte y ejecutar npm install para descargar las dependencias y después ejecutar npm start (que es el script que configuré en el archivo packaje.json para compilar los archivos e iniciar un servidor) me da los errores que pueden verse en la imagen.

¿Alguien podría ayudarme a saber a que se deben estos errores y como solucionar el problema?

¿Cómo trabajar con archivos binarios en un proyecto con git?

LE
Leon Emil

@leonemil

Buenas tardes, tengo esta duda desde hace tiempo. Entiendo que al trabajar con git no se deberían guardar archivos binarios en el repositorio para que no tenga un peso excesivo pero no se cual es la manera correcta de trabajar con esos archivos.

He averiguado que existen extensiones para git como Large File Storage que permiten trabajar con archivos binarios convirtiendolos a punteros de texto que se guardan en un servidor remoto: https://git-lfs.github.com/

Pero no se si es la mejor opción o si debería ignorar todos los archivos binarios, fotos, videos, etc y guárdalos en un servidor o en el proyecto una vez llevado a producción y vincularlos con sus links.

¿Como trabajan ustedes con imágenes, videos y otros archivos binarios con git?

¿Para que sirve babel actualmente?

LE
Leon Emil

@leonemil

Estuve viendo un vídeo sobre como crear un boilerplate en el que se usaba babel. En este vídeo la persona que explicaba dijo que babel se usa para convertir javascript con ECMAscript 6 a ECMAscript 5 y dar soporte a los navegadores que no soportan ECMAscript 6.

Según caniuse, ECMAscript 6 si tiene soporte de la mayoría de los navegadores actualmente: https://caniuse.com/#search=ECMAscript

Teniendo en cuenta eso, ¿para que sirve babel actualmente?

¿Existe algún sitio web de proyectos colaborativos de desarrollo web?

LE
Leon Emil

@leonemil

Buenas tardes, quería saber si alguien conoce algún sitio web de proyectos de voluntariado en desarrollo web que permitan a un desarrollador que está aprendiendo poder ganar experiencia y trabajar con otras personas en proyectos reales.

Conozco algunos sitios colaborativos de desarrollo web y voluntariado pero quería saber si alguien tuvo alguna experiencia de este tipo de manera online y si conocen sitios o proyectos que puedan recomendar.

¿Cómo obtener un pseudo-elemento para manipularlo con javascript?

LE
Leon Emil

@leonemil

Necesito obtener un pseudo-elemento para modificar sus estilos al usar un evento con javascript pero no se como obtenerlo para guardalo en una variable.

He intentado de la siguiente manera:

let before = document.querySelector('.element::before')

Esto devuelve null. Según la especificación de la w3c, se permite el uso de pseudoelementos en un querySelector pero esto no devolverá ningún elemento: https://www.w3.org/TR/selectors-api/#grammar

Entiendo que el problema está en que un pseudoelemento no es parte del DOM y por eso no se puede acceder de esta manera pero me pregunto si se puede hacer mediante el CSSOM.

Problema al compilar pug con prepros

LE
Leon Emil

@leonemil

Al usar include o extends con pug e intentar compilar con prepros aparece un error que dice "Error: the "basedir" option is required to use includes and extends with "absolute" paths". ¿A que se debe este error y como solucionarlo?

Petición para EDteam. Accesibilidad web en los nuevos cursos.

LE
Leon Emil

@leonemil

Buenas tardes, escribo para hacer una petición para Alvaro Felipe, Alexys Lozada y Beto Quiroga.

Quisiera saber si fuera posible que en el contenido de los nuevos cursos de EDteam que se han anunciado en los últimos días se pueda incluir contenido relacionado con la accesibilidad en la web y en la programación.

Se que es un tema muy amplio, pero quisiera que por lo menos se hiciera mención sobre algunas buenas prácticas en accesibilidad y usabilidad.

Desconozco si alguno de los profesores de EDteam tiene experiencia o conocimientos en este tema pero creo que es un tema muy amplio y con muchos beneficios para múltiples aspectos del desarrollo pero que ha pesar de eso es un tema poco abordado en los cursos actuales.

Dejo esto simplemente como una petición por si se quisiera considerar en un futuro.

Gracias.