Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Hint/Solution/Video Tutorial Buttons | Buttons
Test UI Features
course content

Course Content

Test UI Features

Test UI Features

1. Buttons
Hint/Solution ButtonsHint/Solution/Video Tutorial ButtonsHint and Solution Single Block ButtonsCode Description ButtonDownload File in the TXT formatDownload Course Summary
2. ContentDev Tools
Markdown ParsingColorsRegExp CreationItem Feedbacks
3. Image Tools
Image
4. Links
Link in a TextLink to Git and CodeSandbox
5. Other
Windows / Apple / Linux InstructionsNN Cat/DogEncryption BlockText with Color LegendDanyas playgroundOleh S tests
6. Text Boxes
NoteStudy MoreDefinition Text BlockChatGPT Prompt Input - OutputQuote Text BoxFile name headerPrerequisites Box With LinksNested ListSuperscript/SubscriptCopyable Text BoxCode Block - Highlighted & Copyable SQLCode Block - Highlighted & Copyable PythonCode Block - Highlighted & Copyable JavaScriptCode Block - Highlighted & Copyable JavaCode Block - Highlighted & Copyable DartCode Block - Highlighted & Copyable C++Code Block - Highlighted & Copyable CCode Block - Highlighted & Copyable C#
7. Tables
Scrollable Framed Table
8. Developers
ButtonsDownload File ButtonImage Magnifier / Image Magnifier + CarouselNote / Study more / DefinitionCode Block - Highlighted & Copyable ???Prerequisites Box With LinksScrollable Framed Table ???
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

bookHint/Solution/Video Tutorial Buttons

Readme

  1. Copy and Paste the Source Code:
    • Begin by copying the required source code;
    • Paste the code into the designated HTML block within the chapter.
  2. Add Hint and Solution, and a Video Tutorial:
    • After the HTML block, you can use any three blocks to provide a hint, a solution, and a video tutorial. The choice of blocks is entirely flexible;
    • Using a video tutorial as the third block is highly recommended.
  3. Important Note: Only one such element (HTML block with source code, hint, and solution) can be used per chapter.

Element

Some hint

  • item 1;
  • item 2;
  • item code 3.

Source code

html

index

css

index

js

index

copy

Everything was clear?

How can we improve it?

Thanks for your feedback!

Section 1. Chapter 2
some-alt