Archivi categoria: Javascript

#MangiaFuoco.js solved issue #1

I know you aren’t exited about another JS library.

But personally I’m feeling I’m going in the right direction, and so on I’m exited to say the issue #1 of my Project MangiaFuoco is officially close: https://github.com/M3kH/mangiafuoco/issues/1

Are you still curious about MangiaFuoco = MF?
MF is a JavaScript tool for build Compossible Web Applications.
MF try to force you to define a Folder Structure for get a Modular loader in a declarative way.

This step is really important when you want start a project which can scale without creating a Reference Jungle.

MF encourage Web Components Methodology

Web Component for MF are just Distribute Logic.

The only difference is they try to look into a folder structure instead of just a file, so they would use module_name as directory and look for a index.js inside it.

Different of what Polymer Web Components are, MF Components are think to required an app context which would make sure that Flavoured Framework Component can access to his own requirement like app.Backbone or app.Marionette or app.Angular.

In this way Components folder can be moved across projects augmenting the granularity of the applications and helping you to create a better reusable code/logics.

Extend Projects

Additional to Web Components blueprints, MF give you the possibility to extend your app project with another app project.

This functionality is not recursive but make you easy to reuse full projects code.

MF with Extend Project functionality intend to means if the file is not in ProjectB then I will look for it in ProjectA;

In this way you can create giants app and extend it with just one file in a ‘empty’ project.

Framework Free but not Dependency Free

MF require Underscore and an AMD environment (Node.js, RequireJS or Browserify), has only dependency. But is framework free and so you can think has a wrap for declare you global ‘app’.

Think to declare global all your dependencies with mf.global({$: jQuery});

and use like this: MF.$(‘something’);

Additional to this MF provide you Adapters, which basically means you can extend MF for integrate with you flavour FrameWork.

Is good practice declare it has a ‘app’

MF try to simplify the usage of the AMD, delivering you the ability to declare an instance of in in your own way, although MF try to represent the app end point concept, and so on is good practice in example declare it has `app`, but still you are not forced too.

Why I should use it?

  • You want keep organise your folder system of the your front-end part, you want create more reusable code, you want a easy way to scale your project.
  • You work in Multi Page Web Projects.
    You work in Single App Project :-)
  • You are tired of require([‘dependencyA’, ‘dependencyB’, ‘dependencyC’]);
  • You are tired of new obj({}); or new view({}).render(); or whatever logic needs your framework for initialise something, which in the end looks like the same.
  • You don’t want create a file for extend one line small customisation.
  • You can customise with you own folder structure.
  • You can use you own Framework or WhateEverFrameWork.
  • You wish this project would grow has a crazy and they would be an uge amount of Components for your setup, which would be make able to make web app like a drag and drop experience.
  • You wish the Author would create a: Grunt-Task, Package Manager and a Yeo Man generator.

Not convinced yet?
Take a look at the code: https://github.com/M3kH/mangiafuoco
you can try it, you can test it, you can open an issue, you can blame, you can be critic, you can be constructive, you can inspiring me, you can be pleasant
or just leave a compliment or a comment saying what you think.

Ah I just forgot:
Tested with: Chrome 38,  Firefox 33.1, Safari 8, IE9+
Currently not supported: IE8>

Link Roll #2 ~ JS Libraries, updates and extras

JS Libraries:
PeerJS – Simple peer-to-peer with WebRTC
PeerJS wraps the browser’s WebRTC implementation to provide a complete, configurable, and easy-to-use peer-to-peer connection API. Equipped with nothing but an ID, a peer can create a P2P data or media stream connection to a remote peer.

Vue.js 0.11 released! – vue.js

Flow is the JavaScript type checker I have been waiting for – sitr.us
IMO: Flow and React are a FaceBook view, which they doesn’t represent the daily complexity of the applications, but still type checker apparently is the way to bring in board more javascript programmer, which come from different languages. But still I don’t like the way to change the syntax of the original language.

Node.js Security Tips | via @codeship
Probably already well know, but still a good remark.

Some End to End testing investigation:
NightwatchJS Drag and Drop example

Interesting Reads:
Say no.
I’ve to face out some times with it, I think is interesting topic how the decision process is handled in companies.

NINJHAX – 3DS Homebrew Exploit
:-)

W3Schools JavaScript Certificate

w3cert

I was looking for something Certified my JavaScript knowledges, so I found W3Schools certification system. Easy to do: pay (95$), find a Volunteer want do the Supervisor, and Let’s Go!
I found Massimiliano Scifo, friend in the life, but also Developer, I share my screen with him and I run the test.

There are 70 question to answer in 70 minute so 1 minute for question, I answer and my score was 90%, I only did one and I didn’t try again.
It’s takes 44:00 minute to finish, in easy way, we laffing a lot on the easy question and spend some time on the most tricky or hardens, but really I just find few I cannot answer with the 100% safety.

After that…

95$ for a digital certified where not even go to advanced topic, and not even provide a self-hosted image, I found a bit expensive.

I still miss some Advanced Topics, like:

  • Performance Questions
  • Unit Testing
  • Name Spaces
  • AMD or better ES6 in general
  • Serve Side
  • Ashicronous Techniques
  • XSS Teqniques and Defence
  • Optimizations and Compressions
  • Continuos Integrations

Finally they give me the possibility to share it (the image on top) with you!
But they don’t provide the hosted image for it!
I think for 95$ for each test, would be enough for host and invest to a designer for do different kind of design of the icon, and why not even for add more advanced test.

After that I’m more proud to have finish to read, in this year:

and buy this:

I spent a little bit more but I think I get much more then just a Certificate.
Do you suggest some other Certification Programs, where I can prove the Advanced Techniques?

JavaScript is not a shit

But why you don’t use it?

I was creating a post for defending JavaScript, after reading this; but I have lost my focus after reading some “conspiracy” comments written in the same article.

The comments told about Committers in JavaScript Standards, and they said are composted just by  IT Leaders Companies;
… after that, I started to looking for the Author of JS:

Brendan Eich

How you can see he is not a Graphic Designer, but I think the web page is better then others Programming Language Authors ( I would like to save the top five for another post ). Brendan also has an own Word Press installation with his customizations.

Actually my attention is not about the design of the page, but the absent of JavaScript!
So please Brendan, if you are fan like we are for JS, please promoting it with using in your page too.

I’m joking, maybe he could be too busy to do it, but actually I’m still surprise.

Btw the answer: For modern development, Javascript is just something you need to learn