<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: OOOOO</title>
    <description>The latest articles on DEV Community by OOOOO (@ooooo).</description>
    <link>https://dev.to/ooooo</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F350814%2F9b3d2b65-692f-47aa-8279-a4960ef6248e.jpg</url>
      <title>DEV Community: OOOOO</title>
      <link>https://dev.to/ooooo</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/ooooo"/>
    <language>en</language>
    <item>
      <title>Instantly Boost Your Efficiency: Unlock the Magic Tool for Bulk Code and File Generation</title>
      <dc:creator>OOOOO</dc:creator>
      <pubDate>Wed, 14 Aug 2024 10:23:06 +0000</pubDate>
      <link>https://dev.to/ooooo/instantly-boost-your-efficiency-unlock-the-magic-tool-for-bulk-code-and-file-generation-5ag1</link>
      <guid>https://dev.to/ooooo/instantly-boost-your-efficiency-unlock-the-magic-tool-for-bulk-code-and-file-generation-5ag1</guid>
      <description>&lt;p&gt;In software development, repetitive tasks often take up a lot of time, especially when you need to generate a bunch of code files at once. To improve efficiency and reduce human error, TableConvert.&lt;br&gt;
&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flw9n86aq9fzgij3mvos5.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flw9n86aq9fzgij3mvos5.jpg" alt="Image description" width="800" height="492"&gt;&lt;/a&gt;com offers a powerful tool called the &lt;a href="https://tableconvert.com/csv-to-magic" rel="noopener noreferrer"&gt;Magic Converter&lt;/a&gt;. This article will introduce you to the amazing features of this tool and show you how to use it to streamline your workflow.&lt;/p&gt;
&lt;h2&gt;
  
  
  What is the Magic Converter?
&lt;/h2&gt;

&lt;p&gt;The &lt;a href="https://tableconvert.com/csv-to-magic" rel="noopener noreferrer"&gt;Magic Converter&lt;/a&gt; is a feature provided by TableConvert.com that allows you to convert CSV data, as well as Excel, XML, HTML Table, Markdown Table, JSON Array, Insert SQL, MySQL Query Output, LaTeX Table, MediaWiki Table, and other table data into predefined template format code. Whether you need to bulk-generate Java classes, SQL statements, or other types of files, this tool can significantly boost your efficiency.&lt;/p&gt;
&lt;h2&gt;
  
  
  Example Usage
&lt;/h2&gt;

&lt;p&gt;Let's look at a specific example. Suppose you have the following CSV data:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Building,building
Company,company
User,user
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;You want to generate Java class files for each row of data, with content like this:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight java"&gt;&lt;code&gt;&lt;span class="kn"&gt;package&lt;/span&gt; &lt;span class="nn"&gt;com.tex.kinesis.impl&lt;/span&gt;&lt;span class="o"&gt;;&lt;/span&gt;

&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="nn"&gt;com.tex.kinesis.RecordHandler&lt;/span&gt;&lt;span class="o"&gt;;&lt;/span&gt;
&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="nn"&gt;com.tex.model.entity.User&lt;/span&gt;&lt;span class="o"&gt;;&lt;/span&gt;
&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="nn"&gt;lombok.extern.slf4j.Slf4j&lt;/span&gt;&lt;span class="o"&gt;;&lt;/span&gt;
&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="nn"&gt;org.springframework.stereotype.Service&lt;/span&gt;&lt;span class="o"&gt;;&lt;/span&gt;

&lt;span class="nd"&gt;@Service&lt;/span&gt;
&lt;span class="nd"&gt;@Slf4j&lt;/span&gt;
&lt;span class="kd"&gt;public&lt;/span&gt; &lt;span class="kd"&gt;class&lt;/span&gt; &lt;span class="nc"&gt;UserRecordHandler&lt;/span&gt; &lt;span class="kd"&gt;implements&lt;/span&gt; &lt;span class="nc"&gt;RecordHandler&lt;/span&gt;&lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nc"&gt;User&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;&lt;/span&gt; &lt;span class="o"&gt;{&lt;/span&gt;

    &lt;span class="nd"&gt;@Override&lt;/span&gt;
    &lt;span class="kd"&gt;public&lt;/span&gt; &lt;span class="kt"&gt;void&lt;/span&gt; &lt;span class="nf"&gt;insert&lt;/span&gt;&lt;span class="o"&gt;(&lt;/span&gt;&lt;span class="nc"&gt;User&lt;/span&gt; &lt;span class="n"&gt;user&lt;/span&gt;&lt;span class="o"&gt;)&lt;/span&gt; &lt;span class="o"&gt;{&lt;/span&gt;

    &lt;span class="o"&gt;}&lt;/span&gt;

    &lt;span class="nd"&gt;@Override&lt;/span&gt;
    &lt;span class="kd"&gt;public&lt;/span&gt; &lt;span class="kt"&gt;void&lt;/span&gt; &lt;span class="nf"&gt;update&lt;/span&gt;&lt;span class="o"&gt;(&lt;/span&gt;&lt;span class="nc"&gt;User&lt;/span&gt; &lt;span class="n"&gt;user&lt;/span&gt;&lt;span class="o"&gt;)&lt;/span&gt; &lt;span class="o"&gt;{&lt;/span&gt;

    &lt;span class="o"&gt;}&lt;/span&gt;

    &lt;span class="nd"&gt;@Override&lt;/span&gt;
    &lt;span class="kd"&gt;public&lt;/span&gt; &lt;span class="kt"&gt;void&lt;/span&gt; &lt;span class="nf"&gt;delete&lt;/span&gt;&lt;span class="o"&gt;(&lt;/span&gt;&lt;span class="nc"&gt;User&lt;/span&gt; &lt;span class="n"&gt;user&lt;/span&gt;&lt;span class="o"&gt;)&lt;/span&gt; &lt;span class="o"&gt;{&lt;/span&gt;

    &lt;span class="o"&gt;}&lt;/span&gt;
&lt;span class="o"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Generation Steps
&lt;/h2&gt;

&lt;p&gt;With the Magic Converter, you can easily generate the required files with a simple template and CSV data. Here are the steps:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Prepare CSV Data&lt;/strong&gt;: Open the &lt;a href="https://tableconvert.com/csv-to-magic" rel="noopener noreferrer"&gt;Magic Converter&lt;/a&gt; tool and paste the CSV data above.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Define the Template&lt;/strong&gt;: In the converter's "Row Magic" option, input the template code:
&lt;/li&gt;
&lt;/ol&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight java"&gt;&lt;code&gt;&lt;span class="n"&gt;echo&lt;/span&gt; &lt;span class="err"&gt;'&lt;/span&gt;&lt;span class="kn"&gt;package&lt;/span&gt; &lt;span class="nn"&gt;com.tex.kinesis.impl&lt;/span&gt;&lt;span class="o"&gt;;&lt;/span&gt;

&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="nn"&gt;com.tex.kinesis.RecordHandler&lt;/span&gt;&lt;span class="o"&gt;;&lt;/span&gt;
&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="nn"&gt;com.tex.model.entity.&lt;/span&gt;&lt;span class="o"&gt;{&lt;/span&gt;&lt;span class="err"&gt;$&lt;/span&gt;&lt;span class="mi"&gt;1&lt;/span&gt;&lt;span class="o"&gt;};&lt;/span&gt;
&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="nn"&gt;lombok.extern.slf4j.Slf4j&lt;/span&gt;&lt;span class="o"&gt;;&lt;/span&gt;
&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="nn"&gt;org.springframework.stereotype.Service&lt;/span&gt;&lt;span class="o"&gt;;&lt;/span&gt;

&lt;span class="nd"&gt;@Service&lt;/span&gt;
&lt;span class="nd"&gt;@Slf4j&lt;/span&gt;
&lt;span class="kd"&gt;public&lt;/span&gt; &lt;span class="kd"&gt;class&lt;/span&gt; &lt;span class="err"&gt;{$1}&lt;/span&gt;&lt;span class="nc"&gt;RecordHandler&lt;/span&gt; &lt;span class="kd"&gt;implements&lt;/span&gt; &lt;span class="nc"&gt;RecordHandler&lt;/span&gt;&lt;span class="o"&gt;&amp;lt;{&lt;/span&gt;&lt;span class="err"&gt;$&lt;/span&gt;&lt;span class="mi"&gt;1&lt;/span&gt;&lt;span class="o"&gt;}&amp;gt;&lt;/span&gt; &lt;span class="o"&gt;{&lt;/span&gt;

    &lt;span class="nd"&gt;@Override&lt;/span&gt;
    &lt;span class="kd"&gt;public&lt;/span&gt; &lt;span class="kt"&gt;void&lt;/span&gt; &lt;span class="nf"&gt;insert&lt;/span&gt;&lt;span class="o"&gt;({&lt;/span&gt;&lt;span class="err"&gt;$&lt;/span&gt;&lt;span class="mi"&gt;1&lt;/span&gt;&lt;span class="o"&gt;}&lt;/span&gt; &lt;span class="o"&gt;{&lt;/span&gt;&lt;span class="err"&gt;$&lt;/span&gt;&lt;span class="mi"&gt;2&lt;/span&gt;&lt;span class="o"&gt;})&lt;/span&gt; &lt;span class="o"&gt;{&lt;/span&gt;

    &lt;span class="o"&gt;}&lt;/span&gt;

    &lt;span class="nd"&gt;@Override&lt;/span&gt;
    &lt;span class="kd"&gt;public&lt;/span&gt; &lt;span class="kt"&gt;void&lt;/span&gt; &lt;span class="nf"&gt;update&lt;/span&gt;&lt;span class="o"&gt;({&lt;/span&gt;&lt;span class="err"&gt;$&lt;/span&gt;&lt;span class="mi"&gt;1&lt;/span&gt;&lt;span class="o"&gt;}&lt;/span&gt; &lt;span class="o"&gt;{&lt;/span&gt;&lt;span class="err"&gt;$&lt;/span&gt;&lt;span class="mi"&gt;2&lt;/span&gt;&lt;span class="o"&gt;})&lt;/span&gt; &lt;span class="o"&gt;{&lt;/span&gt;

    &lt;span class="o"&gt;}&lt;/span&gt;

    &lt;span class="nd"&gt;@Override&lt;/span&gt;
    &lt;span class="kd"&gt;public&lt;/span&gt; &lt;span class="kt"&gt;void&lt;/span&gt; &lt;span class="nf"&gt;delete&lt;/span&gt;&lt;span class="o"&gt;({&lt;/span&gt;&lt;span class="err"&gt;$&lt;/span&gt;&lt;span class="mi"&gt;1&lt;/span&gt;&lt;span class="o"&gt;}&lt;/span&gt; &lt;span class="o"&gt;{&lt;/span&gt;&lt;span class="err"&gt;$&lt;/span&gt;&lt;span class="mi"&gt;2&lt;/span&gt;&lt;span class="o"&gt;})&lt;/span&gt; &lt;span class="o"&gt;{&lt;/span&gt;

    &lt;span class="o"&gt;}&lt;/span&gt;
&lt;span class="o"&gt;}&lt;/span&gt;
&lt;span class="err"&gt;'&lt;/span&gt; &lt;span class="o"&gt;&amp;gt;&lt;/span&gt; &lt;span class="o"&gt;{&lt;/span&gt;&lt;span class="err"&gt;$&lt;/span&gt;&lt;span class="mi"&gt;1&lt;/span&gt;&lt;span class="o"&gt;}&lt;/span&gt;&lt;span class="nc"&gt;RecordHandler&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="na"&gt;java&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Besides the template syntax shown in the example, the Magic Converter supports more syntax to enhance your flexibility. For a more intuitive understanding of each syntax, refer to the "Built-in Templates" section below:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;{h1} {h2} ...&lt;/strong&gt;: Use the Nth field from the header&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;{$1} {$2} ...&lt;/strong&gt;: Use the Nth field from the current row&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;{F,} {F;}&lt;/strong&gt;: Split the current row by a specific string&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;{NR} {NR+100}&lt;/strong&gt;: Current row number&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;{ENR}&lt;/strong&gt;: End row number&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;{$0}&lt;/strong&gt;: All fields in the current row&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;{NF}&lt;/strong&gt;: Number of fields&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;{x ...}&lt;/strong&gt;: Execute JavaScript code, e.g., &lt;code&gt;{x new Date()}&lt;/code&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Create a Generation Script and Run the Command&lt;/strong&gt;:
Save the generated code from the steps above as a script file, for example, &lt;code&gt;gen-java.sh&lt;/code&gt;, and then run the following command in the terminal:
&lt;/li&gt;
&lt;/ol&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;/tmp/gen ❯ sh gen-java.sh
/tmp/gen ❯ &lt;span class="nb"&gt;ls&lt;/span&gt; &lt;span class="nt"&gt;-l&lt;/span&gt;
total 32
&lt;span class="nt"&gt;-rw-r--r--&lt;/span&gt;  1 jerry  wheel   478 Aug 14 17:25 BuildingRecordHandler.java
&lt;span class="nt"&gt;-rw-r--r--&lt;/span&gt;  1 jerry  wheel   469 Aug 14 17:25 CompanyRecordHandler.java
&lt;span class="nt"&gt;-rw-r--r--&lt;/span&gt;  1 jerry  wheel   442 Aug 14 17:25 UserRecordHandler.java
&lt;span class="nt"&gt;-rw-r--r--&lt;/span&gt;  1 jerry  wheel  1495 Aug 14 17:24 gen-java.sh
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;After running the script, you'll find multiple files generated, completing the bulk generation task. When you have a large number of files or content to generate with a specific pattern, this tool will save you a lot of time and effort.&lt;/p&gt;

&lt;h2&gt;
  
  
  Built-in Templates
&lt;/h2&gt;

&lt;p&gt;In addition to custom Magic templates, the Magic Converter also comes with a variety of built-in templates for quick use:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;SQL: Update example&lt;/strong&gt;: Generate SQL update statement examples.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Quote: Double Quote Cells&lt;/strong&gt;: Enclose cell content with double quotes.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Quote: Single Quote Cells&lt;/strong&gt;: Enclose cell content with single quotes.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Quote: Double Quote Column&lt;/strong&gt;: Enclose column content with double quotes.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;RENAME: by Replace()&lt;/strong&gt;: Rename using Replace().&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;RENAME: $1 to $2&lt;/strong&gt;: Rename $1 to $2.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Batch Create Empty File&lt;/strong&gt;: Batch create empty files.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Batch Create File with Content&lt;/strong&gt;: Batch create files with content.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;PHP Array&lt;/strong&gt;: Generate a PHP array.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;C Array&lt;/strong&gt;: Generate a C language array.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Columns to Rows&lt;/strong&gt;: Convert columns to rows.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;CSV with Semi-colons&lt;/strong&gt;: CSV separated by semicolons.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;HTML SELECT tag for first 2 fields&lt;/strong&gt;: Generate HTML SELECT tags for the first two fields.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;JIRA Table&lt;/strong&gt;: Generate a JIRA table.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;JSON for 2 fields&lt;/strong&gt;: Generate JSON with two fields.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;LDIF for 3 fields&lt;/strong&gt;: Generate LDIF with three fields.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;URL Query String&lt;/strong&gt;: Generate URL query strings.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Final Thoughts
&lt;/h2&gt;

&lt;p&gt;The Magic Converter can be used not only for bulk-generating Java classes, SQL statements, and other code files but also in scenarios where you need to create a large amount of similar content. For example, bulk-generating internationalization resource files, bulk-generating test data, and automatically generating configuration files. The potential of this tool goes far beyond these examples, and there are many more uses waiting for you to discover. Let your imagination run wild and experience the efficiency and convenience brought by the Magic Converter!&lt;/p&gt;

</description>
      <category>code</category>
      <category>bulk</category>
      <category>tooling</category>
    </item>
    <item>
      <title>JavaScript Cheat Sheets</title>
      <dc:creator>OOOOO</dc:creator>
      <pubDate>Wed, 07 Aug 2024 09:20:41 +0000</pubDate>
      <link>https://dev.to/ooooo/javascript-cheat-sheets-3l04</link>
      <guid>https://dev.to/ooooo/javascript-cheat-sheets-3l04</guid>
      <description>&lt;p&gt;&lt;a href="https://cheatsheets.zip/javascript" rel="noopener noreferrer"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmgnxjpcjncw0vzf2hwki.png" alt="javascript-preview.png" width="800" height="435"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Hey everyone! I've got some great news for all you beginners learning JavaScript! A quick reference guide for JavaScript is now available! You can easily check important concepts, functions, and methods right away. For more details about the guide, check it out &lt;a href="https://cheatsheets.zip/javascript" rel="noopener noreferrer"&gt;here&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  What's in the Quick Reference Guide
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Console
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="c1"&gt;// =&amp;gt; Hello world!&lt;/span&gt;
&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Hello world!&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;

&lt;span class="c1"&gt;// =&amp;gt; Hello CheatSheets.zip&lt;/span&gt;
&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;warn&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;hello %s&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;CheatSheets.zip&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;

&lt;span class="c1"&gt;// Output error message to standard error&lt;/span&gt;
&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;error&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="k"&gt;new&lt;/span&gt; &lt;span class="nc"&gt;Error&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Oops!&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;));&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Numbers
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;let&lt;/span&gt; &lt;span class="nx"&gt;amount&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="mi"&gt;6&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="kd"&gt;let&lt;/span&gt; &lt;span class="nx"&gt;price&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="mf"&gt;4.99&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Variables
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;let&lt;/span&gt; &lt;span class="nx"&gt;x&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="kc"&gt;null&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="kd"&gt;let&lt;/span&gt; &lt;span class="nx"&gt;name&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Tammy&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;found&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="kc"&gt;false&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="c1"&gt;// =&amp;gt; Tammy, false, null&lt;/span&gt;
&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;name&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;found&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;x&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;

&lt;span class="kd"&gt;var&lt;/span&gt; &lt;span class="nx"&gt;a&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;a&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt; &lt;span class="c1"&gt;// =&amp;gt; undefined&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Strings
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;let&lt;/span&gt; &lt;span class="nx"&gt;single&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Wheres my bandit hat?&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="kd"&gt;let&lt;/span&gt; &lt;span class="nx"&gt;double&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Wheres my bandit hat?&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="c1"&gt;// =&amp;gt; 21&lt;/span&gt;
&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;single&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;length&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Arithmetic Operators
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="mi"&gt;5&lt;/span&gt; &lt;span class="o"&gt;+&lt;/span&gt; &lt;span class="mi"&gt;5&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="mi"&gt;10&lt;/span&gt;     &lt;span class="c1"&gt;// Addition&lt;/span&gt;
&lt;span class="mi"&gt;10&lt;/span&gt; &lt;span class="o"&gt;-&lt;/span&gt; &lt;span class="mi"&gt;5&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="mi"&gt;5&lt;/span&gt;     &lt;span class="c1"&gt;// Subtraction&lt;/span&gt;
&lt;span class="mi"&gt;5&lt;/span&gt; &lt;span class="o"&gt;*&lt;/span&gt; &lt;span class="mi"&gt;10&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="mi"&gt;50&lt;/span&gt;    &lt;span class="c1"&gt;// Multiplication&lt;/span&gt;
&lt;span class="mi"&gt;10&lt;/span&gt; &lt;span class="o"&gt;/&lt;/span&gt; &lt;span class="mi"&gt;5&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="mi"&gt;2&lt;/span&gt;     &lt;span class="c1"&gt;// Division&lt;/span&gt;
&lt;span class="mi"&gt;10&lt;/span&gt; &lt;span class="o"&gt;%&lt;/span&gt; &lt;span class="mi"&gt;5&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="mi"&gt;0&lt;/span&gt;     &lt;span class="c1"&gt;// Modulus&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Comments
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="c1"&gt;// This is a comment&lt;/span&gt;

&lt;span class="cm"&gt;/*
You need to change this setting
before deployment.
*/&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Assignment Operators
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;let&lt;/span&gt; &lt;span class="nx"&gt;number&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="mi"&gt;100&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="c1"&gt;// Both statements add 10&lt;/span&gt;
&lt;span class="nx"&gt;number&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;number&lt;/span&gt; &lt;span class="o"&gt;+&lt;/span&gt; &lt;span class="mi"&gt;10&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="nx"&gt;number&lt;/span&gt; &lt;span class="o"&gt;+=&lt;/span&gt; &lt;span class="mi"&gt;10&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;number&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="c1"&gt;// =&amp;gt; 120&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  String Interpolation
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;let&lt;/span&gt; &lt;span class="nx"&gt;age&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="mi"&gt;7&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="c1"&gt;// String concatenation&lt;/span&gt;
&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Tommy is &lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="o"&gt;+&lt;/span&gt; &lt;span class="nx"&gt;age&lt;/span&gt; &lt;span class="o"&gt;+&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt; years old.&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="c1"&gt;// String interpolation&lt;/span&gt;
&lt;span class="s2"&gt;`Tommy is &lt;/span&gt;&lt;span class="p"&gt;${&lt;/span&gt;&lt;span class="nx"&gt;age&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="s2"&gt; years old.`&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Conditional Statements
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;isMailSent&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="kc"&gt;true&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="k"&gt;if &lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;isMailSent&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Mail sent to recipient&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Ternary Operator
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;var&lt;/span&gt; &lt;span class="nx"&gt;x&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="mi"&gt;1&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="c1"&gt;// =&amp;gt; true&lt;/span&gt;
&lt;span class="nx"&gt;result&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;x&lt;/span&gt; &lt;span class="o"&gt;==&lt;/span&gt; &lt;span class="mi"&gt;1&lt;/span&gt; &lt;span class="p"&gt;?&lt;/span&gt; &lt;span class="kc"&gt;true&lt;/span&gt; &lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="kc"&gt;false&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Logical Operators
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kc"&gt;true&lt;/span&gt; &lt;span class="o"&gt;||&lt;/span&gt; &lt;span class="kc"&gt;false&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt; &lt;span class="c1"&gt;// true&lt;/span&gt;
&lt;span class="mi"&gt;10&lt;/span&gt; &lt;span class="o"&gt;&amp;gt;&lt;/span&gt; &lt;span class="mi"&gt;5&lt;/span&gt; &lt;span class="o"&gt;||&lt;/span&gt; &lt;span class="mi"&gt;10&lt;/span&gt; &lt;span class="o"&gt;&amp;gt;&lt;/span&gt; &lt;span class="mi"&gt;20&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt; &lt;span class="c1"&gt;// true&lt;/span&gt;
&lt;span class="kc"&gt;false&lt;/span&gt; &lt;span class="o"&gt;||&lt;/span&gt; &lt;span class="kc"&gt;false&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt; &lt;span class="c1"&gt;// false&lt;/span&gt;
&lt;span class="mi"&gt;10&lt;/span&gt; &lt;span class="o"&gt;&amp;gt;&lt;/span&gt; &lt;span class="mi"&gt;100&lt;/span&gt; &lt;span class="o"&gt;||&lt;/span&gt; &lt;span class="mi"&gt;10&lt;/span&gt; &lt;span class="o"&gt;&amp;gt;&lt;/span&gt; &lt;span class="mi"&gt;20&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt; &lt;span class="c1"&gt;// false&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Comparison Operators
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="mi"&gt;1&lt;/span&gt; &lt;span class="o"&gt;&amp;gt;&lt;/span&gt; &lt;span class="mi"&gt;3&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt; &lt;span class="c1"&gt;// false&lt;/span&gt;
&lt;span class="mi"&gt;3&lt;/span&gt; &lt;span class="o"&gt;&amp;gt;&lt;/span&gt; &lt;span class="mi"&gt;1&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt; &lt;span class="c1"&gt;// true&lt;/span&gt;
&lt;span class="mi"&gt;250&lt;/span&gt; &lt;span class="o"&gt;&amp;gt;=&lt;/span&gt; &lt;span class="mi"&gt;250&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt; &lt;span class="c1"&gt;// true&lt;/span&gt;
&lt;span class="mi"&gt;1&lt;/span&gt; &lt;span class="o"&gt;===&lt;/span&gt; &lt;span class="mi"&gt;1&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt; &lt;span class="c1"&gt;// true&lt;/span&gt;
&lt;span class="mi"&gt;1&lt;/span&gt; &lt;span class="o"&gt;===&lt;/span&gt; &lt;span class="mi"&gt;2&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt; &lt;span class="c1"&gt;// false&lt;/span&gt;
&lt;span class="mi"&gt;1&lt;/span&gt; &lt;span class="o"&gt;===&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;1&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt; &lt;span class="c1"&gt;// false&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Arrays
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;fruits&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;apple&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;orange&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;banana&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;];&lt;/span&gt;

&lt;span class="c1"&gt;// Different data types&lt;/span&gt;
&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;data&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="mi"&gt;1&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;chicken&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="kc"&gt;false&lt;/span&gt;&lt;span class="p"&gt;];&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Objects
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;apple&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="na"&gt;color&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Green&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="na"&gt;price&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="na"&gt;bulk&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;$3/kg&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="na"&gt;smallQty&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;$4/kg&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="p"&gt;},&lt;/span&gt;
&lt;span class="p"&gt;};&lt;/span&gt;
&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;apple&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;color&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt; &lt;span class="c1"&gt;// =&amp;gt; Green&lt;/span&gt;
&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;apple&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;price&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;bulk&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt; &lt;span class="c1"&gt;// =&amp;gt; $3/kg&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Classes
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;class&lt;/span&gt; &lt;span class="nc"&gt;Dog&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nf"&gt;constructor&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;name&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;_name&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;name&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="p"&gt;}&lt;/span&gt;

  &lt;span class="nf"&gt;introduce&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;This is &lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="o"&gt;+&lt;/span&gt; &lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;_name&lt;/span&gt; &lt;span class="o"&gt;+&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt; !&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
  &lt;span class="p"&gt;}&lt;/span&gt;

  &lt;span class="c1"&gt;// Static method&lt;/span&gt;
  &lt;span class="kd"&gt;static&lt;/span&gt; &lt;span class="nf"&gt;bark&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Woof!&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
  &lt;span class="p"&gt;}&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;myDog&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;new&lt;/span&gt; &lt;span class="nc"&gt;Dog&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Buster&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="nx"&gt;myDog&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;introduce&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;

&lt;span class="c1"&gt;// Calling static method&lt;/span&gt;
&lt;span class="nx"&gt;Dog&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;bark&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Modules
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="c1"&gt;// myMath.js&lt;/span&gt;

&lt;span class="c1"&gt;// Default export&lt;/span&gt;
&lt;span class="k"&gt;export&lt;/span&gt; &lt;span class="k"&gt;default&lt;/span&gt; &lt;span class="kd"&gt;function&lt;/span&gt; &lt;span class="nf"&gt;add&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;x&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;y&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="nx"&gt;x&lt;/span&gt; &lt;span class="o"&gt;+&lt;/span&gt; &lt;span class="nx"&gt;y&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="c1"&gt;// Named export&lt;/span&gt;
&lt;span class="k"&gt;export&lt;/span&gt; &lt;span class="kd"&gt;function&lt;/span&gt; &lt;span class="nf"&gt;subtract&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;x&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;y&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="nx"&gt;x&lt;/span&gt; &lt;span class="o"&gt;-&lt;/span&gt; &lt;span class="nx"&gt;y&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="c1"&gt;// Multiple exports&lt;/span&gt;
&lt;span class="kd"&gt;function&lt;/span&gt; &lt;span class="nf"&gt;multiply&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;x&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;y&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="nx"&gt;x&lt;/span&gt; &lt;span class="o"&gt;*&lt;/span&gt; &lt;span class="nx"&gt;y&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;span class="kd"&gt;function&lt;/span&gt; &lt;span class="nf"&gt;duplicate&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;x&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="nx"&gt;x&lt;/span&gt; &lt;span class="o"&gt;*&lt;/span&gt; &lt;span class="mi"&gt;2&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;span class="k"&gt;export&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="nx"&gt;multiply&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;duplicate&lt;/span&gt; &lt;span class="p"&gt;};&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Asynchronous Processing
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;function&lt;/span&gt; &lt;span class="nf"&gt;helloWorld&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="k"&gt;new&lt;/span&gt; &lt;span class="nc"&gt;Promise&lt;/span&gt;&lt;span class="p"&gt;((&lt;/span&gt;&lt;span class="nx"&gt;resolve&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="nf"&gt;setTimeout&lt;/span&gt;&lt;span class="p"&gt;(()&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
      &lt;span class="nf"&gt;resolve&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Hello World!&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
    &lt;span class="p"&gt;},&lt;/span&gt; &lt;span class="mi"&gt;2000&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
  &lt;span class="p"&gt;});&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="kd"&gt;function&lt;/span&gt; &lt;span class="nf"&gt;msg&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;msg&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="nf"&gt;helloWorld&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;
  &lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Message:&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;msg&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="nf"&gt;msg&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt; &lt;span class="c1"&gt;// Message: Hello World! &amp;lt;-- after 2 seconds&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This quick reference guide covers a wide range of topics from the basics to more advanced JavaScript concepts. Be sure to download it &lt;a href="https://cheatsheets.zip/javascript" rel="noopener noreferrer"&gt;here&lt;/a&gt; and make it a handy tool for your coding journey!&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>cheatsheet</category>
      <category>webdev</category>
      <category>programming</category>
    </item>
    <item>
      <title>12 Essential Websites Every Coder Should Know</title>
      <dc:creator>OOOOO</dc:creator>
      <pubDate>Wed, 31 Jul 2024 03:19:37 +0000</pubDate>
      <link>https://dev.to/ooooo/12-essential-websites-every-coder-should-know-jd0</link>
      <guid>https://dev.to/ooooo/12-essential-websites-every-coder-should-know-jd0</guid>
      <description>&lt;p&gt;As programming and development technologies continue to advance, the quality and quantity of online resources are also improving. Whether you are an experienced developer or a beginner just starting out, these websites can provide you with tremendous help. Here are some excellent resources I found on Twitter, along with detailed introductions of their functions and uses.&lt;/p&gt;

&lt;h2&gt;
  
  
  1. W3Schools
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://www.w3schools.com" rel="noopener noreferrer"&gt;W3Schools&lt;/a&gt; is a comprehensive resource for learning web technologies, covering HTML, CSS, JavaScript, and more. It offers rich tutorials and examples, making it very suitable for beginners to get started.&lt;/p&gt;

&lt;h2&gt;
  
  
  2. CheatSheets
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://cheatsheets.zip" rel="noopener noreferrer"&gt;cheatsheets.zip&lt;/a&gt; provides cheat sheets and quick reference materials contributed by the open-source community. Whether you need to look up shortcuts and syntax for any programming language or tool, you can find it here.&lt;/p&gt;

&lt;h2&gt;
  
  
  3. CodePen
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://codepen.io" rel="noopener noreferrer"&gt;CodePen&lt;/a&gt; is an online code editor and community specifically for testing and showcasing HTML, CSS, and JavaScript code snippets. It's particularly useful for quickly sharing and displaying your front-end projects, and you can draw inspiration from other developers' works.&lt;/p&gt;

&lt;h2&gt;
  
  
  4. JSFiddle
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://jsfiddle.net" rel="noopener noreferrer"&gt;JSFiddle&lt;/a&gt; is another online IDE mainly used for testing JavaScript, HTML, and CSS code snippets. It offers a clean interface that allows you to easily create and share code experiments.&lt;/p&gt;

&lt;h2&gt;
  
  
  5. StackBlitz
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://stackblitz.com" rel="noopener noreferrer"&gt;StackBlitz&lt;/a&gt; is a modern web application online IDE, particularly suitable for projects using frameworks like Angular, React, and Vue. It can quickly set up a development environment and offers real-time preview functionality.&lt;/p&gt;

&lt;h2&gt;
  
  
  6. DevDocs
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://devdocs.io" rel="noopener noreferrer"&gt;DevDocs&lt;/a&gt; is a fast, offline-capable documentation browser that covers a wide range of programming languages and tools. No matter what technical documentation you need to look up, DevDocs can quickly find and display it for you.&lt;/p&gt;

&lt;h2&gt;
  
  
  7. Postman
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://www.postman.com" rel="noopener noreferrer"&gt;Postman&lt;/a&gt; is a powerful API testing tool with a user-friendly interface. Whether you are making simple API requests or building complex API testing workflows, Postman can meet your needs.&lt;/p&gt;

&lt;h2&gt;
  
  
  8. Codewars
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://www.codewars.com" rel="noopener noreferrer"&gt;Codewars&lt;/a&gt; is a platform for improving coding skills by solving programming challenges. It offers a variety of programming problems of varying difficulty, allowing you to constantly challenge and improve yourself.&lt;/p&gt;

&lt;h2&gt;
  
  
  9. Exercism
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://exercism.io" rel="noopener noreferrer"&gt;Exercism&lt;/a&gt; provides exercises and solutions for over 70 programming languages. By completing these exercises, you can gradually improve your programming skills and receive feedback from mentors.&lt;/p&gt;

&lt;h2&gt;
  
  
  10. Uiverse
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://uiverse.io" rel="noopener noreferrer"&gt;Uiverse&lt;/a&gt; is an open-source library of UI elements suitable for any project. The elements here are contributed by the community, and you can use them directly or modify them as needed.&lt;/p&gt;

&lt;h2&gt;
  
  
  11. Readme.so
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://readme.so" rel="noopener noreferrer"&gt;Readme.so&lt;/a&gt; is a simple and easy-to-use README generator. Using its Markdown editor and templates, you can easily create README files for your projects.&lt;/p&gt;

&lt;h2&gt;
  
  
  12. Resumake.io
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://resumake.io" rel="noopener noreferrer"&gt;Resumake.io&lt;/a&gt; is a professional resume generator that allows you to easily create resumes with a professional look. Just fill in the relevant information, choose a template, and your resume will be generated.&lt;/p&gt;

&lt;p&gt;These tools and resources have greatly helped me on my programming journey, and I believe they will benefit you as well. I hope everyone can make full use of these resources to continuously improve their programming skills.&lt;/p&gt;

</description>
      <category>programming</category>
      <category>website</category>
      <category>cheatsheet</category>
    </item>
    <item>
      <title>Free Programming Cheat Sheets Collection</title>
      <dc:creator>OOOOO</dc:creator>
      <pubDate>Thu, 18 Jul 2024 07:17:28 +0000</pubDate>
      <link>https://dev.to/ooooo/free-programming-cheat-sheets-collection-1ai0</link>
      <guid>https://dev.to/ooooo/free-programming-cheat-sheets-collection-1ai0</guid>
      <description>&lt;p&gt;In the world of programming, cheat sheets are every developer's secret weapon. Whether you're a beginner or an experienced programmer, these cheat sheets help you quickly find the information you need and boost your productivity. Today, we've put together the ultimate collection of programming cheat sheets covering various languages and tools from Python to Docker. Be sure to bookmark this page!&lt;/p&gt;

&lt;h2&gt;
  
  
  1. Python
&lt;/h2&gt;

&lt;p&gt;Python is a widely-used high-level programming language suitable for various applications. This cheat sheet includes basic syntax, data structures, and common libraries in Python.&lt;br&gt;
&lt;a href="http://cheatsheets.zip/python" rel="noopener noreferrer"&gt;Python Cheat Sheet&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  2. Git
&lt;/h2&gt;

&lt;p&gt;Git is the most popular version control system today. With this cheat sheet, you'll easily handle code commits, branch management, and conflict resolution.&lt;br&gt;
&lt;a href="http://cheatography.com/itsellej/cheat-sheets/git-commands" rel="noopener noreferrer"&gt;Git Cheat Sheet&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  3. JavaScript
&lt;/h2&gt;

&lt;p&gt;JavaScript is the central language for front-end development. This cheat sheet includes basic syntax, DOM manipulation, and common functions in JavaScript.&lt;br&gt;
&lt;a href="http://htmlcheatsheet.com/js" rel="noopener noreferrer"&gt;JavaScript Cheat Sheet&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  4. Bash
&lt;/h2&gt;

&lt;p&gt;Bash is the default command-line interpreter for Linux and Unix systems. This cheat sheet includes common Bash commands and scripting tips.&lt;br&gt;
&lt;a href="http://cheatsheets.zip/bash" rel="noopener noreferrer"&gt;Bash Cheat Sheet&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  5. SQL
&lt;/h2&gt;

&lt;p&gt;SQL is the standard language for managing and manipulating relational databases. This cheat sheet includes basic queries, data manipulation, and database management commands in SQL.&lt;br&gt;
&lt;a href="http://sqltutorial.org/sql-cheat-sheet" rel="noopener noreferrer"&gt;SQL Cheat Sheet&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  6. HTML
&lt;/h2&gt;

&lt;p&gt;HTML is the fundamental language for building web pages. This cheat sheet includes basic tags, attributes, and structures in HTML.&lt;br&gt;
&lt;a href="http://htmlcheatsheet.com" rel="noopener noreferrer"&gt;HTML Cheat Sheet&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  7. CSS
&lt;/h2&gt;

&lt;p&gt;CSS is used to control the style and layout of web pages. This cheat sheet includes basic selectors, attributes, and layout tips in CSS.&lt;br&gt;
&lt;a href="http://htmlcheatsheet.com/css" rel="noopener noreferrer"&gt;CSS Cheat Sheet&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  8. Sass
&lt;/h2&gt;

&lt;p&gt;Sass is a CSS preprocessor that offers more powerful features and concise syntax. This cheat sheet includes basic syntax and common features in Sass.&lt;br&gt;
&lt;a href="http://devhints.io/sass" rel="noopener noreferrer"&gt;Sass Cheat Sheet&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  9. Tailwind
&lt;/h2&gt;

&lt;p&gt;Tailwind is a utility-first CSS framework that provides many pre-defined classes. This cheat sheet helps you quickly find the necessary Tailwind classes.&lt;br&gt;
&lt;a href="http://nerdcave.com/tailwind-cheat-sheet" rel="noopener noreferrer"&gt;Tailwind Cheat Sheet&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  10. React.js
&lt;/h2&gt;

&lt;p&gt;React.js is a JavaScript library for building user interfaces. This cheat sheet includes basic concepts, components, and common APIs in React.&lt;br&gt;
&lt;a href="http://upmostly.com/ultimate-reactjs-cheat-sheet" rel="noopener noreferrer"&gt;React.js Cheat Sheet&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  11. Vue.js
&lt;/h2&gt;

&lt;p&gt;Vue.js is a progressive JavaScript framework for building user interfaces. This cheat sheet includes basic syntax and common features in Vue.js.&lt;br&gt;
&lt;a href="http://devhints.io/vue" rel="noopener noreferrer"&gt;Vue.js Cheat Sheet&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  12. Angular
&lt;/h2&gt;

&lt;p&gt;Angular is a framework for building dynamic web applications. This cheat sheet includes basic concepts, directives, and services in Angular.&lt;br&gt;
&lt;a href="http://angular.io/guide/cheatsheet" rel="noopener noreferrer"&gt;Angular Cheat Sheet&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  13. Vim
&lt;/h2&gt;

&lt;p&gt;Vim is a highly customizable text editor loved by many developers. This cheat sheet includes basic commands and shortcuts in Vim.&lt;br&gt;
&lt;a href="https://cheatsheets.zip/vim" rel="noopener noreferrer"&gt;Vim Cheat Sheet&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  14. Linux
&lt;/h2&gt;

&lt;p&gt;Linux is an open-source operating system widely used in servers and development environments. This cheat sheet includes common Linux commands and operation tips.&lt;br&gt;
&lt;a href="http://cheatography.com/davechild/cheat-sheets/linux-command-line" rel="noopener noreferrer"&gt;Linux Cheat Sheet&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  15. Docker
&lt;/h2&gt;

&lt;p&gt;Docker is a containerization technology that simplifies application deployment and management. This cheat sheet includes basic commands and operations in Docker.&lt;br&gt;
&lt;a href="http://dockerlabs.collabnix.com/docker/cheatsheet" rel="noopener noreferrer"&gt;Docker Cheat Sheet&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;We hope these cheat sheets help you on your programming journey. If you have any other recommended cheat sheets, feel free to share them in the comments!&lt;/p&gt;

</description>
      <category>cheatsheet</category>
      <category>programming</category>
      <category>python</category>
      <category>bash</category>
    </item>
    <item>
      <title>ChatGPT cheat sheet</title>
      <dc:creator>OOOOO</dc:creator>
      <pubDate>Thu, 09 Feb 2023 10:03:08 +0000</pubDate>
      <link>https://dev.to/ooooo/chatgpt-cheat-sheet-1h3k</link>
      <guid>https://dev.to/ooooo/chatgpt-cheat-sheet-1h3k</guid>
      <description>&lt;p&gt;Here is a list of how to use ChatGPT to help Coding:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Use ChatGPT to explain why a line of code isn't working&lt;/li&gt;
&lt;li&gt;Use ChatGPT to explain what a piece of code means&lt;/li&gt;
&lt;li&gt;Use ChatGPT to change the CSS of a line of code&lt;/li&gt;
&lt;li&gt;Use ChatGPT to change the HTML of a line of code&lt;/li&gt;
&lt;li&gt;Use ChatGPT to code an entire software program&lt;/li&gt;
&lt;li&gt;Use ChatGPT to generate regular expressions (regex)&lt;/li&gt;
&lt;li&gt;Use ChatGPT to add comments to your codebase&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://quickref.me/chatgpt"&gt;See more prompts&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Cq6IaMXP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/919ddwsxr08kh0p2g81p.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Cq6IaMXP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/919ddwsxr08kh0p2g81p.png" alt="ChatGPT cheat sheet" width="880" height="479"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>chatgpt</category>
      <category>openai</category>
      <category>cheatsheet</category>
      <category>tips</category>
    </item>
    <item>
      <title>How to quickly delete duplicate rows in CSV, Excel, Markdown tables?</title>
      <dc:creator>OOOOO</dc:creator>
      <pubDate>Tue, 17 Jan 2023 06:45:05 +0000</pubDate>
      <link>https://dev.to/ooooo/how-to-quickly-delete-duplicate-rows-in-csv-excel-markdown-tables-4onh</link>
      <guid>https://dev.to/ooooo/how-to-quickly-delete-duplicate-rows-in-csv-excel-markdown-tables-4onh</guid>
      <description>&lt;p&gt;If you're working with CSV, Excel, or Markdown tables, you might run into duplicate rows. This could happen because you manually entered the same data more than once or imported duplicates from other sources. Whatever the reason, getting rid of duplicate rows is a key part of cleaning up your data. In this article, I'll show you a few quick ways to remove duplicate rows from CSV, Excel, and Markdown tables.&lt;/p&gt;

&lt;h3&gt;
  
  
  1. Online Table Tool [Recommended]
&lt;/h3&gt;

&lt;p&gt;You can use an online tool called "TableConvert" to remove duplicate rows. This tool makes it super easy to check for and delete duplicates in CSV, Excel, and Markdown tables. Just open your browser and go to &lt;a href="https://tableconvert.com/excel-to-excel" rel="noopener noreferrer"&gt;https://tableconvert.com/excel-to-excel&lt;/a&gt;. Paste or upload your data, then click the "Deduplicate" button in the Table Editor. It's that simple and quick! Check out the screenshot below:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fimg-blog.csdnimg.cn%2F4c4ca95ed7af4188a6fcfc4f88721b20.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fimg-blog.csdnimg.cn%2F4c4ca95ed7af4188a6fcfc4f88721b20.png" alt="Removing duplicate rows in CSV, Excel, Markdown tables"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  2. Removing Duplicate Rows in Excel
&lt;/h3&gt;

&lt;p&gt;Getting rid of duplicate rows in Excel is super easy. First, open your Excel file and select the columns where you want to check for duplicates. Next, go to the "Data" menu and choose "Remove Duplicates." Excel will pop up a dialog box asking you to select the columns you want to check. Click "OK," and Excel will delete all the duplicate rows.&lt;/p&gt;

&lt;h3&gt;
  
  
  3. Removing Duplicate Rows in CSV with Python
&lt;/h3&gt;

&lt;p&gt;If your data is in a CSV file, you can use Python to remove duplicate rows. First, you'll need to install the pandas library. Then, use the following code to read the CSV file and remove duplicates:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight python"&gt;&lt;code&gt;

&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="n"&gt;pandas&lt;/span&gt; &lt;span class="k"&gt;as&lt;/span&gt; &lt;span class="n"&gt;pd&lt;/span&gt;

&lt;span class="n"&gt;data&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="n"&gt;pd&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;read_csv&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;your_file.csv&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;span class="n"&gt;data&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="n"&gt;data&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;drop_duplicates&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
&lt;span class="n"&gt;data&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;to_csv&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;your_file.csv&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="n"&gt;index&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="bp"&gt;False&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;


&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;This code will read your CSV file, remove the duplicate rows, and save the cleaned data back to the original file.&lt;/p&gt;

&lt;p&gt;In summary, removing duplicate rows from CSV, Excel, and Markdown tables is an important data-cleaning task. By using the methods above, you can easily check for and delete duplicate rows, ensuring your data is accurate and useful.&lt;/p&gt;

</description>
      <category>markdown</category>
      <category>excel</category>
      <category>csv</category>
      <category>table</category>
    </item>
    <item>
      <title>Convert MySQL query output to any formats fast</title>
      <dc:creator>OOOOO</dc:creator>
      <pubDate>Wed, 11 Jan 2023 08:07:50 +0000</pubDate>
      <link>https://dev.to/ooooo/convert-mysql-query-output-to-any-formats-fast-ebf</link>
      <guid>https://dev.to/ooooo/convert-mysql-query-output-to-any-formats-fast-ebf</guid>
      <description>&lt;p&gt;I have created a useful tool website, it can help you to convert MySQL query output to a variety of commonly used formats such as Markdown, Magic, LaTeX, SQL, HTML, CSV, Excel, JSON, JSONLines, ASCII, MediaWiki, AsciiDoc, Qlik, DAX, Firebase, YAML, XML, Jira, Textile, reStructuredText, TracWiki, BBCode, etc.&lt;br&gt;
Using this tool is very simple, it only takes three steps:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Execute a query in MySQL, and copy the output to the clipboard.&lt;/li&gt;
&lt;li&gt;Paste the output on our website, and if desired, adjust the data using the online editing function.&lt;/li&gt;
&lt;li&gt;Select the format you want and convert it. The tool will automatically complete the conversion and generate a file.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;This tool is that it runs in the browser, so there is no need of any API service, your data will be completely safe as it will only exist in your browser.&lt;/p&gt;

&lt;p&gt;This tool is perfect for professions such as data analysts, developers, data scientists, etc. It can help them to process and analyze data faster, reduce manual work and improve work efficiency.&lt;/p&gt;

&lt;p&gt;I want to promote my tool website here, and hope that more people can know about it and use it in their own work. If you are interested, please visit our website at &lt;a href="https://tableconvert.com/mysql-to-csv"&gt;https://tableconvert.com/mysql-to-csv&lt;/a&gt; for more information.&lt;/p&gt;

</description>
    </item>
    <item>
      <title>2022 Best Table Conversion Tool for Various Formats</title>
      <dc:creator>OOOOO</dc:creator>
      <pubDate>Sat, 17 Dec 2022 10:27:48 +0000</pubDate>
      <link>https://dev.to/ooooo/2022-best-table-conversion-tool-for-various-formats-3dl5</link>
      <guid>https://dev.to/ooooo/2022-best-table-conversion-tool-for-various-formats-3dl5</guid>
      <description>&lt;p&gt;In work or study, sometimes we need to convert tabular data into other formats for further processing or sharing. At this time, we need a tool that can quickly complete these conversions.&lt;/p&gt;

&lt;p&gt;This table conversion tool is just such a useful tool. It supports 8 import formats, including Excel, CSV, HTML Table, Markdown Table, JSON, etc., and 25 output formats, such as Markdown Table, LaTeX Table, HTML Table, CSV, etc. This means you can quickly convert data between commonly used tabular formats.&lt;/p&gt;

&lt;p&gt;Portal: &lt;a href="https://tableconvert.com/"&gt;https://tableconvert.com/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Using this tool is very simple, just select the import format and output format, and then upload or import your table data. In addition, this tool also provides some useful functions, such as data sorting, grouping, filtering, etc.&lt;/p&gt;

&lt;p&gt;This table conversion tool consists of three parts, namely Data Source data source, Table Editor table editor and Table Generator table generator.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--lpm9JjZB--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xduct8maqqiwmzc732m7.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--lpm9JjZB--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xduct8maqqiwmzc732m7.png" alt="Data Source" width="880" height="250"&gt;&lt;/a&gt;&lt;br&gt;
Data Source is the part used to import data, and supports up to 8 import formats, including Excel, CSV, HTML table, Markdown table, JSON, etc. In this way, you can choose the appropriate format more flexibly when importing data.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--OrBzJEBl--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/anysryeg6jm6dzhuqthl.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--OrBzJEBl--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/anysryeg6jm6dzhuqthl.png" alt="Table Editor" width="880" height="337"&gt;&lt;/a&gt;&lt;br&gt;
Table Editor table editor allows you to edit your data like editing Excel. You can modify data, add new data, delete data, etc. here to make your data more accurate and complete.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--hfGya-1M--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vn0nyrh19urznlutuveu.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--hfGya-1M--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vn0nyrh19urznlutuveu.png" alt="Table Generator" width="880" height="355"&gt;&lt;/a&gt;&lt;br&gt;
Finally, the Table Generator table generator can help you output tables in up to 25 formats, including Markdown tables, LaTeX tables, HTML tables, CSV, etc. You can set the output format according to your own needs, and you can also set functions such as compression codes. In this way, you can export tabular data to files in various formats more conveniently.&lt;/p&gt;

&lt;p&gt;Overall, this table conversion tool is a powerful tool that can help you quickly convert between different table formats. And your data is safe because all transformation logic runs in the browser.&lt;/p&gt;

</description>
      <category>table</category>
    </item>
    <item>
      <title>How to convert CSV to ASCII table (beautiful plain-text table in code)</title>
      <dc:creator>OOOOO</dc:creator>
      <pubDate>Wed, 01 Dec 2021 13:58:03 +0000</pubDate>
      <link>https://dev.to/ooooo/how-to-convert-csv-to-ascii-table-beautiful-plain-text-table-in-code-4f1i</link>
      <guid>https://dev.to/ooooo/how-to-convert-csv-to-ascii-table-beautiful-plain-text-table-in-code-4f1i</guid>
      <description>&lt;p&gt;Highly recommended a online tools: &lt;strong&gt;&lt;a href="https://tableconvert.com/csv-to-ascii" rel="noopener noreferrer"&gt;Convert CSV to ASCII Table&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;It is my favorite conversion tool designed for table format, and it can convert csv into different friendly plain text tables:&lt;/p&gt;

&lt;p&gt;1, ASCII table (mysql style)&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;

+─────────────+─────────+───────────────────+
| 2012-05-02  | palani  | My first comment  |
+─────────────+─────────+───────────────────+
| 2012-05-02  | raja    | My second comment |
+─────────────+─────────+───────────────────+
| 2012-05-02  | palani  | My third comment  |
+─────────────+─────────+───────────────────+
| 2012-05-03  | raja    | My fourth comment |
+─────────────+─────────+───────────────────+


&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;2, reStructuredText Grid table&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;

+-------------+---------+-------------------+
| 2012-05-02  | palani  | My first comment  |
+=============+=========+===================+
| 2012-05-02  | raja    | My second comment |
+-------------+---------+-------------------+
| 2012-05-02  | palani  | My third comment  |
+-------------+---------+-------------------+
| 2012-05-03  | raja    | My fourth comment |
+-------------+---------+-------------------+


&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;3, Unicode table (single line)&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;

┌─────────────┬─────────┬───────────────────┐
| 2012-05-02  | palani  | My first comment  |
├─────────────┼─────────┼───────────────────┤
| 2012-05-02  | raja    | My second comment |
| 2012-05-02  | palani  | My third comment  |
| 2012-05-03  | raja    | My fourth comment |
└─────────────┴─────────┴───────────────────┘


&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;4, Unicode table&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;

╔═════════════╦═════════╦═══════════════════╗
║ 2012-05-02  ║ palani  ║ My first comment  ║
╠═════════════╬═════════╬═══════════════════╣
║ 2012-05-02  ║ raja    ║ My second comment ║
║ 2012-05-02  ║ palani  ║ My third comment  ║
║ 2012-05-03  ║ raja    ║ My fourth comment ║
╚═════════════╩═════════╩═══════════════════╝


&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;And some other formats of plain text ASCII Table. You can also type "Force separate lines" to decide whether to express the title clearly!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ft8una3ty8ur2a9n2avzi.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ft8una3ty8ur2a9n2avzi.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>tooling</category>
    </item>
  </channel>
</rss>
