Learn Knockout.js - Part 1: Intro and Basics

[@matiasrondan]

That's exactly what happened to me, this is just what I need at this moment. Thanks for taking the time to make it and share it!

[@checkmate3829]

Haha same situation for me

[@alvaroguzman5350]

Yeah same for me hahahaha

[@alexanderpopelyuk741]

same here

[@reinhardheydrich314]

same bruh

[@saadmalaeb8372]

Knockout is underrated. Really nice what you can accomplish with it, and it was way before React and Vue existed.

[@hansschenker]

KnockoutJs is the father of Angular Framework!

[@borjinator]

Thank you so much for making this video! You are very kind to be looking out for the rest of us by making this content.

[@_heydav]

I just start a new intership on a company and they use Knockout.js but I never heard of about it. Your videos came in the right moment, thank you!

[@RodrigoCruz-iz3kb]

Drew, that's exactly what happend to me! I need to understand how Knockout.js works, and also how MVVM pattern works. So, I guess this series of videos will help me.

[@silentsounds6556]

this is a must for Magento Devs 😂 nice one Drew

[@Alex-bc3tt]

I am here as a Magento Dev 🤣🤣🤣🤣🤣🤣 glad to see I am not the only one

[@zmanphx]

Thanks for this intro. I just got assigned a knockout task for my Agile story. Never worked with it before. Our legacy code uses knockout with type script as well ASP .

[@gueroring]

Thank you for this... Started working on a Magento 2 framework that is using this on the frontend, instead of something like React which I was familiar with.

[@avneetsingh2010]

Good work mate!

[@anisharaj4601]

Saved my sprint. Thanks.

[@viktorklisursky2515]

Thank you, for taking the time to make these videos! That helps a lot.

[@MerkieAE]

Hey thanks for producing this :) ‘preciate it!!

[@DediAnanto]

I still use KO because mostly I use Magento. I think the concept is more like Svelte, it use direct dom manipulation instead of virtual dom like react and vue

[@kalkiacademy]

Thank you for the Video!! Helped me understand the concepts needed for KO code in one of my projects!!

[@psychotruta9655]

It helped me a lot! Thank you bro

[@deeproy7292]

feeling is mutual...love your keyboard

[@user-de7ng5sb2b]

Awesome, what a fun way to freshen up ko - Thank you!

[@MatthewWilson44106]

I started using knockout when I had a client that needed IE 6 support. I love how simple knockout is. Anybody can learn it in a week. I'm thinking it's time for us to go back to simpler paradigms.

[@thaivoduyquoc3381]

This helps me alot. Thanks !

[@zoejeftha6014]

Appreciate this man, very helpful!

[@manugentoodrums]

you saved my day matey’, Magento 2 is a hell of a pffffft with k.o

[@cosmincraciun3769]

I agree with you, I'm working with magento 2 too.

[@Alex-bc3tt]

I am also a Magento dev and it is great seeing that you are a guitarist I just bought a guitar yesterday and starting my lesson next week with a friend that already plays. Looking forward to it. Also I hope you ended up getting this knockout

[@manugentoodrums]

@@Alex-bc3tt got used to it man! have to, they are moving to vue i believe

[@codewithsakti8197]

In IT no technology is outdated. Same I m also here to learn knockout to support a existing project.

[@jikochi]

Oh so nice! Pls keep it going. We using knockout.js in our projects at right now

[@abidali-wq7uu]

Time saving video thanks buddy

[@xinli7477]

Thanks for the video, it is helpful!

[@kos2924]

Thanks mate! Really appreciate your effort.

[@OctavioRdz_]

Thanks! It was really helpfull.

[@phamhoa5590]

thank you

[@Mfbzai]

It's amazing, I'm VueJS & ReactJS developers. But they cannot run in specific condition. Came here for knockout js that supported all browser with almost same feature like react, vue even angular!

[@patelfurqanaleem8240]

U r awesome maan 👍👍

[@omarbousbia6916]

Thank you for making this tutorial. we're using knockout in our project right now. but i have a question, when the count changes how did dogStatus know that it has to re-compute ?

[@gauravsharma8220]

HI thanks

[@fouad-hachour9968]

Thanks

[@giokinggioking5334]

Thank you for this video, I Love Knockout, I use Knockout usually but I need to understand.. Is there a routing system to manage menu items (for navigation) ? if yes or if you use your own system can you make a video for this ? Thank you very much

[@dhruvjani3158]

True ...

[@iagobarretoc8194]

I just today started a job that require a lot of ko.js

[@iagobarretoc8194]

Any tips besides the video? I'm starting now..

[@DrewConley]

kirito kirigaya I have 4 videos about knockout so far on KZbin that cover my journey, at least. Let me know if there are certain areas that are tricky and I can record more 👍

[@iagobarretoc8194]

@@DrewConley thank youuu

[@grhayes911]

2 weeks ago for me but yep KO.js for Magento 2

[@debiprasad8274]

how can i redirect one page observable property to another page(both having separate js file)?

[@hardryv3719]

What dev-tool are you using in the video?

[@thele99]

I can't see the JS code...

[@amrraouf3525]

Which of the following describes Components in Knockout.js? (i) They are a powerful, clean way of organizing the UI code into self-contained, reusable chunks and can easily be packaged for reuse across projects (ii) They contain their own view and their own viewModel (iii) They can receive parameters, and optionally write back changes to them or invoke callbacks (iv) They can be composed together (nested) or inherited from other components AND they can either be preloaded, or loaded asynchronously (on demand) via AMD or other module systems

[@debiprasad8274]

Can we access view model property/update view model outside scope?

[@DrewConley]

Yes. If you expose a reference to it, like ‘window.vm = this’, you can then call the observables like vm.updateSomething() from anywhere. That’s just an example on the window level, but it can be handy to pass references to view models to other view models on creation so they can talk.

[@debiprasad8274]

@@DrewConley thanks a lot

[@unskeptable]

Knockout is a pain to use imo. Wrapping everything to observables and obsessed vabkeArray and extension util methods ends up a huge mess

[@thele99]

var self = this; Why do this? Can I just use this everywhere instead of self?

[@rumble1925]

Self references ”this” in the correct scope. Jacascript has some quirks where this gets bound to a different scope than you probably intended.

[@phillylifer]

I don't think -3 is a bug, it's counter of actionables :). I am so lame

[@amrraouf3525]

Which of the following are true? (i) In knockout, declaring a member as observable means when its value changes any other object watching the member gets notified of the change, thus allowing two-way data binding (ii) An observable array is an array of observable objects (iii) An example of a computed observable is ‘Full Name’, which observes and combines ‘first name’ and ‘last name’ (iv) Observables are objects that notify subscribers about changes and automatically detect dependencies. Observables helps KnockoutJS update the UI automatically when the view model changes

[@fr3shkid1602]

Too bad I cant give more than one like 👍🏽

[@Baba12xr56]

Can't see the bottom portion of the code screen!

[@jacquesdemolay2699]

why not keep "this" keyword rather than make it become "self" ? "this" is widely understood in other widely used languages like C#.

[@DrewConley]

`self` was a common convention used back in the day to hold a reference to another `this`. Any function within the base view model function would be a different `this`. This gotcha is way less common nowadays in JS with arrow functions and such. (This library was popular long before ES6+ was widely used)

[@yolob2116]

dude you should just zoom your screen out. you dont have to edit it everytime

[@PerryCodes]

Great content - terrible video capture. Typing off-screen??

[@danieljayne8623]

Yeah, same boat. Inheriting an old unmaintained project

[@amrraouf3525]

Which of the following will control flow with bindings? A) Applying bindings to objects or CSS B) Applying bindings to value, submit or event C) Code the mark-up to iterate through any array using the data-bind ‘for-each’ D) None of the above

[@kylewiley]

I hope Magento could change to using new tech languages, they're still using less, requirejs, k.o it so old in 2023

[@CSharpWaleBhaiya]

Hello drew can you exaplain me in hindi😂😂