Carga de página animada HTML CSS. Análisis de un ejemplo de animación con demostración.

En febrero de 2008, escribí un artículo: 9 señales de que no deberías contratar a ese desarrollador web. Esta publicación arrasó en Internet, llegó a Digg y Reddit, e incluso fue elegida por Kevin Rose para un episodio de Diggnation. Me sentí increíblemente orgulloso de esta publicación porque realmente resumió el tipo de webmasters que no deberían ser contratados.

Ha pasado mucho tiempo desde entonces, pero esto sólo significa que las cualidades por las que evaluamos a los desarrolladores web han cambiado. Debajo del corte hay una lista de 9 señales de que no debes contratar a este desarrollador web.

Las versiones móviles de sus sitios solo funcionan en WebKit

Los dispositivos móviles con iOS y Android ocupan la mayor parte del mercado de dispositivos móviles y utilizan navegadores basados ​​en Webkit, así como aplicaciones móviles híbridas para estas plataformas. Esto ha llevado a que los desarrolladores utilicen únicamente prefijos -webkit- en el código de aplicaciones móviles, a pesar de que Opera, Mozilla y Explorador de Internet V internet movil creciente. Esto es similar a la programación sólo para IE en los días de Internet Explorer 4,5,6 en Mozilla para la mayoría. Propiedades CSS Se han eliminado los prefijos, por lo que todo funcionará si usas el estándar. reglas CSS, pero para las propiedades más nuevas aún vale la pena usar los prefijos -moz. Es importante recordar que los dispositivos móviles tienen algo más que Webkit, y el lanzamiento de Firefox OS lo demostrará (si Firefox es para Android todavía no hice esto).

Él es el desarrollador de "(( biblioteca js ))"

He realizado docenas de entrevistas técnicas en los últimos años y puedo decir con bastante rapidez si un candidato conoce JavaScript o una biblioteca específica, lo cual es muy gran diferencia. Le preguntaré algo simple como: "¿Cómo consigues todo?" elementos secundarios de este elemento?. No será muy bueno si la respuesta que escucho es "Estoy usando el método niños()".

Escribe todo el código en un archivo.

Bibliotecas como RequireJs o CurlJS han hecho que cargar módulos JavaScript sea tan fácil que nada más puede justificar escribir código en un solo archivo. Esto está bien si su sitio usa muy poco JavaScript, pero en todos los demás casos no tiene sentido crear archivos .js enormes por pereza o falta de experiencia.

Su diseño no responde.

Un número muy pequeño de sitios y aplicaciones se utilizan únicamente en computadoras de escritorio, por lo que los clientes esperan que diseño moderno se verá al menos más o menos aceptable en dispositivos móviles. Las consultas de medios son tan fáciles de usar que no hay excusa para no utilizarlas para cambiar la estructura y visualización del contenido.

Él sabe HTML5

Conocer HTML5 hoy es lo mismo que conocer la Web 2.0 hace unos años. HTML5 es un término de marketing y las frases vacías sobre el conocimiento de HTML5 son una señal de que el desarrollador no sabe qué es. Pídale a alguien que diga conocer HTML5 que hable sobre ciertas API, si tiene problemas para responder, ¡no lo contrate!

No utiliza la detección de capacidad del navegador

Cualquier desarrollador experimentado le dirá que el uso de datos de Agente de usuario No puede confiar en las capacidades del navegador para determinar las capacidades, pero peor aún, no puede confiar en verificar la funcionalidad necesaria en el navegador, creyendo ingenuamente que la funcionalidad necesaria está presente en todos los navegadores. Esto también es válido para el uso de las nuevas propiedades CSS sin prefijos. Un desarrollador web de este tipo le creará muchos problemas.

Incluye bibliotecas innecesarias.

Las bibliotecas y complementos de JavaScript son extremadamente útiles, pero a menudo se usan en exceso. Si tuviera un dólar por cada vez que me encuentro biblioteca jQuery en un sitio que se utiliza para animación simple o interacción DOM simple, me convertiría en millonario. También veo a menudo la biblioteca Modernizr incluida para verificar una sola propiedad del navegador, cuando simplemente se puede usar código para verificar esa propiedad. Estas acciones provocan un aumento del tamaño y la carga de la página.

Todavía cree que el desarrollo móvil se trata sólo de aplicaciones para iOS.

iPhone y iPad no fueron los primeros dispositivos móviles, pero fueron los primeros en ganar popularidad, por lo que durante un corto período de tiempo fueron los únicos dispositivos en los que había que pensar al desarrollar aplicaciones móviles. Desafortunadamente, este tipo de desarrollador web todavía es cosa del pasado, mientras que los dispositivos con Android y Firefox OS son cada vez más populares.

No se toma en serio las aplicaciones móviles HTML

El desarrollador que no desea contratar todavía piensa que las aplicaciones móviles basadas en HTML son frívolas y que PhoneGap es la única forma de desarrollarlas. Con la llegada de Firefox OS y muchos otros sistemas operativos nuevos basados ​​en web, cualquier aplicación que se ejecute en un navegador se ejecutará en los nuevos. sistemas operativos. Por lo tanto, una actitud negativa hacia aplicaciones moviles Los basados ​​en HTML pueden funcionar en su contra.

Aunque la definición de mal desarrollador web ha cambiado con los años últimos años, Siempre lo reconocerás fácilmente. ¡Esté atento, un "desarrollador" así puede crearle fácilmente muchos problemas!

Etapas del desarrollo de un sitio web

Hoy en día existen varias etapas en el desarrollo de un sitio web:

• Diseño de un sitio web o aplicación web (recopilación y análisis de requisitos, desarrollo de especificaciones técnicas, diseño de interfaz);
• Desarrollo de un concepto de sitio web creativo;
• Creación de un concepto de diseño de sitio web;
• Crear diseños de página;
• Creación de elementos multimedia y FLASH;
• Diseño de páginas y plantillas;
• Programación (desarrollo herramientas funcionales) o integración en un sistema de gestión de contenidos (CMS);
• Optimización y colocación [ ] materiales del sitio;
• Probar y realizar ajustes;
• Publicar un proyecto sobre hosting;
• Mantenimiento de un sitio web en funcionamiento o su base de software.

Dependiendo de la tarea actual, es posible que falten algunas de las etapas.

Creación términos de referencia La preparación de las especificaciones técnicas puede ser realizada por un diseñador, analista, arquitecto web, director de proyecto en conjunto o por separado: en el caso de que el sitio sea desarrollado por un profesional independiente, las especificaciones técnicas pueden ser elaboradas por la empresa del cliente). El trabajo con el cliente comienza con la cumplimentación de un informe en el que el cliente expone sus deseos respecto a representación visual y estructura del sitio, indica errores en versión antigua sitio, da ejemplos de sitios de la competencia. A partir del informe, el gerente elabora especificaciones técnicas, teniendo en cuenta las capacidades del software y las herramientas de diseño. La etapa finaliza una vez aprobadas las especificaciones técnicas por parte del cliente. Es importante señalar de inmediato que las etapas del diseño de un sitio web dependen de muchos factores, como el volumen del sitio, la funcionalidad, las tareas que debe realizar el recurso futuro y mucho más. Sin embargo, existen varias etapas que obligatorio

1. Metas y propósito del sitio;
2. Audiencia del sitio;
3. Características técnicas;
4. Contenido del sitio (estructura del sitio con descripción detallada elementos y funcionalidad de cada página);
5. Elementos y servicios interactivos (formularios comentario, buscar en el sitio, foro en el sitio);
6. Formularios (correos electrónicos, suscripciones a boletines, comentarios);
7. Sistema de gestión de contenidos;
8. Requisitos de materiales;
9. Traslado al hosting.

Diseño de las páginas principal y estándar del sitio. El trabajo comienza con la creación de un diseño, generalmente en un editor gráfico. El diseñador crea una o varias opciones de diseño de acuerdo con las especificaciones técnicas. En este caso, se crea un diseño por separado. pagina de inicio y diseños de páginas estándar (por ejemplo: artículos, noticias, catálogo de productos). En realidad, el “diseño de página” es archivo gráfico, un patrón en capas que consta de las imágenes más pequeñas: capas de elementos del patrón general.
Al mismo tiempo, el diseñador debe tener en cuenta las limitaciones de los estándares HTML (no crear un diseño que luego no pueda implementarse mediante estándares). usando HTML). La excepción es el diseño Flash.
El número de bocetos y el procedimiento para su presentación se discuten con el director del proyecto. El director del proyecto también controla los plazos. En los grandes estudios web, interviene un director de arte, que controla la calidad de los gráficos. La etapa también finaliza con la aprobación del boceto por parte del cliente. Diseño HTML El diseño aprobado se transfiere al diseñador de diseño HTML, quien “corta” imagen grafica en imágenes separadas, a partir de las cuales posteriormente se compone una página HTML. El resultado es un código que se puede ver mediante un navegador. A páginas estándar
Posteriormente se utilizarán como plantillas. Programación A continuación, los archivos HTML terminados se envían al programador. La programación del sitio web se puede realizar tanto "desde cero" como sobre la base de un CMS (sistema de gestión de contenidos). Los desarrolladores web suelen referirse a un CMS como "motor". En el caso de un CMS, hay que decir que el "CMS" en sí mismo, en cierto sentido, es un sitio web ya preparado que consta de piezas reemplazables. "Programador" - en en este caso Sería correcto llamarlo simplemente especialista en CMS; debería reemplazarlo.
plantilla estándar , suministrado con el CMS, a la plantilla original. Debe crear esta plantilla original basada en el “diseño web” original. plazos. La etapa final del desarrollo de un sitio web es la prueba. El proceso de prueba puede incluir una amplia variedad de comprobaciones: vista de la página con fuentes ampliadas. diferentes tamaños
ventanas del navegador, en ausencia de un reproductor flash y muchos otros. Además, pruebas de usabilidad. Los errores detectados se envían para su corrección hasta que se resuelvan. El director del proyecto controla los plazos. Además, en esta etapa se involucra a un diseñador en el trabajo para que pueda realizar la supervisión del diseño. Colocar un sitio web en Internet Los archivos del sitio web se colocan en el servidor del proveedor (hosting) y se producen configuraciones requeridas. En este momento, el sitio todavía está cerrado a los visitantes.

• Llenar de contenido y publicar El sitio está lleno de contenido: textos, imágenes, archivos para descargar, etc. A veces los textos son elaborados por un especialista del estudio, a veces el contenido lo maneja una persona responsable por parte del cliente. Esto se decide en la etapa de elaboración de especificaciones técnicas. Si el contenido es compilado por un representante del estudio, entonces esto sucede y se aprueba en paralelo con otras etapas del proyecto: Cada página contiene bloques de texto, pueden ser típicos (estándar) y no estándar. Como regla general, en la página 404 se encuentra un bloque de texto no estándar.
• bloques de texto
• incluir:

encabezado del sitio web;

1. pie de página del sitio web;
2. pan rallado o pan rallado.
3. Elementos básicos de un bloque de texto:
4. títulos 1, 2 y 3 niveles;
5. imágenes;
6. imágenes en texto;
7. galerías;
8. texto;
9. un bloque de texto desplegable que contiene un título;
10. listas numeradas y no numeradas;

mesas; archivos para descargar; video. Optimización SEO en la página Asociado con algunos cambios en el sitio mismo. La optimización SEO comienza con la definición núcleo semántico . aquí están definidos palabras clave , que atraerá a los visitantes más interesados, lo que facilitará la victoria en el concurso. Estas palabras luego se ingresan en el sitio. Los textos, enlaces y otras etiquetas se adaptan para que motores de búsqueda podría encontrarlos exitosamente usando palabras clave., cuyo costo puede ser varias veces mayor que el costo de crear un sitio web. Entrega del proyecto al Cliente o su confidente estan navegando proyecto terminado
y si todo es satisfactorio firman documentos a la entrega del proyecto.

Además, en esta etapa, el representante del cliente se capacita en las habilidades de trabajo en el área administrativa del sitio. Todos sabemos que el siglo XXI es el siglo tecnologías modernas . Con la llegada de Internet a nuestras vidas, la cantidad de información que recibimos y transmitimos se ha multiplicado por diez. Este aumento fue seguido por un aumento significativo en el número de profesiones relevantes en mundo moderno

. Resultó que no es tan fácil comprender la cantidad de especialidades web que han surgido. En este artículo veremos una de las profesiones más importantes en el campo de las tecnologías de la información: la profesión de desarrollador web.

¿Cuáles son las principales responsabilidades? Responsabilidades del desarrollador. aplicaciones web entra lo suficiente amplio círculo responsabilidades. Además del proceso de desarrollo de sitios web o aplicaciones, el empleado también deberá comunicarse con los clientes, comprender e implementar sus deseos. Una vez que el especialista ha aclarado todos los deseos del cliente, comienza a preparar las especificaciones técnicas. Cuanto más cuidadosamente se elaboren las especificaciones técnicas, más rico será el recurso que cobre vida. Luego viene el proceso real de desarrollo de sitios web. En esta etapa, el desarrollador web debe aplicar sus habilidades en lenguajes de programación. También vale la pena mencionar que un desarrollador web muchas veces crea un diseño de sitio web de forma independiente, aunque puede recurrir a web de ayuda

diseñadores. Entonces, el sitio está listo para su uso, ahora el especialista debe presentárselo a su cliente, para ello necesita demostrarle que el producto terminado cumple plenamente con sus requisitos iniciales. Y, en conclusión, podemos decir que las responsabilidades del desarrollador también incluyen mantener la relevancia del sitio a través de constantes modificaciones.

• Entonces, para convertirse en un representante de esta profesión, es necesario tener una serie de habilidades esenciales:
• Capacidad para comunicarse con las personas, necesita convencer al cliente de que su producto es ideal para completar sus tareas. conocimiento de varios lenguajes de programación, el deseo de mejorar constantemente sus habilidades. Buen especialista
• Debe dominar al menos tres de los lenguajes de programación más actuales. dominio de habilidades diseño web
  -el deseo de estar constantemente a la moda. Debes seguir las actualizaciones e innovaciones en el campo de TI.
  -Capacidad para procesar mucha información a la vez. Un desarrollador web solicitado suele trabajar en varios proyectos a la vez

¿Dónde trabajan los representantes de esta profesión?

Generalmente programas web Los especialistas no están limitados por la elección entre trabajo de oficina y autónomo. Podrás elegir el tipo de empleo que más te convenga. Si quieres un paquete social completo y un horario de trabajo claro, puedes conseguir un trabajo en una gran empresa, pero si estás más cerca búsqueda independiente clientes y un horario gratuito, entonces trabajar como autónomo, que ahora es popular, es ideal para usted.

Inmediatamente surge la pregunta: ¿cuál es la diferencia entre un programador y un desarrollador? La respuesta es bastante simple. Un desarrollador es una persona cuyas responsabilidades, como ya hemos descubierto, incluyen muy amplia gama diversas responsabilidades. Un desarrollador a menudo tiene que crear algo nuevo desde cero. Es decir, no sólo escribir código, sino crear la arquitectura del futuro sitio, su diseño y concepto. programador web Lo mismo: se trata de una persona cuya tarea consiste principalmente en escribir varios códigos. Esta profesión requiere menos enfoque creativo, es más necesario aquí alto grado profesionalismo y calificaciones. Un programador, por regla general, no es responsable del proyecto en su totalidad, sino de una pequeña parte, para la cual debe escribir el código.

Cómo convertirse en desarrollador web

Si decide probarse en esta área, tiene varias opciones. Sin embargo, prepárese para el hecho de que todos ellos requerirán mucho tiempo y paciencia por su parte. Después de todo, dominar las habilidades de programación en alto nivel No es la tarea más fácil.

La primera y más obvia opción es estudiar en una universidad. Allí podrá recibir una educación calificada y un documento, sin el cual no podrá conseguir un trabajo en ninguna gran empresa. Entonces, si su objetivo es conquistar grandes organizaciones de TI, obtenga educación superior- un requisito previo.

Si no tienes la oportunidad de estudiar en una universidad, entonces. Te enseñarán los conceptos básicos de la profesión en poco tiempo y luego podrás desarrollar tus habilidades por tu cuenta.

Si los cursos no son adecuados para usted, puede tomar el camino más difícil: el camino de la autoeducación. Sin embargo, tenga en cuenta que esta opción sólo es adecuada para aquellos que planean dedicarse al desarrollo web exclusivamente para ellos mismos.

Entonces descubrimos quién es. desarrollador web programas y lo que hace. Y si de repente decide emprender este negocio popular y rentable, ¡buena suerte en la realización de sus planes!

Hoy descubriremos quién es un desarrollador web. En general, esta profesión resulta familiar para muchos. Al menos todos los usuarios de computadoras han oído hablar de este trabajo. Es cierto que no todo el mundo puede dominarlo. Tendrás que tener no sólo algunas habilidades profesionales, sino también cualidades personales. Ellos, por extraño que parezca, juegan un papel importante. Así que presta atención a esto. ¡Se le presentan todas las cosas más interesantes sobre la profesión llamada "desarrollador web"!

Educación

Por supuesto, estamos hablando de una especialidad de la información. Esto significa que requiere una formación previa. Sí, un diploma no es suficiente, pero en la mayoría de los casos debería estar ahí. La excepción sería si abres propio negocio. Para un empleo oficial se le pedirá el diploma correspondiente. ¿Cómo se puede dominar la profesión de “desarrollador web”? Estudiar en el instituto te ayudará con esto. Es cierto que tendrás que elegir una dirección u otra. Podemos decir que nuestra profesión es una especie de programación.

Algunas instituciones de educación superior tienen una especialidad separada llamada "desarrollador web". Así que esto es de lo que tendrás que aprender. Sin embargo, esta situación no se da en todas partes. La mayoría de las veces, los estudiantes simplemente eligen las siguientes direcciones: "Programación" o "Diseño web". La primera opción suele ser preferible, ya que le dará una ventaja en el futuro. Puedes encontrar la especialidad requerida en cualquier universidad del país. Facultad de Matemáticas o donde estudian los secretos de la informática.

Cursos

¿Qué sigue? A menudo sucede que una persona de la universidad se convierte en un desarrollador web exitoso. El caso es que esta dirección tiene otro enfoque bastante interesante. ¿De qué estamos hablando? ¿Estás interesado en la profesión llamada “desarrollador web”? La formación en esta especialidad es posible no solo en las universidades, sino también en las escuelas técnicas. ¿Es verdad? mas popular utilizar cursos especializados. Cualquiera puede usarlos Corto plazo domina los conceptos básicos de la profesión y luego debe dedicarse al autodesarrollo en un área u otra.

Los centros de formación y otras instituciones educativas suelen organizar cursos especializados en desarrollo web. Además, aquellos que no están relacionados con las universidades. ¿Sigues interesado en el campo llamado “desarrollador web”? ¿Estudiar en la universidad o hacer cursos no es muy interesante? ¡Entonces hay otra salida!

Autoeducación

¡Atención! La siguiente opción no es adecuada para todos y no en todos los casos. Si planeas hacer desarrollo web exclusivamente para ti o trabajar como un conocido, puedes intentarlo. De lo contrario, tendrás que graduarte de una universidad o tomar cursos especializados para obtener al menos alguna confirmación de que ahora puedes convertirte en desarrollador web. En principio, la autoeducación puede considerarse una opción. A menudo, los desarrolladores exitosos primero aprenden todo lo que necesitan por su cuenta y luego, "para mostrar", reciben un diploma o alguna otra confirmación de su especialidad.

Aquí puedes recomendar una variedad de videos tutoriales, tutoriales y, por supuesto, practicar. Sin él, no serás un buen desarrollador web. Por cierto, en este caso la autoeducación juega un papel importante. Sin él, por regla general, no será posible lograr el éxito. Después de todo, el desarrollo web es lo mismo que la programación. No hay plantillas; hay que idear algo especial para cada caso. Y la autoeducación ayudará en este asunto.

¿Qué hace una persona así?

¿Quién es un desarrollador web de todos modos? Sí, la especialidad ya empieza a atraer a mucha gente. Está claro que el área de empleo de dicho personal son las tecnologías de la información y las computadoras. Algo que es tan valorado en el mundo moderno. Pero la pregunta es ligeramente diferente: ¿qué hace un desarrollador web en el trabajo? Esta está lejos de ser la especialidad más limitada. Por lo tanto, no debes esperar que sea fácil trabajar. Además, el desarrollo web, como ya hemos descubierto, está estrechamente relacionado con la programación. lo que significa posible responsabilidades laborales en este tipo el marco será más que suficiente.

Los desarrolladores web, o webmasters como también se les llama, suelen dedicarse a la programación de cualquier tipo. En una palabra, el que ordenen las autoridades. Pero al mismo tiempo papel importante se centra en el desarrollo y creación de sitios web, recursos de Internet y aplicaciones para páginas de Internet. Todo lo que concierne World Wide Web y la creación de sus componentes es responsabilidad del webmaster. Muy a menudo, dicho marco combina además las habilidades de un programador, diseñador, administrador del sistema. En general, se acepta que un desarrollador web es un especialista universal que se ocupa de las tecnologías de la información.

Comenzar

Pero, ¿cómo puedes empezar? Después de todo, la programación, la administración y otras áreas no son inicialmente responsabilidad de un webmaster. En cualquier caso, esto es lo que piensan los propios profesionales. ¿Cómo convertirse en desarrollador web?

Todo depende de qué es exactamente lo que quieres lograr. Puede intentar educarse, practicar y participar de forma independiente en desarrollos y actividades que le interesen. Esta opción es muy adecuada para quienes pretenden abrir su propio negocio. De lo contrario, su carrera como desarrollador web comienza con su empleo en este campo. No importa qué empresa.

Por supuesto, es recomendable buscar inicialmente una corporación especializada en tecnologías de TI. Sólo tienes que pasar por la entrevista, redactar un currículum y presentarlo. Es cierto que aquí hay un pequeño matiz: debes demostrar tus habilidades y conocimientos. Aquí es donde resulta útil un portafolio.

Recolectar una cartera

Bueno, cualquier buen webmaster, al solicitar un trabajo, independientemente de su experiencia en nuestro campo actual, como ya se mencionó, debe tener ejemplos de sus actividades. Si no los hay, corre el riesgo de enfrentarse a una prueba seria o de que se le niegue por completo la consideración de su candidatura. ¿Aún necesitas este trabajo? Un desarrollador web es un talento versátil que normalmente desarrolla sus habilidades a través de la experiencia. Todos los proyectos que haya creado deberán guardarse y presentarse al momento del empleo.

Buena ayuda aquí trabajo preliminar como autónomo. Internet está lleno de ofertas para webmasters. Los proyectos creados se pueden utilizar para su cartera. En principio, unos pocos ejemplos de trabajo suelen ser suficientes para conseguir un empleo exitoso. Pero cuantos más haya, mejor para ti. Recolectar buen paquete La prueba de sus habilidades se puede obtener en promedio en varios meses.

Negociación

Entonces, ya hemos descubierto qué hace exactamente nuestro empleado actual. solo hay uno punto interesante, que se puede rastrear en la práctica, pero que no está escrito en ninguna parte de los documentos. La cuestión es que un desarrollador web es una persona que no solo se ocupará de las tecnologías de TI en el lugar de trabajo. ¿Qué más tiene que hacer un empleado así?

Además de programar e incluso combinar varias especialidades y áreas de actividad, tendrás que comunicarte con los clientes. Y no sólo para dialogar, sino para entender qué necesita exactamente el cliente. A veces, los webmasters también tienen la responsabilidad de De hecho, usted será totalmente responsable del diseño y desarrollo de un proyecto en particular. Y también negociar con los clientes.

Ventajas

En principio, ya está claro cómo convertirse en desarrollador de sitios web. Necesitas educarte en esta dirección o terminar institución educativa, así como recibir un diploma de educación apropiado. No parece difícil. Especialmente si tienes predisposición a las tecnologías informáticas, además de perseverancia y ganas de trabajar en este campo. Pero cada profesión tiene sus pros y sus contras. También tendrás que informarte sobre ellos para que no haya sorpresas desagradables después del empleo. Nuestra dirección actual, por supuesto, tiene más ventajas.

En primer lugar, tiene demanda. EN últimamente Se necesitan webmasters siempre y en todas partes, pero hay muy pocos candidatos. Esto significa que también podemos esperar una baja competencia. En segundo lugar, este trabajo es una especialidad puramente creativa, aunque se dedica exclusivamente a tecnologías de la información. Una excelente manera de expresarse y desarrollar su pensamiento. Además, no estarás limitado de ningún modo a la hora de tomar determinadas decisiones. Se le ha asignado una tarea, pero su única preocupación es cómo implementarla exactamente.

En tercer lugar, como ya se mencionó, no siempre se necesita un diploma. Además, incluso un escolar o un estudiante puede convertirse en desarrollador web. Aquí, por regla general, la edad no es tan importante como las habilidades. Este trabajo es relativamente fácil de compaginar con los estudios. Después de todo, el desarrollo web te permite trabajar de forma remota. Además, en tal situación, no tendrás a nadie con un palo a la espalda. Sólo hay que cumplir el plazo de entrega de tal o cual proyecto. Tú mismo distribuyes la carga inmediata. Además, no olvides que las profesiones más demandadas están muy valoradas y bien remuneradas. Y este es un argumento convincente para elegir la carrera de desarrollador web.

Defectos

La especialidad también tiene desventajas. Pero normalmente no son tan importantes como podrían parecer al principio. Las desventajas de la profesión suelen incluir su versatilidad. Es decir, en el lugar de trabajo a menudo hay que combinar varias vacantes y puestos, y cambiar constantemente de una actividad a otra. A salarios Recibirá solo por un puesto de personal. Esto también suele incluir horarios de trabajo irregulares. Por un lado, esta opción parece atractiva para muchos. Por otro lado, la inestabilidad y los trabajos apresurados a menudo interfieren con el éxito del trabajo. En principio, aquí es donde terminan todas las deficiencias.

Cualidades

Ahora un poco sobre las cualidades que debe tener un desarrollador web. No es ningún secreto que cualquier trabajo valora determinadas habilidades humanas, no necesariamente profesionales. Así, por ejemplo, un desarrollador web (exitoso) suele tener un aprendizaje rápido, la capacidad de tomar decisiones (especialmente las no estándar), perseverancia, resistencia al estrés, habilidades de comunicación con las personas y organización. Un empleado así no sólo puede realizar todas las tareas de forma independiente, sino también trabajar en equipo. No debes olvidarte de las habilidades profesionales en tecnologías de la información y en informática en general.

Por cierto, la resistencia al estrés juega un papel bastante importante en esta profesión. El desarrollo web es un desafío mental constante. Y no todo el mundo puede afrontarlo. Por tanto, los webmasters deben ser muy resistentes al estrés, así como al estrés intelectual.

Conclusiones

Entonces descubrimos quiénes son los desarrolladores web. Además, ahora está claro cómo convertirse en ese empleado y qué hacer en el trabajo. Los estudios universitarios en esta área suelen durar 5 años. Los cursos se pueden completar en 2 años. No siempre es necesario tener una educación superior o un diploma para conseguir empleo. En general, vale la pena prepararse para el hecho de que un webmaster es una persona verdaderamente universal. Si eliges esta dirección como carrera, ten en cuenta que tendrás que trabajar mucho. Y no es necesario desarrollar algo. Los desarrolladores web siempre encontrarán algo que hacer.

• Traducción
• Tutorial

¡El camino es largo y difícil, pero interesante y útil!

El artículo pretendía ser guia practica para aquellos que quieran convertirse en desarrolladores web profesionales. Llevo más de 20 años escribiendo código web. Trabajo y ayudo a desarrolladores web todos los días. En este artículo, describiré lo que necesita aprender, cuándo necesita aprenderlo y dónde obtener la información (la mayoría de las veces, incluso de forma gratuita). Luego te daré consejos sobre cómo conseguirlo. experiencia real y, lo más importante, obtener dinero por escribir código.

Hay muchos enlaces gratuitos y recursos importantes. Para simplificar, los he recopilado en PDF y los he dividido en categorías. No me pagan por mencionar sitios a los que he proporcionado enlaces; solo quiero recomendarte. mejores recursos para ayudarte a lograr tu objetivo.

Cosas para recordar:

1. Puedes desplazarte por el artículo.

La guía puede ayudarle sin importar dónde se encuentre en el camino hacia desarrollo profesional. Desplácese hasta el título que mejor describa su situación actual y lea desde allí. Si acabas de iniciar este camino, o todavía estás pensando en ello, sigue los consejos del Rey de “Alicia en el país de las maravillas”:

Empiece por el principio y continúe hasta llegar al final; y para ahí ya.

2. Prueba un poco de todo y luego elige una especialización.

El dinero no es lo más importante. ¡Necesitas AMAR lo que haces! Pero no sabrás lo que te gusta hasta que lo pruebes.

Encuentra tu pasión y luego monetízala

La guía le ayudará a familiarizarse con la mayor cantidad de un gran númeroáreas del desarrollo web lo más rápido posible. Y luego te ayudará a elegir una especialización en el área que más te guste. Al principio no serás perfecto en nada: aprenderás lo básico y luego seguirás aprendiendo. Encuentra tu pasión y te mostraré cómo seguir adelante.

Decidí escribir código. Me gusta la web. No se por donde empezar

¡Lo lograrás!

¡Felicidades! Este es un gran primer paso y el comienzo de algo muy emocionante. Pero también puede resultar muy difícil. No te preocupes, te ayudaré.

Primero debe familiarizarse rápidamente con los conceptos básicos de todas las áreas del desarrollo web (" ciclo completo"). La formación será variada, pero superficial. Esto es para encontrar un campo que le guste y también para adquirir habilidades básicas en diferentes campos. Entonces podrá comprender y trabajar con un gran conjunto de problemas, independientemente de lo que elija.

Aprende los conceptos básicos de HTML

El lenguaje de marcado de hipertexto (HTML) controla el contenido y el diseño de lo que ve en el navegador. Una vez que comienza allí, tiene una interfaz de usuario con la que puede interactuar y ver los resultados de su código. A medida que aprendas idiomas más complejos, su importancia aumentará. No es necesario codificar a ciegas.

Esto es lo que necesita aprender sobre HTML:

Ya conozco los conceptos básicos de HTML.

¡Fresco! esto es muy paso importante. Ahora explora Conceptos básicos de JavaScript.

Aprenda los conceptos básicos de JavaScript

JavaScript es el lenguaje de la web y todos los principales navegadores (Chrome, Firefox, Safari, IE y muchos otros) lo admiten. Cada sitio, cada aplicación web que haya utilizado, probablemente contenga una gran cantidad de código JS. Sin mencionar el hecho de que el idioma está ganando popularidad en otras plataformas: servidores, computadoras de escritorio, otros dispositivos.

Por ahora, necesita lo básico y los siguientes recursos son buenos para eso:

Conozco los conceptos básicos de JavaScript y HTML.

¡Asombroso! Ahora agreguemos CSS a tus habilidades.

Aprende CSS

CSS u hojas de estilo en cascada ( mesas en cascada estilos). Utilizado para configurar apariencia elementos HTML en la página. Consulte el tutorial gratuito de Mozilla y luego consulte CSS-Tricks para resolver los problemas más comunes. problemas complejos(hay una búsqueda arriba a la derecha).

Pasemos al backend

Hasta ahora, hemos analizado lo que se llama la "frontal" del desarrollo web. Se ha familiarizado con los principales idiomas que se ejecutan en el navegador. Es hora de pasar al backend: el código que se ejecuta en el servidor. No te preocupes, no necesitarás un servidor: tu computadora se encargará de ello.

Hay un montón de lenguajes de backend, pero como estás familiarizado con JavaScript, te recomiendo que aprendas a usar Node.js. Le permite ejecutar código JS en el servidor en lugar de en el navegador.

Además de esto, necesitas aprender Express y MongoDB.

Expresar

Esta es una biblioteca con la que Node.JS puede funcionar como servidor web (escuchar solicitudes de páginas y enviarles respuestas).

MongoDB

Es una base de datos que permite almacenar y recuperar información.

Podrás estudiar estos tres temas gracias al siguiente excelente material educativo gratuito, y su continuación.

Necesito elegir entre desarrollo frontend, backend y ciclo completo

Una vez que haya probado ambas opciones de desarrollo, es hora de tomar una decisión. Si no ha tenido tiempo de probarlos, consulte la sección anterior del artículo para completar sus conocimientos.

En este punto, ha escrito dos tipos de código. Uno es para la interacción del usuario y el otro para los datos. ¿Cuál prefieres?

¿Interacción del usuario? ¡Felicitaciones, eres un desarrollador front-end!

¿Interacción con los datos? ¡Felicitaciones, eres un desarrollador backend!

¿Ambos? ¡Felicitaciones, eres un desarrollador full-stack!

¿No te gustó nada? Felicitaciones, el desarrollo web no es para ti. Alégrate de haberlo descubierto ahora y no haber perdido mucho tiempo y dinero. ¿No estás listo para rendirte? ¿Quizás no encontraste un idioma que te gustara? Intenta aprender otros idiomas en la sección "Quiero ser desarrollador backend".

Quiero ser desarrollador full-stack

Fresco. Es necesario leer todo el contenido de las secciones “Quiero ser desarrollador backend” y “Quiero ser desarrollador frontend”.

Quiero ser desarrollador front-end y conozco los conceptos básicos de JavaScript, HTML y CSS.

Para trabajo eficiente Como desarrollador front-end, debes dominar HTML, CSS y JavaScript del lado del cliente. También necesitará tener una buena comprensión de varios marcos importantes. Obtendrá las habilidades que los empleadores y los clientes esperan encontrar en los desarrolladores de aplicaciones para el usuario.

A estas alturas ya deberías saber Conceptos básicos de HTML. De lo contrario, regrese a la sección Aprender conceptos básicos de HTML.

Aprende HTML intermedio y avanzado

Mira el tutorial sobre HTML intermedio, y luego - en avanzado.

Aprenda JavaScript avanzado del lado del cliente

Una excelente serie de libros sobre JS y es gratis.

Para mejorar su dominio de JavaScript, le recomiendo la serie de libros No conoce JS de Kyle Simpson. El autor ha publicado la serie completa en línea de forma gratuita:

Además, tu mejor amigo también debería convertirse en MDN JavaScript.

[Además, una excelente traducción del excelente libro "Expression JavaScript" está disponible de forma totalmente gratuita.]

Conocer la "trinidad del front-end", HTML, CSS y JavaScript es, por supuesto, genial. Pero para ganar dinero, tendrás que familiarizarte con algunos marcos.

Aprende jQuery

Esto es lo mas biblioteca popular JS de todos los tiempos. Aunque algunos marcos nuevos han hecho que jQuery sea menos importante, si estás buscando trabajo, es muy probable que jQuery aparezca en las descripciones de trabajo (y se mencione en las entrevistas) durante muchos años.

Recomiendo aprender jQuery usando materiales de FreeCodeCamp: es rápido y método efectivo. Después de eso, vaya al sitio oficial de capacitación; allí encontrará instrucciones adicionales.

Aprenda un marco JS popular

Los marcos facilitan el trabajo con un lenguaje o tecnología en particular porque resuelven mayores problemas existentes para la tecnología seleccionada. JavaScript ha tenido un efecto muy beneficioso en el desarrollo y popularización de frameworks.

Casi una vez por semana aparece un nuevo marco que supuestamente sustituirá a un nuevo estándar de desarrollo. Deberá buscar sitios de trabajo y buscar bastante en Google para descubrir qué marco es popular en su mercado. También recomiendo la herramienta de Hacker News para evaluar las tendencias del mercado laboral.

Al momento de escribir este artículo, los siguientes marcos eran populares:

Una vez elegido el marco más adecuado y familiarizado con él, vale la pena estudiar el marco CSS que lo acompaña. Los dos actores más importantes en este mercado hoy en día son Bootstrap y Material Design.

Oreja

Bootstrap fue creado por desarrolladores de Twitter y ya es bastante maduro y popular. Existen versiones Bootstrap para Angular, Angular 2 y React.

Material

El material es un conjunto de reglas de diseño desarrolladas en Google. Está ganando popularidad y existen versiones para Angular y React. Dado que Angular también es una creación de Google, Material encaja perfectamente con él.

Aquí te dejamos algunos enlaces:

¡Felicidades! ¡Tienes habilidades clave como desarrollador front-end!

¡Solo míralo!

Quiero ser desarrollador backend

¡Maravilloso! El primer paso es elegir un idioma. Hay muchos idiomas disponibles para trabajar con el backend y cada uno tiene sus propias ventajas y desventajas. Consulta la tabla de lenguajes de programación ordenados por popularidad. Todos ellos llevan diez años entre los diez primeros. Los marcados en verde son lenguajes web que han ido ganando popularidad con el paso de los años.

Índice TIOBE de lenguajes de programación, www.tiobe.com/tiobe_index?page=index

Concéntrate en los idiomas cuyos nombres he marcado con un círculo verde. Si no los conoce, comience en la parte superior de la tabla y avance hacia abajo. ¡Detente cuando encuentres algo que te guste y profundiza!

Si está familiarizado con uno de los marcados verde idiomas y te gusta, concéntrate en ello.

Mejore sus habilidades para la entrevista

Necesita prepararse para algo más que escribir código. Un buen artículo de Life Hacker describe mucha información útil y valiosa.

Lo principal es afianzarse en el mercado.

No se preocupe demasiado por conseguir el trabajo de sus sueños con el empleador de sus sueños y con el salario de sus sueños. Primero, consigue un trabajo en el que escribas código por dinero. Una vez que adquiera más experiencia, podrá planificar su próximo paso.

quiero ser autónomo

Ser tu propio jefe es algo bueno, pero también conlleva una enorme presión y grandes dificultades. Mejor fuente información sobre trabajo independiente de todo lo que he visto: DoubleYourFreelancing.com. Tiene una serie de artículos que te ayudarán a convertirte en un mejor profesional independiente que yo. Leer.

Otra opción, si tienes confianza en ti mismo, es el servicio Toptal. Solo aceptan el 3% de todos los solicitantes y el proceso es muy complicado, pero si ingresas, tendrás acceso a trabajos bien remunerados en los que podrás trabajar de forma remota.

Empecé a trabajar pero siento que estoy en un callejón sin salida

Entender. No es fácil, y si alguien te dijo lo contrario, o no lo hizo o está intentando estafarte sin dinero. Si se siente estancado, pruebe estas opciones:

Actualiza tu intención original

Pregúntate, escribe en un papel por qué decidiste seguir este camino. ¿Tu respuesta sigue siendo válida? En caso afirmativo, ¿por qué detenerse? ¡Adelante!