Soy un gerente de producto experimentado con un mínimo conocimiento de codificación. Me gustaría ser lo suficientemente bueno en el desarrollo web para comenzar a crear prototipos funcionales de mis ideas de inicio. ¿Cuál debería ser mi enfoque?

Si tiene un fondo de codificación ‘mínimo’, supondré que al menos se le ha introducido HTML y CSS. Si ese es el caso, increíble, tienes un buen comienzo. ABSOLUTAMENTE necesitará aprender JavaScript para obtener cualquier tipo de funcionalidad dinámica integrada en una página. jQuery (http://jquery.com/) es una gran herramienta para que los principiantes conecten algunas funciones simples de JavaScript de forma rápida y fácil.

Dependiendo de los tipos de conceptos que tenga y de qué tan profundo le gustaría llegar, necesitará aprender algún tipo de marco o emparejamiento de idiomas para las interacciones y funciones dinámicas de la base de datos. Principalmente para registrar usuarios y permitirles interactuar con su aplicación y entre ellos. Absolutamente imprescindible para cualquier aplicación web seria.

Aquí es donde las aguas se confunden, y se reducirá a su entorno y estilo de aprendizaje como individuo. Hay tres soluciones populares entre las que puede elegir.

  • PHP y MySQL: encontrará que este es el emparejamiento más popular actualmente en la web. Casi todos los servidores web del mundo vendrán preparados para alojar una aplicación con tecnología PHP / MySQL. PHP es un lenguaje de script algo similar en estilo y sintaxis a JavaScript. MySQL es un lenguaje utilizado para interactuar con una base de datos.
  • Ruby on Rails : Ruby es un lenguaje de programación con una sintaxis y un estilo de escritura muy claros. Rails es un marco utilizado para distribuir una aplicación Ruby en la web. Este emparejamiento ha ganado TONELADAS de impulso en la web, y es otro lugar sólido para buscar. El único problema aparente con los novatos que toman esta ruta es que puede haber muchos factores en la creación de una atmósfera de desarrollo de Ruby on Rails. ‘Deberías’ estar en una computadora Mac o Linux. Ruby funciona en PC, pero no es tan amigable. La documentación de Ruby on Rails también está fracturada en la web. Hay TONELADAS de recursos por ahí, pero puede ser muy difícil encontrar un lugar para comenzar, o eso se relaciona con sus necesidades. Especialmente como un novato. Sin embargo, la dificultad que conlleva aprender Ruby vale la pena con el poder que puedes aprovechar cuando te vuelves fluido.
  • Python / Django: aunque no es un marco con el que estoy familiarizado, esta es otra ruta que puede tomar. Python es un lenguaje preferido por muchas universidades para presentar a la gente a la programación en general. Tiene una sintaxis muy clara y una comunidad amplia para aprender en línea.

Todos somos diferentes cuando se trata de este ámbito de desarrollo web. Personalmente, comencé con PHP y MySQL y aproveché los conceptos que aprendí allí para ganar tracción en otras áreas. Sin embargo, su estilo puede ser mejor para Python o Ruby. Llegará a un punto en el que tendrá que dejar de preguntar ‘cuál’ y simplemente arremangarse y saltar.

La mejor herramienta / amigo que pueda tener para configurar y probar rápidamente prototipos en la Web es el Framework Bootstrap de Twitter. http://twitter.github.com/bootst…

Bootstrap es una colección de componentes HTML, CSS y JavaScript para que pueda compilar y probar rápida y fácilmente cualquier concepto de sitio web o aplicación web que esté formulando.

Por último, hay algunos lugares excelentes en línea para comenzar a aprender los principios básicos de codificación y desarrollo web.

  • W3Schools – http://www.w3schools.com/ Aquí es donde aprendí HTML y CSS en el día, y todavía me referiré a él cuando olvide alguna etiqueta o atributo aleatorio.
  • CodeCademy – http://www.codecademy.com/ Un entorno virtual en línea gratuito para aprender todo tipo de habilidades de desarrollo web. Realmente genial para todos los niveles de habilidad.
  • Lynda – http://www.lynda.com/ Lynda.com es un excelente lugar para comenzar para las personas que aprenden mejor con un video tutorial. Sin embargo, Lynda no es libre.

Espero que esto ayude, y buena suerte en tu viaje! Hagas lo que hagas, codifica, codifica, lee, lee y mantén tu espíritu creativo sobre ti. El desarrollo web puede ser una práctica muy divertida, adictiva y, sobre todo, gratificante.

Su objetivo final es el funcionamiento de prototipos, pero eso puede significar varias cosas diferentes. Existen muchas herramientas de creación de prototipos que se centran en diagramar flujos de trabajo a través de una aplicación. Balsamiq ( http://www.balsamiq.com/ ) viene a la mente, pero buscar en Google las herramientas de ‘maqueta web’ generará otras opciones. Alternativamente, existen herramientas para generar marcas que se centran en la estética y el diseño visual. Easel.io ( https://www.easel.io/ ) y Divshot ( http://divshot.com ) se incluyen en esta categoría.

En general, creo que la forma más efectiva de construir un prototipo es conocer a desarrolladores y diseñadores que aman su idea y se rodean de su talento. Las otras sugerencias son buenos consejos para aprender cómo comenzar a ser desarrollador, pero menos aplicables para arrancar una idea.

Suponiendo que se refiere al desarrollo web, la siguiente publicación de blog de Jimmy Li describe lo que creo que es un excelente camino:

http://jimmy-li.net/blog/program

Aprenda HTML / CSS, aprenda JavaScript, luego aprenda un marco web y su lenguaje acompañante (Rails / Ruby o Django / Python). Le tomará unos meses de esfuerzo diligente, pero podrá crear prototipos de alta fidelidad e iterar y empatizar más rápidamente con los desarrolladores que pueda llevar a cabo para realizar su proyecto.

La gratificación instantánea en el diseño web funcional (como se necesita para los prototipos) para mí proviene de CMS (Content Management Systems) . Puede crear sitios web conectados a bases de datos que se puedan ampliar con muchos módulos / complementos / ad-ons. Muchos proveedores de alojamiento tienen instalaciones con un solo clic para estos sistemas. Sin embargo, para extenderlos, debe instalar módulos (en versiones recientes de los CMS puede hacerlo sin siquiera usar FTP). Todos están hechos en PHP y utilizan principalmente MySQL para una base de datos. Entonces, cuando necesite una personalización profunda, comenzará a aprender programación PHP y MySQL. Todos estos CMS tienen sistemas de plantillas para administrar la apariencia. Los tres CMS más comunes son:

1)
WordPress ( http://wordpress.org/ ). Este es, con mucho, el CMS más utilizado. Hay blogs muy simples hasta sitios web complejos creados con WordPress. Tiene muchos complementos que agregan funcionalidad. Mucha conectividad social que está muy bien mantenida. Utilizado en algunos de los blogs más populares.

2)
Joomla ( http://www.joomla.org/ ). Muy profesional desde el principio. Hay muchos paquetes de extensiones en el mercado. Usado en muchos sitios grandes.

3)
Drupal ( http://drupal.org/ ). Este es el que tengo más experiencia con. Utiliza el concepto de nodos. Un nodo puede ser una página dentro de su sitio web, un capítulo en un libro, un producto en un sitio de comercio electrónico o algo más abstracto. Tiene una increíble cantidad de módulos y conectividad. Usado en muchos sitios grandes.

4)
MODx ( http://modx.com ). Ha despegado recientemente, aparentemente es un lienzo más limpio para empezar, pero tiene menos complementos que los 3 sistemas anteriores.

Si el objetivo principal es dar a sus equipos de ingeniería una mayor dirección mediante la demostración del flujo y la funcionalidad, es mejor que solo utilice un software de creación de prototipos como Axure o iRise. Se requiere un conocimiento cero de la codificación y el tiempo de aceleración es significativamente menor.

Si está buscando crear un producto y el desarrollo web no es un área de fortaleza, le recomiendo externalizar el desarrollo a un tercero experimentado. ¡Esto le permite concentrarse en comprender las necesidades del cliente, recaudar fondos, marketing y demás!
Si desea crear prototipos para describir un concepto, utilice una herramienta como Axure o iPlotz para crear buenos wireframes.

Hola, Rapidmoon (RapidMoon: Beautiful Design cumple Bootstrap Simplicity) está diseñado específicamente para aquellos que desean crear prototipos rápidamente pero que no tienen habilidades de codificación profundas; de hecho, ¡puede usarlo incluso si no tiene habilidades de codificación!

Si está buscando un programa de desarrollo web Jr. in situ centrado en un plan de estudios basado en productos en el que los estudiantes aprendan haciendo y construyendo cosas reales, bloqueen 10 semanas a partir del 1 de febrero y únase a otros 19 estudiantes ansiosos en Launch Academy (www.launchacademy. co) en Boston. ¡Va a ser todo tipo de diversión!

Widgetize! Un buen ejemplo se describe allí:

http://sutoiku.com/post/31544317

More Interesting

Cómo hacer un sitio web PHP

Soy un desarrollador web junior con casi 2,5 experiencia comercial. ¿Cómo decidir dónde crecer frontend o backend?

Me gustaría aprender un lenguaje que se compila en Javascript como mi primer lenguaje de programación completo. ¿Cuál debería aprender?

Aprendí SQL, JDBC, HTML CSS y JSE. Ahora quiero aprender el desarrollo web Java por completo. ¿Dónde debo comenzar a aprender completamente el Desarrollo Web Java (JSP, JSF, etc.)?

Quiero construir un blog personal. ¿Qué es un servidor barato?

Quiero convertirme en un desarrollador de stack medio. ¿Desde dónde debería comenzar y cuál debería ser mi plan de ejecución con un tiempo mínimo?

¿Por qué siento la necesidad de entender todo en el desarrollo web / móvil?

Estoy planeando hacer un juego de navegador como Grepolis. ¿Qué necesito saber y qué lenguajes de programación debo usar?

Cómo crear una tabla con un marco de JavaScript

Quiero un trabajo de desarrollador PHP pero no tengo ninguna experiencia en este momento. Estoy desarrollando una muy buena aplicación web por mi cuenta. ¿Mi proyecto PHP será tratado como experiencia?

¿Soy terco al no querer aprender bootstrap y jQuery, sino aprender la fuente, CSS y JavaScript?

Cómo crear un sitio web de búsqueda de salarios como Indeed.com

¿Debería usar Django-CMS o WordPress para un blog si es desarrollador de Django y no tiene experiencia con PHP o WordPress?

¿Cuál de las siguientes trayectorias profesionales tiene una gran perspectiva y una transición más fácil al mercado laboral?

Si quiero ser un buen desarrollador web, ¿cuál es la secuencia correcta para aprender lenguajes de programación?