Cómo ser el mejor candidato para un trabajo de desarrollo front-end

Las otras dos respuestas son geniales. Me gustaría agregar un poco de mi historia.

Cuando era un estudiante de primer año en la escuela secundaria tomé una clase de “webmaster” y después de eso pensé que sabía lo que estaba haciendo. En retrospectiva, la maestra fue horrible y ella realmente obstaculizó mi aprendizaje al ponerme en el curso equivocado. Pero a lo largo de la escuela secundaria, creé mis propios sitios web personales, alojé mi propio servidor web y compartí cosas con mis amigos. Mi experiencia real se produjo cuando personas que necesitaban crear un sitio web se me acercaron. Para cuando era senior, pensaba que era el encargado del desarrollo web (en realidad era bastante horrible), así que confiaba en mi capacidad para crear sitios web para las personas. Me pagaron dinero y construí su sitio. Esto es lo que me convirtió en desarrollador. Como estaba seguro de que podía hacer cualquier cosa, acepté cualquier trabajo. Y con cada trabajo vino una inmensa cantidad de aprendizaje.

Luego fui a la universidad y supe que quería estudiar informática. Aprendí a programar realmente sin chupar. A lo largo de la universidad, continué haciendo trabajo independiente, pero me volví más inteligente. Mejoré en programación y diseño. Con esta mejora llegó el conocimiento del resto de la comunidad y cómo mejoraron también. Las cosas se pusieron en perspectiva para mí y, de repente, no era tan rudo como creía que estaba en el desarrollo web. De hecho, hay algunas personas realmente talentosas que ni siquiera podría imaginar ser tan bueno. Sentirse de esta manera puede hacerte sentir un poco inadecuado. Como si no pertenecieras necesariamente a esta comunidad.

Si hubiera sabido lo mucho mejor que todos los demás cuando comencé, nunca habría llegado a donde estoy ahora. Tenía la confianza para aceptar cualquier trabajo porque realmente pensaba que era de primera categoría, y aprendí mucho de esos trabajos.

Entonces, lo que digo es que si realmente estás en contacto con la comunidad web, puede ser un poco desalentador. Porque ya hay todas estas personas realmente talentosas exponiéndose. Y cuando aparece algo, puede ser fácil decir, “claramente hay alguien mejor que yo para el trabajo”. Pero ese siempre será el caso con cualquier persona para cualquier trabajo. La mayoría de las personas que necesitan trabajar para ellos no están en contacto con el mundo del desarrollo web y no pueden saber si alguien es bueno o malo en la programación y el diseño. Entonces, incluso si apestas, asume cualquier trabajo que se te presente. ESO es lo que te convierte en desarrollador. Cuando te ves obligado a resolver problemas que no sabías anteriormente.

He sido desarrollador web durante 10 años, y tuve mi parte justa de entrevistas para trabajos, y también fui el entrevistador. Entonces responderé a sus preguntas una por una con el mismo orden:

• Realmente no tiene que cambiar su personalidad para adaptarse al trabajo, la mayoría de la gente puede darse cuenta y simplemente no es correcto cambiar quién es para un trabajo. Solo sé una persona agradable y agradable como confío en ti, y no tendrás problemas para adaptarte, en la mayoría de los lugares.
• Las habilidades que necesita para un puesto de desarrollo de Frontend son, una comprensión fundamental de HTML / CSS / JS, algunos conocimientos en los marcos populares en el momento de la solicitud, por ahora sus jQuery y Angular.js. Tal vez aprender un poco sobre los preprocesadores CSS también. Pero lo principal que debe saber es HTML / CSS / JS y cómo escribir código limpio y comprensible, el resto es mostrar que se mantiene al día con el campo.
• Una buena habilidad para saber es el diseño web, nada es mejor y más competente que un desarrollador Frontend que diseña sus propios sitios web. También aprender Git es imprescindible.
• Debe tener, su educación, sus proyectos paralelos, sus puestos anteriores, un poco sobre usted y su interés y cómo puede contactarlo el empleador. Y, por favor, no mencione ningún “título en línea”, la mayoría de ellos no son tan apreciados y pueden perjudicar en lugar de ayudarlo. El único título que debe poner es su título universitario.
• Debes construir lo que sientas que puedas hacer bien. No se trata de las aplicaciones en sí, sino de lo bien que las hiciste.

Soy un desarrollador web autodidacta con un salario decente y que trabajo con algunas de las mejores startups de la India, déjame ayudarte con esto:

Estas son algunas habilidades tecnológicas que debes tener para ser un desarrollador front-end:

1. Comience a aprender HTML, CSS (del Canal de YouTube TheNewBoston [1], lo cual recomiendo encarecidamente. No debería llevar mucho tiempo completar la serie 2, Bucky tiene allí para aprender HTML 4.1 y otros para la introducción de HTML5 y CSS3 y ahora está bien para ir haciendo un sitio web estático de aspecto dulce).
2. Aprenda a usar VCS (software de control de versiones o también conocido como sistema de administración de código fuente) como Git, SVN, etc. Use GitHub (servicio de alojamiento de repositorio Git basado en web) de CodeCademy [2]
3. El conocimiento básico de PHP y MySQL es realmente bueno para comprender las solicitudes del servidor, los lenguajes de consulta y las bases de datos. CodeCourse otro canal de YouTube (anterior PHP Academy) [3]
4. Trabaje con WordPress, OpenCart u otro CMS ( Sistema de gestión de contenido) y comprenda cómo funcionan.

Pasos frontales:

1. Investigue un poco sobre el SEO, cómo funciona Google Analytics, las Herramientas para webmasters y qué es bueno para el SEO en la página.
2. Profundice en las nuevas opciones HTML5, CSS3:
   a) Nuevas entradas de formulario
   b) Animaciones CSS3
   c) Gráficos vectoriales escalados (SVG)
3. Trabaje con marcos de UI como Bootstrap, Foundation , Simple UI, etc. Esto requiere un poco de conocimiento de JS / JQuery, que puede ser más o menos buscado en Google.
4. Aprenda a usar Javascript, el motor de JavaScript, el comportamiento del navegador, la manipulación DOM (por ejemplo: Validación de formulario).
5. Aprenda JQuery básico (también puede aprender JQuery antes de JavaScript)
6. Trabaja con preprocesos CSS (CSS con poderes especiales) como SASS, Stylus y Less.
7. Para la codificación CSS personalizada, también puede leer sobre formas de codificación CSS:
   a) CSS orientado a objetos (OOCSS @ stubbornella / oocss)
   b) Bloque, Elemento, Modificador (BEM @BEM: Conceptos clave)
   c) Arquitectur escalable y modular para CSS (SMACSS @Scalable y arquitectura modular para CSS)
8. Utilice Javscript / JQuery Learn para conectarse a las API (interfaz de programación de aplicaciones)
9. Prueba TypeScript, es un Superset JavaScript compatible con ECMA.
10. Es necesario que los procesos como SASS a CSS, ampliación de imagen, etc. estén automatizados, esta es la hora de que comience a trabajar con herramientas de automatización como Grunt, Gulp y use scripts para automatizar lo mismo, también el Administrador de paquetes como npm, bower se puede usar para incluidos archivos de proveedores de diferentes complementos / marcos.
11. Más tarde, se debe aprender a hacer una mejor aplicación web Javascript de una sola página, marcos como: AngularJS, ReactJS lo ayudarán. LearnCode.Academy [4] es un buen recurso para desarrolladores front-end que están en el nivel intermedio de JS.

Lea también:

La respuesta de Arpit Goyal a Creé una página web usando HTML y CSS. ¿Cómo lo publico en Internet?

La respuesta de Arpit Goyal a ¿Cómo se escribe un currículum vitae o CV de alta calidad?

La respuesta de Arpit Goyal a ¿Cómo conseguir un trabajo en una empresa que hace un trabajo increíble?

Feliz codificación,

siéntase libre de dejar preguntas / comentarios en los comentarios.

Escribo sobre Startups, Tecnologías, Productos y cosas similares.
Sígueme @ Quora | Arpit Goyal

Notas al pie

[1] thenewboston

[2] Aprende a codificar

[3] Código

[4] LearnCode.academy

Mi camino (que no necesariamente recomiendo):

• Aprende HTML y CSS
• Aprenda la teoría del diseño (esto es mucha lectura, y todavía estoy trabajando muy duro en esto después de varios años)
• Aprende PHP, Python, C ++
• Aprenda bases de datos y teoría de programación, luego pase a marcos
• Aprende JavaScript

Si sabe que quiere convertirse en un desarrollador front-end y no pasar mucho tiempo incursionando en todas partes (como lo hice yo) para encontrar su área de especialización, le recomiendo este camino:

• Aprende HTML y CSS
• Aprende JavaScript
• Construye tu primer sitio
• Aprende MENOS (aprende temprano , pero solo después de que hayas dominado CSS)
• Aprenda PhotoShop bastante bien (esto es algo en lo que soy bastante terrible, por eso prefiero trabajar con un diseñador gráfico)
• Ahora está listo como desarrollador front-end, tiene las habilidades técnicas. Pase algo de tiempo, como mencionó Luqmaan Dawoodjee, aprendiendo el backend para que realmente sepa cómo funciona todo. Aprenda bases de datos, marcos de estilo MVC, PHP, Python y Apache, no en la medida en que trabajó en HTML, CSS y JavaScript, sino que tenga bastante conocimiento de ellos.
• Ahora pase el resto de sus días leyendo blogs y revistas de desarrollo web, mejorando las habilidades que ya conoce y concentrándose en la teoría del diseño.

No puedo decir para la mayoría de las personas, ya que estoy seguro de que varía de persona a persona, pero en mi caso, fui completamente autodidacta. Empecé cuando aún estaba en la escuela secundaria y aprendí HTML. Cuando vi por primera vez una página que había creado, ni siquiera puedo comenzar a contarte la alegría que me trajo. A partir de ahí, me enganché.

Cuando estaba en la escuela secundaria, dejé de usar estilos en línea y comencé a enseñarme cómo escribir CSS adecuado. Al principio fue un poco complicado, porque era un nuevo idioma y una nueva habilidad, pero no me llevó mucho tiempo aprenderlo y volverme bastante decente con él.

Después de graduarme de la secundaria, comencé a ir a la escuela de informática, ya que pensé que me enseñaría todo lo que necesitaba saber sobre el desarrollo web front-end. Resulta que estaba muy equivocado, y la mayoría de los cursos se centraron en Ingeniería de Software y Desarrollo Back-End. Estaba extremadamente decepcionado, desinteresado y terminé dejando la escuela.

En ese momento, comencé a enseñarme JavaScript y a crear sitios web para las personas que estaban al lado. Realmente disfruté el trabajo que estaba haciendo, y estaba orgulloso de haber podido enseñarme a mí mismo. Regresé a la escuela el otoño pasado para volver a intentar obtener una licenciatura en Ciencias de la Computación, pero aún no se ha convertido en mi taza de té … (Actualmente estoy trabajando en una licenciatura en Marketing, en cambio).

Básicamente, hay tantas historias sobre cómo convertirse en desarrollador, ya que hay desarrolladores. Los desarrolladores front-end tienden a ser autodidactas, porque las universidades a menudo no tienen concentraciones en desarrollo web (aunque los colegios comunitarios se están fortaleciendo en ese sentido). Básicamente, tiene que encontrar lo que funciona para usted y su estilo de aprendizaje e ir por él. Eso podría ser un aprendizaje independiente, o podrían ser clases estructuradas. Ninguno de los dos está bien o mal.

🙂

Bueno, para mí, el desarrollo web front-end es un campo bastante vasto y la forma en que uno puede entrenarse para dominar esto puede requerir más que solo experiencia en HTML y CSS. Yo mismo tenía experiencia previa en el desarrollo de aplicaciones con PHP y MySQL, pero ahora me estoy concentrando para centrarme más en la interfaz de usuario. Tengo algo planeado como este (recuerde que estas sugerencias pueden no ser adecuadas para todos. Es principalmente para una persona con experiencia de principiantes o para una persona que quiere aprender el desarrollo / diseño de UI):

1) Mantén los ojos abiertos.
Visitamos muchos sitios web, aplicaciones web a diario. Creo que lo primero que debes practicar es “L OO K”. Aprende a observar.
¿Cómo parece que ese cuadro tiene una sensación de inserción para sus bordes sin aplicar el valor de inserción? Puede ser que la combinación de colores sea otra cosa. Cava en cualquier cosa que te intriga. No tienes que ser correcto o incluso encontrar una respuesta todo el tiempo. El proceso intermedio le enseñará mucha practicidad.

2) La creatividad NO es solo otra palabra elegante.
Puede conocer los conceptos básicos y las técnicas específicas avanzadas de front-end, pero el verdadero jugo está en pensar creativamente. A veces debes seguir los pasos de los demás antes de poder construir algo desde cero. Inicialmente, puede inspirarse con el diseño de otra persona y siempre puede practicarlos con el propósito de aprender. Créame, la creatividad no llegará la primera vez. Guárdalo para después. Aprenda los estándares e influencias del diseño web moderno siguiendo el trabajo de otra persona que podría pensar que se ve muy bien, se siente muy bien.

3) Enamórate – CON REJILLAS
Las cuadrículas pueden enseñarle mucho sin simplemente colocar cosas en el aire. Le dará más consistencia en sus diseños.
Descargue 960 gs y comience a crear diseños en plantillas de Photoshop de 12 col, 16 col, 24 col.

Si desea saber más sobre las cuadrículas, eche un vistazo a este libro: Basics Design 07: Grids, 2nd Edition: Gavin Ambrose, Paul Harris: 9782940411924: Amazon.com: Books

4) HTML y CSS [Comience con algunos buenos libros]
Para un principiante, creo que algunos de los libros que realmente pueden ofrecer excelentes experiencias de aprendizaje son:
Diseño web con HTML, CSS, JavaScript y jQuery Set: Jon Duckett: 9781118907443: Amazon.com: Libros

JavaScript y JQuery: Desarrollo web interactivo front-end: Jon Duckett: 9781118531648: Amazon.com: Libros

5) Jvascript es el héroe del desarrollo frontal.
No importa qué tan bien esté versado con HTML, CSS, necesitará algunas chuletas de JavaScript serias para tener éxito como desarrollador front-end.
Hay muchos recursos disponibles en línea que pueden ayudarlo en el viaje. Si eres uno como yo, si amas un libro más que algunos tutoriales al azar, ve a este libro: JavaScript: la guía definitiva: activa tus páginas web (guías definitivas): David Flanagan: 9780596805524: Amazon.com: libros

6) Photoshop
Ahh ….. Esta es la parte divertida. Photoshop se puede utilizar para muchos fines centrados en el diseño. Algunos podrían usarlo para sacar un portafolio impresionante de color corregido de un modelo. Otros pueden usarlo para crear texturas perfectas para su juego 2D. ¿Quieres aprender photoshop para diseño web verdad? Estoy tratando de decir que simplemente aprender photoshop en las escuelas puede enseñarle a navegar por su interfaz y algunos pasos extraños para lograr un efecto, pero aprender photoshop para diseño web puede ser un enfoque totalmente diferente.
Aquí el tutotrial en línea supera todo lo demás. Hay tonos de las mejores listas para crear diseños de PSD y convertir PSD a HTML. Haga su propia lista y comience a seguir esos tutoriales.

7) Mantener buenos estándares.
Establece un bar en tu mente. Mira las grandes aplicaciones de hoy. Nada puede superar un diseño limpio y centrado en el usuario. Siempre mantenga estos estándares.
¡También necesitas aprender un poco sobre UX (Experiencia del usuario)!
Para empezar, solo lea este libro. No es una gorda y es muy interesante. Compre No me haga pensar: un enfoque de sentido común para el libro de usabilidad web en línea a precios bajos en India

8) Lleva mucho tiempo.
No esperes subirte y probar toda la crema. El diseño web / desarrollo de interfaz de usuario / desarrollo front-end es una tarea desafiante y llevará tiempo alcanzar la maestría. Solo cree en ti mismo e intenta pensar como un artista a veces. A veces necesitas tirar tus mejores trabajos en el último momento y comenzar de nuevo …

Recuerda que nada supera a un diseño limpio

Mi camino fue a:

Aprenda HTML y CSS, aprenda Photoshop, aprenda los principios de diseño, aprenda los principios de programación (incluso si no es con un lenguaje web, como Java o C), aprenda un lenguaje del lado del servidor (como PHP o Ruby on Rails ) y aprende JavaScript.

Si bien HTML y CSS son aparentemente fáciles, dominarlos requiere más práctica de lo esperado. La compatibilidad cruzada del navegador empeora las cosas.

Aprendí HTML, CSS, JavaScript y PHP de forma completamente independiente.

Sin embargo, tomé una clase de diseño gráfico en la escuela secundaria que enseñaba Photoshop y los principios de diseño y arte. Esto fue increíblemente útil, ya que aprender Photoshop de forma independiente puede ser confuso.

Aprendí algunos de los principios de programación de forma independiente al escribir programas Ti-BASIC para mi calculadora. Pero aprendí más de una clase de informática en la escuela secundaria que usaba Java.

Por lo que he visto, los grados y clases de desarrollo web no son tan útiles. Puede aprender mucho más independientemente y tomando clases que le enseñan los principios de temas específicos, como el diseño o la programación. El resto lo puedes aprender de forma independiente.

Simplemente aprender la sintaxis y el propósito de estos idiomas es de poca utilidad. El verdadero aprendizaje proviene de su aplicación.

Encuentre algunos proyectos del mundo real que necesiten estas habilidades y hágalas. Cree su primer sitio web, diseñe su primer volante y escriba su primera aplicación web. Hacer algo te enseña mucho más que leer sobre hacer algo.

También es útil encontrar personas que ya son desarrolladores web o que están aprendiendo desarrollo web y hablar con ellos al respecto.

Uno de los pasos (sorprendentemente) más útiles para aprender desarrollo web fue comprar hosting. Una vez que hice eso, mi aprendizaje se aceleró significativamente.

PD: Personalmente, creo que todos los desarrolladores web deben ser competentes en el desarrollo front-end y del lado del servidor. Evitar el aprendizaje del desarrollo del lado del servidor realmente te impide construir cosas realmente útiles.

Hay muchas empresas que contratan desarrolladores front-end. Para ser el mejor candidato, no solo debe ser experto en JavaScript, CSS y HTML, sino que debe conocer las complejidades de diferentes marcos y bibliotecas, métodos de diseño de interfaz, API de fondo y más.

Para destacar, necesita promocionarse y estar preparado para asumir el proceso de entrevista . Mi equipo habló recientemente con algunos reclutadores de Salesforce, Sourceress y Codementor para obtener algunos consejos sobre cómo avanzar en un proceso de reclutamiento técnico.

Un buen lugar para comenzar es con un currículum y una cartera sólidos. Su currículum debe incluir su resumen de carrera, habilidades y certificaciones, experiencia, proyectos independientes y paralelos, y educación.

Su cartera en línea es donde muestra su trabajo completado. Sin una cartera sólida, su currículum tendrá poco peso. Una buena cartera tiene un nombre de dominio profesional, una declaración introductoria concisa, su contacto y enlaces de redes sociales y, por supuesto, muestras de proyectos.

Para obtener más información sobre cómo elaborar un currículum profesional y un portafolio, lea la guía dedicada aquí.

Después de haber llamado la atención de un reclutador, tendrá una llamada de selección inicial . Según el reclutador de Salesforce con el que hablamos, esta llamada se trata de demostrar habilidades de comunicación y nivel de interés. Puede estar hablando con un reclutador no técnico, por lo que es importante que pueda comunicar su experiencia técnica de una manera no técnica. Además, mostrar un interés genuino en la oportunidad y explicar por qué encaja en su trayectoria profesional será de gran ayuda.

Más tarde, casi seguro que tendrá una llamada de selección técnica . Esto es para determinar que los candidatos cumplen con una barra de conocimientos básicos y tienen una mentalidad de desarrollador. Es posible que le den un problema de muestra para resolver, y sus entrevistadores evaluarán su proceso de pensamiento y cómo comunicará su solución. Esta también es una gran oportunidad para demostrar conocimiento e interés en el producto específico de esta empresa. Evite las respuestas repetitivas que saldrán como ensayadas para cualquier oportunidad.

Otra parte del proceso de la entrevista será abordar preguntas difíciles como su mayor debilidad, por qué dejó su trabajo anterior y la negociación salarial.

Para obtener información privilegiada sobre cómo abordar estas preguntas y destacarse a los ojos de los reclutadores técnicos, lea el artículo completo sobre Lo que los reclutadores técnicos realmente quieren .

Solo conozco a dos personas que fueron a la escuela por algo relacionado con la programación y se convirtieron en desarrolladores front-end. Uno de ellos tiene un título de cuatro años en ciencias de la computación, el otro está asociado en desarrollo web.

Todos los desarrolladores front-end que he conocido tenían un título universitario en algo . Pero aunque sus títulos eran al menos algo técnicos, sus habilidades llegaron después de la universidad . Esto parece ser bastante común; Paul Irish es licenciado en redacción técnica. Douglas Crockford es licenciado en Radio TV.

No soy una de esas personas. Tengo títulos en francés y español.

Hace muchos años, tenía grandes esperanzas de convertirme en intérprete. Así que conseguí un trabajo en un centro de atención de llamadas en español y francés. Fui promovido algunas veces. Finalmente, en una posición en la que aprender a hacer páginas web en HTML resolvió un gran problema técnico para mí.

Todo fue cuesta arriba desde allí. Pasé del tipo de Call Center a Content Producer. Luego al analista de negocios. Luego, finalmente, desarrollador front-end.

Aprendí diseño web, usabilidad, UX, VBA (sí, realmente), CSS, PHP, jQuery, JSP, jQuery plugins, Vanilla JS, C #, node.js, Angular, preprocesadores CSS, MongoDB.

Luego, hace unos 5 meses, terminé un certificado de programación a través de la Universidad de Phoenix. Mientras que dos clases cubrían el front-end, el resto trataba sobre los fundamentos de la programación; algoritmos, OOP, Java y C ++. Y ahora me siento mucho más seguro en .NET y Java que nunca antes.

La mayoría de los desarrolladores de FE son autodidactas. Solo recientemente las instituciones académicas están enseñando principios de FE. Y hay buenas razones para eso:

La web puede cambiar mucho desde el primer día de clase hasta la graduación. Los desarrolladores tienen dificultades para mantenerse al día y trabajan en este campo . No sé cómo un profesor con una carga de clase completa podría mantenerse al día. Si me desconectara durante 6 meses solo para poder enseñar … me sentiría irremediablemente perdido.

Por esta razón, realmente deseo que esta carrera sea tratada más como un oficio que como una “búsqueda académica”. Prefiero que alguien obtenga 4-6 meses de “fundamentos”, y luego 2-3 años de “aprendizaje”, donde el estudiante puso esos fundamentos a trabajar bajo un desarrollador de nivel superior.

Al igual que usted, descubrí que existen muy pocos cursos de desarrollo web front-end. Y los cursos que existen dejan mucho que desear. Como resultado, me parece que la mayoría de los buenos desarrolladores front-end que he conocido son más o menos autodidactas. Entonces, si todo lo que estamos tratando de hacer es responder la pregunta que publicó (“¿Cómo se convierten las personas en desarrolladores web front-end?”), Podemos detenernos aquí. Tiendo a estar de acuerdo con tu especulación de que la mayoría de ellos probablemente sean autodidactas.

Pero estoy dispuesto a apostar que eso no es exactamente lo que quieres escuchar. En virtud de que hagas esta pregunta, supongo que estás tratando de descubrir cómo puedes convertirte en un buen desarrollador front-end y, si ese es el caso, simplemente decir “enseñar a ti mismo” no es útil.

Ahora, podría seguir y seguir sobre qué libros podrías comprar, o qué tecnologías debes aprender y en qué orden, pero para ser honesto, recientemente llegué a la conclusión de que todas esas cosas son bastante irrelevantes. Claro, elige un libro de inicio si quieres. Realmente no creo que tu elección específica de El libro hará una gran diferencia a largo plazo.

También podría comenzar a enumerar lo que creo que son las cualidades de un buen ingeniero front-end y espero que pueda absorber algunas de esas cualidades. Pero tampoco creo que sirva de mucho. Si recién está comenzando en el campo, probablemente no tenga idea de cómo aplicar esas cualidades a lo que está haciendo.

En cambio, voy a tratar de impartirle una estrategia específica para el autoaprendizaje. Esta es la estrategia que he usado y creo que me ha funcionado bastante bien. Asi que aqui esta:

Deja de intentar aprender de manera proactiva y comienza a hacer cosas en su lugar. Pregunta y responde tus propias preguntas.

Salir y leer un libro / blog sobre HTML / CSS / JS no te hará mucho bien si no sabes por qué lo estás leyendo. Si eres como yo, vas a retener quizás el 10% del material. Podrías leer 20 libros sobre el tema y no estarás mucho más cerca de ser un buen desarrollador front-end.

En cambio, solo comienza un maldito proyecto. Establezca el objetivo de hacer algo que sabe que no sabe cómo hacer . Comienza a escribir código. En algún momento te encontrarás con algo que no sabes cómo hacer. Escribe lo que quieres saber cómo hacer en Google y descúbrelo. Entonces hacerlo.

Debo señalar que este proceso puede tomar horas incluso para lo más simple. Especialmente si no sabes exactamente qué es lo que necesitas para Google. Pero en el 99% de los casos, aprenderá algo en el camino . Y lo que aprendas será relevante para lo que estás haciendo y por eso se quedará contigo.

Puede leer sobre CSS Floats en un libro y lo olvidará dentro de una semana. Intente crear un diseño que requiera flotadores y pase 2 horas en Google hasta que descubra cómo hacerlo funcionar y nunca olvidará esa mierda.

Luego, mantenga la barra más alta. Haz metas más altas. Oblígate a cumplir esos objetivos. A veces descubrirás que lo que quieres hacer no es posible. Genial, ahora has aprendido los límites y las limitaciones de la tecnología con la que estás trabajando.

Literalmente no puedes equivocarte con este enfoque. No importa lo que hagas, aprenderás algo .

Todo esto suena como una forma increíblemente ineficiente de aprendizaje, lo sé. ¿Por qué pasarías horas en Internet descubriendo cómo hacer las cosas por tu cuenta cuando supuestamente podrías leer un libro o dos y aprender todo lo que necesitas saber? Debido a que este último realmente no funciona, es por eso. No hay un atajo para estas cosas. Sólo tienes que hacerlo. Tienes que golpearte la cabeza contra la pared hasta que te des cuenta. Sigue saltando.

Déle un poco de tiempo y verá que tiene que consultar cada vez menos Internet. Te encontrarás con un problema o un error y recordarás haber experimentado el mismo error en otro proyecto que ya hayas realizado. Luego puede volver a ese proyecto, ver cómo lo arregló y aplicar la misma solución a lo que está haciendo en este momento. Eventualmente, solo sabrás cómo arreglar las cosas. Y luego comenzarás a darte cuenta de que te estás volviendo bastante bueno en estas cosas .

No digo que nunca debas leer un libro. A menudo, cuando comienzas, es bueno leer al menos un libro introductorio para orientarte y aprender algo de terminología básica. Pero no esperes que los libros aprendan por ti. En última instancia, depende de usted.

Bueno, puedo contar una historia.

Te fascina el diseño gráfico. Te encanta dibujar y diseñar cosas tanto un día que te inscribes en un curso de Diseño Gráfico y te abres camino a través de él y, mientras tanto, también revisas algunos sitios web y diseñas algunos diseños durante el curso. Y te das cuenta de que podrían ser aún más divertidos que diseñar empaques y portadas de revistas.

Entonces comienzas a diseñar sitios web que se ven realmente geniales, pero tarde o temprano comienzas a sentir que falta algo. Todas esas interfaces inteligentes de buen aspecto deberían moverse, los botones deberían presionarse y todo debería cobrar vida sonando, parpadeando, moviéndose.

Entonces, un sábado aburrido en un trabajo sin salida donde estás esperando las llamadas de los clientes, abres los tutoriales HTML de W3 School y revisas toda la parte HTML CSS en una mañana. Al final del turno, estás tan emocionado que sigues haciendo páginas html de aspecto feo todo el día.

Un día después te das cuenta de que es hora de construir algo grande, como tu propio sitio web o tal vez un blog. Entonces obtienes un paquete de alojamiento, descargas WordPress, lo instalas, obtienes un tema gratuito y comienzas a girarlo y ajustarlo a tu gusto y luego publicas tus trabajos en él.

Lees tutoriales día y noche sobre wordpress y html y css y sobre cómo crear este control deslizante y ese menú desplegable en cualquier menú, etc.

Después de que te das cuenta de que en realidad estás más ocupado ajustando el blog y creando contenido para él. 🙂

Luego comienzas a aventurarte en la tierra oscura de Javascript y jQuery para poner más magia en tus páginas y así sucesivamente …

Y vienen unos años más, algunos cientos de tutoriales y cursos y unas pocas (10) mil líneas de códigos.

Comenzó así conmigo.

Gracias por el A2A!

¿Cómo modifico mi personalidad para adaptarme al trabajo?

Usted no Período.

¿Qué habilidades y herramientas necesito para dominar?

Los grados de ‘dominio’ dependen del rol que se esté tomando (los juniors no necesitan saber tanto como los seniors, en general). HTML, CSS y JavaScript son el triunvirato del desarrollo web; Deberías sentirte cómodo con los tres. Dicho esto, espero que haya un requisito implícito de conocer también AJAX y el control de versiones en la mayoría de las publicaciones de desarrolladores front-end.

¿Y qué otras habilidades / herramientas son buenas para conocer?

En la mayoría de los casos, la mayor parte de su trabajo pesado como desarrollador front-end se realizará con JavaScript. Debería comprender seriamente el concepto de interactuar con las API RESTful y debería tomarse un tiempo para aprender jQuery y Angular, así como para sentirse cómodo consumiendo las API RESTful; esto debería hacer que sea fácilmente empleable.

Yendo más allá de “empleable”, recomiendo encarecidamente profundizar en JavaScript nativo (que tiene el efecto secundario de desacoplarlo de jQuery también, yay). Yendo más allá de la simple manipulación DOM, también debe aprender funciones de orden superior que realmente ayudarán con las funciones de escritura; filtrar, mapear y reducir son increíbles . A partir de aquí, tendrá la capacidad de trabajar con más bibliotecas orientadas a JavaScript (como React o las bibliotecas FRP cada vez más populares).

Dejando a un lado JavaScript, probablemente también elegiría un preprocesador CSS en algún momento; SASS o LESS son buenas opciones y relativamente similares . Simplemente elija el documento cuyos disfrutas desde el punto de vista estético.

¿Qué debo tener en mi currículum / CV?

Cualquier cosa que sea realmente significativa para hablar. Haría que sus proyectos sean el punto focal de su currículum si tiene proyectos reales (no solo elementos de cartera). Me gustaría hablar sobre cómo contribuyó y cómo mejoró el producto . Después de eso, debes hablar sobre los lugares (relevantes) en los que has trabajado y la educación más reciente (aparentemente relevante o no, te sorprenderías).

Dicho esto, el currículum debe ser un tema de conversación. No debería ser un puñado de cosas que al entrevistador no le importa o debería esperar que usted sepa . En su lugar, debería resaltar las cosas que uno no esperaría, lo que a su vez impulsará la discusión y lo convertirá en un candidato más memorable.

¿Qué aplicaciones debo crear para la cartera?

Ninguna. Debe crear proyectos que le interesen legítimamente y que estén dispuestos a discutir durante el almuerzo. Su lista de tareas pendientes, la aplicación kanban o su blog personalizado no me dicen mucho sobre usted, aparte de la falta de originalidad. No me importa lo que te interese, pero constrúyelo.

Ayudé a crear una aplicación de League of Legends (ahora extinta) y de forma rutinaria generó excelentes conversaciones y chats divertidos con posibles empleadores, muchos de los cuales también jugaron League. No fue una aplicación sorprendente, pero recuerdo las dificultades que conllevó su desarrollo y los obstáculos que superé con el equipo, lo que a su vez genera respuestas convincentes a las preguntas de comportamiento durante las entrevistas.

Debido a que es bastante relevante, aquí hay una pregunta que respondí anteriormente que contiene algunos consejos similares, así como algunos más que no se solicitaron: la respuesta de Sean Grogg a ¿Los desarrolladores front-end realmente tienen una gran demanda?

¿Te gusta mi respuesta? ¡Sígueme! ¿Tiene alguna pregunta? ¡Pregunta en los comentarios!

Lo mejor del desarrollo front-end es que siempre está evolucionando, lo que le brinda una variedad de posibles carreras profesionales.

Comenzaré diciendo que debes tratar de ajustar tu CV para el tipo de trabajo que quieres hacer y no necesariamente el tipo de trabajo que crees que deberías estar haciendo. Conozco a muchos desarrolladores front-end que solo conocen CSS y HTML y lideran carreras muy exitosas.

Si considera el tamaño de Internet, es importante darse cuenta de que siempre habrá una necesidad de ciertos tipos de desarrolladores. Simplemente podría estar haciendo mantenimiento de contenido o podría especializarse en uno de los varios marcos populares disponibles. Esto depende puramente de dónde reside tu pasión.

Si está realmente interesado en ampliar los límites, en última instancia, su objetivo debe ser apilarse por completo (o incluso simplemente poder hacer tanto el diseño como el desarrollo). Hay una gran necesidad de esto, ya que mejora la forma en que trabaja con diseñadores y desarrolladores de back-end. Incluso si no necesariamente está haciendo un desarrollo de back-end, tener una comprensión del mismo lo hace increíblemente valioso para un equipo.

Con eso en mente, compartiría estos consejos de mi experiencia personal:

1. No sobre compensar. Vemos muchos desarrolladores front-end que entran en una entrevista con un CV con más de 10 frameworks. Solo haber leído un artículo sobre AngularJS no le da derecho a agregarlo como una habilidad. Solo agregue una habilidad si está seguro de que puede ejecutar un proyecto allí de principio a fin, a tiempo.
2. Elija un marco que le guste y pase mucho tiempo haciéndolo realmente bueno. Los objetivos principales de las empresas son ganar dinero; si trabajas eficientemente serás recompensado. También recuerde que en muchos países, los marcos como AngularJS o React todavía son muy nuevos y lo más probable es que solo se utilicen completamente en proyectos dentro de unos años. Haga una investigación de mercado para ver qué hay una gran necesidad.
3. Un gran requisito de la mayoría de los profesionales en nuestra industria es la capacidad de ejecutar un proyecto y trabajar con los clientes. En la mayoría de los casos, es posible que esté construyendo proyectos usted mismo, por lo que su empleador esperará que sea autosuficiente y ejecute sus propios proyectos.
4. Sea realmente bueno en la atención al detalle. Es realmente importante que mantenga un alto nivel de trabajo. Cuando reciba diseños, asegúrese de que sean píxeles perfectos, ya que esto es lo que su cliente espera.
5. Aprende diseño. Yo mismo comencé como diseñador y me mudé a la Web. Saber cómo diseñar le brinda una ventaja increíble sobre otras personas en la industria, ya que le permite ser mejor en el punto 4 y tomar decisiones informadas sobre aspectos específicos al desarrollar un proyecto.
6. Aprenda a trabajar con plantillas de algunos de los grandes sistemas CMS. Cada vez más, esto se está convirtiendo en una habilidad esencial: saber cómo construir plantillas de WordPress no solo le brinda la capacidad de construir casi cualquier sitio web dinámico, sino que también le enseña mucho sobre lenguajes como PHP.
7. Haz trabajo independiente donde puedas. Esto lo ayudará con todas las sugerencias en esta lista. Hacer desarrollo web independiente es gratificante y lo empujará a nuevos caminos. La mejor parte de esto es que si fallas en un proyecto no te costará tu trabajo, por lo que hay mucho espacio para crecer y ser juguetón.

¡Todo lo mejor en tu carrera!

No estoy en condiciones de responder, todavía estoy aprendiendo JavaScript pero sé cómo conseguir un trabajo. Es fácil.

Comience por construir su blog, Portafolio. Enlácelos en su currículum / CV.
Comience a establecer contactos, conozca gente, asista a conferencias / conferencias de Web Dev en sus ciudades.
Encuentra a tu gente – Meetup

El desarrollo o diseño web no requiere graduación, solo verán cuánto es capaz y habilidades.

Así que comience construyendo sitios web gratuitos para organizaciones sin fines de lucro, sus familiares, contribuyan con GitHub. No espere a que su certificado BE comience antes de eso. Por lo tanto, tiene experiencia para mostrar y aprender cuáles son los requisitos de los clientes y desarrollar habilidades para no perder nada aquí. No piden experiencia corporativa, a diferencia de otros sectores, ella puede trabajar por cuenta propia y mostrarles sus proyectos. Intente unirse a nuevas empresas y verifique su sitio web, qué tecnología usan. Aprenderá mucho aquí, será difícil porque a veces también tendrá que hacer otros trabajos, pero las empresas multinacionales serán aún peores, es posible que usen tecnología con la que no se usa hoy para apoyar a sus clientes.
(Este es solo mi consejo, la realidad puede ser diferente, así que tú decides)

Pero las nuevas empresas necesitan las últimas tecnologías, necesitan que seas hábil, no pienses que te van a criticar, en estos días las nuevas empresas tienen competencia y no tienen tiempo para enseñar o cuidar a diferencia de los BPO o las multinacionales de TI .
Si no está utilizando Linux, comience a usarlo ya.

Únase a estos sitios, conozco a pocas personas que obtuvieron placas de esta manera.
HackerEarth: desafíos de programación y trabajos de desarrollador

¿Cuáles son las tecnologías que debo aprender?
-Aprender frameworks Node.js, SaSS, LESS.
Asegúrese de aprender o actualizar a los últimos estándares HTML5 y CSS3

El mejor ejemplo de desarrollador Full stack indio
Arpit Goyal
resume.pdf
Arpit Goyal

Portafolio Ejemplos.
40 carteras de diseño brillantes para inspirarte
Mejores sitios web de cartera | Inspiración de diseño web

¿Cuáles son algunas formas de obtener su primer proyecto de desarrollo web como freelance en India?
¿Cuáles son las 5 habilidades esenciales que todo desarrollador web debería tener?
¿Cuál es la mejor manera de aprender el desarrollo web desde cero?
¿Cuál es la mejor manera de educarse en HTML, CSS, JavaScript y AJAX?
¿Cuáles son los mejores recursos para aprender JavaScript?

Conceptos importantes

Para convertirse en un desarrollador Front End, hay algunos conceptos que me parecen importantes para al menos conocer los conceptos básicos debido a su trabajo diario, tales como: diseño de interfaz de usuario (UI), diseño de experiencia de usuario (UX), diseño receptivo, accesibilidad y SEO.

Algunas compañías tienen su propio Diseñador de UI, UX Designer, pero ambos son un buen concepto a tener en cuenta al trabajar con Front End, ya que debe pensar en las interfaces para desarrollar una mejor experiencia para sus clientes. La mala experiencia en un sitio web, en la mayoría de los casos, significa que perdió un cliente / visitante.

El diseño receptivo es el tipo de concepto del que todos hablan estos días, y no podría ser mejor. Vivimos en una era en la que crear sitios de “anchos fijos” es un problema para experimentar, porque no sabes qué tipo de dispositivo usará tu cliente. Podría ser un móvil, podría ser un Macbook con pantalla retina, podría ser un simple cuaderno o incluso un Smart TV. Es parte de su trabajo comprender cómo lidiar con estas cosas y desarrollar la mejor experiencia para quienes acceden a su producto, y nuevamente, UX y UI en escena.

La accesibilidad también se trata de UX, pero está más enfocado en un grupo específico de usuarios, personas daltónicas, sordas, ciegas o incluso con problemas de visión. Incluso si representan una parte menor de sus accesos, debe pensar en ellos. Cuando se trata de accesibilidad, se trata de rastreadores de Google, Yahoo !, Yandex, Ask, etc., y de cómo interpretará y manejará su contenido.

SEO (Search Engine Optimization) está relacionado con tener una mejor visibilidad en los sitios mencionados anteriormente, optimizando su proyecto y ayudándole a llegar a las primeras páginas de los motores de búsqueda en resultados orgánicos (no patrocinado).

Herramientas

Cuando necesitamos hablar de herramientas, me vienen a la mente algunos nombres: Sass, Stylus, Less, Foundation, Bootstrap, Bourbon, Neat, Jeet, JavaScript, jQuery, Angular, Ember, React.

Aprenda los conceptos básicos y comience a buscar algunas cosas avanzadas que puede hacer cuando tiene una combinación de HTML [5], CSS [3] y JavaScript. [] = opcional.

Para ayudarlo a desarrollar un código CSS, use preprocesadores, estará mucho más organizado y, si necesita escalabilidad para sus proyectos, serán el éxito en el mantenimiento para usted y su equipo. Algunos preprocesadores que uso y creo que es importante conocer, al menos los conceptos básicos: Sass [http://sass-lang.com/], Stylus [https://learnboost.github.io/sty…] y Menos [http://lesscss.org/].

Esos preprocesadores tienen excelentes herramientas, como Kouto Swiss [http://kouto-swiss.io/] para Stylus y Bourbon [http://bourbon.io/] para Sass, que son muy útiles con toneladas de mixins- ayudantes para que su desarrollo, al menos un poco, sea más rápido.

Aún hablando de preprocesadores, debemos incluir el conocimiento de algunos marcos, como Bootstrap [http://getbootstrap.com/] (hecho con Less) o / y Foundation [http://foundation.zurb.com/] (hecho con Sass). Cuando hablamos de preprocesadores aquí, estamos hablando de un marcado más limpio. Estilos solo en CSS, no HTML, por ejemplo, class = “col-md-2 col-lg-2 …”.

Hay mucho más de qué hablar, pero espero que la mayoría de los conceptos y herramientas mencionados le ayuden a tener una mejor visión de cómo funciona el front-end.

Para mí, yo:

• tomó clases de dibujo durante 10 años cuando era niño
• jugó con html, flash, asp, php en la escuela secundaria (finales de los 90)
• tomó algunas clases de CS en la universidad pero no estaba realmente interesado en los lenguajes y algoritmos de bajo nivel que no tenían una aplicación práctica inmediata
• trabajó como consultor estratégico
• trabajó como abogado corporativo
• aprendí ruby, django, css, jquery, backbone, marionette en el tiempo libre, inicialmente tomando tutoriales pero luego participé en hackatones y trabajé en proyectos más grandes con amigos
• se convirtió en un desarrollador frontend en una etapa inicial

A diferencia del backend que consiste en obtener el resultado CORRECTO RÁPIDAMENTE: el frontend no tiene un objetivo técnico claro o definido. Es amorfo, iterativo y plagado de la naturaleza impredecible del comportamiento humano. Hay un millón de formas de implementar cada pequeña característica y nunca se sabe realmente si se logró la implementación óptima. También se basa en la fuerza en conjuntos de habilidades muy diferentes: la destreza técnica para escribir rápidamente código limpio con buena arquitectura, pero también la sensibilidad artística para saber cuándo algo no se ve bien o podría mejorarse (suponiendo que no eres un robot que hace las ofertas del diseñador hasta el último píxel).

El camino para ser un buen desarrollador frontend es similar en cierto sentido. No hay caminos o cursos claros para llegar allí y no hay forma de saber si lo hizo de la manera correcta. Necesitas ser bueno en muchas cosas diferentes, pero obtendrás una afirmación instantánea de lo bueno que eres.

Espero que tomemos muchos caminos.

Mi título es en Filosofía y después de graduarme estaba trabajando en marketing, primero para una revista, luego para una editorial de libros de leyes. Aprendí Photoshop, Pagemaker y Freehand en el trabajo. También aprendí la codificación de buscapersonas, que es una forma de SGML que usamos para producir los libros.

Cuando surgió la Web, fue fácil aprender HTML. En ese momento yo era un comercializador de productos (escribí planes de marketing para correo directo, para vender a través de la Web, etc.) Hice un sitio de Intranet para nuestro departamento que luego fue utilizado por nuestra división. (Nuestro grupo de TI me dio espacio web).

En horas extras me interesé más en la Web. Mi siguiente trabajo fue en una universidad donde comencé manteniendo el sitio web de Alumni y escribiendo un boletín para donantes y escribiendo diseñando otras cosas. (Desde camisetas y carteles hasta una columna en la revista de antiguos alumnos).

Con el tiempo, asumí más proyectos web, construyendo sitios para eventos específicos. Con el tiempo me trasladaron al Mktg. departamento donde Web se convirtió en mi foco principal. Allí serví como Webmaster construyendo y manteniendo sitios de alto perfil para la universidad. y asesorar a aquellos en otros departamentos sobre cómo construir sus sitios.

Luego fui independiente y ahora construyo principalmente sitios personalizados de WordPress, aunque abordo las cosas más desde una perspectiva de marketing y comunicaciones que desde una perspectiva tecnológica o de diseño. (Me gusta participar en la planificación inicial cuando sea posible).

Me parece que los antecedentes en marketing y publicaciones son invaluables y el pensamiento crítico de la filosofía ayuda tanto en términos de estrategia como de codificación. En cuanto al código, seguí aprendiendo más gradualmente con el tiempo. Y sigo aprendiendo más con cada proyecto.

Como han dicho otros, creo que la mayoría son autodidactas. Sin embargo, también me gusta agregar un poco más a mi respuesta.

Primero un poco de mi historia …

No entré en el diseño web hasta que tuve casi 23 años. No vengo de una familia de jefes tecnológicos. Y, definitivamente, no salí del útero como técnico.

Yo era más del tipo deportista / trabajador de la construcción.

Pero siempre tuve una pasión por construir cosas. Lo digo porque conozco a muchos desarrolladores que piensan que hay un “gen geek” innato que lo convierte en un gran desarrollador.

No lo creo

Creo que la gente puede aprender cualquier cosa. Por mi parte, creo que soy capaz de aprender cualquier cosa. Es solo una cuestión de ¿QUÉ quiero aprender?

Mi punto es … si alguna vez has tenido dudas sobre si puedes o no hacer esto … ¡PUEDES! No hay duda en mi mente. Se necesita esfuerzo. Se necesita enfoque. Se necesita persistencia.

Pero puedes hacerlo.

Otro punto importante que me gustaría destacar es el enfoque que adoptas para el autoaprendizaje. A menudo veo este debate sobre si deberías aprender todo por tu cuenta construyendo cosas … o si deberías obtener algún tipo de educación formal o informal … ya sea a través de una universidad … o simplemente a través de clases en línea y demás.

Creo que es un falso dilema. Deberías hacer las dos cosas. Las clases pueden ayudarlo a aprender cosas más rápido y comprender las cosas de una manera que quizás no haya encontrado por su cuenta … pero lo que aprende también generalmente no se mantendrá a menos que realmente construya algo con eso. Entonces, debes hacer ambas cosas.

Finalmente, hice este video que explica los pasos que seguiría para aprender el desarrollo web front y back end si pudiera regresar.

Los desarrolladores web front-end crean el lado de los sitios web orientado al usuario. Trabajan con diseñadores web para crear experiencias sublimes e interactivas que hacen de la web el entorno adictivo que es hoy en día. Cuando hizo clic en este sitio web, los servidores enviaron información a su computadora, que se convirtió en la página que está viendo en este momento. ¿Quién escribió ese código? Un desarrollador web front-end.
Convertirse en uno incluiría:

• Aprender las herramientas básicas completamente desde cero (HTML, JQuery, JavaScript CSS)
• Aprenda las bases de datos, luego pase a los marcos.
• Aprende Photoshop para evitar trabajar con un diseñador gráfico.
• Aprende de buenos tutoriales que te ayudarán a aprender en detalle.
• Una vez que esté listo y hecho con suficiente conocimiento, lea los blogs y revistas relacionados con su industria y manténgase actualizado.

Monica Justin
Desarrollo de aplicaciones móviles – diseño web + empresa de desarrollo | Aplicación infinita