BKK.JS #14: Return of BKK.JS

Cloud computing is the delivery of computing services that use the internet for storing and managing data on remote servers. Javascript is one of the languages that positioned itself in cloud computing.

There are countless browsers used such as Chrome, Firefox, Internet Explorer, Opera, Safari, etc. Each interprets JavaScript in different ways and has different levels of support for certain programming language features.

OpenID

OpenID is an open standard used for authenticating users through OpenID service providers also known as OpenID providers such as Google, Facebook, Twitter used in authentication.

For example, application A forwards the user to an OpenID provider URL for login. If successfully logged in, OpenID Provider will forward the user to the page of Application A and notify this application that user U has been authenticated. Finally, Application A performs the authentication of user U without logging in because A believes in the result returned by the OpenID Provider.

OAuth

OAuth is an open standard used in giving permission for an application (client) to access services from another application (service provider). For example, when you are asked by an application A (or client A) to provide information such as email, first and last name, place of birth, and occupation from your Facebook (service provider) account.

Now, if you give Application A the right to retrieve the above information, the Facebook service provider will allow A to retrieve this information stored on Facebook’s server.

#100DaysOfCode is a challenge by Alexander Kallaway, a software engineer, for those people who want to challenge themselves by doing something new and see how far they can go in these 100 challenging days. Freecodecamp is an online community that gives you an opportunity to learn coding by providing non-profit projects for you to practice which is recommended in this challenge.

There are only 2 simple class rules that seem to be not so hard and also not so easy. For those who already have some background in programming, we are adding 2 more rules to keep you on track as the challenge is for everyone from beginners to experienced and it might bore you easily.

Alex Kallaway (Github here)

By following these simple rules, we believe that eventually you will soon fall in love with JavaScript and become a great frontend developer.

Vue.js is one of the most popular Web Frameworks for building user interfaces used by developers these days. According to their official website, they define themselves as “The Progressive JavaScript Framework”, allowing developers to progressively create user interfaces (UIs). It lets you extend HTML with HTML attributes called directives which offers functionality to HTML applications.

It works as a View in Model View Controller (MVC) and perfectly capable of powering sophisticated Single-Page Applications (SPA). What makes Vue.js different from other frameworks is its “high decoupling”, easier to extend functionalities.

React.js is a JavaScript Library created by Facebook, Inc. that is used to build interactive User Interfaces (UIs). It helps you separate complex UIs code into small parts which work independently, declaring views make the code more predictable and easier to debug. Its working system is very similar to Angular and Vue, but better in speed.

Main concepts you need to know before start coding React:

Component – Each part in the website will be seen as Components. It receives data from outside with props, whereas they can create and manage their own data with state. Coding component is just like coding HTML. To display website for React uses JSX, it looks very similar to HTML but we code JavaScript instead of HTML.

State – The data that is created and managed by components. In State, data can only be created, managed, and modified but not passed or transferred.

Props – The data that is passed from parent component to child is called Props (Properties). Data from Props is read-only, and cannot be modified by a component which differs from State.