Tips Codificación para dummies

Tips Codificación para dummies

Tips Codificación para dummies

Codificación es: vocabulario, lógica y sintaxis, la codificación puede al principio parecer intimidante, pero con la práctica, sin embargo, es fácil sentirse cómodo con su terminología, conceptos y estructura. Entender la codificación no es diferente de aprender un nuevo idioma: úselo a menudo y se encontrará capaz de hablar, pensar y escribir en código. Sin embargo, es natural que los principiantes tengan preguntas. Hay muchos recursos de codificación disponibles para usted, tanto en línea como fuera de línea. Pregunte alrededor y encontrará que no está solo – muchas otras personas están aprendiendo. Después de todo, la codificación es una educación sin fin. Maestro una faceta u otra y una nueva se abre frente a usted.

VOCABULARIO DE CODIFICACIÓN

Codificación tiene un extenso vocabulario que para los laicos puede parecer impenetrable techno-babble. Ya sea que esté leyendo un artículo relacionado con la codificación en línea o hablando con un desarrollador en el trabajo, puede escuchar palabras que no ha escuchado antes o que tienen un significado diferente en un contexto de codificación. Aquí hay algunas palabras comunes de vocabulario para saber:

  • Términos generales de desarrollo web:

    • Servidor: Una computadora que recibe el código del sitio web y que “sirve” el código del sitio web cuando lo solicita un equipo “cliente”. Los servidores suelen sentarse en grandes almacenes con miles de otros servidores, y son similares en tamaño y potencia a su computadora personal.

    • Cliente: Dispositivo utilizado para acceder a un sitio web, incluidos ordenadores de sobremesa o portátiles, tablets o teléfonos móviles.

    • Diseñador: un profesional artístico que decide cómo se verá y se sentirá un sitio web, junto con las formas en que los usuarios interactuarán con el sitio web, como, por ejemplo, hacer clic, deslizar, desplazarse, etc.

    • Wireframe: Una ilustración creada por diseñadores que muestran en detalle los diseños, las imágenes y los esquemas de color de un sitio web.

    • Desarrollador: Un profesional de la ingeniería que escribe código para convertir wireframes en sitios web utilizables. Sobre la base del tipo de código escrito, los desarrolladores se denominan front-end, back-end o stack completo.

    • Front-end: Todo lo que puede ver y hacer clic en un navegador. Los desarrolladores front-end escriben código en los lenguajes front-end como HTML, CSS y JavaScript para crear la apariencia del sitio web.

    • Back-end: Todo lo que sucede detrás de escenas para hacer que el front-end se realice como se pretende. Los desarrolladores de back-end escriben código en lenguajes de back-end como Ruby o Python para crear funcionalidades como iniciar sesión en usuarios, almacenar las preferencias del usuario y recuperar datos como comentarios en una foto.

  • Términos relacionados con los lenguajes front-end:

    • HTML Lenguaje de marcado de hipertexto ): lenguaje utilizado para colocar texto, imágenes y otros contenidos en una página web.

    • HTML tag: HTML instrucciones, por lo general aparecen en pares. Los navegadores aplican efectos especiales al texto entre una etiqueta HTML de apertura <elemento> y cierre </ element> . Por ejemplo, la etiqueta <h1> se representa en un navegador como un título grande en negrita y se puede utilizar de esta manera: <h1> Dewey beats Truman </ h1> .

    • Atributo HTML: Atributos o parámetros para las etiquetas HTML que modifican el comportamiento de la etiqueta. Los atributos siempre se colocan en la etiqueta HTML de apertura. Por ejemplo, href es el atributo en la siguiente etiqueta de ancla (utilizada para crear hipervínculos):

      <a href="http://www.google.com"> Motor de búsqueda </a>
    • CSS ( Cascading Style Sheets): Código que modifica HTML en las páginas web y que controla la apariencia del contenido cambiando el tamaño del texto, el tamaño de la imagen y otros atributos.

    • JavaScript: Código que añade interactividad y animación a las páginas web. JavaScript también detecta eventos del navegador como clics del ratón, valida la entrada del usuario, como entradas de texto, y recupera datos de sitios web externos.

    • Variable: Un lugar de almacenamiento al que se ha asignado un nombre y que contiene datos numéricos o texto (denominados cadenas ) para su uso posterior.

    • If statement (condicional): Una instrucción de código que prueba una condición que normalmente incluye variables, como x <18 , y ejecuta código que escribe cuando la condición es verdadera.

    • Función: Nombre dado a un grupo de sentencias de programación para facilitar su uso y referencia.

  • Términos relacionados con los lenguajes de back-end:

    • Ruby: Un lenguaje de programación de código abierto mejor conocido para su uso en la programación web.

    • Rails: Un marco diseñado para facilitar la creación de páginas web con Ruby.

    • Python: Un lenguaje de programación de código abierto utilizado en la web, en aplicaciones científicas y para el análisis de datos.

CODIFICACIÓN DE REFERENCIAS Y RECURSOS

HTML, CSS y JavaScript son los lenguajes de codificación front-end más comunes. La tabla siguiente enumera algunos recursos, referencias y tutoriales en línea para ayudarle a continuar practicando los tres idiomas.

ERRORES COMUNES DE CODIFICACIÓN

¿El código no funciona? Éstos son algunos de los errores más comunes que pueden acallar hasta el codificador más experimentado. Si el código no se ejecuta, intente ejecutar esta lista de comprobación para ver si tiene alguno de estos errores:

  • No tener una etiqueta HTML de cierre </ element> después de cada etiqueta HTML de apertura <elemento> .

  • Falta los corchetes < o > en HTML.

  • Faltando rizados, colones o puntos y comas en CSS, como en lo siguiente:

    H1 {
      color azul;
    }
  • Falta llaves en JavaScript, especialmente para instrucciones if .

  • Olvidando tener un par de citas de cierre para cada par inicial de citas.

  • Tener más de una etiqueta de apertura y cierre <html> , etiqueta <head> o etiqueta <body> .

  • Poner código HTML en el archivo CSS o sección, y poner el código CSS en la sección HTML. Si el código trata de estilo y apariencia, es probable que CSS.

  • No enlazando a su archivo CSS usando la etiqueta <script> , por lo que sus efectos CSS no se procesan en el navegador.

  • Misspelling una parte de un comando, como en <img scr = “logo.jpg”> , que es incorrecta porque el atributo se deletrea src no scr .

  • Incluyendo atributos fuera de la etiqueta HTML de apertura. Por ejemplo, <img> src = “logo.jpg” es incorrecta porque el atributo está fuera de la etiqueta de imagen de apertura.

Registrese en Channeldir.com Para estar más actualizado de noticias de tecnología

Regístrese a nuestra gran comunidad tecnológica con: