#object oriented javascript

Object Oriented JavaScript: Polymorphism with examples

Again this is not the advance topic of JavaScript but it relies under Object Oriented JavaScript & polymorphism is one of the tenets of Object Oriented Programming (OOP), we all know what is Polymorphism from other languages (like C#, Java etc) but we always think when to use it, why to use it and how to this, and most of us are still in confusion that should we really use it? blah !!!.

JavaScrip…

Object Oriented JavaScript: Objects, Encapsulation & Abstraction

Hi Folks, here goes a quick post regarding the most important & frequent concepts of Advance JavaScript or we can say Object Oriented JavaScript.

Objects are the key concepts of JavaScript so lets quickly start with some code and concepts. We create objects with methods, properties and attributes, we make them bundled inside that object it’s encapsulation, these methods & attributes are abstracted

Eduonix Learning Solutions, a premier online learning company, is introducing a new course on object-oriented JavaScript.

Clean Javascript

I will never say that enough, but if you code in Javascript and don't make it object oriented, you're missing something.

Yesterday, I paired with Johnny on a full frontend page. The idea is that we had a rails server with built-in routes, and we had to make the whole Javascript app that did everything with these routes, all in one page

In the end, we built a huge machine, all in Javascript, pure javascript (We did use some JQuery here and there, but the rest was all in javascript). That was fun, we played a lot, and we still finished what was expected of us for the whole day at 3PM.

In the end, we both learned a lot, had a lot of fun, and made a huge thing.

And the Javascript was... CLEAN! Object oriented, module pattern, fun stuff! No soup, no 100+ lines scripts...

Final Project

Tomorrow is the pitching day. I can feel the pressure, even though I do love it.

The idea is that we pitch an idea to the whole bootcamp. Then, people from our cohort vote for projects, and the teachers select 4 or 5 and we have to work on that until the very day. The person who pitched the project will lead his/her 4-5 people group through that.

I am expecting a lot from that. I always loved to lead group (If you asked me when I was a kid I would have said that when I grow up, I want to be ... a boss. The guy who make it so that things actually work, and that the whole team make it happen). Now, tomorrow is my chance to do that WITH code.

Plus, I have that strange feeling that tells me I don't have to show people some code, I have to IMPRESS people. Working on that group project, on one of my ideas, leading a group the right way, and coding my way through that, I think I can make that happen.

I will tell you more about it when that is over but... I feel like things are going to get crazy pretty fast... I can't wait!

Leadership

Leadership is something I like. It is something I always liked. Apparently, lastly, people like my leadership too, which gives me more opportunity to train that!

In the end, I always worked on that, always loved that, and not because I am a power hungry bearded dude, but because I want things to go well. When I am in a team, I love to be able to guide any part of the project in the right direction, to ensure a great realization. But then, there are things you can't change. Most of the time, you can't change the leader for instance. And if things are not working correctly, I would say it is his/her responsibility! So to fight that, I always wanted to lead, and be able to change whatever needed to be changed, even myself.

Today, I had a fun conversation with David of Phase 1 and Stephen. The topic was : Games and Leadership.

I loved to have feedback on the feeling I give to people around, to hear about the ideas David and Stephen had, and to share everybody's experience.

These people are just ... AWESOME!

More OOJS

Yesterday, I paires with Harry. We have a great dynamic going on and we ended up building a good MVC system on Javascript for one of the challenges we had.

People don't necessary get it so by the end of the week I'll try to send some code that I came up with for private projects, as an example.

As for the rest, we had a lot of fun and played with that a bit, to the point that we ended up falling short on a problem that apparently many people have. It feels good to not feel like you're outside of that whole development world ;)

The problem we had was : We made a Controller class, and just to Namespace and separate concerns, all the AJAX calls were used from the Ajax Controller, a class of its own.

Now the problem we hit is :

Who calls the Ajax controller? -> The controller

What does the Ajax controller in case of a successful request? -> The controller

That is a problem, how do you link two objects when you can not create both at the exact same time? And so our solution was to pass one as the argument to the other (The Ajax Controller knows about the controller), and then add the Ajax Controller to the controller

**In demonstration : **

var AjaxController = function(controller){ this.controller = controller; } // Do stuff with the ajax Controller var Controller = function(){} // Do stuff with the Controller $(document).ready(function(){ var controller = new Controller(); var ajaxController = new AjaxController({ controller: controller // First link }) controller.ajaxController = ajaxController; // Link back })

In the end, that looks very hack-ish. But then it is actually a question that people have nowadays : How do you do that? And like every good programming problem : There is no right or wrong answer ;)

I'll stick with that for now.

APIs

APIs are interfaces for your program to be able to play with some web apps around. The idea is that instead of posting status via Facebook, you build an app that can do that for you somewhere else. The link between that App and Facebook is that API.

Your app will send a message to Facebook saying (write_status) and that will write the status.

Yesterday we started playing with Twitter and that was fun, and today we play on more... So expect some nice links in the near future ;)

Changes

I feel like DBC changes people. Not necessarily in the best way, but that does change people anyway.

I feel changed, I AM changed. But then, you will be able to see that the next time you meet me ;)

Exericises: Towers of Hanoi, Tic Tac Toe with jQuery

Today, we learned about jQuery, the flamboyant sibling of Javascript.  Whereas yesterday we worked on server-side JS (node), today we did client-side JS/JQuery.  We built two browser-based games: towers of Hanoi and Tic Tac Toe.  One thing my partner and I struggled with was MVCizing our architecture.  But we eventually implemented a controller-like "class" to serve as a middle-man between the browser and the model (which was our node.js code from yesterday).  And I put class in quotes because JS doesn't have classes but it's simulated through constructors which are really functions.  Actually, what's weird is you can have instances of functions in JS.  For example, we simulate the cat class in JS by going: function Cat(name, age){    this.name = name    this.age = age }

c = new Cat("name", 13)

I've never seen instances of functions.  It's like functions are trying to be classes in JS.  Their pretty close (esp. with the help of prototyping methods) except they can't simulate class inheritance.  Or maybe they can and we just haven't learned it yet.

Chris Pojer's Interface class mutates a class, and inforces a well architected interface on your class. The Interface is checked when the class's "initialize" method is run. What we're doing here is pre-attaching a pre-declared interface to a new Module constructor. This module constructor ensures that the namespace property is declared - an is a string; Also it states that theother property is a function. This is how I enforce a particular class structure on the rest of the team for large scal projects. For more information on this particular Interface mixin, look at this example and download Chris Pojer's interface here.