Chapters

21 Chapters | 2:23:48 |

01

Hello Symfony

6:13
02

Meet our Tiny App

5:13
03

Routes, Controllers & Responses

8:24
04

Wildcard Routes

7:46
05

Symfony Flex: Aliases, Packs & Recipes

8:50
06

Flex Recipes

7:51
07

Twig ❤️

6:05
08

Twig Inheritance

8:02
09

Profiler: Your Debugging Best Friend

7:28
10

Assets, CSS, Images, etc

10:36
11

Generate Urls & bin/console

7:57
12

JSON API Endpoint

4:58
13

Smart Routes: GET-only & Validate {Wildcards}

4:56
14

Service Objects

5:38
15

The Twig Service & Profiler for API Requests

6:04
16

Setting up Webpack Encore

5:12
17

Packaging JS and CSS with Encore

6:05
18

Installing 3rd Party Code into our JS/CSS

5:51
19

Stimulus: Sensible, Beautiful JavaScript

5:01
20

Real-World Stimulus Example

8:50
21

Turbo: Supercharge your App

6:46

> Symfony 6 > Harmonious Development with Symfony 6

11.

Generate Urls & bin/console

|

|

Autoplay

Previous Challenge

Next Chapter

Login or Register to check out the script

9 Comments

Sort By

Login or Register to join the conversation

Digital-Pig 1 year ago

Curly braces in JS do not create an array, they create an object. {slug: 'some value'} is an object. Always has been (for at least the last decade or more), and always will be.
I'm not being picky; I'm just saying we should tell developers the correct terminology.

|

MolloKhan SFCASTS Digital-Pig 1 year ago edited

Hey @Digital-Pig

Yes, technically you're right, curly braces in JS create an object, although it can be used as an associative array. I assume Ryan did that comparison to keep things simple. Anyway, thanks for clarifying things a bit :)

Cheers!

1 |

Benanamen 3 years ago edited

Error in Script!

Video correctly shows:

        <a class="btn btn-primary btn-sm" href="{{ path('app_browse', {
            slug: 'heavy-metal'
        }) }}">Heavy Metal</a>

But script shows:

           <a class="btn btn-primary btn-sm" href="{{ path('app_browse', {
                slug: 'all-accordion'
            }) }}">All Accordion</a>

|

MolloKhan SFCASTS Benanamen 3 years ago

Hey Benanamen,

Thank you for reporting it, I've fixed the script, and sorry for my super late reply :)

Cheers!

|

John 4 years ago

Hello, it looks like JsonResponse is not (anymore?) a Response:
App\Controller\SongController::getSong(): Return value must be of type App\Controller\Reponse, Symfony\Component\HttpFoundation\JsonResponse returned

|

Benoit-L 4 years ago

hi there, for some reason in phpstorm when I hold ctrl on the Route term I am not seing the Route.php file.

|

sadikoff Benoit-L 4 years ago edited

Hey Benoit L.

But what happens when you hold and click on it?

Cheers!

|

Benoit-L sadikoff 4 years ago

Hey Vladmir,
The message is Cannot find declaration to go to.

|

sadikoff Benoit-L 4 years ago

My guess is that you PHPStorm cache is broken, or vendors are not installed, or maybe some PHPStorm options with language level and composer deps are not configured, so it doesn't know where to look

|

Symfony 6

What PHP libraries does this tutorial use?

// composer.json
{
    "require": {
        "php": ">=8.1",
        "ext-ctype": "*",
        "ext-iconv": "*",
        "symfony/asset": "6.0.*", // v6.0.3
        "symfony/console": "6.0.*", // v6.0.3
        "symfony/dotenv": "6.0.*", // v6.0.3
        "symfony/flex": "^2", // v2.4.5
        "symfony/framework-bundle": "6.0.*", // v6.0.4
        "symfony/monolog-bundle": "^3.0", // v3.7.1
        "symfony/runtime": "6.4.3", // v6.4.3
        "symfony/twig-bundle": "6.0.*", // v6.0.3
        "symfony/ux-turbo": "^2.0", // v2.0.1
        "symfony/webpack-encore-bundle": "^1.13", // v1.13.2
        "symfony/yaml": "6.0.*", // v6.0.3
        "twig/extra-bundle": "^2.12|^3.0", // v3.3.8
        "twig/twig": "^2.12|^3.0" // v3.3.8
    },
    "require-dev": {
        "symfony/debug-bundle": "6.0.*", // v6.0.3
        "symfony/stopwatch": "6.0.*", // v6.0.3
        "symfony/web-profiler-bundle": "6.0.*" // v6.0.3
    }
}

Previous Challenge

Next Chapter