Consejos útiles

Cómo convertirse en desarrollador web desde cero

Aquí hay una respuesta simple a esta pregunta: un desarrollador web crea y mantiene sitios. Necesitan los mejores especialistas, y están listos para desembolsar mucho dinero para obtener tales desarrolladores web.

Responsabilidades y requisitos para desarrolladores web:

  • Cree páginas web usando varios lenguajes de marcado,
  • Creación de modelos y prototipos de alta calidad.
  • Crear sitios en WordPress desde cero,
  • Entendiendo HTML y CMS,
  • Entendiendo UI y UX,
  • Desarrollo de la funcionalidad y diseño de sitios y aplicaciones web,
  • Mantenimiento y mejora del sitio.

Si hablamos de la especialización de los programadores web, hay tres áreas principales:

  • Desarrollo front-end. "Front-end" se refiere a los elementos del sitio con los que ve e interactúa, como menús, listas desplegables, etc.,
  • Desarrollo de back-end. El "back-end" es similar a la parte submarina de un iceberg. Sin él, el sitio no puede funcionar. El back-end trata sobre cosas como servidores, aplicaciones y bases de datos,
  • Desarrollo de pila completa. Esta es una combinación de desarrollo de back-end y front-ten.

Situación del mercado

Considerando la imagen general del mercado, podemos distinguir las áreas más populares en la esfera de TI:

1. Frontend — La industria más ruidosa y de más rápido crecimiento en la que las tendencias cambian constantemente. Se basa en el lenguaje de programación JavaScript y sus marcos, como Angular.js, React.js, Vue.js y otros, así como el lenguaje de marcado de hipertexto HTML y las hojas de estilo CSS.

2. Desarrollo web, A saber, desarrollo de backend usando varios lenguajes, por ejemplo, PHP, Ruby y Python.

3. Desarrollo de Android / iOS - desarrollo para dispositivos móviles en Java, Swift, Objective-C, C # (Xamarin), JavaScript (React Native) y otros.

4. Desarrollo .NET - desarrollo de aplicaciones de escritorio para el sistema operativo Windows en C # y programas de servidor, incluidos sitios web, utilizando la tecnología ASP.NET.

5. Desarrollo de Java - desarrollo de aplicaciones Java multiplataforma, así como grandes sistemas de alto rendimiento con tecnología Java EE. Se elige cuando se necesita confiabilidad, escalabilidad y flexibilidad.

6. Desarrollo del juego - Desarrollo de juegos para varias plataformas.

7. UI / UX - Diseño de interfaz de usuario.

8. QA - aseguramiento y prueba de calidad de software.

9. Desarrollo integrado - desarrollo de software para hardware: automóviles, electrodomésticos y varios dispositivos que utilizan lenguajes de bajo nivel como C y C ++ con insertos de ensamblaje del procesador correspondiente.

¿Por qué ir a la web?

Ahora, el desarrollo web es una industria de rápido crecimiento que vale la pena explorar una tecnología o marco y comenzar a trabajar con ellos, después de dos o tres meses, algo completamente nuevo aparecerá en el mercado y todos comenzarán a usarlo.

El desarrollo web se actualiza constantemente por jóvenes profesionales. Los programadores sénior con diez años de experiencia pueden encontrarse con bastante poca frecuencia: o los gerentes logran salir de ellos o tienen que aprender nuevos idiomas. Este rápido crecimiento de la industria forma un amplio campo de información y una comunidad fuerte.

Por lo tanto, si eres joven, lleno de energía, tienes sentido del gusto e incluso amas la programación, el desarrollo web es para ti.

¿Cuánto gana un desarrollador web?

Después de mirar los sitios de búsqueda de empleo, puede ver la gama completa de salarios de los desarrolladores web. Un principiante que tenga menos de seis meses de experiencia puede ganar de 30,000 a 60,000 rublos. Un especialista promedio con buena experiencia recibe 80,000-150,000 rublos. El ingreso de un profesional es de 150,000–250000 rublos. Además, mucho depende del país, la región, el idioma elegido y la empresa que ofrece la vacante.

Escasez de desarrolladores web

En el mundo más de 11 millones de desarrolladores web de diferentes perfiles y niveles. Sin embargo, según CMS Magazine y Runet Rating, el 62% de las empresas y estudios web son muy conscientes de la falta de personal. Así es como respondieron la pregunta sobre la escasez de empleados en el campo del desarrollo web.

Hoy, solo una cuarta parte de todos los estudios web están satisfechos con el número de empleados a tiempo completo. Resulta que hay muchos programadores, pero aún no son suficientes. Por qué

  • El 15.9% de los empleadores cree que el nivel de educación de los empleados potenciales no cumple con los requisitos del mercado (no hay una cartera decente, ni experiencia de trabajo en equipo).
  • El 15% de las empresas cree que, en principio, hay pocos programadores web calificados en el mercado que puedan desarrollar proyectos complejos (especialmente en las regiones).
  • El 7.3% de las empresas dice que muchos expertos en desarrollo web prefieren el trabajo independiente al estado.
  • El 6,3% de los estudios web cree que la cooperación no funciona debido a la falta de coincidencia de las expectativas salariales de los solicitantes con las capacidades de los empleadores.

Por lo tanto, hay muy pocos desarrolladores geniales que conozcan todo el ciclo de creación de un proyecto web y puedan probarse inmediatamente en los negocios. Los que ya están, ya han sido desmantelados por grandes estudios web, o han entrado en forma independiente, porque entienden que, pieza por pieza, las ganancias son más que salarios en alguna pequeña empresa.

Eche un vistazo, por ejemplo, a este gráfico de Calificación de Runet.

Del artículo "El mercado del desarrollo web sigue siendo el mercado del" trabajo "manual"

Los desarrolladores independientes ocupan un nicho bastante grande en proyectos caros. Obtienen el 6% de los proyectos que cuestan entre 100 y 300 mil rublos y el 8,3% de los proyectos son más caros que los 300 mil rublos.

Desarrollador web requerido

Es fácil verificar la relevancia de la profesión de un programador web. Es suficiente ir a cualquier servicio de empleo en línea.

Solo en Moscú, casi mil quinientas vacantes. Entre las empresas de TI y los estudios web, existe una seria lucha por los buenos desarrolladores.

El 28,4% de las empresas buscan empleados con la ayuda de recursos laborales, el 21,4%, a través de las redes sociales y las recomendaciones, el 16,2% reconoce que la sección con vacantes en su propio sitio es bastante efectiva y el 12,7% cuelga empleados "de la escuela" es decir, invitan a estudiantes talentosos a pasantías, realizan un seguimiento de medallistas y olimpiadas, organizan concursos para estudiantes, etc.

El último camino es el más espinoso. Según los expertos, la educación académica es inerte y no sigue el ritmo de las nuevas industrias dinámicas.

Vladimir Zavertaylov, fundador y jefe de Sibiriks Internet Studio

Por lo tanto, para convertirse en el desarrollador web más genial por el que lucharán las empresas, no necesita un diploma, necesita conocimiento.

Calificación

Bajo el desarrollador web, el empleador generalmente entiende el especialista universal full-stack.

Full-stack consiste en desarrollo front-end y back-end. Los desarrolladores front-end proporcionan la apariencia del sitio (portal, proyecto). El desarrollo de back-end incluye el lado oculto del recurso, algo que no es visible para el usuario, el lado incorrecto del sitio. Pero, independientemente de la especialización, el programador web debe conocer el ciclo completo. Sin esto, es imposible imaginar cómo esa parte de la tarea que está implementando se integrará con el proyecto general.

Hasta la fecha, el estándar de desarrollo web (full-stack) es el siguiente conjunto de conocimientos.

Diseño + lenguaje de programación del navegador + idioma del servidor + idioma para trabajar con bases de datos + framework (s).

Puede obtener este tipo de conocimiento en GeekBrains. Esta es una plataforma educativa donde se recopilan conferencias y seminarios web para aquellos que desean estudiar programación. La especialización "desarrollador web" está diseñada para 11 meses (más prácticas) y consta de varios cursos.

  1. HTML / CSS. Estos son los conceptos básicos de la creación de sitios. La capacitación se lleva a cabo mediante la práctica: los estudiantes desarrollan un sitio web de una tienda en línea, mientras estudian las propiedades y capacidades de HTML / CSS en paralelo.
  2. Javascript - primer y segundo nivel. Este lenguaje de programación está diseñado para hacer que el sitio viva: interactúa con el visitante del recurso, responde a los movimientos del cursor, los clics del mouse y las pulsaciones de teclas. En el primer curso sobre JavaScript, se dan los conceptos básicos, en el segundo, el conocimiento adquirido se consolida.
  3. Bases de la base de datos. Estos son 20 tutoriales intensivos en video sobre sistemas de almacenamiento y procesamiento de datos a los que se accede mediante SQL (lenguaje de consulta estructurado).
  4. Php - primer y segundo nivel. Este lenguaje de programación es uno de los tres más populares. En el primer nivel, los estudiantes aprenden los principios de la programación orientada a objetos y aprenden a usar correctamente las construcciones del lenguaje básico. El segundo nivel le permite perfeccionar sus habilidades PHP al virtuosismo.
  5. HTML5 y CSS3. Este paquete permite escribir diseños tipográficos, crear y editar sitios estáticos. En el curso, los estudiantes pasan por todas las etapas de la creación de un sitio publicitario para una organización comercial.
  6. AngularJS / D3.js. Aquí los estudiantes aprenden a trabajar con D3.js en simbiosis con el marco más poderoso para construir aplicaciones web de una sola página Angular.js.
  7. Marco Yii. Este es uno de los frameworks PHP más populares y populares. Las conferencias discuten las plantillas de aplicación básicas y avanzadas y desarrollan un análogo del programa Evernote. Como tarea, se alienta a los estudiantes a crear un programa de calendario que luego se pueda usar en el portafolio.

Se puede presentar un caso completo para la cartera durante una pasantía de dos meses de GeekBrains. En él, los graduados van desde generar ideas hasta la implementación del proyecto y aprenden a interactuar con el equipo. Además, siempre existe la posibilidad de obtener una pasantía remunerada con empleo posterior en una de las empresas asociadas de GeekBrains o encontrar nuevas empresas de ideas afines.

Y al final sobre lo más agradable: sobre el dinero. Después de todo, como se mencionó al principio, la profesión de desarrollador web universal no solo se exige, sino que también se paga mucho.

Según la agencia Tagline, los programadores web reciben un salario 1.8 veces mayor que el residente ruso promedio.

El salario promedio de un desarrollador web en el país es de 60 310 rublos, en Moscú - 75 270 rublos, en las regiones - 46 790 rublos.

Esta profesión no tiene un techo profesional, con su ayuda puede asegurar una vejez cómoda. Al trabajar duro e implementar con éxito grandes proyectos, puede convertirse en el jefe de un departamento de tecnología de la información o incluso en un director de TI. Además, los desarrolladores web a menudo eligen freelance y no dependen de nadie. Y esta especialidad es una excelente plataforma para abrir su propio negocio en Internet.

Crea una página web simple

Como ya aprendió, una página web es un archivo con la extensión .html, que contiene código HTML. Es un conjunto de etiquetas específicas encerradas en ambos lados entre paréntesis angulares. Las etiquetas se cierran y no se cierran.

Usaremos el editor de texto Sublime Text3 y crearemos un nuevo archivo index.html en él.

Ahora tenemos una estructura de documento HTML estándar. Abra la página creada en el navegador, verá un fondo blanco en blanco. Todo el contenido de la página que se muestra en el navegador se coloca entre las etiquetas de apertura y cierre y, por ahora, solo tiene un título en la pestaña del navegador, pero no hay contenido.

Agrega algunos elementos. Cada uno de ellos tiene su propia etiqueta. Primero, cree un título y agréguelo con texto y un botón.

Para agregar un título, use la etiqueta

¿Por qué convertirse en desarrollador web?

El desarrollo web es una industria que definitivamente no morirá en el futuro cercano. La Oficina de Estadísticas de Recursos Humanos de EE. UU. Ha pronosticado un aumento del 27% en los trabajos de desarrollo web para 2024.

Aquí hay cinco razones principales para convertirse en un programador web y aprender desde cero:

  1. Puedes trabajar de forma remota,
  2. Puedes trabajar de forma independiente. Independiente o iniciar un negocio,
  3. Entras en un mercado de tecnología rentable. El desarrollo web es un boleto al mundo de la alta tecnología. La mayoría de las nuevas empresas tecnológicas necesitan desarrolladores web, por lo que este puede ser su camino hacia el éxito.

Cómo convertirse en desarrollador web

  1. Aprenda los conceptos básicos de HTML, CSS y Javascript.

Estos son los aspectos básicos de cualquier sitio, con ellos trabajará diariamente.

  • HTML define la estructura
  • CSS lo hace visualmente atractivo
  • Javascript lo hace funcionar.

Antes de convertirse en un programador web, consideraremos cada uno de estos aspectos.

A continuación hay algunas etiquetas HTML básicas con las que debe familiarizarse:

...: esta etiqueta se muestra al principio y al final del documento HTML.
... es el nombre de la página web. Importa tanto para los motores de búsqueda (al rastrear e indexar páginas web) como para los usuarios (aparece en la barra de título del navegador), indicando claramente el tema principal de cada página
...: contiene información sobre una página web específica, incluidas etiquetas de título, metadatos y enlaces a scripts y hojas de estilo.
...: incluye todo el contenido que se mostrará a los usuarios, incluido todo lo que ven y leen.

Nota Todas las etiquetas comienzan como "" y terminan como "". "/": indica dónde termina la acción de una etiqueta en particular. Es importante agregar una etiqueta de cierre, de lo contrario se aplicará a todo el documento.

Definen el estilo de la estructura HTML. En principio, sin CSS, HTML será aburrido y, como resultado, la página web será aburrida.

Así es como encajan: en el HTML, está haciendo referencia a una hoja de estilo CSS.

El siguiente es un ejemplo de cómo se ve CSS en acción:

Javascript es un lenguaje de programación que le permite implementar elementos interactivos en páginas web. Por ejemplo, mapas interactivos, gráficos 2D / 3D y mucho más que incluso un interno de programas web sabe.

  1. Explore los tutoriales de WordPress

  1. Aprende los conceptos básicos de UI y UX

UI (interfaz de usuario) y UX (experiencia de usuario) son la base para desarrollar una interfaz de usuario.

La mayoría de los desarrolladores no son expertos en diseño: estas son dos áreas diferentes. Pero al aprender los conceptos básicos de la creación de una experiencia de usuario, puede comprender mejor cómo debería funcionar un sitio.

Para obtener más información sobre los conceptos básicos del diseño de sitios web, recomiendo explorar Adobe Creative Suite. Photoshop debería ser lo primero que adquieras, ya que es adecuado para los diseñadores más serios. Si a un programador web junior no le gusta Adobe, también puede aprender Sketch, que es una estrella en ascenso.

  1. Aprenda SQL y PHP (habilidades más avanzadas)

SQL es un sistema de gestión de bases de datos. Y PHP es un lenguaje de "secuencias de comandos" que coloca o recupera datos de la base de datos.

Por ejemplo, considere WordPress. Utiliza MySQL para almacenar y administrar información (entradas de blog, contenido de páginas, comentarios, etc.) en tablas de bases de datos.

PHP es lo que hace que cualquier sitio de WordPress sea dinámico al interactuar con estos elementos y actualizar la base de datos a medida que el sitio se desarrolla.

Al aprender más sobre cómo funcionan SQL y PHP, puede dominar a fondo el desarrollo de sitios basados ​​en WordPress. Este tipo de servicio está en demanda.

No dominarás todo esto en una semana o dos. Pero con el tiempo, a medida que gane experiencia y habilidades, puede aumentar significativamente su competitividad en el mercado como programador web.

SEO es una optimización de motor de búsqueda. El proceso de mejorar el ranking de sitios en motores de búsqueda como Google. Esta es una de las habilidades más importantes en los negocios en línea.

En SEO, la estructura y el código de un sitio también juegan un papel. Por ejemplo, las etiquetas de título (HTML) son extremadamente importantes. Le dicen a los motores de búsqueda lo que es realmente importante en el sitio.

¿Debería convertirse en un experto en SEO? Definitivamente no. Pero definitivamente debe aprender los conceptos básicos de SEO y tenerlos en cuenta al desarrollar sitios. Por lo tanto, el sitio que creó tendrá una mejor oportunidad de éxito.

Aquí hay algunos consejos de SEO para desarrolladores web:

  • Optimizar metaetiquetas. En los resultados de búsqueda, las metaetiquetas le dicen a los navegadores de qué trata su sitio,
  • Asegúrese de que las etiquetas de encabezado estén en un orden específico. H1 debe ser el encabezado principal, y luego debe ir por la jerarquía de encabezados (es decir, H2, H3, H4, etc.). Esto facilita que los motores de búsqueda rastreen un sitio,
  • Asegúrese de que la etiqueta del título describe la página web correctamente.

Pase al menos 3-5 horas aprendiendo los conceptos básicos de SEO. Esto le permitirá desarrollar sitios de manera más eficiente y afectar positivamente el salario de un programador web.

Sensible: significa que los elementos del sitio se ajustan al tamaño de la pantalla del dispositivo del usuario. Por lo tanto, el sitio se verá bien tanto en una computadora portátil como en un teléfono inteligente.

Cómo encontrar su primer cliente de desarrollo web (o convertirse en un profesional independiente)

Ahora, como desarrollador web, tiene dos opciones. Puede: 1) tratar de obtener un trabajo permanente en la empresa o 2) seguir el camino del trabajo independiente y buscar pedidos en línea.

Recomiendo freelance. Aunque no proporciona el mismo pago garantizado que el empleo a tiempo completo, este tipo de trabajo tiene tres ventajas:

  • Libertad: ya no existe el comienzo de la jornada laboral y el final de la jornada laboral. Todavía puede trabajar durante las mismas horas (o más), pero su horario, ubicación y condiciones de vida dependen completamente de usted,
  • Dinero: tan pronto como se convierta en un buen profesional independiente, tendrá más oportunidades de ganar más dinero (y no esperar un aumento mensual del tres por ciento),
  • Prestigio: con el tiempo, tendrá la oportunidad de desarrollar su negocio y marca personal para que al final garantice una afluencia constante de nuevos clientes.

En esta sección, nos centraremos en cómo un pasante de programador web puede obtener su primer pedido independiente ...

  1. Use intercambios de trabajo

La mayoría de los trabajadores independientes encontraron sus primeros proyectos de desarrollo web en intercambios. Esto puede ser útil para ganar experiencia, pero no necesita usarlos como una estrategia a largo plazo.

La calidad de los clientes allí puede variar. Algunos pueden ser maravillosos. Otros no.

A menudo, en tales intercambios se encuentran clientes que no tienen experiencia en problemas de contratación. Esto puede crear muchos problemas cuando intentas trabajar con ellos.

La fuerte dependencia de los intercambios no le dará la oportunidad de comenzar a crear su propia marca. Atraer la atención "entrante" a su trabajo en última instancia, le dará a los mejores (y más solventes) clientes.

Pero esta es una buena opción para comenzar.

Recuerde que cada pedido que reciba de esta manera lo ayudará a obtener la experiencia práctica necesaria para trabajar en el futuro.

También es bastante fácil comenzar en los tableros de anuncios ... A continuación se muestra una captura de pantalla de la búsqueda de UpWork:

Para encontrar clientes más rápido, cree un currículum de programador web y un sitio web de cartera. En él puede demostrar sus últimos proyectos, revisiones de clientes, proporcionar a los clientes potenciales un canal conveniente para la comunicación.

Aquí hay algunos consejos para crear un sitio de cartera:

  • Utilice las opiniones de sus clientes anteriores y actuales. Esto le dará a los visitantes la confianza de que ha trabajado bien en el pasado y que otros estaban felices de trabajar con usted.
  • Destaca tus beneficios. ¿En qué eres bueno para diferenciarte de los demás?
  • Publique información importante sobre usted: un nombre, una versión corta de la historia sobre cómo y por qué se convirtió en desarrollador web.
  • Responda la pregunta "¿Qué significa el desarrollo web para mí?" Describa los beneficios de trabajar con usted.
  1. Redes

Intenta asistir al menos a 2-3 eventos cada mes. Si vives cerca de una gran ciudad, esto no debería ser difícil.

Concéntrese en eventos que atraigan emprendedores, ya que es probable que estas personas quieran crear un nuevo sitio.

Conclusión

¿Por qué no aprender las habilidades que le permitirán encontrar fácilmente trabajo en el futuro inmediato? Esta es una de las principales ventajas de la programación web. Siguiendo estos consejos, puede comenzar su viaje de convertirse en desarrollador web.

Esta publicación es una traducción del artículo "Cómo convertirse en un desarrollador web", preparado por el equipo amigable del proyecto Internet technology.ru