Hoja de ruta de desarrollo front-end

Nov 07 2022
Hola, técnicos. Si planea aventurarse en el campo del desarrollo web, debe saber que hay 3 aspectos involucrados en el desarrollo web.

Hola, técnicos. Si planea aventurarse en el campo del desarrollo web, debe saber que hay 3 aspectos involucrados en el desarrollo web. Tenemos el:

  • Desarrollo Frontend : Esta es la parte que se conoce como el lado del cliente de la aplicación. El desarrollo frontend es el desarrollo de la interfaz de usuario de un sitio web; con los que interactúan los usuarios secundarios.
  • Desarrollo de backend : esta es la parte que se conoce como el lado del servidor de la aplicación. Este es el lado que se encarga de la lógica, secuencias de comandos, bases de datos de un sitio web o aplicación web. Los usuarios no interactúan con este lado del software.
  • Desarrollo de pila completa : este es el desarrollo tanto del frontend como del backend de una aplicación web o sitio web. Los desarrolladores de pila completa hacen uso de tecnologías de front-end, así como tecnologías de back-end.

Hoja de ruta para el desarrollo frontend

  • HTML : HTML significa lenguaje de marcado de hipertexto . Es un lenguaje de marcado utilizado para crear páginas web. Es el bloque de construcción de una página web.
  1. Curso completo de HTML por FreeCodeCamp.org
  2. Introducción a HTML por w3schools
  3. CSS : CSS significa lenguaje de hojas de estilo en cascada y se utiliza para diseñar elementos escritos en HTML. Los colores, el diseño, los tamaños de las imágenes, la posición de los elementos y los diseños de un sitio web o una aplicación web se realizan mediante CSS.
    1. Introducción a CSS por w3schools
    2. Lista de reproducción de YouTube CSS de Mike Dane
    3. JavaScript : es un lenguaje de secuencias de comandos para crear contenidos dinámicos de páginas web. Se utiliza para mejorar la interacción/funcionalidad del usuario con las páginas web.
      1. Tutorial de JavaScript por w3schools
      2. Lista de reproducción de JavaScript de YouTube por Mike Dane
      3. Lista de reproducción de JavaScript de YouTube por The Net Ninja
      Estructura simple de un sitio web.
      • Git y GitHub : Git y GitHub son un sistema de control de versiones y una plataforma de desarrollo que se utilizan respectivamente para alojar proyectos, realizar un seguimiento de los cambios de código, colaborar en proyectos y, a veces, implementar proyectos.
      1. Git y GitHub por Juliet Ofoegbu
      2. Lista de reproducción de YouTube de GitHub por The Net Ninja
      3. Git y GitHub para principiantes de Freecodecamp
      4. Marcos CSS : un marco CSS es una biblioteca CSS lista para usar que ha sido preparada. En lugar de comenzar cada proyecto nuevamente desde cero, CSS Frameworks ofrece herramientas para diseñar rápidamente una interfaz de usuario que se puede replicar o modificar a lo largo de los proyectos. Los marcos CSS Bootstrap, Tailwind CSS, Bulma, Foundation y muchos otros son ejemplos.
        1. ¿Por qué Tailwind CSS? por Julieta Ofoegbu
        2. Tailwind CSS Lista de reproducción de YouTube de The Net Ninja
        3. Bootstrap CSS Tutorial de YouTube por Freecodecamp.org
        4. Marco/biblioteca de JavaScript: un marco de JavaScript es un marco de aplicación escrito en JavaScript que permite a los programadores personalizar las funciones y usarlas según sea necesario. Los marcos hacen que trabajar con JavaScript sea más fácil y fluido, ofreciendo posibilidades tales como hacer que las aplicaciones respondan al dispositivo. Tenemos frameworks JS como React, Angular, Vue y Ember. El marco JS más utilizado para el desarrollo front-end es react. Solo incluiré recursos para React en este artículo. Siempre puede buscar recursos en diferentes marcos en línea.
          1. Reaccionar lista de reproducción de YouTube de The Net Ninja
          2. Reaccionar Tutorial de w3schools.
          3. API : API significa Interfaz de programación de aplicaciones. Mediante el uso de un conjunto de protocolos, hace posible que dos componentes de software se comuniquen entre sí. La mayoría de las veces, las personas asumen que solo los desarrolladores de back-end necesitan comprender las API, sin embargo, los desarrolladores de front-end también deben hacerlo porque es posible que necesiten obtener datos para su interfaz del lado del cliente. Una ilustración es obtener información de la base de datos meteorológica de openweather.org para crear una aplicación meteorológica. Las condiciones meteorológicas de una ciudad o de un país, como lluvia, humedad, sol, etc., se pueden recuperar como parte de los datos meteorológicos. En esta situación, los desarrolladores frontend pueden beneficiarse al comprender las API.
          4. Recuerda siempre construir proyectos mientras aprendes. Es la mejor manera de aprender y asegurarse de que comprende cada concepto de lo que aprendió.

            Tener un socio responsable como novato en tecnología mejora enormemente su crecimiento en el campo tecnológico. Estos son algunos de los beneficios:

            • Ser responsable por un socio puede ayudarlo a mantenerse en el camino y aumentar su producción
            • Su socio de rendición de cuentas lo ayudará a lograr sus metas y objetivos al establecer plazos fijos.
            • Tener una discusión con su socio de responsabilidad puede brindarle nuevas perspectivas sobre problemas de codificación desafiantes
            • Su socio de rendición de cuentas se dedicará a brindarle comentarios honestos, tanto positivos como negativos, tal como usted está comprometido con sus objetivos.

            Los desarrolladores también pueden beneficiarse de unirse a las comunidades tecnológicas. Aquí, puede establecer contactos con personas que comparten sus intereses, trabajar juntos en proyectos y encontrar soluciones a problemas de codificación. Cubrí todo lo que hay que saber sobre las comunidades tecnológicas en este artículo , incluidas las ventajas de unirse a ellas como novato en el desarrollo frontend.

© Copyright 2021 - 2022 | unogogo.com | All Rights Reserved