# Getting Started Videos

---

**Total Duration:** 59 minutes


<a name="video-1"></a>
<h2 class="mb-7">1. Intro</h2>

Let's get to know Mauro Martinez, one of the Siberfx maintainers and your teacher for this series.

<div class='mx-n1 mt-7 embed-container'><iframe src='https://player.vimeo.com/video/839973614' frameborder='0' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>

<br>
Mentioned in this video:
- [Laravel](https://laravel.com)
- ["Laravel from Scratch" series on Laracasts](http://laravelfromscratch.com/)
- [Siberfx's docs repo on Github](https://github.com/siberfx/docs)

----

<a name="video-2"></a>
<h2 class="mb-7">2. Installation & Setup</h2>

Let's setup a Laravel project and follow the Siberfx installation.

<div class='mx-n1 mt-7 embed-container'><iframe src='https://player.vimeo.com/video/840026719' frameborder='0' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>

<br>
Mentioned in this video:
- [Laravel docs - create project](https://laravel.com/docs/master/installation#your-first-laravel-project)
- [Siberfx docs - installation](/docs/{{version}}/installation)


----

<a name="video-3"></a>
<h2 class="mb-7">3. Look & Feel - Introduction to Siberfx Themes</h2>
A quick intro to Siberfx themes - how to customize the look & feel of your admin panel, or use a Bootstrap theme of your choice.
<div class='mx-n1 mt-7 embed-container'><iframe src='https://player.vimeo.com/video/840030924' frameborder='0' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>

<br>
Mentioned in this video:
- [About Themes](https://backpackforlaravel.com/docs/{{version}}/base-themes)
- [Demo](https://demo.backpackforlaravel.com/admin)


----

<a name="video-4"></a>
<h2 class="mb-7">4. Dashboard</h2>
Let's place some content on the admin dashboard using Siberfx widgets - it's super easy.
<div class='mx-n1 mt-7 embed-container'><iframe src='https://player.vimeo.com/video/840032165' frameborder='0' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>

<br>
Mentioned in this video:
- [Widgets](https://backpackforlaravel.com/docs/{{version}}/base-widgets)
- [Customize dashboard](https://backpackforlaravel.com/docs/{{version}}/base-how-to#customize-the-dashboard)


----

<a name="video-5"></a>
<h2 class="mb-7">5. CRUDs - Intro to Operations</h2>
Operations are a very important part of Siberfx - they allow you to do things like [Create](https://backpackforlaravel.com/docs/{{version}}/crud-operation-create), Read([List](https://backpackforlaravel.com/docs/{{version}}/crud-operation-list-entries) & [Show](https://backpackforlaravel.com/docs/{{version}}/crud-operation-show)), [Update](https://backpackforlaravel.com/docs/{{version}}/crud-operation-update) & [Delete](https://backpackforlaravel.com/docs/{{version}}/crud-operation-delete). Let's understand how they work.
<div class='mx-n1 mt-7 embed-container'><iframe src='https://player.vimeo.com/video/840032727' frameborder='0' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>

<br>
Mentioned in this video:
- [Setup CRUD - basic guide](https://backpackforlaravel.com/docs/{{version}}/getting-started-crud-operations)
- [Operations - in depth](https://backpackforlaravel.com/docs/{{version}}/crud-operations)


----

<a name="video-6"></a>
<h2 class="mb-7">6. DevTools - Generating CRUDs</h2>

Go from idea to full CRUD in seconds! Quickly build an admin panel for your Eloquent models using a web interface to generate migrations, models and CRUDs.

<div class='mx-n1 mt-7 embed-container'><iframe src='https://player.vimeo.com/video/840033334' frameborder='0' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>

<br>
Mentioned in this video:
- [DevTools - about](https://backpackforlaravel.com/docs/{{version}}/generating-code#web-interface-devtools-premium)
- [DevTools - installation](https://backpackforlaravel.com/products/devtools)

----

<a name="video-7"></a>
<h2 class="mb-7">7. List Operation</h2>

Let's take a deeper dive into the List operation and one important feature it is using - Siberfx columns.

<div class='mx-n1 mt-7 embed-container'><iframe src='https://player.vimeo.com/video/840033945' frameborder='0' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>

<br>
Mentioned in this video:
- [List operation](https://backpackforlaravel.com/docs/{{version}}/crud-operation-list-entries)
- [50+ Columns](https://backpackforlaravel.com/docs/{{version}}/crud-columns)

----

<a name="video-8"></a>
<h2 class="mb-7">8. Create & Update Operations</h2>

Now let's do a deeper dive into Siberfx form - particularly the ones in the Create & Update operations, who use Siberfx fields, another important feature.

<div class='mx-n1 mt-7 embed-container'><iframe src='https://player.vimeo.com/video/840035385' frameborder='0' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>

<br>
Mentioned in this video:
- [Create Operation](https://backpackforlaravel.com/docs/{{version}}/crud-operation-create)
- [Update Operation](https://backpackforlaravel.com/docs/{{version}}/crud-operation-update)
- [50+ Fields](https://backpackforlaravel.com/docs/{{version}}/crud-fields)

----

<a name="video-9"></a>
<h2 class="mb-7">9. Show & Delete Operations</h2>
Let's also address some easy operations - Show & Delete operation. You'll see they are very similar to the ones above.
<div class='mx-n1 mt-7 embed-container'><iframe src='https://player.vimeo.com/video/840035558' frameborder='0' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>

<br>
Mentioned in this video:
- [Delete operation](https://backpackforlaravel.com/docs/{{version}}/crud-operation-delete)
- [Show operation](https://backpackforlaravel.com/docs/{{version}}/crud-operation-show)
- [50+ Columns](https://backpackforlaravel.com/docs/{{version}}/crud-columns)

----

<a name="video-10"></a>
<h2 class="mb-7">10. Reorder & BulkClone Operations</h2>
Here are two other operation you will most likely need - they will help you reorder or duplicate the entries.
<div class='mx-n1 mt-7 embed-container'><iframe src='https://player.vimeo.com/video/840059217' frameborder='0' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>

<br>
Mentioned in this video:
- [Reorder Operation](https://backpackforlaravel.com/docs/{{version}}/crud-operation-reorder)
- [Clone Operation](https://backpackforlaravel.com/docs/{{version}}/crud-operation-clone)
- [Available Operations](https://backpackforlaravel.com/docs/{{version}}/crud-operations#standard-operations)


----

<a name="video-11"></a>
<h2 class="mb-7">11. Custom Operations using DevTools</h2>

This video shows how to create custom operations, using our premium add-on DevTools.

<div class='mx-n1 mt-7 embed-container'><iframe src='https://player.vimeo.com/video/840059347' frameborder='0' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>

<br>
Mentioned in this video:
- [DevTools](https://backpackforlaravel.com/products/devtools)

----


Thank you for dedicating these 59 minutes to learning Siberfx. **You should now be able to build your first admin panel.** But if you feel like you're _not quite ready yet_, here are a few more things you can do:

- [Go through the demo](/docs/{{version}}/demo) and play around, browse the features (pay special attention to the Monsters CRUD)
- Read this [CRUD Crash Course](/docs/{{version}}/crud-tutorial) and do the steps yourself
- Take a look at the [CrudController API Cheat Sheet](/docs/{{version}}/crud-cheat-sheet)
- Read our [Getting Started Text Course](/docs/{{version}}/getting-started-basics)
- Purchase and install [SiberFx DevTools](https://backpackforlaravel.com/products/devtools) which will generate the minimum stuff for you


<style>
  .embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
  }
  .embed-container iframe,
  .embed-container object,
  .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
</style>
