Critica mi Web Personal (TendraTutoriales, Blog y Mas - Version Super Alpha)

Hola a todos, me gustaría presentarles la versión super alpha de mi web personal en la cual ademas de ser mi web personal que tendrá mi portafolios y esas cosas, también la quiero convertir en una especie de comunidad de programadores frontend especialmente con el framework Angular y Firebase en la cual estará compartiendo ecuatoriales, blogs y artículos de la comunidad que llegue a querer colaborar.

¿Por qué hago esto? Simplemente veo que mucho del contenido que tengo pensado hacer solamente se encuentra en ingles o se aprende a la mala con la experiencia y aunque hayan varios cursos online y guías en español (muy poco), la gran mayoría solamente te enseñan lo básico o intermedio y cuando tengas que hacer algo en la vida real o más avanzado ese conocimiento se queda muy corto y terminamos haciendo software copia y pega de esos cursos que no llegan a ser suficiente para lo que la vida real te pide.

¿Por Qué el enfoque a Angular y Firebase? simplemente yo soy un desarrollador Frontend que trabaja todos los días con Angular en la cual me he enfrentado a muchos problemas durante este camino y me gustaría compartir mis experiencias con lo que más conozco, en el caso de Firebase creo que es una herramienta muy interesante para aquellos que no nos dedicamos al backend pero en la comunidad en español es muy poco conocida.

Me gustaría saber si me pueden ayudar con lo siguiente :encouragement:.

- ¿Que les parece el "esqueleto" o la base de la web

- ¿Les parece bien la idea o les puede interesar la idea para consumir el contenido?

- ¿Creen que es bueno unir mi web personal (donde me "venda" a mi mismo en un 20 o 30% de la web) con una comunidad para enseñar a programadores las cosas que se hacer yo y la de otros colaboradores?

- ¿Que les parece el diseño (esta sujeto a muchos cambios)?

- Si te gusta lo que ves y llega a ser una web interesante para aprender cosas nuevas ¿que te gustaría que tuviera?

web: JancoBH :encouragement:

Esto será un proceso lento porque a pesar de mi trabajo normal de 9hs diarias a veces también tengo trabajo freelance y una vida, esto será algo secundario después de todo lo mencionado.

Muchas gracias por leer :encouragement:

P.D.: El dominio es temporal de prueba y no hay logo de momento
P.D.D.: Importante No es Wordpress o Blogger, todo es 100% hecho por mi
P.D.D.D.: Importante No he hecho media querys y se que en muchas resoluciones aún se ve feo, por eso escribí "super alpha"

Amigo a mi me gusto, esta bien estructurado. Por cierto que theme usastes.

Lo unico que pienso que deberias de cambiarle es el color rojo es como muy fuerte, con bajarle un poquito a la intesidad estaria bien. Del resto super. :encouragement:

Hay algunos errores CSS en pantallas grandes y en la versión móvil cosas que se solapan no soy experto y no he usado angular de momento pero no es una web compleja a simple vista es necesario que todo este generado con JS? digo si desactivo el JS en tu pagina, no se ve nada... y el responsive tambien con js? no es mejor los media queries en CSS? texto blanco sobre fondo rojo, es muy bonito pero cansa, si tanto te gusta el rojo yo pondría un botón para cambiar a blanco como: Smashing Magazine — For Web Designers And Developers — Smashing Magazine o seguir con los tonos oscuros pero donde vaya texto mejor fondo blanco y cuando pongas codigo ahi si usar fondo oscuro que esta de moda como en: CSS-Tricks en fin... a nivel diseño es lo que veo :encouragement:

ekractive27 dijo:

Amigo a mi me gusto, esta bien estructurado. Por cierto que theme usastes.

Lo unico que pienso que deberias de cambiarle es el color rojo es como muy fuerte, con bajarle un poquito a la intesidad estaria bien. Del resto super. :encouragement:

Hacer clic para expandir...

Gracias por tu mensaje, no use ningún theme, todo es 100% hecho por mi, lo del rojo si tambien creo que es muy fuerte de todas formas todo es como un esqueleto principal.

JancoBH dijo:

Gracias por tu mensaje, no use ningún theme, todo es 100% hecho por mi, lo del rojo si tambien creo que es muy fuerte de todas formas todo es como un esqueleto principal.

Hacer clic para expandir...

Wooow que bien amigo y con que herramienta trabajas, si se puede saber?.

Alexk dijo:

Hay algunos errores CSS en pantallas grandes y en la versión móvil cosas que se solapan no soy experto y no he usado angular de momento pero no es una web compleja a simple vista es necesario que todo este generado con JS? digo si desactivo el JS en tu pagina, no se ve nada... y el responsive tambien con js? no es mejor los media queries en CSS? texto blanco sobre fondo rojo, es muy bonito pero cansa, si tanto te gusta el rojo yo pondría un botón para cambiar a blanco como: Smashing Magazine — For Web Designers And Developers — Smashing Magazine o seguir con los tonos oscuros pero donde vaya texto mejor fondo blanco y cuando pongas codigo ahi si usar fondo oscuro que esta de moda como en: CSS-Tricks en fin... a nivel diseño es lo que veo :encouragement:

Hacer clic para expandir...

Saludos, gracias por tu mensaje, recuerda que escribí "Super Alpha" me itneresa saber más información sobre la idea que los detalles técnicos, mi interés es más enfocar un poco la idea

1. Estoy consciente de la solapación de la parte que tiene background un poco inclinado (no he hecho los media query con css en esa parte) y créeme que hacer los breakpoints solamente con CSS es hacer duplicado de código en muchos casos, de momento tiene 0 breakpoin con CSS porque no lo he hecho pero te aseguro que estarán porque son necesarios.

2. ¿Por qué se tendría que desactivar el JS? esto no le encuentro lógica y sí será todo con Javascript, ¿Por qué no? es un Stack Valido y en lo personal me parece mucho mejor y más veloz que PHP

3. Haré que el tema cambié de Dark a Light como un switch similar a Youtube ya que es fácil de hacer con el framework css de angular material (debí colocarlo antes de publicar porqué se que a muchos no les gusta el tema oscuro como a mi xD)

4. gracias por tomar tu tiempo en comentar :encouragement:

- - - Actualizado - - -

ekractive27 dijo:

Wooow que bien amigo y con que herramienta trabajas, si se puede saber?.

Hacer clic para expandir...

Angular 6, Firebase, Angular Material (esto de momento, después tengo que implementar nuevas herramientas como Angular Universal y Redux por ejemplo)

Me parece que el esqueleto está muy bien, con un poco más de trabajo quedará excelente. En el mensaje principal no queda muy claro de qué se trata la web, te sugiero que lo pongas más explícito.

Me gusta como queda el contraste de colores, pero al intentar entrar con el móvil, me ha dado algunos problemas, se cortan títulos y parte del texto, quitandole profesionalidad 🙂

Creo que fue mala idea publicar esto sin agregarle paddins en la parte que se corta el texto, así muchos se enfocan más en este tema que en lo principal, ya lo arreglo... :encouragement:

deliana86 dijo:

Me parece que el esqueleto está muy bien, con un poco más de trabajo quedará excelente. En el mensaje principal no queda muy claro de qué se trata la web, te sugiero que lo pongas más explícito.

Hacer clic para expandir...

Si, ese mensaje a mi no me convence tampoco, por eso puse "Super Alpha" porque de momento no se me ha ocurrido algo que sea bien claro y corto. muchas gracias por tomarte tu tiempo

Jameszone dijo:

Me gusta como queda el contraste de colores, pero al intentar entrar con el móvil, me ha dado algunos problemas, se cortan títulos y parte del texto, quitandole profesionalidad 🙂

Hacer clic para expandir...

Muchas gracias por tu tiempo, No te preocupes por esos detalles, por eso puse versión "Super Alpha", solamente no pensé que muchas personas entrarían en versión móvil.

- - - Actualizado - - -

Ya arreglé esos problemas de CSS :encouragement:

JancoBH dijo:

Saludos, gracias por tu mensaje, recuerda que escribí "Super Alpha" me itneresa saber más información sobre la idea que los detalles técnicos, mi interés es más enfocar un poco la idea

1. Estoy consciente de la solapación de la parte que tiene background un poco inclinado (no he hecho los media query con css en esa parte) y créeme que hacer los breakpoints solamente con CSS es hacer duplicado de código en muchos casos, de momento tiene 0 breakpoin con CSS porque no lo he hecho pero te aseguro que estarán porque son necesarios.

2. ¿Por qué se tendría que desactivar el JS? esto no le encuentro lógica y sí será todo con Javascript, ¿Por qué no? es un Stack Valido y en lo personal me parece mucho mejor y más veloz que PHP

3. Haré que el tema cambié de Dark a Light como un switch similar a Youtube ya que es fácil de hacer con el framework css de angular material (debí colocarlo antes de publicar porqué se que a muchos no les gusta el tema oscuro como a mi xD)

4. gracias por tomar tu tiempo en comentar :encouragement:

- - - Actualizado - - -



Angular 6, Firebase, Angular Material (esto de momento, después tengo que implementar nuevas herramientas como Angular Universal y Redux por ejemplo)

Hacer clic para expandir...

Lo desactive por curiosidad ya que veía mucho js/css hay gente/dispositivos/navegadores que desactivan el JS es raro si pero existen y estoy de acuerdo en ignorar esta gente y dispositivos y mas en un proyecto donde no sera tu publico... pero si el 100% de tu web esta en js lo mejor es poner un mensaje al menos por accesibilidad no? <noscript>Your browser does not support JavaScript!</noscript>

Como aquí por ejemplo:
PageSpeed Insights
Seguro hay mas curiosos como yo que lo notan

Pero ese no es mi punto... mi punto es 1.18mb de js y 60k de CSS para lo que tienes no se... ok es alpha y crecera tu proyecto lo entiendo pero habrá que empezar por lo simple digo yo no?, en fin suerte :encouragement:

PD: Se me olvidaba sobre los breakpoints que dices... no hace falta si es mobile-first que es como todo debe ser ya, saludos criticas constructivas tómalo bien 😛8:

Alexk dijo:

Lo desactive por curiosidad ya que veía mucho js/css hay gente/dispositivos/navegadores que desactivan el JS es raro si pero existen y estoy de acuerdo en ignorar esta gente y dispositivos y mas en un proyecto donde no sera tu publico... pero si el 100% de tu web esta en js lo mejor es poner un mensaje al menos por accesibilidad no? <noscript>Your browser does not support JavaScript!</noscript>

Como aquí por ejemplo:
PageSpeed Insights
Seguro hay mas curiosos como yo que lo notan

Pero ese no es mi punto... mi punto es 1.18mb de js y 60k de CSS para lo que tienes no se... ok es alpha y crecera tu proyecto lo entiendo pero habrá que empezar por lo simple digo yo no?, en fin suerte :encouragement:

PD: Se me olvidaba sobre los breakpoints que dices... no hace falta si es mobile-first que es como todo debe ser ya, saludos criticas constructivas tómalo bien 😛8:

Hacer clic para expandir...

Tienes razón, a la web aún no le he implementado PWA, una de las normas es colocar el cartel de "debes activar Javascript" por esa parte no te preocupes que todo ira ok

Lo del peso también se soluciona fácil, implementando lazy loading de angular en las rutas y imágenes créeme que bajará mucho el peso :encouragement: en mi firma tengo mi web de Pokémon en Beta que con todo lo que tiene es ligera (aunque últimamente no he optimizado bien ciertas imágenes)

ah y el mobile first no me gusta xD

saludos, gracias por tu mensaje

Agranda un poco más los cuadros en la sección Tutoriales, para no tener que hacer zoom. Piensa en los que se les achica la vista:sorrow: