Repositorio con resúmenes y cheat sheets de HTML5 y Git

Uno de los hábitos que tengo es el de realizar resúmenes de los cursos o tutoriales que realizo.  Por lo general suelen estar un tanto esquematizado para ahorrar tiempo tanto al hacerlo como luego al repasar, sin embargo, he decidido crear un repositorio e irlos subiendo aunque un poco más estructurado, ampliado y completo (algunos bloques que conozco bien suelo omitirlos).

Cambio del proyecto de Node.js a Python/Django

Sí, se que anda bastante parado el tema del proyecto de mi web personal.  El diseño en si es uno de las partes de la creación de una página web que más me bloquea, me queda el menú superior para resoluciones no móviles para que tenga un aspecto medio decente.  Si bien es cierto, que buena parte del resto del diseño lo hice el sábado pasado.

 ¿Por qué el cambio?

Si bien he aprendido bastantes cosas y Express tiene muchas similitudes con otros frameworks MVC (o MTV en el caso de Django) hay un aspecto a mi parecer bastante importante que no me deja profundizar lo que quisiera:  Mi conocimiento de JavaScript es básico.

Se manejarme en JavaScript en lo básico, pero cuando ya nos metemos con los callbacks y otros aspectos ya se complica y la verdad, la sintaxis no ayuda en absoluto.  Así que tendría que dedicarme un cierto tiempo a profundizar, cierto es que con Express tampoco hace falta conocer bien JavaScript para usarlo, pero tengo el "mal hábito" de querer comprender las cosas bien y en profundidad y ahí sí es importante.

Python por otro lado, es un lenguaje increíble.  Tiene una sintaxis muy clara y limpia, es flexible y potente y ultimamente he estado aprendiendo Django, en el que la generación del panel de administración es ridículamente fácil. Python/Django está bastante asentado y de cara a buscar trabajo más a corto plazo también le da un aliciente adicional.

¿Y qué pasa con Node.js?

Posiblemente crearé la web en 2 versiones, una en Python/Django y otra en Node.js/Express ya que no quiero dejar de lado Node.js, es una tecnología increíble que además es posible acoplarla en proyectos ya sean de Python o de PHP, sin embargo, la dejaré en pausa hasta que tenga tiempo para profundizar en JavaScript.

Además, una vez conozca bien las bases de Node.js siempre es posible usar CoffeeScript, de esta forma es posible tener la potencia de Node.js y una sintaxis más similar a Python :D.

Se busca: Colaboradores para realizar proyectos para ganar experiencia y ampliar portfolio

La creación de webs cada vez más se está enfocando más a la especialización en determinadas áreas, por contra, el que empieza normalmente para realizar algún proyecto tiene que realizar todas las partes de una web.  Si bien es bueno al principio conocer todo el proceso, cuando uno quiere conseguir destreza y experiencia en un área es un lastre importante de tiempo.  Por no mencionar que la mayoría de las empresas piden x años de experienca, ¿Cómo conseguir experiencia trabajando en una empresa si casi todas las empresas piden experiencia?

De vueltas con el diseño

Hace una semana exacta, tiré todo el día debido a complicaciones a la hora de instalar las dependencias de MongoDB para Node.JS, muchas instalaciones y desinstalaciones debido a ciertos problemas que tiene Windows 7 con el uso de esas dependencias al ser compiladas por Visual Studio C++.  En aquel momento mi intención era proseguir con el proyecto añadiendo los datos del portfolio via MongoDB.

Proyecto ShinFDuran Home: Día 5 retoques

Ayer ya empecé a echar de menos el no haber realizado el wireframing de versiones más amplias que la mínima del móvil.  Ya incluí algunas media queries pero sobre todo después de hacer el deploy en Nodejitsu y mirarlo más a fondo ví algunas carencias.

Publicar tu app en Nodejitsu con el módulo jitsu

Recientemente cuando ya tenía una app o proyecto web medio visible después de la maquetación, pensé que en lugar de simplemente hacer screens de mi versión local y tener el código en github, subir el proyecto a internet y me ha sorprendido lo fácil que resulta subirlo a Nodejitsu.

Proyecto ShinFDuran Home: Día 4 maquetación con Stylus

Hoy toca empezar a maquetar la web, el día 3 empecé a codear y empezar a tener buenas sensaciones picando código, ahora toca que ese código HTML empiece a tomar forma y empiece a parecer una página web de verdad.

Proyecto ShinFDuran Home: Día 3 Web inicial con Express, rutas y vistas.

Hoy habría que seguir con el wireframing para anchuras mayores, pero el código me llama, me apetecía mucho empezar a implementar la web trasteando el el back-end, de momento me centaré en el diseño móvil y luego ya lo iré adaptando sobre la marcha (que es algo que se suele hacer).

Análisis de HTML5 Boilerplate e Initializr

Antes de empezar con el análisis en sí, me gustaría dejar claro lo que es HTML5 Boilerplate como Initializr.  Y es que sobre todo al principio, se tienden a confundir algunos conceptos o las explicaciones que he visto son bastante vagas, así que he decidido analizarlo en cierta profundidad para saber qué hace cada módulo y así poder elegir los que más nos convienen.

Proyecto ShinFDuran Home: Día 2 comienza el diseño

Pues sí, hoy ya había que empezar con la divertida (para otros) tarea de ponerse con lo que sería el diseño de la web.

Como ya comenté, mi idea era la de hacer el diseño flat design, aunque para ser sincero tampoco estaba muy seguro de lo que era así que inicialmente me dediqué un tanto a informarme más en detenimiento.  Parte de esa información está subida en algunos documentos del proyecto.  En mi github tenéis tanto esos documentos como archivos sobre el wireframing posterior (txt explicativo, imágenes y xmls para cargarlo en Balsamic Mockups).

¿Que es el wireframing?

A la hora de realizar una web es muy importante partir de una base.  Si bien a lo largo del desarrollo los colores, efectos y otras características se pueden ir retocando hay ciertos detalles que de primeras hay que tener medianamente claros.

Uno de esos puntos es la estructura de la web, secciones, contenido y lo que nos ocupa aquí, su distribución en la página.  Lo habitual es que cuando nos pongamos a realizar un proyecto, el cliente quiera que la web esté lista para ayer.  Otra cosa es luego la realidad.

Proyecto ShinFDuran Home: Día 1 Planificación inicial

Hoy tocaba realizar al menos el índice de contenidos.  Si bien al final sólo le he dedicado 2-3 horas al menos he comenzado ya y he empezado a plasmar mis ideas en conceptos más concretos.

Proyecto ShinFDuran Home: Introducción

¿Qué es Proyecto ShinFDuran Home?

Esa pregunta se merece una respuesta, sí.  Como ya comenté al inicio, este blog tiene como fin ayudarme a organizar un poco mis pensamientos, lo que aprendo y mis proyectos en general; y ya de paso intentar obtener algo de utilidad para los demás.

En lugar de dedicarme únicamente a aprender y luego dejarlas aparcadas hasta que me hagan falta, con el riesgo de olvidarla tengo pensado mientras tenga tiempo ir realizando una serie de proyectos en las que ponerlas en práctica, asentar esos conocimientos y posteriormente ver lo que he hecho y qué fases son susceptibles de ser mejoradas.

Diseño del blog y en general

En primer lugar, me gustaría hacer una aclaración sobre el aspecto de este blog y en general de otros proyectos personales que tengo pensado hacer.

Como supongo que ya sabéis la elaboración de una página web tiene bastantes campos (diseño, front-end, back-end, seo,...) que salvo los freelance (y no todos), no los desarrolla una única persona.

Hola Mundo (y a mí primero)

Hola a todos, no he podido mas que usar ese tan recurrente "Hello World" que los que estamos aprendiendo diferentes lenguajes no paramos de ver en los tutoriales.

En este primer post, mi objetivo es presentarme, indicar los motivos que me impulsaron a crear este blog y de qué va a hablar.