Chapters

33 Chapters | 3:02:08 |

01

Lift Stuff! The js- Prefix

7:39
02

(document).ready() & Ordering

4:45
03

All about Event Bubbling

4:31
04

The Event Argument & stopPropagation

3:07
05

The DOM Element Object

6:35
06

The Magical this Variable & currentTarget

4:30
07

A Great Place to Hide Things! The data- Attributes

5:48
08

Organizing with Objects!

5:08
09

"Static" Objects & the this Variable

6:05
10

Getting to the bottom of the this Variable

4:29
11

Fixing "this" with bind()

6:08
12

Immediately Invoked Function Expression!

7:56
13

The window Object & Global Variables

6:12
14

Instantiatable Objects & Constructors

4:17
15

The Object prototype!

3:32
16

prototype Versus __proto__

7:02
17

Extending the Prototype

2:34
18

AJAX Form Submit: The Lazy Way

5:41
19

Old-School AJAX HTML

7:17
20

Delegate Selectors FTW!

3:45
21

Proper JSON API Endpoint Setup

4:46
22

POSTing to the API Endpoint

3:59
23

Handling JSON Validation Errors

6:40
24

Clearing the Form, Prepping for a Template

3:56
25

JavaScript Templating

5:57
26

Full-JavaScript Rendering & FOSJsRoutingBundle

7:26
27

All About Promises!

8:11
28

Catching a Failed Promise

5:58
29

Promise catch: Catches Errors?

6:40
30

Making (and Keeping) a Promise

7:57
31

Promise Chaining

3:43
32

SweetAlert: Killing it with Promises

5:11
33

Sweet Alert: Create a Promise!

4:45

> JavaScript Fundamentals > JavaScript for PHP Geeks

Buy Access to Course

12.

Immediately Invoked Function Expression!

|

Autoplay

Keep on Learning!

If you liked what you've learned so far, dive in! Subscribe to get
access to this tutorial plus video, code and script downloads.

Start your All-Access Pass

Buy just this tutorial for $12.00

Previous Chapter

Next Chapter

With a Subscription, click any sentence in the script to jump to that part of the video!

Login Subscribe

Login or register to check out the script

4 Comments

Sort By

Login or Register to join the conversation

denizgelion 4 years ago

Hey there! This year I've been trying to relearn everything from scratch with the help of you guys. Since most of the projects I've done had to be done in a very tight time frame and with very little budget, leaving me little to no room to "properly" learn things. After finishing the PHP courses, the namespace bonus one and Composer, I've come to go through javascript- I have very little to no javascript experience and while it is "okay" to follow this course, it gets very complicated very quickly. While I can understand core concepts, I feel like I don't quite hit the mark if I finisih this course.
Also making functions to calculate something on the fly *feels* wrong, is this really how it's done in the "real world"? I would've expected that we eventually use functions to get the new weight lifted from the database, to get accurate numbers- I mean these are not wrong, but we're rewriting a logic that could be solved by a simple databse query or am I wrong?

More rambling than question(s), but hey :D

|

Victor SFCASTS denizgelion 4 years ago

Hey Deniz,

Oh, I see what you mean! Well, first of all, our JS courses are meant that developers already have some strong basic knowledge about JS, i.e. like how it works, the basic syntax, i.e. can already write code in JS. In these tutorials we just mostly show how to improve your code quality. If you know what I mean. So, if you want to learn JS in more deep with basics - I'm afraid we don't have a good course on SymfonyCasts for you yet.

That's a good question... and as always it depends on your own project! First of all, when we're counting with JS on the frontend, and about "counting" I mean doing any heavy operations actually - those operations are done on the *client* side, and so it cause no performance hit for your *server* side. But counting with SQL query would hit both your PHP server and SQL server. We just gave a possible example here, but depends on your business you might want to go a different approach. And another reason why it's done this way - complexity. With calculating on the fly we don't have to send any AJAX requests and then handle possible success / failure cases. So, for learning purposes in this exact spot it works well, but you should definitely look at your own case and see if it fits your needs or there should be a better solution for it.

I hope this clarify things for you a bit and I hope this helps!

Cheers!

|

Mickael-M 6 years ago

Hi,
Thanks for the video, just to tell you there is a problem with subtitles at the end of the video

|

weaverryan SFCASTS Mickael-M 6 years ago edited

Hey Mickaël M.!

Thanks for letting us know - that happens occasionally with a service we use - we'll get it fixed up!

Cheers!

|

This tutorial uses an older version of Symfony... but since it's a JavaScript tutorial, the concepts are still ? valid!

Symfony 3

What PHP libraries does this tutorial use?

// composer.json
{
    "require": {
        "php": "^7.2.0",
        "symfony/symfony": "3.1.*", // v3.1.10
        "twig/twig": "2.10.*", // v2.10.0
        "doctrine/orm": "^2.5", // v2.7.1
        "doctrine/doctrine-bundle": "^1.6", // 1.10.3
        "doctrine/doctrine-cache-bundle": "^1.2", // 1.3.2
        "symfony/swiftmailer-bundle": "^2.3", // v2.4.0
        "symfony/monolog-bundle": "^2.8", // 2.12.0
        "symfony/polyfill-apcu": "^1.0", // v1.2.0
        "sensio/distribution-bundle": "^5.0", // v5.0.22
        "sensio/framework-extra-bundle": "^3.0.2", // v3.0.16
        "incenteev/composer-parameter-handler": "^2.0", // v2.1.2
        "friendsofsymfony/user-bundle": "~2.0@dev", // dev-master
        "doctrine/doctrine-fixtures-bundle": "~2.3", // v2.4.1
        "doctrine/doctrine-migrations-bundle": "^1.2", // v1.2.1
        "composer/package-versions-deprecated": "^1.11", // 1.11.99
        "friendsofsymfony/jsrouting-bundle": "^1.6" // 1.6.0
    },
    "require-dev": {
        "sensio/generator-bundle": "^3.0", // v3.1.1
        "symfony/phpunit-bridge": "^3.0" // v3.1.6
    }
}

Previous Chapter

Next Chapter