¿Qué necesito aprender para un trabajo de desarrollo front-end de nivel de entrada? ¿Qué idiomas, marcos y bases de datos necesito aprender?

El desarrollo front-end tiene que ver con HTML, CSS y JS. Como se indica en las otras respuestas, comience con un buen control de HTML y CSS.

Para HTML, una vez que haya terminado con lo básico, aprenda a escribir HTML semánticamente. Consulte el Validador W3C en el camino. No tiene que seguir estrictamente sus recomendaciones, pero es una buena herramienta para aprender sobre las reglas por prueba y error.

Para CSS, le recomiendo que comience escribiendo sus propios estilos en lugar de usar marcos CSS. Una vez que haya terminado con lo básico, comience a explorar acerca de la compatibilidad entre navegadores y los problemas de soporte del navegador en el estilo. Consulte ¿Puedo usar en el camino?

Ahora la parte divertida, Javascript. Contrariamente a las recomendaciones populares, le sugiero encarecidamente que no comience con jQuery, sino que comience con vanilla JS . Aprenda cómo funciona Javascript, comprenda los conceptos extravagantes como elevación, funciones invocadas de inmediato, coerción de tipo, this palabra clave, etc. Recomiendo la serie gratuita You Don’t Know JS de Kyle Simpson para aprender los conceptos básicos de Javascript.

Conozca la diferencia entre ES5 y ES6, ya que es posible que deba escribir Javascript en navegadores más antiguos; nuevamente, explore los problemas de soporte del navegador en Javascript. Conozca el concepto de arquitectura basada en componentes y AJAX.

No necesita profundizar en bibliotecas específicas por ahora, si comprende cómo funciona realmente Javascript, prácticamente puede comprender cualquier biblioteca de Javascript mucho más rápido.

Un desarrollador web front-end es el responsable de lo que sea en el lado del cliente, eso significa cualquier cosa que le parezca al usuario, para esto necesita aprender:

  • HTML5: la versión más nueva de HTML que es responsable de la estructura de la página web
  • CSS3: la versión más nueva de CSS que es responsable del estilo de la página web que incluye color, fuentes, posición del elemento … etc. * CSS4 se lanzó realmente, pero sé que aún no está en acción *
  • Java Script: el lenguaje de programación para el lado del cliente que agrega un comportamiento dinámico para la página web como la validación de formularios, cambiando el contenido de acuerdo con algún evento y otras cosas que cualquier lenguaje de programación puede hacer
  • java script framework / library: framework / library es simplemente un script java incorporado que hace que sea tan fácil para usted hacer cosas que serían más complejas si lo escribiera con un script java puro … para esto recomendaría Angular, JQuery Reaccione, por supuesto que hay muchos otros, pero esos son los más populares.
  • bootstrap: una biblioteca CSS que hace que su página web responda, lo que significa que tendrá una buena apariencia en cualquier pantalla en la que esté trabajando … si intenta abrir un HTML puro, CSS, JS en una pantalla móvil, encontrará No está organizado correctamente.

Un desarrollador de back-end es el responsable de lo que esté sucediendo en el servidor que incluye trabajar con la base de datos y tantas otras cosas como si está trabajando en una aplicación de chat, definitivamente tendrá que manejar eso con un lenguaje del lado del servidor , también el lado del servidor necesita algo de seguridad y otras cosas como esa, algunos idiomas:

  • PHP: uno de los lenguajes del lado del servidor más famosos en la actualidad y en los últimos años, también debe aprender algo para manejar la Base de datos y es MYSQL.
  • .NET: otro famoso lenguaje del lado del servidor, que también funciona con MYSQL.
  • Node.js: un marco de script Java desarrollado para el lado del servidor, necesitará Express.js para crear aplicaciones más grandes y Mongo DB para la base de datos, y desde mi punto de vista, esto será lo más importante en el futuro cercano.

Por fin hay una posición llamada desarrollador web full stack, este es el que conoce tanto el front end como el back end.

Me sorprende que nadie haya entrado en los frameworks JS front-end. Por supuesto, tendrá que aprender HTML5 y CSS3, pero ¿será suficiente? Tienes al menos otros diez compitiendo contra ti. Mejor ir más allá del llamado del deber.

Idiomas:

  • HTML5
  • CSS3
  • JavaScript (ES6, TypeScript)
  • Tal vez Ruby? Por si acaso. Había trabajado para una compañía que usaba Ruby on Rails, no lo sabía y me despidieron. ¡No cometas el mismo error que yo! 🙂

Marcos de CSS:

  • Bootstrap (echa un vistazo a la beta v4)
  • Materializar (diseño de material de Google)

Si bien estos son marcos compuestos principalmente de CSS para su interfaz de usuario, también tienen alguna funcionalidad JS. ¡Asegúrate de mirar eso! 🙂

Marcos JS:

  • jQuery. ¡Solo use esto si el marco frontal que está usando no proporciona la funcionalidad que necesita! Además, la mayoría de los frameworks front-end usan jQuery en su código fuente.
  • React.js
  • A diferencia de otros marcos, este solo maneja la Vista, tendrá que combinarlo con otro marco o encontrar su propia solución para manejar los componentes Modelo y Controlador de su aplicación. Sin embargo, no tenga miedo, ¡el rendimiento de este marco no tiene paralelo!
  • Angular 2 (más popular)
  • Ember (mi favorito, e imo, el más productivo ya que tiene un CLI muy bueno)
  • Vue.js / Aurelia (más JS barebones, menos abstracción)
  • (Back end!) Node.js. Es importante familiarizarse con el back-end para poder escribir código teniendo en cuenta.
  • Bases de datos:

    • MySQL
    • MongoDB
    • Tal vez otros? No se mas.

    Para una posición de nivel de entrada, esto puede parecer un poco exagerado. Pero la competencia sigue viva como siempre, y tendrás que destacar entre la multitud. Amplíe su conocimiento, haga que las empresas sepan que se toma en serio su carrera y que está dispuesto a ir más allá para obtener el trabajo y ampliar sus habilidades para ellos y para usted mismo.

    Espero que esto ayude, y la mejor de las suertes!

    Nota: Agregaré enlaces, imágenes, etc. cuando llegue a casa, ya que esto fue escrito en mi teléfono.

    Para el front-end, debe dominar HTML5 y CSS3

    También debe saber cómo trabajar con Photoshop, Bootstrap y algunos otros marcos. Pero la mayoría de los marcos son para el diseño de nivel avanzado.

    Para el trabajo de nivel de entrada, puede comenzar con HTMl y CSS básicos, que puede aprender fácilmente dentro de 1 mes.

    Comience con HTML5 y CSS3.

    A continuación, tome un curso rápido en jQuery.

    Luego aprenda sobre Bootstrap y Materialize CSS frameworks …

    FYI. Las bases de datos generalmente no se consideran front-end …

    El back-end obtiene datos y analiza la entrada, por lo que el front-end tiene información útil para mostrar …

    lo que necesitas aprender como principiante es:

    HTML

    CSS

    Javascript (comience con Jquery ya que es mucho más fácil)

    y pitón. Python es un gran lenguaje para comenzar a aprender como principiante. Deseo que mi universidad me haya enseñado eso cuando era un novato en lugar de Java.