Test UI Features

Contenu du cours

Test UI Features

Test UI Features

1. Buttons

Hint/Solution Buttons Hint/Solution/Video Tutorial Buttons Hint and Solution Single Block Buttons Code Description Button Download File in the TXT format Download Course Summary

2. ContentDev Tools

Markdown Parsing Colors RegExp Creation Item Feedbacks

3. Image Tools

4. Links

Link in a Text Link to Git and CodeSandbox

5. Other

Windows / Apple / Linux Instructions NN Cat/Dog CNN Hyperparameters Encryption Block Text with Color Legend Danyas playground Oleh S tests

6. Text Boxes

Note Study More Definition Text Block ChatGPT Prompt Input - Output Quote Text Box File name header Prerequisites Box With Links Superscript/Subscript Copyable Text Box Expandable List Task Heading Code Block - Highlighted & Copyable SQL Code Block - Highlighted & Copyable Python Code Block - Highlighted & Copyable JavaScript Code Block - Highlighted & Copyable Java Code Block - Highlighted & Copyable Dart Code Block - Highlighted & Copyable C++Code Block - Highlighted & Copyable C Code Block - Highlighted & Copyable C#

7. Tables

Scrollable Framed Table Table with the Tooltip Matrices

8. Developers

Buttons Code Description Button Download File Button Image Magnifier / Image Magnifier + Carousel Note / Study more / Definition Code Block - Highlighted & Copyable Prerequisites Box With Links Table Expandable List Link in Markdown

9. Deprecated

+ (deprecated) Hint and Solution Single Block + (deprecated) TypeScript Hint/Solution + (deprecated) C# Hint/Solution + (deprecated) JavaScript Hint/Solution + (deprecated) Java Hint/Solution + (deprecated) GO Lang Hint/Solution + (deprecated) Python Hint/Solution + (deprecated) Java Hint/Solution with Copyable & Highlighted Code + (deprecated) Scala Hint/Solution with Copyable & Highlighted Code + (deprecated) Hint/Video Tutorial + (deprecated) Hint/Solution/Video Tutorial (deprecated) Interactive Video + (deprecated) Images Slider + (deprecated) Images Carousel + (deprecated) Image Magnifier + (deprecated) Image Carousel & Magnifier +(deprecated) Image Magnifying Glass + (deprecated) Linked List + (deprecated) IDE Testing + (deprecated) CSS Example Practice Test + (deprecated) Spinning anim + (deprecated) Temporary Hint/Video Tutorial + (deprecated) Temporary Hint/Solution/Video Tutorial + (deprecated) Joke + (deprecated) Animated border + (deprecated) Default Custom Table + (deprecated) Table Action + (deprecated) Styled Table

Hint and Solution Single Block Buttons

Readme

Goal of the Hint Button: is designed to hide the next block that follows it. The block that gets hidden can be of any type;
How to Implement:
- First, copy the necessary source code;
- Paste the code into the designated HTML block;
- After the HTML block, use any block to serve as the hidden content that will be revealed when the hint is clicked.

Element - Hint Button

fvs
fed
feadfe qfecew

Source code for Hint Element

index.html

Readme

Goal of the Solution Button: redirects the user to another resource or page;
How to Implement:
- Copy the necessary source code for the solution button;
- Replace the value of the href attribute with the URL of the resource you want the user to be redirected to.

Spanish

ítem 1;
ítem 2;
ítem código 3.

Portuguese

item 1;
item 2;
item código 3.

French

Indice un;
Indice deux;
Indice trois.

German

Hinweis eins;
Hinweis zwei;
Hinweis drei.

Ukrainian

Підказка один;
Підказка два;
Підказка три.

Element - Solution Button

Source code for Solution Element

index.html

Spanish

Portuguese

French

German

Ukrainian

Tout était clair ?

Merci pour vos commentaires !

Section 1. Chapitre 3

some-alt