# How to Start with dhtmlxGantt 

## How to Start with Gantt and Front-End

Here's the overview of guides which tell you about basic Gantt initialization with popular front-end frameworks.

<table cellspacing="0" cellpadding="5" border="0">
  <tbody>
  <tr>
  <td><span >[dhtmlxGantt in Plain JS/HTML](guides/initializing-gantt-chart.md)</span><br/> A comprehensive tutorial that describes how to create Gantt using plain JavaScript and HTML.</td> 
  <td>[![gantt_plainjs](/img/gantt_plainjs.png)](../../guides/initializing-gantt-chart.md)</td>
  </tr> 
  <tr>
  <td><span >[dhtmlxGantt with Angular](integrations/angular/quick-start.md)</span><br/> An elaborated tutorial that explores the specificity of implementing a Gantt chart with Angular.</td>
  <td>[![gantt_angular](/img/gantt_angular.png)](../angular/js-gantt-angular.md)</td>
  </tr>
  <tr>
  <td><span >[dhtmlxGantt with React](integrations/react/js-gantt-react.md)</span><br/> A detailed tutorial which dwells on Gantt chart implementation with React.</td>
  <td>[![gantt_react](/img/gantt_react.png)](../react/js-gantt-react.md)</td>
  </tr>
  <tr>
  <td><span >[dhtmlxGantt with Vue.js](integrations/vue/js-gantt-vue.md)</span><br/> An extensive tutorial that describes how to create Gantt using Vue.js.</td>
  <td>[![gantt_vue](/img/gantt_vue.png)](../vue/js-gantt-vue.md)</td>
  </tr>
  <tr>
  <td><span >[dhtmlxGantt with Svelte](integrations/svelte/howtostart-svelte.md)</span><br/> A comprehensive tutorial that discusses how to create Gantt using Svelte.</td>
  <td>[![gantt_svelte](/img/gantt_svelte.png)](../svelte/howtostart-svelte.md)</td>
  </tr>
  </tbody>
</table>


## How to Start with Gantt on Server Side

You can watch the video guide that shows how to create a Gantt chart on the page and load the data into it on the example of a Node.js platform.

<iframe width="704" height="400" src="https://www.youtube.com/embed/D8YzyzBfyP8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>


Below you will find a brief overview of the guides which tell you about basic Gantt initialization on different server-side platforms to suit all tastes and preferences.


<table cellspacing="0" cellpadding="5" border="0">
  <tbody>
  <tr>
  <td><span >[dhtmlxGantt with ASP.NET Core](integrations/dotnet/howtostart-dotnet-core.md)</span><br/> A comprehensive tutorial that describes how to use Gantt together with ASP.Net Core.</td> 
  <td>[![asp_dotnet_core_tutorial](/img/asp_dotnet_core_tutorial.png)](../dotnet/howtostart-dotnet-core.md)</td>
  </tr> 
  <tr>
  <td><span >[dhtmlxGantt with ASP.NET MVC](integrations/dotnet/howtostart-dotnet.md)</span><br/> An elaborated tutorial that explores the specificity of implementing a Gantt chart with ASP.NET MVC and ASP.NET WebAPI 2.</td>
  <td>[![asp_dotnet_mvc_tutorial](/img/asp_dotnet_mvc_tutorial.png)](../dotnet/howtostart-dotnet.md)</td>
  </tr>
  <tr>
  <td><span >[dhtmlxGantt with Node.js](integrations/node/howtostart-nodejs.md)</span><br/> A detailed tutorial which dwells on Gantt chart implementation on a Node.js platform.</td>
  <td>[![node_tutorial](/img/node_tutorial.png)](../node/howtostart-nodejs.md)</td>
  </tr>
  <tr>
  <td><span >[dhtmlxGantt with PHP: Laravel](integrations/php/howtostart-php-laravel.md)</span><br/> A comprehensive tutorial that discusses how to add Gantt into a Laravel app.</td>
  <td>[![how_to_start_laravel](/img/how_to_start_laravel.png)](../php/howtostart-php-laravel.md)</td>
  </tr>
  <tr>
  <td><span >[dhtmlxGantt with PHP:Slim](integrations/php/howtostart-php-slim4.md)</span><br/> A comprehensive tutorial that discusses how to implement a PHP-based Gantt using a Slim 4 Framework.</td>
  <td>[![php_tutorial](/img/php_tutorial.png)](../php/howtostart-php-slim4.md)</td>
  </tr>
  <tr>
  <td><span >[dhtmlxGantt with Python](integrations/other/howtostart-python.md)</span><br/> A detailed tutorial which teaches how to implement a Python-based Gantt using a Django 4 Framework.</td>
  <td>[![how_to_start_python](/img/how_to_start_python.png)](../other/howtostart-python.md)</td>
  </tr>
  <tr>
  <td><span >[dhtmlxGantt with Salesforce LWC](integrations/salesforce/howtostart-salesforce.md)</span><br/> An extensive tutorial that helps you to create a Gantt chart inside SalesForce Lightning Web Component.</td> 
  <td>[![salesforce_tutorial](/img/salesforce_tutorial.png)](../salesforce/howtostart-salesforce.md)</td>
  </tr> 
  <tr>
  <td><span >[dhtmlxGantt with Ruby on Rails](integrations/other/howtostart-ruby.md)</span><br/> An easy to reproduce tutorial that will walk you through the stages of implementing a Gantt chart on the base of Ruby on Rails.</td> 
  <td>[![ruby_tutorial](/img/ruby_tutorial.png)](../other/howtostart-ruby.md)</td>
  </tr>
  </tbody>
</table>