En comparación con la codificación, el diseño de la interfaz de usuario es un conjunto de habilidades muy simple. Puede crear texturas y diseñar tipografías para sitios web, aplicaciones móviles e incluso software si sabe cómo hacerlo. Sin embargo, el desarrollo frontend y backend son disciplinas distintas con varios campos de investigación distintos. El desarrollo web, en particular, es un campo amplio, pero también es gratificante ya que te enseña cómo crear nuevos proyectos desde cero.
Este tutorial le mostrará el camino, ya sea que sea un diseñador que busque aprender a programar o simplemente quiera crear aplicaciones web más complicadas. Hablaré específicamente sobre el desarrollo web, que incluirá todo, desde HTML/CSS hasta JavaScript y, en última instancia, programación de back-end.
Todo lo que necesitas es algo de tiempo y paciencia. Nadie es excelente en nada la primera vez que lo intenta. Los que triunfan, en cambio, son los que vuelven una segunda, tercera y cuarta vez hasta que el fracaso se convierte en dominio.
Dominar El Desarrollo Frontend
Antes de pasar a la estructura del backend, todo desarrollador web debe conocer y comprender al menos el frontend. Una vez que comprende los principios, crear una interfaz en el navegador parece una tarea sencilla. Solo recuerde mantener su ego bajo control y tenga en cuenta que algunas personas son compensadas exclusivamente por el desarrollo de frontend: es un gran problema.
HTML y CSS son los dos lenguajes principales cubiertos en esta disciplina. Estos son similares a la electricidad y el magnetismo en que pueden utilizarse de forma independiente, pero son esencialmente lo mismo. Se requiere HTML para la estructura y CSS para el diseño en cualquier sitio web que cumpla con los estándares.
Los desarrolladores web que trabajan en el backend escriben el código para la interfaz del frontend. Se utilizó HTML para desarrollar esta interfaz y CSS para darle estilo. Con suficiente experiencia, descubrirá que en el ámbito del desarrollo web, estos dos lenguajes están interconectados.
Técnicas Básicas De Secuencias De Comandos
JavaScript es el lenguaje de secuencias de comandos más utilizado y compatible. Debido a que opera en la interfaz (es decir, no se requiere un servidor web), se considera desarrollo de interfaz.
Aquellos interesados en aprender programación back-end pueden sacar mucho provecho de JavaScript. Las variables, funciones, clases, métodos y otras características similares lo hacen funcionar como un lenguaje de programación estándar. El código JS, por otro lado, no necesita ser construido o ejecutado en ningún otro lugar que no sea un navegador web.
Con IDE basados en la nube como CodePen o jsFiddle, incluso puede practicar JavaScript de forma gratuita en línea.
Cualquier elemento de la pantalla puede ser animado y manipulado con JavaScript. Si manipular los componentes de la página no es lo tuyo, omite JS y concéntrate en lo que te gusta.
Si ha estudiado los fundamentos de JS y desea obtener más información, le sugiero jQuery. Es la mejor biblioteca para codificación compleja y todavía funciona en una variedad de navegadores. jQuery permite a los programadores escribir complementos que se ejecutan sobre la biblioteca, creando una capa de abstracción.
Aunque JS no es para todos, dominar los fundamentos puede ayudarlo a comenzar con la programación de back-end.
Elegir Un Lenguaje De Programación Backend
El backend es donde comienza el verdadero trabajo del desarrollo web en lugar del frontend. La mayoría de los programadores optan por especializarse en uno de los tres lenguajes: PHP, Python o Ruby (Ruby on Rails para web).
Si tiene ganas de informática, puede probar algunos otros idiomas y examinar las diferencias. Sin embargo, se sugiere que estudie un idioma profesionalmente.
A las empresas les gustan los expertos sobre los generalistas, y si se limita a un conjunto de habilidades, tendrá una demanda mucho mayor.
Cada idioma de back-end necesita un entorno de servidor único, así que investigue un poco y encuentre lo que funciona mejor para usted. Debido a que no hay una sola opción «correcta», no puedo dar una respuesta concluyente.
Rails parece estar ganando popularidad en este momento debido a su velocidad y soporte. Sin embargo, los programas de código abierto como WordPress (PHP/MySQL) continúan haciendo que PHP sea cada vez más popular.
El idioma que elija está determinado por sus preferencias y trayectoria laboral. Sin embargo, solo puedes estudiar un idioma a la vez, así que elige uno y quédate con él.
Cree Sus Propios Proyectos De Demostración
Los desarrolladores de frontend y backend adquieren experiencia a través de la práctica. Artistas, magos y bailarines de breakdance, por ejemplo, todos lo hacen. Cada habilidad/talento se desarrolla a través de la práctica y la repetición.
Sin embargo, se debe hacer una distinción entre replicar los mismos enfoques y empujarse uno mismo a nuevas alturas.
La simulación de eventos del mundo real es la mejor manera de aprender sobre el desarrollo. Invente una variedad de ideas de proyectos e intente implementarlas. Imagina que estás trabajando para un cliente y haz todo lo posible para cumplir o superar sus expectativas.
Considere las siguientes sugerencias:
- Formulario para subir y cambiar el tamaño de las imágenes
- Perfil de usuario de Ajax que se puede editar
- Un formulario de registro vinculado a una base de datos
- Sistema de comentarios encadenados
Si desarrollas algo que te fascina, estarás más motivado para aprender. Entrarás en los mismos temas una y otra vez si practicas regularmente. Te quedarás perplejo al principio, pero cada tema se absorberá con el tiempo y te darás cuenta de cómo todo encaja.
Conviértase En Un Desarrollador De CMS
Vale la pena entrar en la personalización después de que haya adquirido cierta competencia en un idioma determinado. Algunos sitios web proporcionan API o proporcionan gratuitamente su código fuente.
Una vez que haya ganado algo de confianza, debe esforzarse por aprender del trabajo de los demás. Aprender PHP, por ejemplo, es beneficioso, pero aprender WordPress lo es mucho más. Aunque todo el script de WP está escrito en PHP, emplea una serie de métodos, clases y variables únicos que deben aprenderse antes de que se pueda cambiar algo.
Si está buscando empleo, es una buena idea familiarizarse con los marcos comunes. Refinery está en Rails, Django está en Python y Umbraco y Orchard están en .NET.
Considere los marcos de CMS como ruedas de entrenamiento de programación. Puede comenzar a usar ruedines una vez que haya dominado las habilidades (cómo andar en bicicleta). Luego, una vez que haya dominado principios como la estructura MVC, puede deshacerse de las ruedas de entrenamiento y crear su propio sistema desde cero.
La Perfección Viene Con La Práctica.
Hasta que las vacas vuelvan a casa, puedo brindar asistencia, lecciones y proyectos de ejemplo. Sin embargo, la única forma de reconocer el progreso en ti mismo es practicar.
Reserve tiempo para practicar cada día o semana. Tenga un objetivo en mente para saber cuándo ha terminado un trabajo. Publique cualquier pregunta que encuentre en línea. Cuando necesite aprender algo nuevo, vaya a Google y escríbalo. Todo lo que necesita ya está allí; todo lo que tienes que hacer es tomar acción.
