Lo bueno de la programación es que, aunque sigue evolucionando, el proceso de aprendizaje es casi siempre el mismo.
Entonces, supongamos, por el bien de esta respuesta, que tienes 0 experiencia con cualquier cosa relacionada con la codificación. Sin HTML, sin CSS, sin WordPress, nada.
- ¿Cuáles son las mejores startups en Nueva York, especialmente si eres de JavaScript y Angular?
- ¿Cuánto ganan ustedes haciendo trabajo independiente en Upwork en desarrollo web?
- Cómo escribir código HTML para exportar datos de formulario a MS Access o Excel
- Cómo desenfocar el contenido detrás de un div en HTML / CSS (leer detalles)
- ¿Cómo puedo asegurar mi sitio de WordPress?
La forma en que debe abordar esto es la siguiente:
- Aprenda los conceptos básicos de cómo funciona un navegador. Esto lo ayudará a comprender lo que sucede detrás de escena cuando escribe en la barra de direcciones “http://facebook.com”. Es un concepto muy básico, pero muy importante. Este es un pequeño artículo bien escrito que lo guiará a través de todo. Comience con él y luego siga buscando en Google los bits que no entiende.
- ¡Guay! Vayamos ahora al meollo del desarrollo web. Lo primero que debe hacer es aprender cómo funcionan HTML y CSS. Estos dos tipos son tan fáciles, pero tan importantes de entender. HTML y CSS son dos de los idiomas en los que cada navegador tiene fluidez. Asegúrese de hablar con fluidez si desea tener buenas conversaciones con su navegador. Para conocer a estos dos tipos, recomendaría que sigan el plan de estudios de FreeCodeCamp. Es gratis y es genial.
- A estas alturas ya debería poder entender cómo armar una página web básica. Muy probablemente, tus páginas no serán muy bonitas. No temas más, amigo mío. Bootstrap está aquí para rescatarte. También puedes aprender sobre Bootstrap en FreeCodeCamp. Mi sugerencia aquí es más allá de lo que te piden que hagas (no voy a estropear nada). Juegue con él y pronto se dará cuenta de lo simple e importante que es este pequeño marco.
- Ahora sus páginas se ven más como 2017. Genial, hora de celebrar. Puedes comenzar a llamarte diseñador web junior . Vamos ahora a llevar esta muesca más lejos y te haremos un desarrollador web increíble. Para considerarte un desarrollador, necesitas saber al menos un lenguaje de programación (spoiler, HTML y CSS no son lenguaje de programación). El primero que todos deberían llamarse Javascript. Mi consejo es aprender los conceptos básicos de lo que se conoce como Vanilla Javascript (por ejemplo, Javascript simple y simple sin superpoderes). Haría esto nuevamente en FreeCodeCamp. Tenga en cuenta que Javascript experimentó un cambio bastante masivo recientemente (llamado ES6). FreeCodeCamp no se ocupa de eso (todavía). Para facilitarle la vida, aquí tiene una lista de recursos gratuitos que puede usar ( asegúrese de aprender primero el Javascript estándar, de lo contrario ES6 podría ser abrumador para usted) :
- https://javascript30.com
- https://egghead.io/courses/learn…
- https://laracasts.com/series/es6…
- https://watchandcode.com/p/pract…
- ¡Dulce! ¡Ahora ya sabes todo lo básico! Celebra, date una palmadita en el hombro. Es hora de decidir qué quieres hacer con tu vida de desarrollo. Básicamente, hay tres tipos de desarrolladores web:
- Desarrolladores frontend: estos chicos manejan toda la parte orientada al usuario de cualquier aplicación web. Tomando a Quora como ejemplo, la barra de navegación en la parte superior es frontal, los íconos son frontend. Este área de texto en la que estoy escribiendo es frontend. Algunos de los lenguajes y tecnologías que utilizan los líderes son: HTML, CSS y Javascript (sí, los conoce todos). Este es solo el comienzo. Para ser un desarrollador frontend listo para el mercado 2017/2018, necesitará aprender al menos un marco JavaScript moderno. Los más comunes son: Angular, React, Vue y Ember. Yo personalmente uso Vue porque me resulta mucho más fácil, pero esa es solo mi preferencia personal. Si desea obtener un trabajo como desarrollador frontend, su mejor opción será React, ya que en este momento es el rey de los marcos frontend.
- Desarrolladores de backend: estos chicos hacen toda la magia detrás de escena que hace que Quora realmente publique su pregunta después de presionar el botón “Enviar”. Sin backend, al hacer clic en ese botón no pasaría nada . El backend es lo que no ves, pero si no está allí, ¡te lo pierdes! Aquí es donde se pone interesante, por ahora, no estará familiarizado con muchas de las tecnologías de back-end más comunes. Los más populares y los que recomiendo en este momento son: PHP y Laravel, Python y Django, Javascript y Meteor o Ruby and Rails. Como principiante, creo que PHP / Laravel y Ruby / Rails son los más fáciles de comenzar. Personalmente, soy un desarrollador (orgulloso) de Rails y creo que, como principiante, es bastante fácil de entender.
- Desarrolladores Fullstack: estos chicos manejan tanto tareas frontend como backend.
Ahora te preguntarás: “Sí, claro, salud Andrea. ¿Cómo diablos sé si quiero ser un frontend o un desarrollador de backend? ¡No tengo ni idea! “. Bueno, amigo mío, la regla general que siempre he recomendado a las personas es que se hagan un par de preguntas:
- ¿Me gusta diseñar y tener comentarios visuales de lo que hago? ¿Me ha gustado mucho diseñar la interfaz de los sitios web que he creado hasta ahora?
- ¿Prefiero establecer la lógica de cualquier aplicación dada? ¿Estoy de acuerdo con recibir comentarios visuales de poco a nada?
Si las respuestas a las dos primeras preguntas han sido un fuerte ¡ INFIERNO SÍ! luego siga adelante y elija un marco frontend de su elección y comience a mojarse los pies. Si no le gusta trabajar con él, aún puede cambiarlo y probar uno nuevo.
¡De lo contrario, es mejor que aprendas backend primero! Elija una tecnología que parezca interesante y comience a aprender cómo funciona.
Si respondiste ¡ INFIERNO SÍ! a todas esas preguntas, bueno, podrías estar preparado para convertirte en un desarrollador fullstack. Aprenda algunos backend y frontend y se convertirá en un desarrollador junior fullstack.
¡Qué viaje pasaste! ¡De analfabeto informático a desarrollador web! ¡Felicidades! ¡Cuidado, sin embargo, que solo estás al principio! Las tecnologías cambian súper rápido y si quieres tener éxito debes mantenerte al día.
Por supuesto, hay mucho más que deberías aprender, sin embargo, te verás a ti mismo que mientras atraviesas este proceso paso a paso, enfrentarás algunos desafíos que automáticamente estimularán tu curiosidad por aprender más.
Mi consejo en este punto es usar tu imaginación . Piensa en algunos desafíos que tienes y crea aplicaciones web que puedan ayudarte con ellos. ¡Anótelos en su diario / evernote / lo que sea y comience a trabajar en ellos!
En realidad, estoy escribiendo mientras hablamos de una serie de publicaciones de blog donde paso paso a paso desde la idea de comercializarla. Por supuesto, esto será demasiado avanzado para tu yo actual, sin embargo, podría ser una muy buena lectura para tu futuro desarrollador web.
Utilicé esta respuesta como inspiración para escribir un libro electrónico más completo donde no solo explico el proceso (como en la respuesta anterior) sino que también proporciono lo que creo que son algunos de los mejores recursos para aprender. Ve a buscar una copia gratis aquí.