¿Cuál es el proceso paso a paso para convertirse en un desarrollador web profesional desde cero?

Esta es una gran pregunta. Mucha gente pregunta qué debo hacer, pero “paso a paso” es una parte clave del pensamiento. Hay algunas habilidades que necesitará antes que otras.

Cada página web se compone de solo tres tecnologías. HTML, CSS y JavaScript (también imágenes y videos, llamados activos, pero los ignoraremos para esta discusión). No importa cuán complicado sea el sitio, todo se reduce al servidor que envía HTML, CSS y JavaScript al navegador, que luego se muestra para el cliente (persona que visita la página). TODO lo demás se basa en estos tres.

Entonces, Paso 1 , aprenda HTML, CSS y JavaScript. HTML será más fácil. Implica aprender las diferentes etiquetas de elementos HTML, comprender cómo están estructuradas, etc. Probablemente pueda obtener una buena comprensión de los conceptos básicos en diez horas.

CSS (hojas de estilo en cascada) será un poco más difícil. Aquí es donde “diseña” los elementos HTML. Quizás desee letras azules, o una fuente diferente, o mover un elemento a un lugar específico. Harías esto en CSS. Para HTML y CSS, recomendaría el libro “HTML & CSS” de Jon Duckett.

JavaScript será el más difícil. Es un lenguaje de programación real. Lo necesitará para controlar el “comportamiento” en el sitio. Quizás desee que algo suceda cuando se hace clic en un botón, o cuando alguien pasa el mouse sobre un determinado elemento. JavaScript es lo que controlará esto.

Hay muchas bibliotecas y marcos de JavaScript que puede aprender. Una biblioteca popular que debes aprender es jQuery. Hará que gran parte de la funcionalidad de JavaScript sea más fácil de usar. Sin embargo, será tentador aprender los marcos o bibliotecas. Ve más profundo. Conozca JavaScript puro. Entonces, cuando las cosas se rompan, sabrás lo que está sucediendo. Un gran libro de JavaScript es “JavaScript: la guía definitiva” de Flanagan. Es un libro grande, pero tiene algunas de las mejores explicaciones que he visto.

Esto se encargará de lo que se llama el “front-end” o el “lado del cliente” o “navegador”. Esto es todo lo que sucede en el navegador de una persona (como Chrome, Firefox, etc.) después de que el código se envía desde el servidor. Solo conociendo estas tecnologías, puedes hacer mucho. Cualquier sitio web que necesite simplemente enviar información a un usuario, ahora está listo para codificar.

Sin embargo, hay otro lado. Es lo que sucede en el servidor antes de que se envíen HTML, CSS y JavaScript al navegador. Habrá (muchas) ocasiones en las que querrá modificar el HTML, CSS o JavaScript antes de enviarlo al cliente. Tal vez necesite obtener información de una base de datos, o el cliente haya hecho clic en cierto lugar en un mapa, y deba pedirle a Google los datos antes de enviarlos de vuelta. Aquí es donde entra la programación del lado del servidor. Es posible que escuche esto llamado, “lado del servidor”, “back-end”, “servidor”. Todos estos son sinónimos de lo que sucede antes de que el código se envíe al cliente.

Aquí en el servidor, no hay un idioma como en el navegador. Hay muchas soluciones que logran lo mismo. Algunos son mejores para ciertas tareas. Sin embargo, no importa qué lenguaje de programación se use, la tarea del servidor es recibir las solicitudes que llegan del cliente (el navegador de una persona generalmente) averiguar qué se enviará de vuelta y enviar HTML, CSS y JavaScript. Eso es.

En el lado del servidor, algunos de los lenguajes utilizados son PHP, Python, JavaScript (con NodeJS), Ruby (y Ruby on Rails), etc. Elegir un idioma para aprender de este lado es más difícil.

Sugeriría, como Paso 2, que aprenda Ruby on Rails. Hay un par de razones para esto. Primero, Ruby es un buen lenguaje para trabajar. Tiene sentido, y como su primer lenguaje del lado del servidor, también es tan poderoso como cualquier otro. En segundo lugar, Rails como marco te ayudará a aprender cómo organizar el código. Lo que nos lleva al paso tres.

Paso 3 , aprende a organizar el código. Al comenzar a escribir el código, encontrará que es fácil “pintar en una esquina”. Todo funciona, pero luego debes cambiar algo (SIEMPRE necesitarás cambiar algo). Te encontrarás reescribiendo gran parte del código porque una pieza afecta a otra pieza, y a otra, etc. Dos libros que recomiendo aquí son: “Código completo” de McConnell y “Diseño práctico orientado a objetos en Ruby” de Metz. Si solo vas a leer uno, lee Sandi Metz. Ella es un genio del diseño.

Una vez que aprenda estos conceptos básicos, lo mejor que puede hacer en el Paso 4 es leer y escribir código. Elige un proyecto que creas que sería divertido y hazlo. Obtenga una cuenta Digital Ocean (o un servicio similar), gire una gota y construya algo. Obtenga una cuenta de Github y comience a leer el código de otras personas. Esto abrirá nuevas formas de resolver problemas. Además, cuando ponga su propio código en Github, actuará como su currículum cuando busque un trabajo.

Por último, un recurso gratuito que incorpora gran parte de lo anterior es theodinproject.com. Erik Trautman hace un gran trabajo en este sitio explicando algunos conceptos bastante complicados.

¡La mejor de las suertes! Es un proceso factible. No es fácil, pero no hay nada que valga la pena.

Elegir la tecnología

Front end o Client side: es lo que ven los usuarios mientras visitan el sitio, los elementos visuales.

Back end o Server side: son todas las funcionalidades subyacentes que ejecuta el sitio.

puedes elegir ir con uno u optar por aprender ambos lados (Desarrollador web de pila completa)

Las tecnologías front-end o del lado del cliente se componen de:

HTML (Estructura de los contenidos)

CSS (estilo que define la apariencia de los contenidos)

Javascript (funcionalidades básicas del lado del cliente)

Para el back-end, puede optar por la línea tradicional de: Php, Ruby o Python.

Si elige seguir la línea tradicional, es posible que necesite aprender un idioma completamente nuevo, es bueno si es un alumno apasionado o si no desea pasar tiempo aprendiendo algo nuevo si puede usar las cosas que aprendió aprendiendo el idioma. lado del cliente. ir con Meteorjs.

Meteorjs es una plataforma javascript para crear aplicaciones web modernas.

Tanto para el front-end como para el back-end estás escribiendo el mismo javascript. Meteorjs también es muy fácil de comenzar y también tiene algunos buenos tutoriales en youtube: Levelup tuts.

O si desea usar php, ruby ​​o python, incluso puede seguir jugando con los marcos de back-end para cada idioma. : laravel para php, rieles para ruby, django para python.

Al final lo que importa es en qué idioma / marco te sientes más cómodo.

Para saber dónde aprender:

Puedes ir con Codecademy / FreeCodeCamp

o canales de youtube:

Sube de nivel

Consejos de desarrollo

Derek Banas

Simplemente haga una búsqueda en Google, hay una gran cantidad de tutoriales creados por estas increíbles personas.

Una vez que elija los idiomas / marcos y revise los tutoriales, asegúrese de no solo seguir los tutoriales, sino de sentarse y codificar.

Sentarse a través de la codificación es un gran paso, muchos se sienten cómodos siguiendo los tutoriales, pero tienen miedo de pasar tiempo codificando y resolviendo problemas y conociendo el lenguaje / marco

El tercer paso es:

Sé apasionado, sé epistemófilo

ser un apasionado de la codificación y estar siempre listo para aprender cosas nuevas, y esforzarse por aprender cosas nuevas

los mejores deseos en tu viaje

Espero que haya ayudado:

por favor no dude en conectarse conmigo en:

Fb: Vishnu Dileesh | Facebook

Twitter: Vishnu Dileesh (@Vishnu_Dileesh) | Gorjeo

Hashnode: Perfil de Vishnu Dileesh – Hashnode

Github: VishnuDileesh (Vishnu Dileesh)

Comience con la construcción de sitios web estáticos. Al principio, solo use HTML y CSS y diseñe pequeños sitios web agradables con eso. Luego agregue Javascript para manipular partes y crear contenido dinámico. Practica eso por más tiempo. Al hacerlo, tenga en cuenta que Javascript es un lenguaje roto y hay mejores opciones (más adelante).

Cuando puedes construir algunos desde sitios web, aprende cómo crear un backend. Sugeriría no usar NodeJS para eso. La razón: Javascript es un lenguaje roto por diseño. Hay muchas alternativas y navegar a través de Quora le dará un gran conjunto de oportunidades (busque las respuestas existentes, hay una docena de ellas).

Cuando pueda configurar un servidor web básico, comience a aprender sobre frameworks tanto para frontend como para backend. Para el backend, es posible que haya usado uno desde el principio. con respecto a la interfaz, realmente me gusta Reaccionar (está bien, no es un marco real, sino una biblioteca de vistas, pero es simple y agradable).

Si sientes que entiendes lo que estás haciendo, recomiendo buscar una alternativa de Javascript. Dos opciones que puedo recomendar: Elm y Clojurescript. Existen diferentes lenguajes de programación que se pueden transpilar a Javascript. Entonces escribe su código en un idioma diferente mientras su servidor entrega Javascipt. Y el error ” indefinido no es una función ” será algo del pasado.

Hay muchas formas en que puede comenzar a aprender el desarrollo web desde cero. Puedes unirte a un curso de Coursera o Udemy o cualquier otro sitio web. También puede aprenderlos todos por su cuenta y leyendo en w3schools.com

El desarrollo web es un proceso de 3 partes.

  • Interfaz
  • Middleware / scripts de cliente
  • Back end
  • Base de datos
  1. Front-end: bueno, siempre diría que el front-end es el mejor lugar para comenzar, tiene los lenguajes más rápidos para elegir HTML, CSS, etc. Tener un comando sobre ellos es rápido y fácil y te divertirás haciéndolo
  2. Middleware / Client Scripts: el middleware consta de scripts como Javascript jquery, etc., que se utilizan para gestionar eventos y sincronizar con el servidor.
  3. Back-end: bueno, el back-end es la parte más importante y complicada de un código y, antes de comenzarlo, te recomendaría especialmente que tengas un comando sobre lenguajes de programación básicos como C / C ++ y luego pases a scripts avanzados de back-end como PHP / JAVA
  4. Base de datos: bueno, los idiomas de la base de datos son muy fáciles para empezar. MYSQL es el mejor después, puede actualizar a un sql completo como Oracle PL / SQL, etc.

Hay muchas formas en que puede comenzar a aprender el desarrollo web desde cero. Puedes unirte a un curso de Coursera o Udemy o cualquier otro sitio web. También puede aprenderlos todos por su cuenta y leyendo en w3schools.com

El desarrollo web es un proceso de 3 partes.

  • Interfaz
  • Middleware / scripts de cliente
  • Back end
  • Base de datos
  1. Front-end: bueno, siempre diría que el front-end es el mejor lugar para comenzar, tiene los lenguajes más rápidos para elegir HTML, CSS, etc. Tener un comando sobre ellos es rápido y fácil y te divertirás haciéndolo
  2. Middleware / Client Scripts: el middleware consta de scripts como Javascript jquery, etc., que se utilizan para gestionar eventos y sincronizar con el servidor.
  3. Back-end: bueno, el back-end es la parte más importante y complicada de un código y, antes de comenzarlo, te recomendaría especialmente que tengas un comando sobre lenguajes de programación básicos como C / C ++ y luego pases a scripts avanzados de back-end como PHP / JAVA
  4. Base de datos: bueno, los idiomas de la base de datos son muy fáciles para empezar. MYSQL es el mejor después, puede actualizar a un sql completo como Oracle PL / SQL, etc.

Paso 1- Aprende inglés

Paso 2- aprende HTML CSS Php .net

Paso 3 – aprende python o frameworks

Paso 4- aprende algunos conceptos básicos de adobe Photoshop

Paso 5- Regístrate en sitios web como freelance

Paso 6- comienza a construir tu reputación en línea

Finalmente dentro de 1 a 3 años puede ganar reputación

Necesita una sólida capacidad de programación, un diseño gráfico básico y algo de gestión de texto. Puede pensar en eso como tentativo basado en su plan de desarrollo deseado. Sigue en pie, puedes mirar cualquier sitio web. Las páginas se ven similares, comparten un formato y contenido similar. Si ha leído html, javascript o java, entonces también siente cuánta experiencia en programación se necesita.

Tienes que aprender y practicar mucho en

  1. Lenguaje del lado del servidor como C #, Php, Python, etc.
  2. Script del lado del cliente como javascript
  3. Script de estilo como html y css
  4. Base de datos de backend

Lonnie “Lee” Wibberding prácticamente lo tiene clavado.

Lo único que agregaría es un paso 0:

Paso 0: prepárate para amarte y sumérgete en la programación. Esté dispuesto a pasar horas resolviendo cosas y mejorando constantemente su capacidad. Cuando sus amigos salen por la noche, quieren ser la persona que prefiere quedarse en casa y leer algunos aspectos esotéricos de la programación, y todo lo que se necesita para ser lo mejor posible.

No digo que debas abandonar por completo a tus amigos, familiares y todo lo demás, pero si no lo amas, no lo aprenderás.

More Interesting

¿Cuánto influye el rango de CodeChef en la ubicación de un estudiante de pregrado B. Tech en empresas como Amazon?

Asesoramiento profesional: ¿Qué habilidad / experiencia necesita una CA para seguir a un cuidador en el asesoramiento de transacciones?

Cómo ganar mucho dinero mientras investiga cosmología, teoría de cuerdas y física de partículas

Si descubro algo malo sobre el nuevo trabajo en un par de días antes de comenzar, ¿es justo o justo renunciar?

Cómo comenzar mi carrera en consultoría de ciencias de la vida

Soy bibliotecario en la Asamblea Nacional en Corea del Sur. Estoy pensando en mudarme a los Estados Unidos o Canadá. ¿Podré ser bibliotecario allí? ¿Qué debo preparar antes de mudarme?

Estoy haciendo ingeniería mecánica 2do año. ¿Cuáles son las cualidades y habilidades que debo desarrollar en mí para poder conseguir un buen trabajo en cualquier lugar?

¿Cómo es la vida en el campus de formación de Infosys Mysore?

¿Qué habilidades se requieren para ser un desarrollador de Hadoop?

Soy un maestro de escuela pública con licencia de Canadá. ¿Podría conseguir un trabajo enseñando a los hijos de investigadores en McMurdo?

Estoy a punto de graduarme para una maestría y estoy confundido acerca de qué camino elegir entre Java y Big Data. No estoy seguro del futuro de las oportunidades en Big Data, entonces, ¿es bueno si aprendo marcos como Springs y sigo una carrera en eso?

¿Cómo fue dejar todo y dar el salto?

Si trabajo para Ford y quiero comprar un Honda, ¿qué impacto negativo habría en mi carrera?

He pasado 4 años aprendiendo y 5 años practicando una profesión diferente. Ahora quiero ayudar a las personas y quiero ser psicoterapeuta. ¿Puedo tener éxito si empiezo a dedicarle tiempo?

¿Qué debe aprender un futuro estudiante de informática antes de ingresar a la universidad?