Study About AsciiDoctor

These are study topic list about AsciiDoctor:

Getting Started

How To Check AsciiDoctor Version

AsciiDoctor Paragraph Quick Reference Sheet

Markdown, AsciiDoctor, reStructuredText File Extension

AsciiDoctor Header

AsciiDoctor Unordered List

AsciiDoctor Numbering

AsciiDoctor Link

Add Image In AsciiDoctor

Comment Lines In AsciiDoc

Visuals

AsciiDoctor Horizontal Rule

AsciiDoctor Horizontal Rule Sample

Syntax highlighting In AsciiDoctor Code Block

Source Code Block In AsciiDoctor

Advanced Syntax And Features

AsciiDoctor Table Tutorial 1

AsciiDoctor Table 2

AsciiDoctor Table Tutorial 3

Category Table Design In AsciiDoctor

AsciiDoctor Decision Table

AsciiDoctor BlackBox Testing Result Sample

Data Table In AsciiDoctor

Other AsciiDoctor Study Topics

AsciiDoctor In Notepad3

Commonly Used HTML Tags

HTML Accents

Escape Sequence Character In HTML And XML

HTML Table Element

Bibliography

https://asciidoctor.org/

https://www.adoc-studio.app/

https://www.udemy.com/

Related Post:

Study About Microsoft Office 1

Visual Basic Naming Conventions And Visual Basic Naming Rules

Visual Basic Naming Rules

Use the following rules when you name procedures, constants, variables, and arguments in a Visual Basic module:

1. You must use a letter as the first character or an underscore.
2. You can't use a space, period (.), exclamation mark (!), or the characters at symbol (@), Ampersand (&), Dollar sign ($),  number sign (#) in the name.
3. Name can't exceed 255 characters in length.
4. Generally, you shouldn't use any names that are the same as the (intrinsic or default or built-in) function, statement, method, and (intrinsic or default or built-in) constant names used in Visual Basic or by the host application. Otherwise you end up shadowing the same keywords in the language. To use an intrinsic language function, statement, or method that conflicts with an assigned name, you must explicitly identify it. Precede the intrinsic function, intrinsic statement, or intrinsic method name with the name of the associated type library. For example, if you have a variable called Left, you can only invoke the Left function by using VBA.Left.
5. Avoid using names in an inner scope that are the same as names in an outer scope. Errors can result if the wrong variable is accessed. If a conflict occurs between a variable and the keyword of the same name, you must identify the keyword by preceding it with the appropriate type library. For example, if you have a variable called Date, you can use the intrinsic Date function only by calling DateTime.Date.

Visual Basic Naming Conventions

The following suggestions apply to naming.

1. Begin each separate word in a name with a capital letter, as in FindLastRecord and RedrawMyForm.
2. Begin function and method names with a verb, as in InitNameArray or CloseDialog.
3. Begin class, structure, module, and property names with a noun, as in EmployeeName or CarAccessory.
4. Begin interface names with the prefix "I", followed by a noun or a noun phrase, like IComponent, or with an adjective describing the interface's behavior, like IPersistable. Do not use the underscore, and use abbreviations sparingly, because abbreviations can cause confusion.
5. Begin event handler names with a noun describing the type of event followed by the "EventHandler" suffix, as in "MouseEventHandler".
6. In names of event argument classes, include the "EventArgs" suffix.
7. If an event has a concept of "before" or "after," use a suffix in present or past tense, as in "ControlAdd" or "ControlAdded".
8. For long or frequently used terms, use abbreviations to keep name lengths reasonable, for example, "HTML", instead of "Hypertext Markup Language". In general, variable names greater than 32 characters are difficult to read on a monitor set to a low resolution. Also, make sure your abbreviations are consistent throughout the entire application. Randomly switching in a project between "HTML" and "Hypertext Markup Language" can lead to confusion.

Next Visual Basic 6 Variable Prefixes >

Graph Function of Linear Equations in Two Variables Using Latex

1. Type this following latex code in the latex editor:

% !TEX TS-program=pdflatex

% !TEX encoding=UTF-8 Unicode

%

%% File name: GraphLinearEquation2Variables1.tex

%% Document Definitions:

%% LINEAR SYSTEM FUNCTIONS GRAPH With 2 VARIABLES

%%-----------------------------------

%\usepackage{tgbonum}

%\usepackage{arevmath}

\documentclass[tikz,border=5pt]{standalone}

\usepackage{libertine}

\usepackage{tikz}

\usepackage{pgfplots}

%\pgfplotsset{compat=newest}

\pgfplotsset{compat=1.18}

\pgfplotsset{%

    axis line origin/.style args={#1,#2}{

        x filter/.append code={ % Check for empty or filtered out numbers

            \ifx\pgfmathresult\empty\else\pgfmathparse{\pgfmathresult-#1}\fi

        },

        y filter/.append code={

            \ifx\pgfmathresult\empty\else\pgfmathparse{\pgfmathresult-#2}\fi

        },

        xticklabel=\pgfmathparse{\tick+#1}\pgfmathprintnumber{\pgfmathresult},

        yticklabel=\pgfmathparse{\tick+#2}\pgfmathprintnumber{\pgfmathresult}

    }

}

\makeatletter \newcommand{\pgfplotsdrawaxis}{\pgfplots@draw@axis} \makeatother

\pgfplotsset{

    every tick/.append style={color=black},

    after end axis/.append code={

        \pgfplotsset{

            axis line style=opaque,

            ticklabel style=opaque,

            tick style=opaque,

            grid=none

        }

        \pgfplotsdrawaxis

    },

} % applies to major and minor ticks,

\pgfplotsset{axis line on top/.style={

  axis line style=opaque,

  ticklabel style=transparent,

  tick style=opaque,

  axis on top=true,

  after end axis/.append code={

    \pgfplotsset{axis line style=opaque,

      ticklabel style=transparent,

      tick style=opaque,

      color=white,

      grid=true}

    \pgfplotsdrawaxis}

  }

} %% applies to axis line on top

\boldmath

\begin{document}

%% Graph Function of Linear Equations in Two Variables

%%Title

\begin{tikzpicture}

\node (0,0) {\textbf{Graphing of System}};

\node[below] at (0,-0.12) {\textbf{of}};

\node[below] at (0,-0.45) {\textbf{Linear Equations}};

\node[below] at (0,-0.80) {\textbf{with}};

\node[below] at (0,-1.15) {\textbf{Two Variables}};

\end{tikzpicture}

\begin{tikzpicture}[scale=1]

        \begin{axis}[x=1cm,y=1cm,

        latex-latex,

            axis lines = middle,

            xlabel = {$x$},

            ylabel = {$y$},

            %xtick = \empty,

            xtick style={-},

            %ytick = \empty,

            ytick style ={-},

            xmin=-5, xmax=4.5,

            ymin=-3.1, ymax=6.5,small, axis on top, grid=none, minor grid style={very thin,gray!30}, major grid style={very thin,gray!30},

            xticklabel style={fill=white!5,-},

            yticklabel style={fill=white!5,-}, extra y ticks={2}, extra y tick style={fill=white,-}]         

            % Plot 3

\addplot [

domain=-1:5,

samples=1000,

black,very thick,-

]

 coordinates{(-5,0)(-4,0.5)(-3,1)(-2,1.5)(-1,2)(0,2.5)(1,3)} 

            node [pos=1, right, black, sloped] {\bfseries $x-2y=-5$};

            \addplot[

            domain=-4:0,

            black,

            very thick,

            -]

            coordinates{

            (-5,-8)(-4,-4)(-3,-2)(-2,0)(-1,2)(0,4)(1,6)

            }

            node[pos=1, right, black]{\bfseries $2x-y=-4$};

            

            \addplot[black,dashed,-]

            coordinates{(-1,-3)(-1,2)} node[blue]{\Huge{}\textbullet};

            

            \addplot[black,dashed,-]

            coordinates{(-1,2)(3.5,2)};

        \end{axis}

    \end{tikzpicture}

\end{document}

2. Save file as GraphLinearEquation2Variables1.tex

3. Then build or typeset the Latex code.

Output

<< go to Draw A Cartesian Coordinate In Latex 1

<< go to Draw A Plot In Latex 1

<< back to Two Dimensional Shape 2

Notes

To see the more clear picture, click on the picture.

Bibliography

https://byjus.com/

https://bccampus.ca/ ( university )

https://www.cuemath.com/

https://www.nku.edu/ ( university )

Related Post

Linear Functions Graph in Latex 1b

1. Type this following latex code in the latex editor: 

% !TEX TS-program=pdflatex

% !TEX encoding=UTF-8 Unicode

%

%% File name: linearGraphTypes1b.tex

%% Document Definitions:

%% LINEAR FUNCTIONS GRAPH

%%-----------------------------------

\documentclass[12pt,a4paper]{report}

%% Load Packages

\usepackage{amsmath}

\usepackage{bm}

\usepackage[active,tightpage]{preview}

\PreviewEnvironment{tikzpicture}

\setlength\PreviewBorder{0.25pt}

\usepackage{libertine}

\usepackage{tikz}

\usepackage{pgfplots}

\pgfplotsset{compat=1.18}

\pgfplotsset{%

    axis line origin/.style args={#1,#2}{

        x filter/.append code={ % Check for empty or filtered out numbers

            \ifx\pgfmathresult\empty\else\pgfmathparse{\pgfmathresult-#1}\fi

        },

        y filter/.append code={

            \ifx\pgfmathresult\empty\else\pgfmathparse{\pgfmathresult-#2}\fi

        },

        xticklabel=\pgfmathparse{\tick+#1}\pgfmathprintnumber{\pgfmathresult},

        yticklabel=\pgfmathparse{\tick+#2}\pgfmathprintnumber{\pgfmathresult}

    }

}

\makeatletter \newcommand{\pgfplotsdrawaxis}{\pgfplots@draw@axis} \makeatother

\pgfplotsset{

    every tick/.append style={color=black},

    after end axis/.append code={

        \pgfplotsset{

            axis line style=opaque,

            ticklabel style=opaque,

            tick style=opaque,

            grid=none

        }

        \pgfplotsdrawaxis

    },

} % applies to major and minor ticks,

\begin{document}

\begin{tikzpicture}

%% Function Title

\node (0,0) {\textbf{Vertical Line Test}};

\node[below] at (0,-0.10) {\textbf{Function}};

\node[below] at (0,-0.45) {\textbf{in}};

\node[below] at (0,-0.75) {\textbf{Coordinate Cartesian}};

\node[below] at (0,-1.1) {\textbf{Plane}};

\end{tikzpicture}

\begin{tikzpicture}[scale=1]

        \begin{axis}[x=1cm,y=1cm,

        latex-latex,

            axis lines = middle,

            xlabel = {$x$},

            ylabel = {$y$},

            xtick = \empty,

            ytick = \empty,

            xmin=-3.2, xmax=3.2,

            ymin=-3.1, ymax=3.1,small, axis on top, grid=none, minor grid style={very thin,gray!30}, major grid style={very thin,gray!30}]

            % Plot 2 undefined slope, x = constant, type of line: vertical

            \addplot [

            domain = -1:5,

            samples = 1000,blue,very thick] coordinates {(-1.5,-6)(-1.5,6)} 

            node [pos=.65, left, black] {\bfseries $\mathbf{x=b}$};

        \end{axis}           

\end{tikzpicture}

\end{document}

2. Save file as linearGraphTypes1b.tex

3. Then build or typeset the Latex code.

Output

< Previous Linear Functions Graph in Latex 1

<< go to Draw A Cartesian Coordinate In Latex 1

<< go to Draw A Plot In Latex 1

<< back to Two Dimensional Shape 2

Notes

To see the more clear picture, click on the picture.

Bibliography

https://courses.lumenlearning.com/

https://www.bbc.co.uk/

https://www.centennialcollege.ca/ ( university )

https://www.palmbeachstate.edu/ ( university )

Related Post

Study About Draw In Latex 2

Angle Symbol In Latex

Number Line In Latex

Posting About Latex

Greek Letters In Science And Engineering

Install Dan Menjalankan XAMPP

1. Download dan install software XAMPP jika belum men-download dan meng-install XAMPP.
2. Buka "XAMPP Control Panel" (server lokal) dari lokasi XAMPP diinstall, contoh: C:/xampp/htdocs, 
3. Klik tombol Start di sebelah modul Apache untuk menjalankan Apache jika perlu.
4. Klik tombol Start di sebelah modul MySQL untuk menjalankan MySQL jika perlu.
5. Klik tombol Start di sebelah modul lainnya jika perlu.

untuk belajar menulis HelloWorld di PHP menggunakan XAMPP, click di Hello World PHP XAMPP >

Notes

untuk gambar yang lebih jelas, klik di gambar.

Related Post

How to Check Apache HTTP Server Version

How To Check MySQL Version

Decision Table

Decision tables are a concise visual representation for specifying which actions to perform or decision to be taken depending on given conditions. Decision table is the term used for a Control table or State-transition or Cause-Effects table in the field of Business process modeling.

• Each decision corresponds to a variable, relation or predicate whose possible values are listed among the condition alternatives. 
• Each action is a procedure or operation to perform, and the entries specify whether (or in what order) the action is to be performed for the set of condition alternatives the entry corresponds to.
• Rules are combinations of conditions and actions. Each row in a decision table typically represents a rule that maps a specific set of conditions to an action. Rules are what make decision tables so powerful; they allow you to manage complex logic by listing out all possible condition-action pairs systematically. Typically to place a simple Boolean values, and the action entries are check-marks. Typically to place a do not care symbol (this can be a hyphen, although using a blank is discouraged as it may merely indicate that the decision table has not been finished).

Typically Decision Table form is:

• One per row, on the left is indicated condition, action, 
• Each column on the right is indicated business rules.

to learn a sample decision table in AsciiDoctor, click on:

• AsciiDoctor Table 2
• AsciiDoctor Decision Table

Bibliography

https://camunda.com/

https://en.wikipedia.org/

https://www.ibm.com/

https://www.sciencedirect.com/

https://www.smartsheet.com/

https://www.visual-paradigm.com/

Hello World ReactJS Client Server Rendering

Requirement:

• ReactJS version: >=18.
• Modern Internet Browser, e.g. Google Chrome.
• Web Editor or Web IDE or Text Editor.
• Internet connection.

Tutorial:

1. Type the HTML source code on your web editor:

<!DOCTYPE html>

<html>

  <head>

    <meta charset="UTF-8" />

    <title>Hello World in React</title>

  </head>

  <body>

    <div id="helloWorldContainer"></div>

    <!-- Load React. -->

    <!-- Note: when deploying, replace "development.js" with "production.min.js". -->

    <script src="https://unpkg.com/react@18/umd/react.development.js" crossorigin></script>

    <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js" crossorigin></script>

    <!-- Load our React component. -->

    <script src="assets/script/helloWorld1.js"></script>

  </body>

</html>

2. Save as helloWorld.html

3. Type the JS source code on your web editor:

'use strict';

const reactElem = React.createElement;

class HelloWorld extends React.Component {

    render() {

        return reactElem(

            'h1', null, 'hello world'

        );

    }

}

const domContainer = document.getElementById('helloWorldContainer');

const root = ReactDOM.createRoot(domContainer);

root.render(reactElem(HelloWorld));

4. Save as helloWorld1.js

5. Open in your browser.

Output

Notes

To see the more clear picture, click on the picture.

Bibliography

https://sko.dev/

https://www.tutorialspoint.com/

ReactJS;Wiley publisher

JavaScript;Sams publisher