{"id":12732,"date":"2021-09-01T20:03:00","date_gmt":"2021-09-01T17:03:00","guid":{"rendered":"https:\/\/goit.global\/?post_type=blog&p=12732"},"modified":"2023-03-10T04:49:18","modified_gmt":"2023-03-09T15:49:18","slug":"que-debe-saber-un-desarrollador-front-end-junior","status":"publish","type":"blog","link":"https:\/\/goit.global\/co\/blog\/que-debe-saber-un-desarrollador-front-end-junior\/","title":{"rendered":"\u00bfQu\u00e9 debe saber un desarrollador front-end junior?"},"content":{"rendered":"\r\n

El puesto de Junior Front-End Developer para un principiante es una forma r\u00e1pida y segura de comenzar una carrera en<\/span> el desarrollo de TI. Llegar\u00e1 a tal conclusi\u00f3n si analiza las estad\u00edsticas de vacantes y salarios de especialistas en TI para 2021.<\/span> Pero para pasar una entrevista, hacer una prueba y conseguir un trabajo, un desarrollador front-end novato debe tener habilidades t\u00e9cnicas espec\u00edficas y \u201cflexibles\u201d. A continuaci\u00f3n, te contar\u00e9 sobre ellos para que puedas hacer una lista de verificaci\u00f3n para comenzar una carrera en TI.<\/span><\/p>\r\n\r\n\r\n\r\n

\u00bfQu\u00e9 hace un desarrollador front-end junior?<\/b><\/h2>\r\n\r\n\r\n\r\n

La tarea del Junior Front-End Developer <\/strong>es crear la parte visible del sitio web de tal manera que transmita con precisi\u00f3n la idea del dise\u00f1ador web y permita a los usuarios interactuar con la p\u00e1gina web. Tambi\u00e9n es importante que el desarrollador front-end configure el lado del cliente para que interact\u00fae correctamente con el backend y la base de datos, complementos de terceros y todo tipo de servicios.<\/span> Analicemos qu\u00e9 debe saber y ser capaz de hacer un desarrollador Junior Front End para desempe\u00f1ar h\u00e1bilmente las tareas que un empleador o cliente le propondr\u00e1.<\/span><\/p>\r\n\r\n\r\n\r\n

Las 5 mejores habilidades t\u00e9cnicas Junior Front End Developer<\/b><\/h2>\r\n\r\n\r\n\r\n

Una vez que obtenga estas 5 Habilidades de tecnolog\u00eda frontend, ser\u00e1 bienvenido en todas las entrevistas y trabajos independientes.<\/span><\/p>\r\n\r\n\r\n\r\n

1. HTML+CSS<\/h3>\r\n\r\n\r\n\r\n

HTML (HyperText Markup Language) es un lenguaje marcado de hipertexto:<\/b> con su ayuda, la interfaz hace el “esqueleto” de un sitio o p\u00e1gina web. Usando etiquetas HTML, los expertos crean un “dise\u00f1o” que muestra correctamente:<\/span><\/p>\r\n

    \r\n
  • Contenido de texto<\/span><\/li>\r\n
  • Listas numeradas y con vi\u00f1etas<\/span><\/li>\r\n
  • Fotos<\/span><\/li>\r\n
  • Contenido multimedia.<\/span><\/li>\r\n<\/ul>\r\n

    CSS (abreviatura de hojas de estilo en cascada) <\/b>es un lenguaje de estilo de p\u00e1gina que forma un dise\u00f1o externo l\u00f3gicamente correcto de un sitio o p\u00e1gina, haci\u00e9ndolo visualmente hermoso.<\/span> Usando las propiedades de front-end de CSS, el especialista personaliza la salida de la p\u00e1gina para el usuario seg\u00fan los objetivos, desde la presentaci\u00f3n impresa habitual hasta la lectura de voz e incluso la salida Braille en dispositivos especiales.<\/span><\/p>\r\n

      \r\n
    • Organizar el lugar de trabajo y llevar a cabo con eficacia las tareas previstas<\/span><\/li>\r\n
    • Aplaza las redes sociales mientras est\u00e1s ocupado con el trabajo<\/span><\/li>\r\n
    • Expl\u00edquele al ni\u00f1o\/pareja que ahora est\u00e1 ocupado con el caso X y que cumplir\u00e1 con su pedido en N minutos<\/span><\/li>\r\n
    • Mant\u00e9ngase motivado durante toda la jornada laboral.<\/span><\/li>\r\n<\/ul>\r\n

       <\/p>\r\n\r\n\r\n\r\n

      2. JavaScript<\/h3>\r\n\r\n\r\n\r\n

      \u00a1El conocimiento de<\/span> JavaScript <\/strong>para un desarrollador front-end es imprescindible! Con la ayuda de este lenguaje de programaci\u00f3n, los expertos agregan dinamismo a los elementos en p\u00e1ginas HTML inicialmente est\u00e1ticas. Por ejemplo, con la ayuda de JS, el desarrollador se asegura de que durante las acciones del usuario:<\/span><\/p>\r\n

        \r\n
      • Se mostr\u00f3 la animaci\u00f3n correcta<\/span><\/li>\r\n
      • Las ventanas necesarias “aparecieron”<\/span><\/li>\r\n
      • Los efectos deseados aparecen.<\/span><\/li>\r\n<\/ul>\r\n

         <\/p>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n

        3. JQuery and Frameworks JavaScript, CSS<\/b><\/h3>\r\n\r\n\r\n\r\n

        JQuery <\/strong>es una biblioteca JS que simplifica la escritura y reduce la cantidad de c\u00f3digo necesario para interactuar entre JavaScript y HTML.<\/span> Adem\u00e1s, jQuery contiene una rica colecci\u00f3n de elementos de interfaz listos para usar, lo que simplifica la creaci\u00f3n y personalizaci\u00f3n de galer\u00edas, modales y formularios.<\/span><\/p>\r\n\r\n\r\n\r\n

        Los marcos JavaScript y CSS <\/b>son bibliotecas que son un conjunto de estilos predeterminados y elementos din\u00e1micos. Para alejarnos de t\u00e9rminos aburridos y que sea m\u00e1s f\u00e1cil explicar de qu\u00e9 se trata, pongamos un ejemplo. Imagina que eres un desarrollador front-end junior. Se le ha encomendado la tarea de hacer un \u201cborrador\u201d de un sitio web, p\u00e1gina web o aplicaci\u00f3n, y se le han dado notas introductorias que le servir\u00e1n de base para cualquier proyecto. Tienes 2 opciones:<\/span><\/p>\r\n

          \r\n
        • Comenzar un proyecto desde cero y pasar diez horas creando lo b\u00e1sico es una gran pr\u00e1ctica para un principiante si los plazos son ajustados<\/span><\/li>\r\n
        • Use marcos JS y CSS y cree la base del proyecto en una o dos horas: la capacidad de “implementar” r\u00e1pidamente el proyecto desde cero, sin necesidad de una codificaci\u00f3n larga.<\/span><\/li>\r\n<\/ul>\r\n

          Es \u00fatil para un principiante poder hacer las dos cosas para elegir seg\u00fan la disponibilidad (ausencia) de tiempo.<\/span> \u00a0<\/p>\r\n\r\n\r\n\r\n

          4. Sistema de control de versiones<\/b><\/h3>\r\n\r\n\r\n\r\n

          Cuando trabaja en proyectos, el desarrollador front-end interact\u00faa todos los d\u00edas con el equipo de desarrollo, los dise\u00f1adores web y los evaluadores. Para que la comunicaci\u00f3n sea conveniente para todos, debe poder trabajar con un sistema de control de versiones. Por ejemplo, considere Git. Necesitas saber:<\/span><\/p>\r\n

            \r\n
          • C\u00f3mo instalar Git en una computadora<\/span><\/li>\r\n
          • C\u00f3mo enviar cambios a Git para que el equipo los vea<\/span><\/li>\r\n
          • C\u00f3mo ver los cambios y registrar versiones anteriores de un proyecto.<\/span><\/li>\r\n<\/ul>\r\n

            Un sistema de control de versiones ayudar\u00e1 a un desarrollador front-end novato a auditar proyectos y, en lugar de volver a escribir el c\u00f3digo, volver a la versi\u00f3n de trabajo y “reescribir” la parte necesaria.<\/span> \u00a0<\/p>\r\n\r\n\r\n\r\n

            5. Dise\u00f1o receptivo<\/b><\/h3>\r\n\r\n\r\n\r\n

            Al crear sitios y p\u00e1ginas web, es importante recordar que los usuarios los ver\u00e1n en diferentes dispositivos:<\/span><\/p>\r\n

              \r\n
            • Ordenadores<\/span><\/li>\r\n
            • Tabletas<\/span><\/li>\r\n
            • Tel\u00e9fonos inteligentes<\/span><\/li>\r\n<\/ul>\r\n

              Para crear p\u00e1ginas que se adapten a la vista en cualquier dispositivo, un desarrollador Junior Front End debe conocer las t\u00e9cnicas de dise\u00f1o receptivo.<\/span> \u00a0<\/p>\r\n\r\n\r\n\r\n

              Habilidades secundarias para el desarrollador front-end<\/b><\/h2>\r\n\r\n\r\n\r\n

              Para un desarrollador front-end novato, es importante tener no solo tecnolog\u00eda, sino tambi\u00e9n habilidades secundarias. Lo contamos todo sobre las habilidades \u201cflexibles\u201d en el art\u00edculo del mismo nombre en el blog GoIT Journal.<\/span> TOP 5 habilidades secundarias requeridas para un principiante:<\/span><\/p>\r\n

                \r\n
              • Habilidades de trabajo en equipo: la finalizaci\u00f3n de sus tareas afecta directamente la creaci\u00f3n del proyecto, por lo que es importante cumplir con los plazos y hacer un trabajo de calidad.<\/span><\/li>\r\n
              • Disciplina – se comprometen a presentar el trabajo – hacerlo, aunque no est\u00e9 100% listo.<\/span><\/li>\r\n
              • Comunicaci\u00f3n adecuada: domine Git, haga preguntas y participe en discusiones.<\/span><\/li>\r\n
              • Creatividad: intente completar tareas “con alma”, resuelva las dificultades de una manera inusual y luego crear\u00e1 sitios \u00fanicos.<\/span><\/li>\r\n
              • Resolver problemas por su cuenta: pida menos respuestas a sus colegas y busque m\u00e1s en Google.<\/span><\/li>\r\n<\/ul>","protected":false},"excerpt":{"rendered":"

                El puesto de Junior Front-End Developer para un principiante es una forma r\u00e1pida y segura de comenzar una carrera en el desarrollo de TI. Llegar\u00e1 a tal conclusi\u00f3n si analiza las estad\u00edsticas de vacantes y salarios de especialistas en TI.<\/p>\n","protected":false},"featured_media":16138,"menu_order":70,"template":"","meta":{"_acf_changed":false,"inline_featured_image":false},"categories":[2968],"tags":[2969],"class_list":["post-12732","blog","type-blog","status-publish","has-post-thumbnail","hentry","category-front-end-developer","tag-front-end-developer"],"acf":[],"_links":{"self":[{"href":"https:\/\/goit.global\/co\/wp-json\/wp\/v2\/blog\/12732","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/goit.global\/co\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/goit.global\/co\/wp-json\/wp\/v2\/types\/blog"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/goit.global\/co\/wp-json\/wp\/v2\/media\/16138"}],"wp:attachment":[{"href":"https:\/\/goit.global\/co\/wp-json\/wp\/v2\/media?parent=12732"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/goit.global\/co\/wp-json\/wp\/v2\/categories?post=12732"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/goit.global\/co\/wp-json\/wp\/v2\/tags?post=12732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}