JavaScript for PHP Geeks

You already know and write JavaScript... or really jQuery. But as JavaScript takes on more of your life, it's time to take your game to the next level! In this tutorial, we'll do just that by diving into a bunch of pieces of JavaScript you may "kinda" understand, or which might be new to you altogether! This includes:

  • Event Bubbling & DOM Events
  • The DOM Element Object
  • JavaScript Objects
  • Instantiating objects with the prototype
  • Understanding the mystical "this" & .bind
  • Understanding Self-Executing Functions
  • Delegate Selectors will save your Life
  • Client-side templating
  • PROMISES!

Let's not just write JavaScript, let's understand what's going on!


Your Guides

Ryan Weaver Leanna Pelham

Questions? Conversation?

  • 2017-07-07 Victor Bocharsky

    Hey Yan,

    Good progress, well done!

    Cheers!

  • 2017-07-07 Yan Yong

    Stopped at chapter 26, the promise chapters are pack of new information, it is too much for me. Everything else went really well though. Thanks guys

  • 2017-04-05 Syed

    Nice! Been looking forward to this one. Sounds like it could be similar to Kyle Simpson's You Don't Know JS books/workshops (which I recommend). Also excited about the Webpack/React videos. Added to the list of things to watch along side many...many...others. :(

  • 2017-03-31 Diego Aguiar

    Hey Hassan

    You can download almost everything!
    Course code, chapter video, and course script, but first you need to select a course-chapter, and in that section will appear a download button at the right upper corner

    Cheers!

  • 2017-03-31 Hassan

    i cant find where to download the course files ?

  • 2017-03-23 weaverryan

    Hahaha :) And hey back! Thanks for the feedback - the OO JavaScript and Promise stuff is definitely the hardest, and the Promise stuff is probably less important (you'll keep seeing it, eventually it'll sync in). Bonus: in the next tutorial about ES2015, we introduce the new class syntax - it's a "sugary" syntax on top of the "prototype object model" that looks *really* familiar to us PHP devs. You still ultimately should grok the prototype stuff, but that class syntax is a nice bridge to a place more familiar :).

    Cheers!

  • 2017-03-22 julien moulis

    Hey! My favorite teacher!!! There's not really a specific part. I spend more times to understand the jquery syntax than working on the api itself. As soon as I go back on my own app and then try to apply my thought new skill... then I go eating a cookie... Man I got fat!! ๐Ÿ˜‚ No more serioulsy I think the oop jquery/Javascript and Promise killed me... but I'll be back... I realized how essential it is to masterize api/Ajax et tutti quanti.

  • 2017-03-22 weaverryan

    Yo julien moulis!

    Haha, yea, this is definitely assuming you're at a certain level and want to jump up from there :). I haven't gone through any beginner JS courses personally, but I typically really like Treehouse - this track might be interesting - https://teamtreehouse.com/t... - plus possibly some other specific addons :). I'm curious (if this question even makes sense) - which parts in the tutorial really started to get tricky for you?

    Cheers!

  • 2017-03-22 julien moulis

    O my dog... I'm lost ๐Ÿ˜‚ I thought that I knew JS and Jquery enough... Well I guess No... I search on your courses a JS course for newbee, but It seems that there's none. So which site free or no, will you advise me to learn enough to get good enough to follow this course? And in the end becoming a knp ninja ๐Ÿ˜‚
    Thanks

  • 2017-02-08 Victor Bocharsky

    Yo Ahmed,

    Actually, there's a Symfony framework behind this course, we just do not focus on it to make this course more PHP-framework agnostic. And Symfony topic is a separate screencast, even more than one screencast, and we have a whole track for this: https://knpuniversity.com/t... .

    What about jQuery... well, jQuery is just library, which is a wrapper for some most frequently used operations, so no matter do you write on plan JavaScript, use jQuery on any other JS library - you still write plain JS code a lot! So do it in a right way is very important to prevent bad code quality at the end. However, if you start this course - you'll see many jQuery function calls in it ;) Btw, jQuery is a very simple straightforward library, which has the strong documentation on its official website.

    I hope I answered your questions.

    Cheers!

  • 2017-02-08 Ahmed Bhs

    java script and php , why not symfony and jquery ?

  • 2017-02-08 weaverryan

    Sorry about that xdrew! We did hit a snag last week - not something we normally like to do! We'll try to be better in the future :)

  • 2017-02-07 xdrew

    Great screencast, but why it takes it so much time to appear entirely? )

  • 2016-09-05 Daniel

    I am waiting for this course. This is great idea.

  • 2016-08-29 weaverryan

    Toni Periฤ‡ yep, shame on me for NOT getting to this. The problem is that this continues to be a really good tutorial and we are planning on doing it - but obviously, other tutorials keep taking priority. So this - along with other JS-related tutorials for backenders, like React, webpack, ES2015, etc - are on our mind - but not actually on the immediate schedule... yet

  • 2016-08-28 Toni Periฤ‡

    So, it's been more than 2 and a half years now... I suppose this isn't happening?

  • 2016-04-27 weaverryan

    Hi Faizan! Unfortunately, this tutorial won't be ready this week - it's low on our priority list. However, when we *do* release it, even if you don't have a subscription at that point, the script and code blocks are always 100% free. If you have any questions, feel free to message us.

    Thanks!

  • 2016-04-27 Faizan Akram Dar

    Our subscription is expiring soon in a week I suppose. Can you please release this course so that we can benefit from it.

  • 2016-01-09 usmc1137

    I understand, thanks for getting back to me!

  • 2016-01-08 weaverryan

    It's been a lower priority, but definitely :). Sorry for the delay - there's so much tech cover!

  • 2016-01-07 usmc1137

    Are you still planning to do this? :)

  • 2015-03-31 Shairyar Baig

    Looking forward to this tutorial.

  • 2015-01-16 Diego Aguiar

    I like that! Cheers

  • 2015-01-16 weaverryan

    Not quite yet - it's a placeholder for the future. It could be in Feb, but not earlier unfortunately. But I'll take this as a vote to make it sooner rather than later :)

  • 2015-01-13 Diego Aguiar

    Is there any aproximated release date ?

  • 2015-01-04 s.molinari

    Personally, I think referring to Angular would be a mistake currently. It is being completely changed in 2.0 (with little to no BC, AFAIK) and any discussion on it would be outdated, as soon as 2.0 is released. You'd have to make it clear, the tutorial is referring to an Angular version 1.X and not 2.0 or higher.

    http://eisenbergeffect.blue...

    I like Backbone, because it is the least opinionated and one of the most popular frameworks out there. There are also a ton of tutorials available for it, but for the purposes of this tutorial, Backbone can also show a way to better organize client side code, thus, it could be used to demonstrate the code organization (i.e. maintainability) and testing parts (my wish:-)). And since it has such a small footprint, there is none of the overkill other frameworks have, especially since this tutorial isn't specifically aimed to teach how to develop an SPA.:-)

    Scott

  • 2015-01-03 weaverryan

    To be determined! What would you like to see? I'm initially thinking something that's framework agnostic (well, it would include jQuery) and talks about all the fundamentals above. Then, maybe another screencast(s) on Angular, though I don't want to duplicate other wonderful resources out there on that topic :).

    Cheers!

  • 2015-01-02 s.molinari

    Will any certain client-side frameworks be used or discussed?

    Scott

  • 2014-12-10 Raimen

    Waiting for this course !