¿Cómo hacer webs buenas, bonitas y baratas?

[Neftali [Germán.Estévez]]

Empezado por Casimiro Notevi

Bueno, esas son mis impresiones al día de hoy, lo mismo me está afectando esta calor

Vaya!!
Yo que estaba esperando a que hicieras todo el trabajo para "engarcharme" a la solución que encontrarás...
Me has dejado "planchado"

[Casimiro Notevi]

Empezado por Neftali

Me has dejado "planchado"

Pues si vieras la cara que me ha quedado a mí, cuando después de varios días, vi un triste "hola mundo". Y además no sabía de dónde había salido

[Neftali [Germán.Estévez]]

Yo estoy igual que tú.

Necesito montar una web, con algo de programación (por eso no me sirven soluciones como Drupal, Joomla, WordPres,..), conexión a Base de Datos y poco más...

[Casimiro Notevi]

Pues a ver si nos "retroalimentamos" , porque estos "sabiondos de la web" sólo dan enlaces, palmaditas en el hombro ("es muy fácil, en un día lo has aprendido y está funcionado") y "apáñatelas como puedas" , pero del dicho al hecho...

[roman]

No sé por qué dudan.

Por un lado, no entiendo (será que me falta leer el hilo con detalle) cómo pueden plantearse la disyuntiva entre CMSs y Frameworks. Creo que ya lo dijo Mario: quieren algo para NO programar, usen un CMS, en caso contrario usen un framework.

Por otra parte, hay por lo menos dos personas en esta discusión que, si no mal entiendo, en estos momentos tienen tiempo libre. ¿Qué mejor que ahora mismo para aprender un nuevo lenguaje y todo el combo como dice Mario. Si yo estuviera en su posición, sin pestañear comenzaría a estudiar python y django.

Por ahí creo que mencionan no saber por dónde empezar. Yo empezaría por el tutorial de django que es muy completo y te va llevando de la mano. ¿Que no saben python? Pues lo van aprendiendo junto con django. Y hay muchos sitios y libros en línea donde aprender.

Aunque no lo he revisado, creo que la opción que comenta Mario de lo que llama micro framework es excelente para darse una idea de cómo estructurar todo y no caer en los vicios que tenemos los que empezamos con el pie izquierdo

Así que ¡ale!, de mayo para acá ya habrían aprendido django

// Saludos

[Casimiro Notevi]

Puede que sea el "concepto" lo que no entiendo, porque me imagino una web con un logo, un menú, unos textos, imágenes, etc. Pero no veo nada de eso en ese tutorial django y mucho menos en el de python.

[roman]

Porque estás pensando unicamente en la parte visual (logo, menús, etc). Pero, cómo decía Cantinflas, ahí está el detalle. Si sólo quieres eso, usa un CMS. Pero si lo que quieres es crear una aplicación web entonces es mejor que aprendas a estructurar todo. Si no lo digo en broma, yo aprendí con todos los vicios de PHP, abriendo el editor y escribiendo mezclas de HTML y PHP sin ningún tipo de organización. Y como tiempo hay poco, los vicios aprendidos los va uno arrastrando.

Además, esto que dices es como si dijeras: imagino una aplicación de escritorio con su logo, sus botones, sus menús. Esto de delphi como que no lo entiendo.

// Saludos

[mamcx]

Ah...

Es que eso es HTML/CSS = Presentación.

Cuando algo como joomla arranca, ya tiene todo el escaparate armado. Incluyendo, el html/css.

Pero no veo porque el shock. Es igual que con PHP, no hay nada pre-fabricado, hay que armarlo poco a poco.

O quizás no has tenido ninguna experiencia con web, en lo absoluto?

O solo usando un CMS?

En ambos casos, el shock viene de no entender que compone un sitio web. De ahí lo bueno de usar un framework o micro: Te obliga a entender que es cada parte del rompecabezas.

Con bottle, por ejemplo, se empieza sin un html. Corre el tutorial (en serio!, es importante) y le das click derecho/ver código fuente. Veras que sale EXACTAMENTE lo que devuelve esa función.

No hay nada "bonito". En la medida que prosigas, veras como se arma manualmente un formulario, se hace un post, etc. Aun sin tener un html "bonito" ni armado. Luego te introduce el concepto de las plantillas (ahí por fin! podes usar html).

Esto es diferente al tutorial PHP clasico. En PHP/Clasico/espaguetti, el php es el index.html. Esto genera problemas:

1- Empieza con una mala practica de programación web (mezclar html cliente/código servidor)
2- Hace creer que aplicaciones web SOLO es html
3- Hace creer que sin HTML, no hay web

En python/ruby se promueve el modelo MVC, en donde el código servidor RENDEREA un html en base a una plantilla. O sea, es python genera el html al mezclar el archivo como tal sustituyendo con marcadores/variables que son enviadas por el programa. Es algo facil de entender, en la medida que avances con el tutorial y llegues a la parte de plantilla.

----

Es importante notar que incluso en el mundo del Javascript se esta moviendo en la direccion que promueve el MVC (ej: angularjs.org). Osea, es desaconsejable al dia de hoy mezclar html, js, css, codigo servidor, en un mismo archivo.
----

Pero entonces, como hacer algo presentable? Lo bueno de joomla y amigos, es que tienen un diseño pa arrancar (asi sea feo). Con django, tiene el administrador automatico que es una web funcional.

Con bottle no hay nada de nada. Entonces?

Una opcion MUY popular ahora es usar:

http://twitter.github.com/bootstrap/

Que trae todo un estilo html/css/js facil de adaptar y entender (El resideño de http://www.elmalabarista.com muestra como se puede personalizar)

P.D: Para tener una presentacion mas profesional, porque honestamente, la parte mas dura de todo esto es el manejo de CSS y el diseño, una buena idea es adquirir una plantilla pre-diseñada (ej: http://themeforest.net/) y concentrarse en la programacion solamente.

[[Chris]]

Casimiro sigue estos pasos:

1) Abre el blog de notas de Windows
2) Escribe "<h1>Hola Casimiro!</h1>
3) Guárdalo como "saludo.html"
4) Da doble click sobre el archivo recién guardado.
5) Listoooo! Ya tienes tu hola mundo en 4 sencillos pasos .

Ya hablando en serio. Antes de entrar en el mundo Web debes empezar por lo básico. Y eso es el blog de notas y escribir código HTML puro y crudo. Luego le metes al CSS. Esto es cómo si fueras a familiarizarte con la interfaz de Delphi. HTML y CSS son la base de todo lo demás. En este sentido no es adecuado que quieras iniciar con Boilerplate si aún no terminas de comprender como se funciona y se entrelazan el HTML, CSS y JavaScript y el nuevo residente, jQuery. Estás intentando abarcar demasiado si es que estás empezando.

Por ejemplo, ya tengo más de un año de estar metido en esto de la Web y aún no termino de comprender Boilerplate. Aunque en realidad nunca me he puesto en ello. Me preocupa más terminar de entender bien HTML, CSS, Javascript y jQuery. Ya estoy en un termino medio. De vez en cuando ayudo a otros usuarios en Stackoverflow.

Un año talvez no lo tengas. Entonces tienes que organizar tu esquema de aprendizaje y redefinir tu enfoque.

Mi recomendación:
1ro: Dedica una semana completa a travesear con Python. Escribe tonterías. Lee sobre el lenguaje. Cualquier cosa que te ayude a familiarizarte con él. Talvez puedes dedicar un par de días o uno completo si ya más o menos entiendes lo básico.

2do: familiarizate con Django. Lo primero es cómo enlazar las rutas ("/sitio.com/productos") a sus respectivos controladores. "def productos: ...". En este paso no te preocupes por la presentación. Olvídate del HTML y CSS. Éso lo verás después. Preocura entender cómo obtener la lista de productos, cómo obtener de la DB sólo un producto. Como actualizarlo, como eliminarlo. Luego puedes empezar a trabajar con los filtros. Siempre recuerda que cada operación tendrá su respectiva ruta URL. Envia al navegador el resultado de las operaciones. Envíalas crudas. No te preocupes por plantillas ni adornos de CSS o HTML.

3ro: Cuando logres manejar lo anterior. Empieza con las plantillas de Django. Con ellas ya empezarás a trabajar con HTML y CSS. Te darás cuenta que estos dos últimos son más díficiles que los anteriores. En especial el CSS. Una cosa es trabajar con el color de fondo y el tipo de texto, pero otra muy distinta es trabajar con la posición de los elementos. Reglas como Display, Float, Position son un golpe en los eggs cuando empiezas. Pero si has empezado con lo básico, ya tendrás una mente más abierta para trabajar con ellas.

Mi punto es: Empieza a familiarizarte mentalmente con el desarrollo Web. Cuando vienes de Delphi este remix de tecnologías y lenguajes puede parecer un desastre (a mí me pasó). En Delphi estamos acostumbrados a utilizar una sóla herramienta para hacer todo. Desde la lógica de negocios hasta la parte visual. Más aún, en Delphi diseñas las interfaces WYSIWYG. En HTML y CSS no es así.

Te aseguro, una vez quedes familiarizado con todo este enrollo, te parecerá hermoso. Todas las tecnologías encajan perfectamente, es maravilloso! Aunque sea díficil apreciarlo desde un inicio. Una vez que estés familiarizado te advierto que talvez no quieras volver a realizar una aplicación en Delphi. A mí me pasó.

Saludos!

PD.: Si te quedas pegado en algún punto, sabes que estamos acá para ayudarte!

[Casimiro Notevi]

Bueno, pero es que "más o menos" conozco un poco de html, algo de php, algo de css, poquito de javascript y todas esas cosas, incluso algunas cositas con jquery, y sé cómo montar el puzzle con todo eso, más o menos. Mi cutre-birria-obsoleta web está hecha con esas cosas y la hice yo, y funciona. Incluso envía emails y todo

En fin, os haré caso y dedicaré más tiempo a entender esas cosas, todo sea por hacer webs técnicamente eficaces

[mamcx]

Unos recursos extras para aprender de todo esto:

http://net.tutsplus.com/

Ej:

http://net.tutsplus.com/?s=django

Tambien

http://www.smashingmagazine.com/

Recursos (como iconos, librerias de javascript):

http://www.webappers.com/