Share this
BKK.JS #14: Return of BKK.JS
by Seven Peaks on Feb 25, 2021 11:35:00 AM
JavaScript frameworks, Open ID, OAuth, and more
JavaScript is a popular programming language with various JavaScript framework used primarily by Web browsers to create a dynamic and interactive experience for the user through using a JavaScript style guide if required. It is widely used by frontend developers to make web page dynamic. It is an object scripting language which is used in web pages along with markup language HTML.
Originally it was launched naming “Live Script” by Netscape Communications Corporation and became standard and widely used in 1999 after changing its name to JavaScript.
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.
In addition, its concept and source-code can work together very well with React Native that is used to develop web applications on iOS and android systems. It is quite important for every front-end developer that should know this JavaScript library with a JavaScript style guide if needed since it’s becoming one of today’s most used.
Watch these coding examples of JavaScript with our JavaScript framework in our full video on YouTube.
About the speakers:
Kongkeit Khunpanitchot KMITL Student, Software Engineer at BRIKL
Kongkeit’s topic of his discussion was based on how he reduced a 2MB web app to 14KB by just changing his perspectives. |
Giorgio Desideri Tech Lead - Cloud Solutions at Seven Peaks Software
Giorgio showed techniques to working-less and producing-more and how you should approach software development using the cloud (Azure or AWS Serverless) to obtain more. |
WorldDeveloper at ODDS
“Just know JavaScript but still not using React?” This has been the key question World has asked to his audience during his talks. World has taught developers about his story of transitioning from Vue.js to React.js using his techniques. |
NoomDeveloper at Eventpop
Noom joined the #100DaysOfCode challenge and improved his frontend skill – creating more than 10 frontend projects in the course of 100 days. He shares how a jQuery-era dev keep up with frontend + JS/TS world, one day at a time. |
Share this
- FinTech (13)
- Career (12)
- Expert Spotlight (11)
- Thought Leadership (10)
- Product Growth (9)
- Software Development (9)
- Product Design (7)
- Data and Analytics (5)
- Design Thinking (5)
- InsurTech (5)
- QA (5)
- Agile (4)
- Cloud (4)
- Company (4)
- Digital Transformation (4)
- Financial Inclusion (4)
- JavaScript (4)
- Seven Peaks Insights (4)
- Trend (4)
- UX Design (4)
- UX Research (4)
- .NET (3)
- Android Developer (3)
- Android Development (3)
- Azure (3)
- Banking (3)
- CSR (3)
- DevOps (3)
- IoT (3)
- Product-Centric Mindset (3)
- AI (2)
- CDP (2)
- Cloud Development (2)
- Customer Data Platform (2)
- Data (2)
- Digital Product (2)
- E-wallet (2)
- Expat (2)
- Hybrid App (2)
- Kotlin (2)
- Product Owner (2)
- Software Tester (2)
- SwiftUI (2)
- UI (2)
- UX (2)
- UX Writing (2)
- Visual Design (2)
- iOS Development (2)
- .NET 8 (1)
- 2023 (1)
- 4IR (1)
- 5G (1)
- API (1)
- Agritech (1)
- AndroidX Biometric (1)
- App Development (1)
- Azure OpenAI Service (1)
- Backend (1)
- Brand Loyalty (1)
- CI/CD (1)
- Conversions (1)
- Cross-Platform Application (1)
- Dashboard (1)
- Digital (1)
- Digital Healthcare (1)
- Digital ID (1)
- Digital Landscape (1)
- Engineer (1)
- Expert Interview (1)
- Fiddler (1)
- Figma (1)
- Financial Times (1)
- GraphQL (1)
- Hilt (1)
- IT outsourcing (1)
- KYC (1)
- MVP (1)
- MVVM (1)
- Metaverse (1)
- Morphosis (1)
- Native App (1)
- New C# (1)
- Newsletter (1)
- Node.js (1)
- Payment (1)
- Platform Engineer (1)
- Platform Engineering Jobs (1)
- Platform Engineering Services (1)
- Project Manager (1)
- Rabbit MQ (1)
- React (1)
- ReactJS (1)
- Stripe (1)
- Super App (1)
- Turnkey (1)
- UIkit (1)
- UX Strategy (1)
- Web 3.0 (1)
- Web-Debugging Tool (1)
- December 2024 (1)
- November 2024 (2)
- September 2024 (4)
- August 2024 (3)
- July 2024 (6)
- April 2024 (1)
- March 2024 (7)
- February 2024 (14)
- January 2024 (14)
- December 2023 (9)
- November 2023 (9)
- October 2023 (2)
- September 2023 (6)
- August 2023 (6)
- June 2023 (4)
- May 2023 (4)
- April 2023 (1)
- March 2023 (1)
- November 2022 (1)
- August 2022 (4)
- July 2022 (1)
- June 2022 (6)
- April 2022 (6)
- March 2022 (4)
- February 2022 (8)
- January 2022 (4)
- December 2021 (1)
- November 2021 (2)
- October 2021 (2)
- September 2021 (1)
- August 2021 (3)
- July 2021 (1)
- June 2021 (2)
- May 2021 (1)
- March 2021 (4)
- February 2021 (5)
- December 2020 (4)
- November 2020 (1)
- June 2020 (1)
- April 2020 (1)