Tutorial de programación web desde cero. Una guía práctica para aprender programación web. Camino rápido al desarrollo web

Desarrollador, profesor y autor de cursos de programación Bill Soror publicados en el blog FreeCodeCamp instrucciones detalladas para aquellos que quieran aprender desarrollo web desde cero. En cada punto, Soror proporciona enlaces a materiales de capacitación y habla sobre por qué se necesita un lenguaje o marco de programación en particular.

Según Soror, lleva 20 años escribiendo código. Dividió sus instrucciones en varias secciones según los objetivos de aprendizaje: por estudio basico lenguajes de programación y adquiriendo conocimientos profundos en áreas específicas de desarrollo.

“Decidí aprender programación. Me gusta la web, pero no sé por dónde empezar"

Como en cualquier otra disciplina, aprender a programar debe comenzar con los conceptos básicos de todas las áreas del desarrollo web, a menudo llamado "full stack". “Esto te ayudará a identificar el área en la que estás más interesado en estudiar y te dará conocimientos basicos para empezar”, escribe Soror.

Conceptos básicos de HTML

El desarrollador aconseja comenzar aprendiendo los conceptos básicos de HTML. “Al comenzar con esto dominarás el desarrollo interfaces de usuario e interacción con ellos. Además, verás inmediatamente el resultado de tu código”, señala el profesor.

"Conozco los conceptos básicos de HTML" Conceptos básicos de JavaScript

"JavaScript es el lenguaje de la web, todo navegadores populares(Chrome, Firefox, Safari, IE) tienen incorporado Soporte de JavaScript. Cada sitio o aplicación web que utiliza probablemente tenga gran número Código JavaScript en el interior. Además, el lenguaje se está volviendo popular en otras plataformas, como servidores, escritorios y dispositivos".

"Lo sé Conceptos básicos de JavaScript y HTML" CSS

A continuación, Soror sugiere ir a aprendiendo CSS para configurar apariencia Elementos HTML. Para hacer esto, puedes usar el tutorial gratuito de Mozilla para enseñar los conceptos básicos y los trucos de CSS para resolver problemas básicos.

backend

“En este punto, ya habrá adquirido el conocimiento para el llamado “desarrollo front-end”. Ahora puedes cambiar al "backend". Este es el código que se ejecuta en el servidor”, escribe Soror. - Hay muchos lenguajes de backend, pero como ya estás familiarizado con JavaScript, te recomiendo aprender Node JS ( plataforma de software- aprox. ed.). Además de Node JS, puedes aprender Express y Mongo DB".

Express es una biblioteca que facilita que Node JS interactúe con un servidor web. Mongo DB es una base de datos para almacenar y recuperar información.

marcos jQuery JS

Los marcos facilitan el trabajo con un lenguaje de desarrollo y resuelven problemas importantes utilizando tecnología lista. Hay una gran cantidad de frameworks en el mercado debido a la excesiva popularidad de JavaScript, escribe Soror.

Reaccionar JS

React fue desarrollado por Facebook y se ejecuta en la arquitectura Flux. Esta es una biblioteca de JavaScript para crear interfaces. React recientemente superó en popularidad a otra biblioteca popular, Angular, por lo que es mejor comenzar a aprender frameworks con ella, señala Soror. Curso gratuito para aprender React.

angulares y

Angular: desarrollado por Google. El marco sigue siendo popular entre los desarrolladores. Tras el anuncio de Angular, Google decidió reescribir completamente el framework y lanzó Angular 2, por lo que hubo dos desarrollos completamente diferentes con el mismo nombre.

El marco Angular 1 se puede aprender de forma gratuita en Code School. Puede familiarizarse con Angular 2 utilizando videos gratuitos.

Ascua JS

El marco no es tan poderoso como los desarrollados por Google y Facebook, pero está ganando popularidad entre los desarrolladores. Documentación oficial de Ember JS.

"Quiero convertirme en desarrollador backend"

"Hay muchos lenguajes en el desarrollo backend, cada uno con sus pros y sus contras", escribe el profesor. También ofrece un gráfico de su popularidad en los últimos 10 años:

Los lenguajes de programación indicados con un marco verde son aquellos en los que debes centrar tu atención, dice Soror.

Java

Muy lenguaje popular programación desarrollada por Sun Microsystems (ahora propiedad de Oracle). Java se utiliza para desarrollar aplicaciones de Android. También se puede utilizar para crear aplicaciones web y de escritorio.

Dado que se trata de un lenguaje popular entre los desarrolladores, puede encontrar una gran cantidad de instrucciones en Internet. Soror recomienda comenzar con el curso para principiantes.

DO#

Lenguaje desarrollado por Microsoft como alternativa a Java. Al igual que Java, C# es un lenguaje de programación orientado a objetos y puede usarse no sólo para desarrollar aplicaciones web, sino también programas para sistemas operativos de escritorio. Curso gratuito sobre cómo aprender C# de Microsoft Virtual Academy.

Pitón

Para Python no hay marca importante. Sin embargo, este lenguaje permite rápido desarrollo. Un sitio con lecciones gratuitas para aprender Python.

Rubí

Entre los desarrolladores hay muchos fanáticos de Ruby: anuncian activamente y admiran este lenguaje, escribe Soror. Sin embargo, su popularidad está creciendo a un ritmo lento. Esencialmente, el lenguaje es una mezcla de programación funcional e imperativa.

El mejor lugar para aprender Ruby es RubyMonk, dice el desarrollador.

Práctica

Antes de la ejecución problemas prácticos Soror recomienda crear inmediatamente un perfil en GitHub, un repositorio en línea para almacenar, administrar y publicar código. Puedes empezar a familiarizarte con la plataforma con las instrucciones de “Hola Mundo” o un curso interactivo.

Puede comenzar el desarrollo creando propio blog(instrucciones para programar un blog en React y Node) o un calendario (instrucciones para programar un calendario en C# y .Net).

También se pueden encontrar lecciones gratuitas en Free Code Camp:

• Temporizador Pomodoro (frontal).
• Club de comercio (pila completa).

La profesión de desarrollador web es una de las más demandadas en el mercado de TI. Averigüemos cómo abordarlo, descubramos cómo funcionan e interactúan las tecnologías de desarrollo web entre sí, y ejemplo práctico Intentemos crear nuestra primera página.

El texto se preparó a partir de un seminario web con la participación de Mikhail Ovchinnikov de Badoo.

Grabación del seminario web

Ahorra tiempo

Situación del mercado

Teniendo en cuenta el panorama general del mercado, podemos destacar las áreas más populares en el campo de TI:

1. El frontend es la industria más ruidosa y de más rápido crecimiento en la que las tendencias cambian constantemente. Se basa en la lengua programación javascript y sus frameworks como Angular.js, React.js, Vue.js y otros, así como lenguaje de marcado hipertexto HTML y hojas de estilo CSS.

2. Desarrollo web, en concreto desarrollo backend utilizando 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 sistema windows en lenguaje C#, y programas de servidor, incluidos sitios web, que utilizan tecnología ASP.NET.

5. Desarrollo Java: desarrollo de aplicaciones multiplataforma utilizando lenguaje java, así como grandes sistemas de alto rendimiento que utilizan tecnologías java EE.UU. Se elige cuando se necesita confiabilidad, escalabilidad y flexibilidad.

6. Desarrollo de juegos: desarrollo de juegos para diversas plataformas.

7. UI/UX: diseño de interfaz de usuario.

8. Control de calidad: garantía de calidad software y sus pruebas.

9. Desarrollo integrado: desarrollo de software para hardware: automóviles, electrodomésticos Y varios dispositivos utilizando lenguajes de bajo nivel como C y C++ con inserciones de lenguaje ensamblador del procesador correspondiente.

¿Por qué ir a la web?

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

El desarrollo web se repone constantemente con jóvenes especialistas. Rara vez se encuentran programadores senior con diez años de experiencia: o logran convertirse en gerentes o tienen que aprender nuevos idiomas. Este rápido crecimiento de la industria crea un amplio campo de información y una comunidad fuerte.

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

¿Cuánto gana un desarrollador web?

Al examinar los sitios de búsqueda de empleo, puede ver la gama completa de salarios de los desarrolladores web. Un principiante con menos de seis meses de experiencia puede ganar entre 30.000 y 60.000 rublos. Un especialista medio con buena experiencia recibe entre 80.000 y 150.000 rublos. Los ingresos de un profesional son de 150.000 a 250.000 rublos. Además, mucho depende del país, la región, el idioma elegido y la empresa que ofrece la vacante.

Salarios de los desarrolladores frontend del servicio salarial de la empresa "My Circle" en el sitio web habrahabr.ru (finales de 2017)

Lo que un desarrollador web necesita saber

Existen muchos rumores y estereotipos sobre el desarrollo y la programación web. También hablaremos de ellos.

Lo que un desarrollador web no necesita:

Sepa matemáticas: la mayoría de los programadores que crean sitios web y servicios web profesionalmente tienen conocimientos suficientes en el nivel de quinto grado.

tener un conocimiento profundo idioma en Inglés. Cincuenta palabras pueden ser suficientes.

Estudie durante varios años y gradúese de la universidad para dominar el desarrollo web básico. De hecho, dominarlo requerirá de dos a tres meses de entrenamiento.

Lo que necesitará para un comienzo exitoso:

Explorar tecnologías básicas crear sitios web (HTML y CSS) y comprender los principios de construcción de la estructura de un sitio web. Esto llevará varias semanas.

Tecnologías relacionadas con el dominio: editores de código o IDE (entornos de desarrollo integrados), por ejemplo Notepad++, Texto sublime, Corchetes, WebStorm, PHPStorm. Estas herramientas acelerarán enormemente el proceso de desarrollo.

Conocer la existencia de marcos y soluciones listas para usar, que simplifican y mejoran el código. Por ejemplo, para un desarrollador frontend, este es el marco de diseño Bootstrap, biblioteca lenguaje javascript- JQuery, con el que muchas otras utilidades y bibliotecas requeridas y Simfony - marco PHP propósito general, lo que facilita la interacción con la base de datos, la tarea de generar código HTML y la tarea de aceptar datos de la solicitud.

Igualmente importante es la capacidad de componer correctamente consultas de búsqueda, utilice fuentes de información verificadas y de alta calidad.

Estructura del sitio web

Primero, averigüemos qué es un sitio web y en qué consiste.

Técnicamente, el sitio es sólo una colección. archivos de texto, que tiene ciertas extensiones, almacenadas en el mismo directorio en una computadora o servidor. Además de ellos, la estructura del directorio puede incluir subcarpetas con imágenes, fuentes y bibliotecas adicionales utilizadas en ella. Dependiendo del propósito y formato de los archivos, se clasifican en carpetas apropiadas. La página principal del sitio, por regla general, se encuentra en la raíz del directorio y se llama index.html.

Por ejemplo, si nuestro sitio tuviera el dominio mysite123.com, entonces la carpeta en la que se encuentra se llamaría igual y tendría una estructura similar a esta:

Estructura del directorio del sitio

cuando en barra de direcciones navegador, ingresamos la dirección, por ejemplo, yandex.ru, el navegador contacta al servidor del sitio correspondiente. Aquí comienza la interacción con cualquier página de Internet.

En respuesta a esta solicitud, las tecnologías backend, por ejemplo PHP y MySQL, comienzan a funcionar en el servidor yandex.ru. Hacen su “magia del servidor” y en respuesta a la solicitud “muéstrame pagina de inicio"enviar de vuelta al navegador la página deseada en forma de código HTML, CSS y JavaScript. El navegador puede reconocer este código y, como resultado, muestra un hermoso "Inicio" funcional en su ventana.

Recursos y herramientas de desarrollo web

Para un desarrollo productivo y de alta calidad del desarrollo web, nos familiarizaremos con las fuentes de información más populares, así como con algunas herramientas.

HTML y CSS:

• htmlbook.ru: un tutorial sobre HTML4, así como una introducción a HTML5, un tutorial sobre CSS, una introducción a CSS3;
• htmlacademy.ru: curso interactivo sobre HTML5, conceptos básicos de CSS, muchos lecciones gratis;
• webref.ru - Tutorial HTML, conceptos básicos de CSS, bloque modelo CSS, texto en CSS, posicionamiento en CSS, CSS avanzado;
• "Sumergirse en HTML5" por Mark Pilgrim.

JavaScript:

• learn.javascript.ru: el tutorial de JavaScript más moderno;
• David Flanagan.

Después de dominar estas tecnologías, se recomienda aprender también JQuery, el método más biblioteca popular JavaScript. En el futuro, vale la pena familiarizarse con bibliotecas tan útiles como Slick, Owl Carousel, Magniffic Popup, Velosity.js, Tree.js y otras.

Para acelerar la codificación y trabajo comodo Recomendamos utilizar editores de texto, como Sublime Text con el complemento Emmet, editor de bloc de notas++, Brackets, IDE WEBStorm, PHPStorm y otras herramientas útiles.

Para acelerar la escritura de código CSS, será útil aprender a trabajar con preprocesadores CSS, como Scss, Sass, Less.

Creando una página web sencilla

Como ya aprendiste, una página web es un archivo con extensión .html que contiene código HTML. Es un conjunto de etiquetas específicas encerradas en ambos lados entre corchetes angulares. Hay etiquetas de cierre y no cierre.

aprovechemos editor de texto Sublime Text3 y crea en él. nuevo archivoíndice.html.

archivo index.html

Ahora tenemos una estructura de documento HTML estándar. Abra la página creada en el navegador, verá un vacío fondo 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 se muestra un título en la pestaña del navegador, pero ningún contenido.

Agreguemos algunos elementos. Cada uno de ellos tiene su propia etiqueta. Primero, creemos un título y agreguemos texto y un botón.

Para agregar un título, use la etiqueta, para agregar un párrafo de texto, use la etiqueta

Y para el botón - la etiqueta. Coloquemos estos elementos dentro de un bloque con la etiqueta.

mi primera pagina

esta es mi primera pagina

¡Programar es fácil!

Espectáculo

Ahora actualicemos la página. Como puede ver, los elementos han aparecido en la ventana del navegador.

El lenguaje HTML que hemos utilizado hasta ahora sólo se encarga de crear la estructura de la página. Intentemos estilizar un poco nuestros elementos: cambie los colores del título y el fondo del botón y cambie el tamaño de fuente del texto del párrafo.

Para cambiar el estilo de los elementos, debe aplicarles reglas CSS. Las reglas CSS se pueden escribir dentro de un bloque con la etiqueta.

El código que necesitamos se ve así:

h1 (color: violeta;)

p (tamaño de fuente: 30px; )

botón (color de fondo: amarillo;)

Debe colocarse entre etiquetas. Como habrás notado, los nombres de las propiedades hablan por sí solos. estos son simples palabras en ingles, escrito según una sintaxis específica inherente al lenguaje de programación. Actualicemos la página nuevamente y veamos qué sucede.

Excelente. Ahora configuremos el fondo y hagamos que el botón sea más visible. Agreguemos las siguientes reglas para el botón y el fondo:

color de fondo: naranja;

tamaño de fuente: 30px;

cuerpo (color de fondo: gris claro;)

Es hora de complementar todo este esplendor con una imagen. Agregar una etiqueta a elementos existentes , que se encarga de mostrar las imágenes en la página. Incluye un atributo como src (de la fuente en inglés - fuente), que apunta a la ruta a la imagen. Nuestra imagen está en el disco D.

De esta manera puedes crear muchos elementos en una página y luego usar reglas CSS para darles la apariencia y posición deseadas.

Hagámoslo de modo que cuando pases el cursor sobre el botón, se vuelva blanco y el texto dentro se vuelva naranja. La pseudoclase de desplazamiento es responsable del estado de un elemento cuando el cursor se sitúa sobre él en CSS. Agreguemos algunas reglas para nuestro botón y luego intentemos colocar el cursor sobre él.

botón: pasar el cursor (color de fondo: blanco; color: naranja;)

¡Todo funcionó! El botón ha cambiado de apariencia.

Ahora intentemos hacer que nuestra imagen sea invisible de forma predeterminada y organizar todo para que aparezca solo cuando se presiona el botón. La propiedad CSS visibilidad es responsable de la visibilidad de los objetos. Pongámoslo oculto.

img (visibilidad: oculta;)

Como puedes ver, la imagen ha desaparecido.

Devolvamos nuestra imagen y hagamos clic en el botón "Mostrar". ¿No pasó nada? Esto se debe a que aún no hemos programado el botón para realizar una acción. Aquí ya podemos aplicar JavaScript.

¿Por qué se necesita JavaScript?

Ahora tenemos una página estática que contiene contenido simple. Para asignar algún evento como reacción al presionar un botón, necesita JavaScript. En general, cualquier interactividad en el sitio, cualquier interacción con el usuario, es JavaScript. El código JavaScript, como CSS, está escrito en una etiqueta específica: .

Normalmente, los scripts, por cierto, como las reglas CSS, generalmente se colocan en un archivo separado con la extensión .js (para CSS - .css) y luego se conectan a la página. Pero en nuestro ejemplo, insertaremos el script en la sección, tal como lo hicimos con CSS.

Para realizar una acción solo con un elemento específico, en nuestro caso con una imagen, le asignamos un identificador único con un nombre arbitrario, por ejemplo, gato.

Luego crearemos una función usando JavaScript que devolverá una imagen a la pantalla y le daremos el nombre show. Peguemos este fragmento de código en la sección.

función mostrar())( document.getElementById("cat").style.visibility="visible";)

También debe indicarle explícitamente al botón que debe responder a algún evento. En nuestro caso, se trata de un solo clic. Es decir, al hacer clic en el botón, se debe ejecutar la función show creada previamente.

Espectáculo

Ahora el constructor document.getElementById("cat") accede al elemento mediante el identificador cat, que está adjunto a nuestra imagen. Indicamos que estamos accediendo al estilo del elemento, y concretamente a la propiedad de visibilidad, y estableciendo el valor visible entre comillas mediante el signo “=".

Si desea que el fondo de la página cambie cuando se hace clic en el botón, agregue este código a la función:

document.body.style.background = "verde";

Como puedes ver, es realmente sencillo.

En lugar de cambiar manualmente las propiedades de los objetos en el código, JavaScript lo hizo por nosotros.

Cómo los sitios web almacenan datos

El sitio en sí no almacena datos. Sólo los muestra en sus páginas. Los perfiles de usuario, las listas de productos y servicios y otra información relacionada con ellos se almacenan en una base de datos en el servidor. En un sitio de noticias, todas las noticias también se almacenan en una base de datos.

Imagínese si cada vez que una tienda en línea agregara productos a su lista, tuviera que insertar manualmente bloques con información sobre ellos en el código HTML de la página. Es difícil imaginar cuán rutinaria sería esta actividad. En lugar de una persona, este proceso debería realizarlo un programa.

Para ello existen lenguajes del lado del servidor, como PHP. Los scripts escritos en PHP pueden funcionar con la base de datos automáticamente. Una tarea típica que resuelve el código PHP es recibir algún tipo de solicitud del usuario, procesarla, ir a la base de datos, recoger las necesarias y mostrárselas al usuario.

Hay muchos otros lenguajes para estos fines, pero PHP junto con MySQL, un sistema de administración de bases de datos (DBMS), se considera la opción más fácil de dominar para un principiante.

Para actualizar constantemente el sitio con contenido nuevo, existen sistemas de gestión de contenido (CMS), o los llamados motores. Por cierto, uno de los CMS más populares, Wordpress, está escrito en PHP.

En resumen, podemos decir que para que un sitio web esté "vivo", es necesario dominar al menos las tecnologías anteriores.

Conclusión

Hoy hablamos sobre qué conocimientos debe tener un programador novato. Descubrimos los conceptos básicos de la creación de sitios web e intentamos crear nuestra primera página web. Enumeremos una vez más las habilidades básicas de un desarrollador web:

Conocimiento de idiomas.

Capacidad para utilizar soluciones, bibliotecas y marcos listos para usar.

Autopresentación y trabajo con el cliente.

Tener un buen portafolio y currículum.

Capacidad para comprender los requisitos del cliente y del empleador.

Y, quizás, lo más importante sea la práctica constante y las ganas de aprender algo nuevo. Puedes aprender todo esto (y mucho más) tomando un curso que incluye muchas tareas prácticas y de prueba, una gran cantidad de comunicación con programadores profesionales e incluso la creación de tu primer proyecto de trabajo.

Muy a menudo nos encontramos con personas a las que les gustaría aprender sobre desarrollo web y hacer carrera en este ámbito, pero simplemente no saben por dónde empezar. ¿Cuál debería ser el primer paso? ¿Qué estudiar? ¿Cuáles son las perspectivas? Estas y muchas otras preguntas atormentan a muchos que quieren tomar el camino de un desarrollador web.

Hemos recopilado toda la información en este artículo para brindarle una comprensión básica sobre programación web, diseño, marketing y más. Lee este artículo hasta el final y podrás decidir si quieres convertirte en un especialista en desarrollo de proyectos web. Si después de leer tu deseo finalmente se fortalece, necesitarás mantener activamente un espíritu motivador durante todo el camino hacia una nueva carrera.

Comencemos el artículo con el punto de motivación. Como en cualquier otra actividad, la motivación es el factor clave que, en última instancia, te convertirá en un gran especialista. En las etapas iniciales, la motivación para unirse a las filas del desarrollo web puede ser trilladamente simple. Primero, hay ganas de trabajar en este campo, luego hay contacto visual con el trabajo de buenos desarrolladores, después de lo cual nace algo dentro de ti que te motiva a buscar artículos similares y dar tus primeros pasos.

Seamos honestos contigo: la motivación al principio puede desvanecerse muy rápidamente y es posible que no te dé energía indefinidamente. ¿Cómo ampliar el poder de la motivación? Ya sabes, hay trozos de papel verdes, incluso vienen en otros colores, creo que se llaman dinero. Entonces, el dinero es un material consumible que nos ayuda a adquirir fácilmente las cosas que necesitamos y a hacer lo que es prácticamente imposible sin él. ¿Por qué digo esto? Además, el dinero puede ser una excelente motivación.

Pero, ¿de dónde sale el dinero si ni siquiera has decidido qué harás? La motivación inicial debería ser suficiente para ti mientras das tus primeros pasos. En esta ola ya será posible vender algo. ¿Probablemente piensas que esto sucederá en 2 o 3 años, o tal vez incluso en 5 años? Estaré encantado de disipar tus dudas. Podrás vender algo en 2-3 meses. Y en 2 o 3 años, las ventas aumentarán significativamente, al igual que sus ganancias. Podrás dedicar la misma cantidad de tiempo a productos más caros. Ahora podrá realizar el trabajo de forma eficiente, rápida y profesional, por lo que el resultado no tardará en llegar (incluso en forma de billetes agradablemente crujientes).

Quizás actualmente estés pensando que ya hay bastantes buenos desarrolladores en el mundo, ¿por qué alguien compraría algo a un principiante? Verá, hay un segundo lado: el cliente. Y así como los desarrolladores se dividen en principiantes, especialistas y profesionales, los clientes llevan mucho tiempo en el mercado o están al comienzo de su trayectoria profesional. En consecuencia, los clientes tienen diferentes necesidades.

Tomemos, por ejemplo, un cliente al que le gusta pescar. Trabaja como ingeniero de comunicaciones y gana un salario medio. Y entonces decidió crear un blog sobre pesca. En muchos casos, estos clientes tienen un presupuesto limitado y la calidad del desarrollo no es lo primero para ellos. Por supuesto, no gritará por esto, ya que pagará el dinero que ganó. Y aquí el sitio web que usted creó, que estará en HTML puro o en algún motor gratuito, bien puede satisfacer sus necesidades. Aquí recibes tus primeros $50 (condicionalmente) y se suman +50 puntos a tu motivación. Esto será suficiente para seguir entrenando y desarrollar el siguiente pedido.

Este punto podría ser el primero, pero según nuestra experiencia, su lugar está aquí. Entonces, tu espíritu motivacional te ha llevado a buscar una especialización. Aquí todo es muy, muy sencillo. A estas alturas deberías olvidarte por completo del dinero, de las tendencias, de tu amigo Max, que gana “guau, qué dinero” haciendo sitios web. Necesitas recordar todo lo que te gustó cuando eras niño, en la escuela, el año pasado, ayer. Es analizando todo esto que podrás decidir si realmente quieres ser diseñador web, programador web o si te gusta el marketing, con el que te gustaría ayudar a que los proyectos tengan más éxito.

Te daré mi ejemplo personal. En mi primera infancia (de 4 a 6 años), me gustaba coger un soldador, jugar con placas de circuito impreso y jugar con LED y pilas. Cuando tenía entre 6 y 10 años tenía una computadora Atari. Venía con una grabadora y los juegos se grababan en una cinta de casete magnética. Sí, ¡definitivamente jugué juegos de 8 bits! Pero tenía bastante interés en el lenguaje Básico, que estaba disponible en este Atari e incluso podías escribir programas que luego mostraran el resultado en la pantalla. Entonces ni siquiera sabía que esto era programación y que este era el lenguaje básico. Copié el código del libro y miré las visualizaciones en la pantalla. Entonces comencé a experimentar. Cambia números, comandos y obtén nuevas imágenes y sonidos. Esto me hizo muy feliz. Luego, cuando estaba en la escuela, me encontré con la película Matrix. La he visto muchísimas veces y sigue siendo para mí una de las mejores películas adelantadas a su tiempo. En el colegio me gustaba mucho el álgebra y la geometría. Y además tenía una especie de “anti-libro de texto” dentro de mí. Nos dieron lecciones, yo enseñé. A continuación, tuve que redactar una prueba utilizando los materiales recibidos. Sabía cómo resolver un problema basándose en los datos que había aprendido, pero siempre intentaba “inventar” algo y resolver el problema de alguna manera. Empecé a pensar en algo así cuando tenía 12 años. Siempre quise hacer las cosas de manera diferente a lo que nos enseñaron, pero al final tomaría una decisión más rápido, con mayor precisión y de manera diferente que los demás.

Ahora es el momento de hacer la pregunta: "¿En quién se suponía que debía convertirme?" Sí, programador, pero probablemente arquitecto de un paquete de software. Pruebe mi enfoque y podrá descubrir lo que realmente le gustará durante mucho, mucho tiempo. Nadie me dijo todo esto. ¿Y cómo iba a convertirme en programador sin siquiera pensar en todo esto? Pero si hubiera pensado así en un principio, habría podido decidir antes. Por cierto, mis primeros pasos en programación comencé a los 13 años en el lenguaje Pascal (sin contar Atari en la infancia). ¡Pero estoy seguro de que era posible empezar a los 10 años!

Entonces, sólo tienes que decidirte en una de tres áreas: diseñador de proyectos web, programador web o comercializador. Si quieres ser programador, deberás decidir cuál será el primer idioma que aprenderás. En los otros dos casos, elegir inicialmente algo más especializado no tiene sentido.

Quiero convertirme en programador. ¿Qué idioma debo elegir?

Hoy en día existen una gran cantidad de lenguajes de programación para sitios web. A continuación proporcionamos una lista de lenguajes de programación populares y describimos brevemente qué se utiliza para qué y para qué tareas.

HTML+CSS

Definitivamente deberías comenzar tu viaje en el desarrollo web aprendiendo el marcado HTML. Y no importa en absoluto si eres programador o diseñador. Saber HTML es como conocer los conceptos básicos de cómo funciona una computadora y cómo funciona internamente. Sin conocimientos de HTML, no serás un buen programador o diseñador web. Para dominarlo fundamentalmente, se necesitarán como máximo un par de meses de diligencia y esfuerzo.

Puede comenzar con estos dos tutoriales para obtener una comprensión básica:
. Tutorial HTML;
. Tutorial CSS.

Tenga en cuenta que hay mucha información disponible en Internet. Y los primeros 2-3 resultados en Google para las palabras clave "Tutorial HTML" serán bastante relevantes y relevantes. Inicialmente, debe prepararse para encontrar respuestas por su cuenta.

El segundo paso es estudiar este lenguaje de programación de scripts en particular. Ayudará a que sus sitios sean interactivos. Con su ayuda, puede crear aplicaciones con secuencias de comandos que se ejecutarán en el navegador del cliente. Como ejemplo: calculadoras, controles deslizantes, animaciones, gráficos, etc. Para las primeras ventas será suficiente un complejo de Java Script, HTML, CSS, por ejemplo, un diseño simple de un sitio web.

PHP

A continuación pasamos a lenguajes más serios. Veamos PHP. Es uno de los líderes entre los lenguajes para la creación de sitios web dinámicos. Si desea desarrollar sitios web, le recomendamos comenzar su viaje aquí. Puedes aprender otros idiomas en cualquier momento, pero PHP te ayudará a dominar rápidamente los conceptos básicos y empezar a vender tu creación. Cuando aprenda PHP, comenzará a comprender completamente la esencia de la creación de sitios web.

Java

Desarrollado por Sun Microsystems. Java es un lenguaje de programación orientado a objetos basado en clases. Es un lenguaje de programación muy popular, el estándar para software empresarial, contenido web, juegos y aplicaciones móviles. Así como un lenguaje de programación para SO Android. Java está diseñado de tal manera que puede ejecutarse en múltiples plataformas de software. Por tanto, un programa escrito en Mac OS X también puede funcionar en Windows.

Rubí

El objetivo de Ruby era crear un lenguaje de programación que fuera simple y fácil de codificar. Fue diseñado como un lenguaje de programación para crear sitios web y aplicaciones móviles y es dinámico y orientado a objetos. Ruby creó Ruby On Rails, que utilizan muchos sitios web, incluidos Groupon y GitHub. Y además, muchos consideran que Ruby es un buen punto de partida para los desarrolladores principiantes.

C++

C++ es un lenguaje de programación orientado a objetos de nivel intermedio, desarrollado originalmente para mejorar el lenguaje C. Muchos programas populares como Firefox, Winamp y Adobe se crean en C++. Se utiliza para desarrollar software de sistema, software de aplicación, aplicaciones de servidor y cliente de alto rendimiento y para crear videojuegos. Es genial saberlo, pero no debes confiar en él como lenguaje para crear sitios web.

Python es un lenguaje de programación de alto nivel para sitios web y aplicaciones móviles del lado del servidor. Se considera un idioma fácil de aprender y fácil de leer. Los desarrolladores pueden utilizar menos líneas de código para lograr los mismos objetivos en otros lenguajes de programación. Muchos productos complejos se crean en Python: Instagram, Django, Rdio. Python también se utiliza activamente en productos de Google, Yahoo y NASA. Para crear proyectos de alta carga, Python es adecuado para usted, como uno de los lenguajes que resuelve el problema de la carga. Recomendamos aprender Python como segundo o tercer idioma.

Es importante entender
En cualquier etapa de tu formación, poco a poco puedes empezar a considerarte un programador, pero nunca debes considerarte el mejor programador. Siempre habrá algo que no sepas y siempre habrá algo que aprender. Ser programador no significa adquirir cierta experiencia y quedarse ahí. Las herramientas se amplían cada día. Debes estar constantemente en esta dinámica, involucrarte constantemente en el autodesarrollo. Puedes asistir a seminarios al mismo tiempo, escuchar informes, pero la base principal que recibirás será solo tu deseo de autodesarrollo.

Ser un programador exitoso significa encontrar usted mismo las respuestas a sus preguntas. Puede resultar difícil al principio. Pero con el tiempo empezarás a comprender que nada es imposible y, gracias a Internet, se te abren numerosas puertas. Sólo necesitas encontrar la puerta correcta cada vez. No tengas vergüenza de cometer errores; es importante aceptarlos y minimizarlos en el futuro.

Nunca confíes en capacitaciones como "Cómo convertirte en programador en 24 horas". Debe comprender que solo puede lograr altos resultados mediante el trabajo duro, la práctica y solo con el tiempo. De media, se cree que para convertirse en un buen programador es necesario dedicar al menos 10.000 horas a programación. Y esto es una media de 5 años, teniendo en cuenta que dedicarás 4 horas al día. Sí, exactamente 4, no 8, ya que 8 horas de programación pura serán una carga decente para el cerebro, lo que interfiere con la concentración y el dominio cualitativo del material.

Escribir el código en sí es sólo una parte de la programación. Debes tener autocontrol, tener un deseo constante de autodesarrollo, ser lo más disciplinado y persistente posible. Estas son las cualidades que debes trabajar desde los primeros días. No hay caminos fáciles. Al asistir a clases y capacitaciones no obtendrá el conocimiento que puede adquirir por su cuenta. Es constancia, trabajo y constancia lo que te pondrá por encima de los demás.

Nunca te enfades ni te consideres peor que los demás. En las etapas iniciales, puede haber una gran cantidad de momentos en los que ni siquiera tienes idea de “cómo hacerlo”. Todo viene con la experiencia. Un buen programador puede hacer cualquier cosa, incluso si nunca lo ha hecho y aunque a primera vista no comprenda exactamente qué método utilizará para resolver el problema. Pero confía en que todo está en su mano y todo funcionará como un reloj.

¡Eternidad! La programación, como muchas otras áreas, requiere un autodesarrollo constante. Cada día hay nuevas oportunidades, nuevas soluciones. Siga siempre las noticias, observe el mundo que le rodea y desarrolle constantemente. Con cada proyecto sabrás algo mejor que ayer. Y con cada proyecto te considerarás más inteligente que ayer. ¡Esto es normal e incluso genial!

¡Busque siempre un método para hacer que su proyecto actual sea mejor que el anterior! Si tiene un proyecto nuevo, idéntico al que ya realizó hace seis meses, no debe utilizar código 1 en 1 de este proyecto. Intente siempre escribir código nuevamente y cada vez intente escribirlo mejor que ayer.

regla importante
Invertir en uno mismo es la inversión más rentable y rentable. Dedicar hoy un par de horas extra a un proyecto para resolver un problema de mejor manera se invertirá en su experiencia.

Bono por tu motivación

Este gráfico muestra las ganancias inmediatas que obtiene en promedio un buen programador en UpWork.com. Deje que este horario sea una motivación adicional para sus esfuerzos. Considere también el hecho de que vivimos en una era en la que la gente intenta automatizar todo tanto como sea posible. Por esta razón, muchas áreas de actividad se reducen literalmente cada año. Por lo tanto, podemos estar seguros de que en un futuro próximo la posición de los programadores no hará más que fortalecerse.

Buena suerte en tus esfuerzos. ¡Sé persistente, ama lo que elijas y todo saldrá bien!

Atentamente,
fundador

¿Por dónde empezar a aprender programación desde cero?
En este artículo, intenté analizar en detalle si es posible convertirse en programador desde cero por su cuenta y qué opciones existen para dominar la programación por su cuenta y comenzar a ganar dinero con ella.
UPD: Aquellos que buscan dónde empezar a aprender programación desde cero en 2018 (o recién se están preparando para empezar en 2019 :)) tienen mucha suerte gracias al libro "Introducción al desarrollo de software" de Yakov Kramarenko. Recomiendo de todo corazón echarle un vistazo: vale la pena actualizarlo con la calificación número uno de Google y las reseñas de los lectores para aquellos que aprenden a codificar por su cuenta.

Intenté dar lo mejor, en mi opinión, de la manera. Te lo advierto: ¡no es fácil! Leer más puede costarle muchas horas de actividades interesantes :)

Lo diré de inmediato: si decides estudiar programación solo por tu cuenta, sin invertir dinero, tendrás que dedicar más tiempo. Espere dominar una nueva especialidad en al menos un año si está estudiando en paralelo con otro trabajo.

Si encuentra algo que agregar a este artículo para que sea más útil para las personas, escriba en los comentarios.

Este artículo contiene las mejores prácticas basadas en mi experiencia si quieres aprender a programar por tu cuenta. Todo esto sigue siendo relevante con un par de adiciones.

Un libro sobre programación web para principiantes.

La versión de 2016 está traducida: https://courses.prometheus.org.ua/courses/Prometheus/CS50/2016_T1/about.

Es mejor realizar el curso en inglés. Mejorarás tu idioma y la información estará más fresca. Aunque el curso no cambió mucho, solo en 2017 se comenzó a usar Python en lugar de PHP.

Completar el curso llevará tiempo, pero proporcionará una comprensión bastante completa que de otro modo sería difícil de obtener por su cuenta.

Inicialmente, debe decidir qué área de programación le interesa. Si estamos hablando de aprender a desarrollar desde cero y quieres empezar a ganar dinero pronto, entonces, en mi opinión, hay dos opciones: desarrollo para dispositivos móviles o desarrollo web.

En mi opinión, la mejor opción en tal situación es comenzar a aprender sobre desarrollo web. Aquí el umbral de entrada para principiantes es más bajo y existe la posibilidad de empezar a realizar pedidos sencillos antes.

Cómo convertirse usted mismo en programador desde cero

Si estuviera empezando desde cero para aprender desarrollo web por mi cuenta (dándome cuenta de que sin invertir dinero este es un camino más largo), entonces me recomendaría este camino:

1. Comprender HTML y CSS

Un buen curso para el desarrollo básico de HTML y CSS: https://learn.shayhowe.com/html-css/ (inglés) o https://webref.ru/layout/learn-html-css (traducción).

Después de eso, vale la pena mirar las capacidades de Bootstrap, que se ha convertido en el estándar de facto para el desarrollo acelerado de aplicaciones web: http://getbootstrap.com/

Esto será suficiente para los siguientes pasos.
Quizás quieras detenerte en este punto y estudiar CSS con más detalle. Esto le dará la oportunidad de trabajar como diseñador de diseño, una persona que convierte un diseño en una página HTML estática, después de lo cual el programador la anima, implementando la lógica del proyecto.

También puedes ganar dinero con esto, tanto como autónomo como trabajando en una empresa de TI especializada en desarrollo web.

Pero como decidimos convertirnos en programadores, ¡seguimos adelante!

2. Conozca jQuery

Si te gustó, puedes seguir entendiendo el frontend y empezar a aprender Javascript.

Si sigue https://angularjs.org/ o http://backbonejs.org/, entonces este es el camino hacia el desarrollo front-end. Una buena especialidad, sobre todo porque dichos conocimientos serán de utilidad para cualquier programador que haya optado por el desarrollo web.

Mi consejo es seguir con jQuery por ahora y seguir adelante.

3. Dominar un lenguaje de programación de servidor

Hay muchas opciones aquí. Los lenguajes de programación más prometedores son Ruby, Java, Python, Node.JS (Javascript para servidor).

El lenguaje de programación más sencillo para un principiante es Python. Si aprende Python y luego el marco de desarrollo web Django, tendrá todo lo que necesita para abordar algunos proyectos bastante complejos por su cuenta.

Una buena opción es el lenguaje de programación Python y Django.

Además, Python y Django te enseñarán la programación "correcta". Python se encuentra constantemente entre los 5-10 lenguajes más populares, y los buenos especialistas en Python se encuentran entre los programadores mejor pagados. Python es un lenguaje de programación simple y comprensible para programadores novatos y, al mismo tiempo, se utiliza en muchas grandes empresas y en grandes proyectos.

Para comenzar por su cuenta, lea "Python for Kids" de Jason Briggs o mire:

Entre otros materiales, recomiendo Learn Python The Hard Way. libro “Python simple. Estilo de programación moderno." Y, por supuesto, el tutorial de Python 2 y el tutorial de Python 3.

Django es posiblemente el mejor framework para desarrollo web

La mejor herramienta para todas las ocasiones es muy difícil de encontrar. Django tiene el potencial de convertirse en una herramienta de este tipo para el desarrollo web.

Por dónde empezar a aprender Django:

Comience con la documentación oficial, hay un muy buen tutorial allí: https://docs.djangoproject.com/en/2.1/intro/

Tango con Django es una buena oportunidad para mejorar tu inglés y al mismo tiempo comprender cómo se estructuran los proyectos web y cómo funciona todo.

Opción #2 - PHP y WordPress

Otra forma es comenzar con PHP y trabajar con CMS populares. Si está aprendiendo a programar usted mismo y desea comenzar rápidamente, comience con PHP.

Mucha gente considera que PHP es un lenguaje de programación "no del todo real", y con razón. PHP rara vez se usa en aplicaciones web grandes y está diseñado solo para la web; no se puede usar en otras áreas.

Por otro lado, PHP lidera el número de sitios web lanzados en el mundo. Los CMS (sistemas de gestión de contenidos) más populares se basan en él.

Después de eso, descubra cómo crear temas para WordPress; este es probablemente el CMS más popular del mundo, si se mide por la cantidad de sitios en funcionamiento.

Una vez que entiendas esto bien, ya podrás encontrar trabajo. Hay muchos sitios que ejecutan PHP y WordPress, por lo que hay suficiente trabajo para todos.

Cómo empezar a ganar dinero como programador

Mucha gente imagina el trabajo de un programador autónomo así:

En realidad se parece a esto:

Si estás listo para trabajar como programador y estás buscando una manera de ganar dinero, ¡bienvenido al trabajo independiente! Los intercambios independientes le permitirán encontrar pedidos sencillos (posiblemente casi gratuitos al principio) para practicar. Generalmente, trabajar para una empresa de TI puede ser más lucrativo si solo buscas un trabajo de programación.

Después del punto 2 (haber dominado HTML, CSS y jQuery), puede realizar intercambios independientes y aceptar pedidos sencillos, construyendo su perfil.

¿Sabes Inglés? https://www.upwork.com/

¿Para nada, ni siquiera con un diccionario? http://freelance.ru/

Cuando pueda crear sitios web usted mismo, le resultará más fácil encontrar clientes: habrá reseñas y experiencia.

Camino rápido al desarrollo web

Según mi experiencia, aprender a programar desde cero llevará, en el mejor de los casos, de 6 a 12 meses, siendo 6 meses si tienes a alguien que te ayude.

Para acelerar el proceso de ingreso a TI, busque la oportunidad de asistir a una capacitación (es posible que necesite más de una) o busque una persona que se capacite con usted. En realidad, sin una persona que te transmita sus conocimientos, es muy difícil que puedas sentarte durante un año a leer libros y no empezar nunca. Y con una persona con conocimientos que pueda hablar simplemente sobre cosas complejas, es mucho más fácil.

En un momento, elegí el camino de entrada a través de la formación. Dado que sabía mucho sobre desarrollo, esto me permitió dominar en 2 meses lo que podría haber tomado seis meses. Encuentra tu camino.

Tengo personas que han decidido seriamente comenzar una carrera en programación y quieren acelerar el proceso. Hay muchos otros cursos. Si encuentra un mentor, una persona que lo llevará de la mano, esto acortará significativamente su camino para convertirse en desarrollador.

Tan pronto como se sienta seguro de que puede crear algo, busque una empresa en la que pueda desarrollarse más o tener clientes.

HTML, CSS, Python y Javascript son sólo los conocimientos básicos, la primera etapa. A continuación, es muy importante practicar, estudiar algoritmos y herramientas de desarrollo.

Si tienes dudas, ¡pregunta en los comentarios! Espero que este artículo te ayude a dar el primer paso. ¡Buena suerte!

• Traducción
• Tutorial

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

El artículo pretendía ser una guía práctica para quienes deseen 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 daré consejos sobre cómo obtener experiencia en el mundo real y, lo más importante, cómo recibir un pago por escribir código.

Hay muchos enlaces a recursos importantes y gratuitos repartidos a lo largo del artículo. Para simplificar, los he recopilado en PDF y los he dividido en categorías. No me pagan por mencionar los sitios a los que me vinculo; solo quiero recomendar los mejores recursos para ayudarle a lograr su objetivo.

Cosas para recordar:

1. Puedes desplazarte por el artículo.

La guía puede ayudarle sin importar en qué punto del camino hacia el desarrollo profesional se encuentre. 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 tantas á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é.

En primer lugar, es necesario 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.

Aprenda 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 ¡Genial! Este es un paso muy importante. Ahora aprenda los 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, 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 y 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 ¡Impresionante! Ahora agreguemos CSS a sus habilidades. Aprenda CSS CSS u hojas de estilo en cascada. Se utiliza para personalizar la apariencia de los elementos HTML en la página. Consulte el tutorial gratuito de Mozilla y luego consulte CSS-Tricks para conocer los problemas más difíciles (hay una opción de búsqueda en la parte superior derecha). Cómo llegar al backend. Hasta ahora, hemos estado analizando lo que se llama el "frontend" 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.

Express Esta es una biblioteca que permite a Node.JS actuar como un servidor web (escuchar solicitudes de páginas y enviarles respuestas). MongoDB Esta es una base de datos que le 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 front-end, back-end y full-stack. 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 un desarrollador full-stack Genial. Es necesario leer todo el contenido de las secciones “Quiero ser desarrollador backend” y “Quiero ser desarrollador frontend Quiero ser desarrollador frontend y conozco los conceptos básicos de JavaScript, HTML y CSS para ser”. Para ser un desarrollador frontend eficaz, debe 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 conocer los conceptos básicos de HTML. De lo contrario, regrese a la sección Aprender conceptos básicos de HTML.

Aprenda HTML intermedio y avanzado Consulte el tutorial de HTML intermedio y 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, MDN JavaScript también debería ser tu mejor amigo.

[Además, tiene a su disposición una excelente traducción del excelente libro “Expression JavaScript” 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.

Aprenda jQuery Es la biblioteca JS más popular 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 un método rápido y eficaz. 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 los mayores problemas que tiene la tecnología elegida. JavaScript ha tenido un efecto muy beneficioso en el desarrollo y popularización de frameworks.

Casi una vez a la 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.

Bootstrap Bootstrap fue creado por desarrolladores de Twitter y ya es bastante maduro y popular. Existen versiones de Bootstrap para Angular, Angular 2 y React Material es un conjunto de reglas de diseño desarrollado 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 ¡Genial! 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ás familiarizado con alguno de los idiomas marcados en verde y te gusta, concéntrate en él.

Mejore sus habilidades para las entrevistas. 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 con el salario de sus sueños. Primero, consigue un trabajo en el que escribas código por dinero. Una vez adquirida más experiencia, podrás planificar tu próximo paso. Quiero ser autónomo Ser tu propio jefe es bueno, pero también supone una enorme presión y grandes dificultades. La mejor fuente de información sobre trabajadores independientes que he visto es 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, lo entiendo. No es fácil, y si alguien te dijo lo contrario, o no lo hizo o está intentando estafarte sin dinero. Si te sientes estancado, prueba las siguientes opciones: Refresca 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!