Pruebas HTML. El hipertexto lo es. Creando una prueba simple

Si desea mejorar sus habilidades de desarrollo, la mejor manera de alcanzar la perfección es la práctica. Llamamos su atención sobre recursos para probar conocimientos en HTML/CSS.

Por eso es importante encontrar diferentes formas de practicar e identificar tus fortalezas y debilidades.
La experiencia práctica le ayuda a evaluar racionalmente las lagunas en sus conocimientos y a mejorar continuamente sus habilidades. Es más, poner a prueba tus conocimientos garantizará que estarás al tanto de las últimas tendencias en tu campo.

Entonces, aquí hay diez formas de probar sus conocimientos de HTML y CSS y convertirse en un desarrollador web más profesional.

Inicia tu propio proyecto

Ser un experto en teoría es fantástico, pero es poco probable que alcances grandes alturas si no sabes cómo poner en práctica tus amplios conocimientos. Es por eso que iniciar un proyecto es el mejor curso de acción para usted. A medida que desarrolles, por ejemplo, tu propio sitio web, podrás marcar el progreso y evaluar el logro de tus objetivos.

Competir

La mejor manera de poner a prueba tu fuerza es participar en competiciones de programación reales, por ejemplo, en la comunidad CodeWars. En forma de juego, compites con otras personas reales y aprendes de tus propios errores. Pero esto sólo tiene sentido si se juega limpio.

Únete a la comunidad

Si competir es demasiado desafiante para usted, especialmente si es un principiante, unirse a una comunidad para realizar pruebas y aprender más es una buena opción. En el proceso de comunicación, es mucho más fácil identificar sus fortalezas y debilidades y trabajar en ellas.

Al mismo tiempo, la comunidad es una empresa de personas talentosas que te brindan la oportunidad y el incentivo para mejorar. Al participar en debates, puede hacer preguntas de forma segura y obtener la información que necesita.

Practica en el arenero

Esta herramienta ejecuta su código y le permite ver el resultado de su ejecución. Los proyectos se ejecutan en el navegador y pueden participar en concursos y competiciones, lo que mostrará las altas expectativas que pueden cumplir.

El recurso contiene muchos proyectos abiertos al estudio, que le permitirán comprender cómo funcionan y aplicar los conocimientos adquiridos en su propia práctica. De vez en cuando, para motivar a los participantes, el sitio organiza concursos en los que puedes competir con otros programadores con la oportunidad de ocupar puestos altos en la clasificación y ganar premios.

Prueba acertijos y encuestas rápidas

Hay innumerables cuestionarios y juegos de acertijos disponibles en línea que cubren HTML, CSS y otros lenguajes de programación. Como regla general, están presentes en sitios pagos como complemento a los cursos de capacitación. También puedes practicar con un mentor más experimentado.

Jugar

No es ningún secreto que si de repente decides divertirte un poco, puedes obtener muchos más beneficios de esta forma de entrenamiento que de la teoría seca y la resolución de ejercicios. Al jugar, junto con habilidades de programación, obtienes placer, una carga de impresiones positivas y un alto nivel de satisfacción con los resultados. El juego hace que las tareas que surgen sean más animadas e interesantes y, por tanto, hace funcionar la imaginación y el pensamiento creativo.

Encuentre un sitio con pruebas interactivas

La forma más sencilla de evaluar objetivamente las habilidades de programación es visitar un sitio de pruebas. Las pruebas brindan la oportunidad de trabajar en una variedad de preguntas y adquirir buenas prácticas. Podrás evaluar tu nivel antes y después de superar cualquier prueba o curso de pruebas.

Disciplinate

Una parte importante del proceso de aprender y probar sus propios conocimientos es identificar la mejor manera de lograr la máxima productividad. Puedes participar en actividades que te ayudarán a encontrar este camino. Por ejemplo, Clean Coders es un sitio que brinda esta oportunidad a través de videos de capacitación profesional. Además estos vídeos son muy interesantes, por lo que no tendrás que preocuparte por la concentración, quedarás enganchado desde los primeros minutos.

Mira alrededor del mundo

Colócate junto a desarrolladores de todo el mundo. Existe una red social que te permite conectarte con programadores autónomos de más de cien países de todo el mundo. Encontrarás mucha gente talentosa, además de la oportunidad de evaluar tus habilidades y aprender cosas nuevas.

El artículo describe la creación secuencial de una prueba de entrenamiento. Si no desea leer sobre programación, pase directamente a la sección con instrucciones sobre cómo modificar la prueba y descargarla.


Creando una prueba simple

El desarrollo de las tecnologías de la información y la educación a distancia genera la necesidad de crear pruebas educativas electrónicas. Muchos profesores y conferenciantes se enfrentan al problema de crear pruebas educativas. La principal dificultad para resolver este problema es que al crear dichos materiales electrónicos se requieren conocimientos de HTML y JavaScript.

Cómo solucionar este problema. El profesor puede utilizar un diseñador de pruebas en línea o intentar crear una prueba ellos mismos utilizando una plantilla. Es la segunda opción que consideraremos en este artículo.

Crearemos una plantilla simple, que luego se puede multiplicar en varios archivos y cada uno de ellos convertirse en una prueba independiente.

Digamos que hay una prueba de matemáticas sencilla que consta de varios problemas matemáticos:

  • 4*12 +7 =
  • 7-8*2 =
  • 34*2 + 17 =
  • Se deben mostrar ejemplos en la pantalla y se le debe dar al estudiante la oportunidad de ingresar una respuesta, luego comparar la respuesta con la correcta y mostrarle el porcentaje de tareas completadas correctamente.

    Primero, creemos el código HTML para las tareas:

    4*12 + 7 =


    7-8*2 =


    34*2 + 17 =


    Controlar

    Junto a cada tarea de la prueba de formación, hemos insertado un campo de entrada de texto. Lea más sobre varios campos en HTML en el artículo del enlace. Al final, agregamos un botón que, al hacer clic, debería verificar lo que el estudiante escribió en el texto.

    Preste atención a los identificadores “z_1”, “z_2” y “z_3”. Si necesita agregar la tarea 4, solo necesita copiar la última línea con la tarea, reemplazar la condición y escribir "z_4" en el campo del identificador.

    En la última línea mostraremos el resultado de las tareas tras la verificación.

    En la siguiente etapa, debe crear un código JavaScript que comparará lo que el estudiante escribió con las respuestas correctas y calculará el porcentaje de tareas completadas.

    pr_otv_zadachi_1 = 55;
    pr_otv_zadachi_2 = -9;
    pr_otv_zadachi_3 = 85;

    Las primeras tres líneas contendrán las respuestas correctas. El cuarto problema y los siguientes se añaden al test copiando la última línea con la respuesta, sustituyendo el número 4 en lugar de 3 e indicando la respuesta correcta.

    Ahora necesita averiguar qué ingresó el estudiante en las respuestas. Para ello utilizamos el siguiente código.

    otv_uch_1 = document.getElementById('z_1').value;
    otv_uch_2 = document.getElementById('z_2').value;
    otv_uch_3 = document.getElementById('z_3').value;

    El cuarto problema significará una nueva línea con los números 3 reemplazados por 4.

    pelota = 0;
    pelota +=1;
    }
    pelota +=1;
    }
    pelota +=1;
    }

    Para agregar el problema 4, deberá copiar las últimas tres líneas y reemplazar los números que contienen con 4.

    vsego_zadach = 3

    En esta línea indicamos cuántas tareas hay en la prueba de formación. Si agregó más, entonces debe corregir esta cifra.

    Luego debes mostrar la respuesta en la pantalla.

    document.getElementById('rezultat').innerHTML = “Tareas completadas correctamente por ”+procent_vip+”%.”;

    Eso es todo. Ahora combinemos todo el código en una página HTML.


    Prueba de matemáticas de problemas múltiples

    pag(
    tamaño de fuente: 24px;
    }
    aporte(
    tamaño de fuente: 24px;
    }



    Complete las tareas de prueba:


    4*12 + 7 =


    7-8*2 =


    34*2 + 17 =


    Controlar


    función probar())(
    pr_otv_zadachi_1 = 55;
    pr_otv_zadachi_2 = -9;
    pr_otv_zadachi_3 = 85;
    otv_uch_1 = document.getElementById("z_1").value;
    otv_uch_2 = document.getElementById("z_2").value;
    otv_uch_3 = document.getElementById("z_3").value;
    pelota = 0;
    si(otv_uch_1 == pr_otv_zadachi_1)(
    pelota +=1;
    }
    si(otv_uch_2 == pr_otv_zadachi_2)(
    pelota +=1;
    }
    si(otv_uch_3 == pr_otv_zadachi_3)(
    pelota +=1;
    }
    vsego_zadach = 3;
    porcentaje_vip = bola/vsego_zadach * 100;
    document.getElementById("rezultat").innerHTML = "Tareas completadas correctamente en "+procent_vip+"%.";
    }


    Aquí está el código completo del test de formación con respuestas en HTML. A continuación puedes descargar este archivo. Utilice estas instrucciones para aumentar o disminuir el número de tareas.


    Descargue la plantilla de prueba. opción sencilla

    Descargar archivo: (descargas: 593)

    A continuación puede descargar una versión ampliada de la prueba.

    Separar las preguntas del examen. Agregar un botón "Siguiente pregunta"

    Necesitamos asegurarnos de que solo se muestre una pregunta a la vez. Y para pasar a la siguiente pregunta había que hacer clic en el botón “Siguiente pregunta”.

    Para hacer esto, agregaremos cada campo de pregunta y respuesta en bloques div separados. Además, para la segunda y tercera pregunta agregaremos el parámetro “display:none” para ocultarlas. Para el primero, especificamos el parámetro "display:block". Y para cada bloque firmaremos los números de las preguntas.

    4*12 + 7 =

    Pregunta 1

    7-8*2 =

    Pregunta 2

    34*2 + 17 =

    Pregunta 3

    También agregaremos el código para el botón "Siguiente pregunta".

    Siguiente pregunta

    Función sled_vopr())( if(document.getElementById("vopros2").style.display == "bloque")( document.getElementById("vopros2").style.display = "none"; document.getElementById("vopros3) " ).style.display = "bloque"; document.getElementById("kn_sl").style.display = "none"; document.getElementById("kn_pr").style.display = "bloque" ) if(document.getElementById ("vopros1").style.display == "bloque")( document.getElementById("vopros1").style.display = "none"; document.getElementById("vopros2").style.display = "bloque"; ) )

    Como resultado, nuestra prueba se ve así:





    Pero en esta versión, agregar nuevas preguntas al examen será más difícil.

    Transferir preguntas y respuestas del examen a un archivo JavaScript independiente

    Para que sea más fácil reemplazar las preguntas, debe transferirlas junto con las respuestas a un archivo separado. Entonces no tendrás que buscar estos datos en el archivo principal. Si no es programador, dicha búsqueda no será fácil. Entonces creamos un nuevo archivo data.js y lo conectamos al archivo html principal de nuestra prueba. A continuación, le agregamos varias variables con preguntas y varias con respuestas (transferimos las respuestas desde el archivo principal).

    Preguntas_1 = "4*12 + 7 = "; vopros_2 = "7-8*2 = "; vopros_3 = "34*2 + 17 = "; pr_otv_zadachi_1 = 55; pr_otv_zadachi_2 = -9; pr_otv_zadachi_3 = 85;

    Para hacer esto, agregaremos cada campo de pregunta y respuesta en bloques div separados. Además, para la segunda y tercera pregunta agregaremos el parámetro “display:none” para ocultarlas. Para el primero, especificamos el parámetro "display:block". Y para cada bloque firmaremos los números de las preguntas.

    Pregunta 1

    Pregunta 2

    Y escribimos el código javascript para configurar el texto de las preguntas a partir de las variables después de cargar la página.

    Document.addEventListener("DOMContentLoaded", function())( document.getElementById("v_1").innerHTML = vopros_1; document.getElementById("v_2").innerHTML = vopros_2; document.getElementById("v_3").innerHTML = vopros_3 ; ));

    Eso es todo. Ahora, para reemplazar el texto de las preguntas del examen y sus respuestas, solo necesita editar el archivo data.js. Agreguemos el nombre de la prueba de la misma manera:

    Prueba var = "Multiplicación";

    Cifrar respuestas de prueba

    Hay un defecto en el programa de pruebas educativas que ideamos. Si un estudiante abre el archivo “data.js”, verá no solo los textos de las preguntas, sino también las respuestas. Por tanto, necesitamos cifrar las respuestas para que el alumno no pueda reconocerlas.

    Para ello utilizamos la función Kodirov. Se parece a esto:

    Función kodirov(stroka) ( var b64ch = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefg"+ "hijklmnopqrstuvwxyz0123456789+/="; var b64enc = ""; var ch1, ch2, ch3; var en1, en2, en3, en4; for (var i=0; i> 2; en2 = ((canal1 y 3) > >

    Ciframos la segunda y tercera pregunta de la misma forma. Después del cifrado, el contenido del archivo data.js tiene este aspecto:

    Var vopros_1 = "4*12 + 7 = "; var vopros_2 = "7-8*2 = "; var vopros_3 = "34*2 + 17 = "; var pr_otv_zadachi_1 = "NTU="; var pr_otv_zadachi_2 = "LTk="; var pr_otv_zadachi_3 = "ODU=";

    Como puedes ver, las respuestas están cifradas y son un conjunto de caracteres.

    En el archivo principal, debes cifrar lo que escribió el estudiante antes de verificarlo.

    Otv_uch_1 = document.getElementById("z_1").value; otv_uch_1 = kodirov(otv_uch_1); otv_uch_2 = document.getElementById("z_2").value; otv_uch_2 = kodirov(otv_uch_2); otv_uch_3 = document.getElementById("z_3").value; otv_uch_3 = kodirov(otv_uch_3);

    Como resultado, el programa verifica las respuestas cifradas y el estudiante no puede encontrar las respuestas a las preguntas del examen educativo.

    Generar el resultado de la respuesta a cada pregunta.

    Nuestra prueba de entrenamiento muestra el resultado general como porcentaje. Asegurémonos de que los resultados de cada pregunta se muestren por separado. De esta manera, será posible realizar un análisis más detallado del desempeño del estudiante en la prueba.

    Para hacer esto, debe modificar la función para verificar las respuestas de los estudiantes.

    Función proverit())( otv_uch_1 = document.getElementById("z_1").value; otv_ucgenika_1 = otv_uch_1; otv_uch_1 = kodirov(otv_uch_1); otv_uch_2 = document.getElementById("z_2").value; otv_ucgenika_2 = otv_uch_2; otv_uch_2 = ko dirov( otv_uch_2); otv_uch_3 = document.getElementById("z_3").value; otv_uch_3 = kodirov(otv_uch_3); if(otv_uch_1 == pr_otv_zadachi_1)( ball +=1; otveti = "Pregunta 1. Respondiste correctamente. Su respuesta: "+otv_ucgenika_1; ) else ( otveti = "Pregunta 1. Respondió incorrectamente. Su respuesta: "+otv_ucgenika_1; ) if(otv_uch_2 == pr_otv_zadachi_2)( ball +=1; otveti += "
    Pregunta 2. Respondiste correctamente. Su respuesta: "+otv_ucgenika_2; ) else ( otveti += "
    Pregunta 2. Respondiste incorrectamente. Su respuesta: "+otv_ucgenika_2; ) if(otv_uch_3 == pr_otv_zadachi_3)( bola +=1; otveti += "
    Pregunta 3. Respondiste correctamente. Su respuesta: "+otv_ucgenika_3; ) else ( otveti += "
    Pregunta 3. Respondiste incorrectamente. Su respuesta: "+otv_ucgenika_3; ) vsego_zadach = 3; procent_vip = ball/vsego_zadach * 100; document.getElementById("rezultat").innerHTML = "Tareas completadas correctamente en "+procent_vip+"%.

    "+otveti; )

    Como resultado de modificar esta función, se muestra si el estudiante respondió correctamente y su respuesta también se muestra en la pantalla. El docente puede comparar la respuesta del alumno con la correcta, así como analizar el trabajo educativo.

    Por lo tanto, hemos recibido una prueba educativa completa que se puede utilizar en nuestras actividades educativas. Para mayor comodidad, moví el archivo data.js a una carpeta separada. Puede editar el archivo data.js en cualquier editor de texto, por ejemplo, el Bloc de notas.

    Después de las últimas modificaciones, aumentando las fuentes, añadiendo color a las respuestas, obtenemos el siguiente código fuente completo del archivo html:

    Prueba p, span, entrada ( tamaño de fuente:24px; ) botón ( tamaño de fuente:18px; ) #vo ( color:verde; ) #nvo ( color:rojo; ) #ot ( color:azul; )

    Prueba. Sujeto. .

    Para hacer esto, agregaremos cada campo de pregunta y respuesta en bloques div separados. Además, para la segunda y tercera pregunta agregaremos el parámetro “display:none” para ocultarlas. Para el primero, especificamos el parámetro "display:block". Y para cada bloque firmaremos los números de las preguntas.

    Pregunta 1

    Pregunta 2

    Siguiente pregunta Verifique document.addEventListener("DOMContentLoaded", function())( document.getElementById("v_1").innerHTML = vopros_1; document.getElementById("v_2").innerHTML = vopros_2; document.getElementById("v_3") .innerHTML = vopros_3; document.getElementById("tema").innerHTML = prueba )); función sled_vopr())( if(document.getElementById("vopros2").style.display == "bloque")( document.getElementById("vopros2").style.display = "none"; document.getElementById("vopros3) " ).style.display = "bloque"; document.getElementById("kn_sl").style.display = "none"; document.getElementById("kn_pr").style.display = "bloque" ) if(document.getElementById ("vopros1").style.display == "bloque")( document.getElementById("vopros1").style.display = "none"; document.getElementById("vopros2").style.display = "bloque"; ) ) función proverit())( otv_uch_1 = document.getElementById("z_1").value; otv_ucgenika_1 = otv_uch_1; otv_uch_1 = kodirov(otv_uch_1); otv_uch_2 = document.getElementById("z_2").value; otv_ucgenika_2 = otv_uch_2; 2 = kodirov(otv_uch_2); otv_uch_3 = document.getElementById("vopros3").style.display = "none"; kn_pr").style.display = "none"; if(otv_uch_1 == pr_otv_zadachi_1)( bola +=1;
    otveti = "Pregunta 1. Respondiste correctamente. Tu respuesta: "+otv_ucgenika_1+""; ) else ( otveti = "Pregunta 1. Respondiste incorrectamente. Tu respuesta: "+otv_ucgenika_1+""; ) if(otv_uch_2 == pr_otv_zadachi_2)( ball +=1; otveti += "
    Pregunta 2. Respondiste correctamente. Su respuesta: "+otv_ucgenika_2+""; ) else ( otveti += "
    Pregunta 2. Respondiste incorrectamente. Su respuesta: "+otv_ucgenika_2+""; ) if(otv_uch_3 == pr_otv_zadachi_3)( bola +=1; otveti += "
    Pregunta 3. Respondiste correctamente. Su respuesta: "+otv_ucgenika_3+""; ) else ( otveti += "

    "+otveti; ) función kodirov(stroka) ( var b64ch = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefg"+ "hijklmnopqrstuvwxyz0123456789+/="; var b64enc = ""; var ch1, ch2, ch3; var en1, en2, en3, en4; para (var i =0; i> 2; en2 = ((ch1 y 3) > 4); en3 = isNaN(ch2) ? charAt(en1) + b64ch.charAt(en2) + b64ch.charAt(en3) + b64ch.charAt(en4);

    El resultado de ejecutar una prueba con un error en la tercera tarea se muestra en la siguiente figura. También agregué una función para redondear el porcentaje de tareas completadas "toFixed()".


    A continuación puedes descargar este programa.

    Descargar plantilla de prueba

    Descargar archivo: (descargas: 93)
    Descargar archivo: (descargas: 102)
    Descargar archivo: (descargas: 120)

    Puede codificar sus respuestas para la prueba en nuestro sitio web.

    Agregar imágenes a las preguntas del examen

    Naturalmente, muchas preguntas requieren agregar imágenes al crear una prueba. A menudo es necesario agregar una imagen en lugar del texto de la pregunta. También implementamos esta característica a través del archivo data.js. Editaré la prueba más grande de 15 preguntas. Entonces, para cada pregunta agregaré una variable separada e indicaré en ella: si hay una imagen, entonces "sí", en caso contrario "no".

    Var vopros_ris_1 = "sí"; var vopros_ris_2 = "no"; var vopros_ris_3 = "no"; var vopros_ris_4 = "sí"; var vopros_ris_5 = "no"; var vopros_ris_6 = "no"; var vopros_ris_7 = "sí"; var vopros_ris_8 = "no"; var vopros_ris_9 = "no"; var vopros_ris_10 = "no"; var vopros_ris_11 = "no"; var vopros_ris_12 = "no"; var vopros_ris_13 = "no"; var vopros_ris_14 = "no"; var vopros_ris_15 = "sí";

    Me gustaría llamar su atención sobre el hecho de que si hay una imagen, he eliminado por completo el texto de la pregunta.

    Var preguntas_1 = ""; var vopros_2 = "7-8*2 = "; var vopros_3 = "34*2 + 17 = "; var preguntas_4 = ""; var vopros_5 = "36*2 + 4 = "; var vopros_6 = "37*8 + 7 = "; var preguntas_7 = ""; var vopros_8 = "39*12 + 19 = "; var vopros_9 = "40*2 + 16 = "; var vopros_10 = "41*4 + 3 = "; var vopros_11 = "42*8 - 7 = "; var vopros_12 = "43*6 - 5 = "; var vopros_13 = "4*62 - 6 = "; var vopros_14 = "45*9 - 9 = "; var preguntas_15 = "";

    Pero también puedes agregar tanto una imagen como un texto de pregunta.

    En este caso indiqué que las preguntas numeradas 1,4,7 y 15 tendrían imágenes. Entonces tengo que agregar estas imágenes a la carpeta "datos". Sus nombres deben corresponder (incluido el contenido) a los números de las preguntas: “01.jpg”, “04.jpg”, “07.jpg” y “15.jpg”.


    Agregué condiciones al código del archivo principal que verifican las variables. Si hay una imagen, se carga una en la pregunta del examen. Un ejemplo de dicho código para la primera pregunta: if(vopros_ris_1 == "yes"))( vopros_1 = "

    "+vopros_1; document.getElementById("v_1").innerHTML = vopros_1; ) más ( document.getElementById("v_1").innerHTML = vopros_1; )

    Descargar archivo: (descargas: 57)

    Aleatorizar las preguntas del examen

    En el caso de que el examen lo realicen varios estudiantes de la clase a la vez, que están sentados uno al lado del otro, me encontré con un problema cuando algunos de ellos miran lo que responden los demás sentados uno al lado del otro. Esta es la primera razón para mezclar preguntas. La segunda es simplemente crear muchas variaciones de la misma prueba.

    Estas manipulaciones complican un poco el programa. Para hacer esto, necesitará crear una matriz, colocar en ella todas las preguntas, imágenes y respuestas y luego mezclar todo en orden aleatorio.

    Sin embargo, no edité el archivo "data.js".
    Así es como se ve la variable en la que se coloca la matriz: voprosi = [,,,,,,,,,,,,,,,];

    Peremeshat_vse_voprosi(voprosi);

    Agrego una nueva variable al archivo data.js en la que puedes especificar si mezclar preguntas o no (“sí” o “no”).

    Var peremeshat_voprosi = "sí";

    Un ejemplo de salida de pregunta en un archivo html:

    Document.getElementById("v_1").innerHTML = voprosi;

    Puede descargar la prueba con la posibilidad de mezclar preguntas utilizando el enlace a continuación.

    Dado que las preguntas son mixtas, en el resultado del programa agregué el resultado no solo de las respuestas de los estudiantes, sino también el texto de las preguntas. Combiné todo esto en una sola mesa.

    Descargar plantilla de prueba con imágenes

    Descargar archivo: (descargas: 59)

    Diseño visual del programa de pruebas.

    Todas las funciones principales se han agregado a la prueba. Pasemos ahora al diseño del programa de pruebas educativas. Para reducir el tiempo de diseño, utilizo la biblioteca bootstrap gratuita.

    Se agregaron clases de biblioteca y se reemplazaron casi todas las propiedades para el diseño de las preguntas del examen y la tabla de resultados.
    Entonces la prueba en sí se ve así:

    Y la tabla de respuestas se ve así:

    Tenga en cuenta que al usar la biblioteca bootstrap, también agregué una escala que muestra el porcentaje de tareas de prueba completadas correctamente.

    Por lo tanto, puede descargar la última versión (actualmente) de la prueba diseñada visualmente desde el siguiente enlace.


    Descargue la versión completa de la plantilla de prueba

    Descargar archivo: (descargas: 246)

    Puede codificar sus respuestas para la prueba en nuestro sitio web.

    Las pruebas de conocimiento de los siguientes temas ahora están disponibles en el sitio: HTML, CSS, JavaScript, PHP, SQL.

    Cada prueba consta de 10 preguntas sobre un tema específico. En cada pregunta, intenté tocar las más diversas áreas de aplicación de un idioma en particular para evaluar su nivel de conocimiento de la manera más completa posible.

    Por supuesto, todas las pruebas son gratuitas y cualquiera puede realizarlas.

    Procedimiento de prueba:

  • Siga el enlace "Iniciar prueba" para la prueba correspondiente.
  • Responde las preguntas planteadas eligiendo la única opción correcta.
  • Al finalizar la prueba, verás tu puntuación, el número de errores, así como un análisis de cada pregunta de la prueba.
  • ¡Atención! No podrás volver a la pregunta anterior, así que piensa antes de responder.

    Pruebas disponibles actualmente
  • HTML
    • Total de pruebas realizadas: 67.354 personas
    • Puntuación media: 2,85 sobre 5 puntos.

    Prueba de conceptos básicos de HTML. Necesitará conocimientos sobre las etiquetas HTML básicas, así como su uso competente. También es necesario comprender las características del estándar XHTML 1.1.

  • CSS
    • Total de pruebas realizadas: 29.039 personas
    • Puntuación media: 3,38 sobre 5 puntos.

    La prueba evalúa el conocimiento de los conceptos básicos de CSS. Para pasar con éxito la prueba, es necesario conocer los principales tipos de selectores (su sintaxis), conocer las propiedades básicas y sus posibles valores, así como conocer el propósito de los pseudoelementos más populares.

  • javascript
    • Total de pruebas realizadas: 22972 personas
    • Puntuación media: 3,3 sobre 5 puntos.

    Esta prueba pone a prueba su conocimiento del lenguaje JavaScript. Las preguntas del examen cubren diferentes áreas de aplicación de este idioma. Hay muchas preguntas sobre cómo comprender los “pequeños” matices. De lo contrario, se requiere que sepas cosas básicas: trabajar con variables, funciones básicas de JavaScript, prioridades de operación, etc.

  • PHP
    • Total de pruebas realizadas: 31.651 personas
    • Puntuación media: 3,03 sobre 5 puntos.

    Esta prueba pone a prueba su conocimiento del lenguaje PHP. Debe conocer las construcciones PHP básicas, trabajar con variables, sesiones, implementar redirecciones y otras cosas estándar.
    Le solicitamos amablemente: La prueba contiene muchas preguntas como: "¿Cuál será el resultado del script?" Por favor, no lo copie ni lo revise. Sea honesto consigo mismo.

  • SQL
    • Total de pruebas realizadas: 17.168 personas
    • Puntuación media: 3,29 sobre 5 puntos.

    Esta prueba pone a prueba su conocimiento del lenguaje de consulta SQL. Las preguntas cubren sólo los conocimientos más básicos de este idioma, sin ninguna profundidad. Necesitará conocimientos sobre las consultas SQL más básicas, así como su uso competente.



  • 
    Arriba