One of the biggest beginners do while learning a new technology is local setup. Many people procrastinate a lot at this step. And the reason for this is you don't know how things work. You need to get some basic understanding of that tech. So you can use these online playgrounds that have all things set up for you so that you can start learning right away. In this blog, I am going to share some amazing online playgrounds for various techs and also some production-level online IDEs. ( ) mistakes Bookmark or save to refer later. Let's get started Web Development Web Maker 💖 Free is an offline and browser-based codepen alternative. Just open it once and bookmark it. That's it. Web maker ✨ Features Offline 😲 Preprocessor support Add libraries Multiple layouts along with reopening the last saved layout and fullscreen preview Capture a screenshot of your art Open in codepen to share your work online JS console, integrated prettier support, command palette Code Sandbox 💖 Free for personal use can be used to build an entire full-stack web application. You can say CodeSandBox as an online version of VSCode along with everything set up for you. It supports all different javascript frameworks and libraries like react, vue, angular etc. Not only that CodeSandBox has also a real-time collaboration feature so you can see others editing your project 👀. Wait! CodeSandBox also announced , you can do all the stuff from mobile 🤯. What a powerful tool, right? CodeSandBox play.js ✨ Features Optimized for frameworks GitHub integration npm - just import any npm package, CodeSandBox will automatically download those packages Multiplayer Live updates URL to share your art online StackBlitz 💖 Free plan available is another amazing online IDE for building full-stack applications. It has support for most of the frontend and backend(NextJs, Graphql, NodeJs starter and HTTP server) frameworks and libraries. StackBlitz ✨ Features Intellisense Hot reloading as you type npm support Offline mode 💫 Hosted app URL CodePen 💖(Extra features for ) Free PRO is an ultimate online playground for front-end devs and designers. You can create an art called and share it with the internet. CodePen is more of a community than an editor. Get inspiration from creations by devs and designers across the world. CodePen Pen ✨ Features Heavily customizable editor Private pens Embed pens Asset hosting Preprocessor support Live previews Website deployment Real-time collaboration Also some frameworks and libraries support Secret: You can learn most of the frontend things with codepen community :) Other front-end online playgrounds: jsfiddle Glitch Codeply RunKit 💖 Free is a notebook-style NodeJS playground. It's like the jupyter-notebook but for NodeJS. To use RunKit, all you have to do is insert a tag in your code. You can also explore notebooks created by the RunKit community. RunKit script ✨ Features npm connected Visualize your data Time Traveling Debugging - Go back to previous work Async Friendly Download notebooks as node modules Share a URL with the internet Embed notebooks Other NodeJs online playgrounds: jdoodle Playcode 💖 Free Don't know where to put tags in your HTML files? No problem. script Super sleek javascript playground with instant live preview and console. Start code within seconds. No “npm run start” or anything. ✨ Features Had support for frameworks and libraries Live preview Shows an immediate and exact description of the bug as you type code. Super easy to debug. Multiple layouts Switch language in one click Mobile Development DartPad 💖 Free , as the name says, is a playground for dart language. DartPad ✨ Features Library support for all the dart core libraries. support Dart formatter Embed dart pads Kotlin Playground 💖 Free Amazing online playground for Kotlin. Write, edit, run and share Kotlin code. ✨ Features Share your code with the internet Easily switch between different Kotlin versions Online Swift Playground 💖 Free Again, as the name says, is an online playground for swift language. Don't have a MacBook? No problem. Online Swift Playground ✨ Features Online Support for 3rd party packages Swift on Server FlutLab 💖 + 💖💖 Free plan available Free Education plans Setting up a mobile dev environment is 10x harder than web dev. Here's for you. FlutLab ✨ Features Figma to Flutter Converter GitHub integration Cross-platform builders Real-time collaboration Debug system Autocompletion Intelligent search Integrated documentation FlutterFlow 💖 Free plan available helps you design your apps online super fast. Just drag and drop things. FlutterFlow ✨ Features Drag and drop builder Connect with Firebase & APIs Integrate & Deploy 50+ template screens Convert designs into code in minutes GitHub integration Build custom functions and widgets Collaboration Several integrations All-rounders There are some online IDEs and playgrounds which support a bit of everything. Replt 💖 + 💖💖 Free plan available Free Education plans is an ultimate browser-based IDE with lots of cool features and support to so many languages. Anyone who wants to start learning a new language chooses Replt to quick start their journey in that tech. Replit ✨ Features Real-time collaboration GitHub integration 50+ languages support Host and deploy instantly Learning resources API and plugins Gitpod 💖 Free plan available With , you can set up development environments in seconds. Gitpod has the browser-based version of VSCode. This is the go-to tool for devs to work with GitHub, bitbucket and GitLab repos. Gitpod ✨ Features Prebuilds Share running workspaces Production level dev tools Multiple workspaces Codeanywhere + Starting from $6/m/p Education discount is a powerful cloud IDE to build production-level applications. It has support for 72+ languages. Codeanywhere ✨ Features Supports various languages Work on your own servers - no need to store your code on the Codeanywhere server. Containers support Web-based terminal Preview with private URLs Live collaboration Autocomplete Linter, code formatting, integrated debugger, advanced refactoring and advanced navigation. CodeTasty 💖 Free plan available This one is another powerful cloud IDE with lots of features. No need setup required, just start building stuff. ✨ Features Desktop-like speed Extensions support Support for 40+ languages Collaboration Terminal AWS Cloud9 If you use AWS then cloud9 will be a big help because directly connect to AWS. For Just Languages To just learn a language all you need is a text editor and a compiler or equivalent tool. There are some great online text editors you can use instead of trying to figure out how to install a compiler. - GDB online is an online compiler and debugger tool for C, C++, Python, PHP, Ruby, C#, VB, Perl, Swift, Prolog, Javascript, Pascal, HTML, CSS, JS. OnlineGDB has online compilers along with nice text editors for 6 languages - , , , , , Programiz Python C C++ Java C# JavaScript online compiler. CodeChef ideone Tutorialspoint's codingground OneCompiler myCompiler For Smartphones All the above 😂.(Some may not support for mobile browsers) Some of these are very powerful, so don't think that your local dev environment is faster than the cloud environment. Hope you find this useful. First Published here

Maker

Amazon

CodePen

Gitpod

Instantly

Super

2022 - HackerNoon Contributor of the Year - Api

2022 - HackerNoon Contributor of the Year - Mongodb

2022 - No No No Nodejs

Website

Hire Me

Nominated for 2022 - HackerNoon Contributor of the Year - Mongodb

Nominated for 2022 - No No No Nodejs

Nominated for 2022 - HackerNoon Contributor of the Year - Api

Online Playgrounds to Learn Every Tech Stack on the Web

There are many ways to speed up your development time when building a web application. For example, if you're creating a web app from scratch, you may want to use a framework to make your development faster. However it’s not always easy to find the right framework for your web application - so you'll probably be tempted to try a lot of different options out. Still, just because there are multiple frameworks doesn't mean they're all equal. In this article, we'll explore 5 React UI frameworks that I think are worth looking into. React UI frameworks and Component Libraries to look forward in 2022 Here are the 5 frameworks that we’ll cover in this post: Chakra UI Material UI React Bootstrap Ant Design Semantic UI React Chakra UI A simple, modular, and accessible component library Chakra UI is a rising open-source library made by that empowers developers with the building blocks they need to create robust React apps. It is currently my go-to choice when developing new web applications for its simplicity and design. It provides a wide variety of components, it is easily extensible, and it is packaged with some very useful custom hooks. The beauty of Chakra UI is its simplicity and I would recommend it to anyone looking to bootstrap a new web application using React. Segun Adebayo Material UI A robust, customizable, and accessible library of foundational and advanced components Material UI is one of the most popular open-source component frameworks in the React ecosystem. It is maintained by a group of invaluable contributors, with the massive support and involvement of the community. It offers numerous quality components on its base package, which are free to use and MIT licensed on their community edition. However, some components such as the Data Grid and the Date Ranger Picker have some features locked behind their MUI X Pro package which gets you more components and professional support. Nevertheless, Material UI is still a great choice if you are looking for something powerful, flexible, and that most users are familiar with. React Bootstrap The most popular front-end framework, rebuilt for React Originally named Twitter Blueprint, Bootstrap needs no introduction as it is one of the most popular front-end component libraries. It was made by and as a framework to encourage consistency across internal projects at Twitter. React Bootstrap is a wrapper around the original Bootstrap framework which provides most of the components built from scratch as a true React component. @mdo @fat Ant Design A design system for enterprise-level products Ant Design has a React UI library that contains a set of high-quality enterprise-class components for building rich, interactive user interfaces. It is written in TypeScript with predictable static types, internationalization support for dozens of languages, and offers powerful theme customization. had two main goals for this project: build components with a superior design and make the process of developing for the web more accessible for the developers. It is a great choice if you need a complex set of components and it has the support of big brands like Alibaba, Tencent, and Baidu. XTech Semantic UI React A development framework that helps create beautiful responsive layouts Semantic UI React is a jQuery-free integration of the original Semantic UI framework. It uses a unique design that has a declarative API adapted to React. It offers over 50 different components which are very easy to integrate into your project. The only negative aspect I noticed is that some components can be not so easily customizable. Anyway, it is still a solid choice with lots of options for most web applications. UI frameworks allow to build web applications with less code and much faster. They are flexible and easy to use, so it doesn't matter whether you are a professional or beginner in the React world, these frameworks will defiantly help you get started with creating your web application. Thanks for reading! Hopefully you enjoyed the article and have now a better understanding of the React UI framework ecosystem. First Published here

TENCENT

Twitter

Diogo Capela

The Best React Frameworks to Help you Get to Production Faster

Learning web development includes understanding and dealing with terms like CSS, Javascript, and HTML. These are considered the building blocks of the web. Every library or tool is centered around them. A web developer needs to learn about all of these languages well. Most websites are built from these three languages, and that is precisely why every web development course puts emphasis on these languages. Having a strict foundation means knowing programming languages well. Web development courses give you useful lessons on these languages. But before you join the best web development course, it is best to have a heads up about the programming languages. I will start with the very basics as it helps understand matters more easily. What is the Web? The internet is a network of computers that receive and send data. Each of these computers has a unique IP address which is used to locate and distinguish them. The web, on the other hand, is a subset of the internet. The web has the web server and the web browser client. These two components make the system work. The client requests a particular kind of data, and the server provides it. API or Application Programming Interface is responsible for this communication between the client and the server. But when the server shares the data, it is in a more raw form and needs to be arranged and formatted in a way that would be intelligible to the end-users. And this is where web development plays a crucial role. What is HTML? HTML or hypertext markup language is a set of detailed instructions that are written on a manuscript meant to be typeset. Therefore it can be a language that creates instructions concerning the type, format, style, and how a web page will look. HTML structures the page into paragraphs, heading, sections, and so on. What is CSS? HTML gives you the raw representation, while CSS can make your page look presentable. It gives a proper structure to a web page. CSS or Cascading Style Sheets improves how your page appears. has several styles to pick from that can make your page look attractive and give viewers a pleasant vibe. Besides, it also makes your page easy to view and use. CSS You can layout elements by positioning them in particular areas of your page. You just have to select the elements and specify what kind of look you are trying to achieve. CSS selectors are the rules which govern this process. You can do several things with CSS selectors. A web development course will give you a complete guide on what can be done and how to do it. For the time being, let us look at the bare minimum functions it does: Set the colour and background Spacing Typeface Margin Padding It can change the entire look of your page and make it presentable to the eyes and easy to read. What is JavaScript? JavaScript is the programming language. Once your markup and design are ready with HTML and CSS, it is time to implement . It is a program that creates reactions on your webpage. This helps your page and its individual elements to react in a way when an event takes place. You can program conditions, actions, network requests, calculations, concurrent tasks, and other kinds. You can use Document Object Model API to access the elements. DOM lets you change the reactions just as you would want. JavaScript The DOM is very similar to a tree-like representation of a web page. JavaScript adds a kind of intelligent factor to your webpage wherein it can think and act accordingly, similar to how human beings react to certain situations. I hope you have got a basic idea about these three important elements of programming. You can now attend any web development course and be ahead of most students as you already know the ABC of programming. Putting HTML, CSS and JavaScript Together HTML, CSS, and JS are together used to format, design, and program web pages. And when web pages are linked with hyperlinks and their assets like videos, images, and other elements on the server computer, it comes up as a website. This rendering happens on the front end. The users can successfully see what is being displayed and can interact with it. In comparison, sensitive data like passwords are generated from the back end of the website. This information is not displayed on the front of the web page but exists on the server computer. Every user cannot access this kind of information simply by looking at the webpage. This is the easiest explanation of HTML, CSS, and JS. This will help you understand the broader picture, but in order to perform well in your exams and interviews, a web development course is a must as it will broaden your horizons and teach everything about web development and design. page for more information. Refer to this

2022 - HackerNoon Contributor of the Year - Computer Science

2022 - HackerNoon Contributor of the Year - Css

Nominated for 2022 - HackerNoon Contributor of the Year - Css

Nominated for 2022 - HackerNoon Contributor of the Year - Computer Science

HTML, CSS and JavaScript Explained Simply

Even after a few years of coding and a year doing web development, I was apprehensive of doing any work for an actual client. Although I'm good at the stuff I know, dealing with the expectations of another person felt like a step up. It was this that made me wary of taking the plunge into building a website for someone else (especially since they would be paying me for it). But, even though there were lots of new things to learn and obstacles to overcome, I was able to deliver and leave a very happy client. Difficulties There were several challenges I faced as I moved from creating and coding my own projects to working with someone else. Most of the issues that I faced were not to do with the code at all. Here are some of them Not Getting enough Information Before I Started. Based on a few texts send over Facebook I thought I had a good idea of what the client wanted. The website was for a takeaway food service and I had in mind a single-page site with fixed content. After looking into the client's requirements a bit more I realized that the menu would need to be updated every week. Which led me to my second problem. What to do about the Backend Everything that I'd made up to this point was personal coding projects. If I needed to update anything I would go into the code and make any changes that I needed to. Well, this wouldn't work here. I needed to find a way for the client to update certain information on her own. After a bit of research, I realized a content management system would solve this problem; I just had to pick one. WordPress didn't seem to fit in with what I wanted (although I'm sure it could have with more time). In the end, I went with . It allowed me to add a couple of items and retrieve them with a REST API then add them to the code however I wanted. This was the perfect solution for something that I thought might be a big problem. contentful Client Content Another way that this was different from working on personal projects was that I had the client give me content (copy and images) to add to the site. I'm used to sourcing my own images and writing my own copy. It's nice not to worry about this but it also brings about its own issues. I have a writing background and I'm used to writing things my own way. I had to relinquish my own opinions and embrace the client's style of writing. While I did source most of the images for the site myself, some were given to me by the client. I decided here that I would suggest some edits. For the profile picture, I removed the background and added a plain color, and changed the shape to a circle. I didn't know how much design/editing I would need to do but the client was happy with the changes and it didn't take me long to do. Hosting This is another non-code area that I didn't have a lot of experience in. However, I imagine most people wouldn't be too pleased if you told them their website was done and dumped a load of files in their email. Clearly, the website has to be hosted and up and running online. I've hosted (work in progress, guys) using Netlify but I didn't feel like I had loads of experience. my website This was another situation where I was saved by a lot of Googling. In the end, I decided to host it on Firebase. They have pretty good documentation and it was relatively painless to get it up and running. It also had the added benefit of proving the site with an SSL certificate. What was not as easy was getting the different accounts to work together in the way that I wanted. Passwords and Accounts The biggest problem I ran into was how to manage accounts without having full access. For example, I directed the client towards Google Domains to purchase a domain name. It made sense for her to do that as she would be paying for it. However, when I came to setting up the hosting for the site I didn't have access to the Google domains profile, and so couldn't verify the ownership of the domain name. To make things more difficult Google Domains uses the Google ID so for the client to share her password with me would be very insecure. Some furious Googling later I was able to give the client instructions to follow in order to add me as an administrator and be able to verify the domain name. The same thing happened in reverse with Contentful. I set up an account in my name in order to set up the content. Then when it came time to give the client access I ended up changing the username and email to her details. This was not that easy as she had to verify her email address. I'm sure there is an easier way to do it but this was the hacky way that work for me this time. Creating an Invoice Another new experience for me! I hadn't anticipated being asked for an invoice, so again I went to my good friend Google. This was actually a pretty easy fix. I downloaded a template and filled in my details and was all done within 15 minutes. The challenging parts of this project were actually what I enjoyed most. I learned lots of new things and got to play around with some new software. Coming away from the project, I have a much better idea of the aspects of making a website, that goes beyond coding. Wins As well as having some challenges, there were also some definite wins. I found someone who would pay me for what I know. This was pretty cool. It wasn't loads of money but it felt good to be earning doing something I love. The other win was realizing that coding the website didn't feel hard. I've spent so many hours battling against JavaScript it was nice for everything to fall into place. Code-wise, it wasn't a particularly difficult project, but it has given me the confidence to know that I can take on similar projects.

Facebook

Google

2022 - HackerNoon Contributor of the Year - Firebase

Portfolio

Nominated for 2022 - HackerNoon Contributor of the Year - Firebase

Everything I Learnt From Landing My First Paid Client

Here in Part Two of our three-part series, we continue to build on the fundamentals of Android development with the Salesforce Mobile SDK. , we covered project setup and creating a layout that fetches data from Salesforce, using Kotlin as our programming language of choice. In Part One Before we continue towards developing a complete mobile synchronization strategy, we’ll first build out our mobile app to allow editing and creating data on our Salesforce org. Editing Data With the view established, let’s see how we can edit the data. Ideally, we want to maintain the same list format, but make it such that if a user taps on a name, they can edit it. Those changes should then be sent back to Salesforce. To accomplish this, we need to do a few things. First, we need to override the default list behavior to make items editable. Then, after a record edit is complete, we need to make a call to the Salesforce API to update the data. As before, let’s start with the layout. Create a file in called and paste these lines into it: app/res/layout broker_item.xml <?xml version="1.0" encoding="utf-8"?>
<LinearLayout
   xmlns:android="http://schemas.android.com/apk/res/android"
   android:orientation="vertical"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent">

   <EditText android:id="@+id/broker_field"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       />
</LinearLayout> Next, create a file in called , and paste this into it: app/java/com.example.sfdc BrokerListAdapter.kt package com.example.sfdc

import android.content.Context;
import android.text.Editable;
import android.text.TextWatcher;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.EditText;
import com.salesforce.androidsdk.rest.BrokerItemBinding
import com.salesforce.androidsdk.rest.ApiVersionStrings
import com.salesforce.androidsdk.rest.RestClient
import com.salesforce.androidsdk.rest.RestRequest
import com.salesforce.androidsdk.rest.RestResponse

class BrokerListAdapter : ArrayAdapter<String> {
   internal var context: Context
   Private lateinit var brokerItemBinding: BrokerItemBinding
   private var client: RestClient? = null
   private val nameToId: MutableMap<String, String> = mutableMapOf()

   constructor(context: Context) : super(context, R.layout.broker_item, ArrayList<String>(0)) {
       this.context = context;
   }

   fun setClient(client: RestClient?) {
       this.client = client
   }

   fun map(name: String, id: String) {
       this.nameToId.put(name, id)
   }

   override fun getView(position: Int, convertView: View?, parent: ViewGroup): View {
       val inflater = context
           .getSystemService(Context.LAYOUT_INFLATER_SERVICE) as LayoutInflater
       brokerItemBinding = BrokerItemBinding.inflate(inflater)
       val rowView: View = inflater.inflate(R.layout.broker_item, parent, false)
       val brokerField = brokerItemBinding.brokerField
       var item = getItem(position)
       var brokerId = nameToId.get(item)
       val fields: MutableMap<String, String> =  mutableMapOf()

       brokerField.setText(item)
       brokerField.addTextChangedListener(object : TextWatcher {
           override fun beforeTextChanged(s: CharSequence, start: Int, count: Int, after: Int) {}
           override fun onTextChanged(s: CharSequence, start: Int, before: Int, count: Int) {}
           override fun afterTextChanged(s: Editable) {
               item = brokerField.text.toString()

               fields.put("Name", item!!)
               val restRequest = RestRequest.getRequestForUpdate(ApiVersionStrings.getVersionNumber(context), "Broker__c", brokerId,
                   fields as Map<String, Any>?
               )
               client?.sendAsync(restRequest, object : RestClient.AsyncRequestCallback {
                   override fun onSuccess(request: RestRequest, result: RestResponse) {}

                   override fun onError(exception: Exception) {}
               })
           }
       })
       return rowView
   }
} In the Android ecosystem, an adapter defines the functionality of a UI element. Here, we’ve created a new adapter that overrides certain behaviors of . We’ve added a function called , which reuses the same Salesforce API client that we need to populate the list over in . The function associates a broker’s name with their custom object ID—the reason why will be apparent soon. ArrayAdapter setClient MainActivity map is where the bulk of the activity happens. The most important line is the one dealing with . The client calls this to update Salesforce data; it requires the name of the custom object, its ID, and the value to replace (in this case, the name). This event occurs when fires; that is, after the user has finished updating the broker’s name. In a real production environment, you need to for potential errors from the API, but for the sake of brevity, we’ve omitted any type of response checking. getView RestRequest.getRequestForUpdate afterTextChanged check the status codes In , we need to make use of this adapter. First, at the top of the class definition, change to be a instead of an , like so: MainActivity listAdapter BrokerListAdapter ArrayAdapter class MainActivity : SalesforceActivity() {

   private var client: RestClient? = null
   private var listAdapter: ArrayAdapter<String>? = null
   private lateinit var listAdapter: BrokerListAdapter
    ... The modifier allows you to initialize a non-null type outside of the constructor. Next, replace the two functions with these: lateinit onResume override fun onResume() {
        // Hide everything until we are logged in
        mainViewBinding.root.visibility = View.INVISIBLE

        // Create list adapter
        listAdapter = BrokerListAdapter(this)
        mainViewBinding.brokersList.adapter = listAdapter

        super.onResume()
    }

    override fun onResume(client: RestClient) {
        // Keeping reference to rest client
        this.client = client
        listAdapter.setClient(client)

        // Show everything
        mainViewBinding.root.visibility = View.VISIBLE
        sendRequest("SELECT Name, Id FROM Broker__c")
    } Lastly, we need to keep track of the broker’s real name along with their record Id. To do that, we can simply store it in the dictionary the maintains. In , replace the for loop there with this one: BrokerListAdapter sendRequest for (i in 0..records.length() - 1) {
   listAdapter.add(records.getJSONObject(i).getString("Name"))
   listAdapter.map(records.getJSONObject(i).getString("Name"), records.getJSONObject(i).getString("Id"))
} Go ahead and launch the app, and your list items will be editable. Make an edit, and then get ready, because things are about to get wild. Go back to your scratch org, and click on the tab in the Dreamforce app. Your edits should be reflected here on the Salesforce platform! Brokers Adding Data We can edit records, but what if we need to add a new broker? The format for this is pretty similar to the logic we used for fetching and editing records. Let’s quickly go through the steps. Open up main.xml and paste these lines right before the : ListView <LinearLayout android:orientation="horizontal"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:background="?android:colorBackground"
  android:layout_marginStart="10dp"
  android:layout_marginEnd="10dp"
  android:layout_marginTop="10dp"
  android:layout_marginBottom="10dp">

  <Button
     android:id="@+id/add_broker"
     android:layout_width="0dp"
     android:layout_height="47dp"
     android:onClick="onAddBrokerClick"
     android:text="Add broker"
     android:background="?android:colorPrimary"
     android:textColor="?attr/sfColorSecondary"
     android:layout_gravity="center"
     android:layout_weight="1"
     android:layout_marginEnd="10dp"/>
</LinearLayout> Here, we’ve added a button that will call a function called whenever it is pressed. In , we’ll define that method: onAddBrokerClick MainActivity fun onAddBrokerClick(v: View) {
   listAdapter.add("New Broker")
   var fields: Map<String, String> = mapOf("name" to "New Broker",
                                            "Title__c" to "Junior Broker",
                                            "Phone__c" to "555-555-1234",
                                            "Mobile_Phone__c" to  "555-555-1234",
                                            "Email__c" to "todo@salesforce.com",
                                            "Picture__c" to "https://cdn.iconscout.com/icon/free/png-256/salesforce-282298.png")
   val restRequest = RestRequest.getRequestForUpsert(ApiVersionStrings.getVersionNumber(this), "Broker__c", "Id", null, fields)

   client?.sendAsync(restRequest, object : AsyncRequestCallback {
       override fun onSuccess(request: RestRequest, result: RestResponse) {}
       override fun onError(exception: Exception) {}
   })
} Yes, that’s it! Those fields we’ve defined relate directly to the custom object. By setting to null, we’re telling the API that this is a new record. If you add a new row, edit it, and then head back to your scratch org, you’ll see the new data appear online. Id To Be Continued… Building on top of what we accomplished last time, in this post, we were able to edit and add broker data in our mobile app, and then see it reflected in Salesforce. Pretty neat! However, this is only a one-way data change—from the app to the org. What about sending data from the org to the app? In addition, how can we handle network issues that are unique to mobile phones, such as connectivity issues, or multiple people changing fields at the same time? We’ll address these very real concerns in our concluding post! First Published here

Salesforce

salesforce.com

I write about technology michael.bogan@gmail.com

2022 - HackerNoon Contributor of the Year - Devops

2022 - HackerNoon Contributor of the Year - Microservices

2022 - HackerNoon Contributor of the Year - Software

2022 - HackerNoon Contributor of the Year - Software Architecture

2022 - Software Developer of the Year

Nominated for 2022 - HackerNoon Contributor of the Year - Software Architecture

Nominated for 2022 - HackerNoon Contributor of the Year - Microservices

Nominated for 2022 - HackerNoon Contributor of the Year - Devops

Nominated for 2022 - Software Developer of the Year

Nominated for 2022 - HackerNoon Contributor of the Year - Software

Building a Kotlin Mobile App with the Salesforce SDK: Editing and Creating Data - Part 2

This will be my first review, where I will cover a single game released for multiple computer platforms and compare each version accordingly - in this case, I will be taking a look at the 1988 budget game for the main trinity of 8-bit home computers in the West: the (which is the lead platform), the and the . This game is a childhood favourite of mine, as I remember playing it on my ZX Spectrum and trying to get a high enough score to enter my name. multiplatform Codemasters Super Stuntman ZX Spectrum Amstrad CPC Commodore 64 Premise The premise of this game, according to the cassette/disk inlay, is that the player assumes the role of a stuntman in a major motion picture, requiring their talents in order to accomplish a series of increasingly elaborate and dangerous vehicular acrobatics. However, as with many games of this era, the plot is merely a means to an end. On all versions of the game, the player must traverse through seven (7) scenes which need to be completed within a strict time limit, and you are given three (3) lives or for each scene. The scenes in question are: VERY “takes” Desert Speedboat Chase/Boat Race Forest Jump Over the Grand Canyon (Press the fire button to activate a turbo booster at the right time) City Car Chase White Water/Rapids Boat Chase The Grand Finale Main Menu Comparison All three versions showcase the eponymous daredevil standing outside his car, which appears to be a Ferrari/Porsche hybrid. The main menu of each version offers a jaunty little theme tune by David Whittaker using each computer’s respective sound chip (the “beeper” speaker for the Spectrum since this is a 48K only game with no 128K version, the AY chip on the CPC and the SID chip on the C64). The Spectrum version also offers a choice of keyboard controls, the option to redefine them, or a joystick interface of the player’s choice (if you read my review, then you will get a brief description of the Spectrum’s various joystick interfaces and how they work). For this review, I will be playing with the Kempston joystick interface, which is arguably the most popular interface for the Spectrum, using my custom-made 2-button arcade stick. Zythum The Spectrum and C64 only recognize a single fire button due to them using the antiquated standard, while the CPC can support two (2) separate fire buttons using an joystick, although not all games were coded with this ability in mind. Atari 2600 MSX The Game This is what we get when the game starts up - a time limit, score, and a visual damage indicator, which is mainly for show and has no actual bearing on the player vehicle’s functionality (except for the C64 version, which excludes the vehicular mugshot). The goal of each scene is to get to the finishing line at the end before the countdown timer reaches zero (0). On all scenes except for Scene 4 (The Grand Canyon), the player’s vehicle (a car in all but Scenes 2 and 6, where the player controls a speedboat) is equipped with what appears to be a front-facing cannon, since pressing the fire button on the joystick fires a cannonball, which can be used to destroy computer-controlled enemy vehicles (which are controlled with a very simplistic - they just seem to charge forwards indiscriminately and occasionally block the player’s path while shooting at anything in their way). The player will also have to avoid rocks (which block your path) and fireballs (which will cost you a life - on the water-based scenes, the player must avoid crashing into the land, which will yield the same result). AI The sole exception to this rudimentary gunplay mechanic is, as mentioned, on Scene 4, where the player’s cannon is replaced with a turbo booster, which be activated at the correct time in order to successfully jump across the Grand Canyon and reach the finish line at the other end. Engage it too early or late and the player will fall to their death. MUST Oddly enough and possibly unique to this game, the player is awarded points for losing lives or “takes”, gaining 1,000 points in the form of what the game calls , presumably as a sort of reward for showcasing their inner daredevil. You can do this up to twice per scene (your takes are reset at the beginning of a new scene) - if you crash a third time, then the game ends. “Amazing Action” Cheat Mode All 3 versions of this game have a built-in cheat mode, which gives the player infinite time and lives, and given the rather clumsy controls and haphazard level design (we’ll get to that later on, when I’m comparing the 3 versions against each other), it would be wise to enable it as soon as possible. To do this, the player must first get a high enough score to enter their name on the high score table, entering a specific word as their name and confirming it (see the table below): Game Version Name to Enter ZX Spectrum BIG SCORE Amstrad CPC LIVEWIRE Commodore 64 CHEAT (Press key to skip to the next scene during gameplay) Tab Super Stuntman Review and Comparison Presentation The ZX Spectrum version is the original version of this game, and as such, has a decent amount of content and presentation, along with a cool-looking image on the main menu. This look and feel is carried over to the Amstrad CPC port, which improves the visual and auditory aspect, as is to be expected for a multipurpose computer like the CPC. The C64 version is sadly lacking in these elements, and has a much more basic menu. The game’s content is barebones but sufficient to keep the player interested, if only for a limited time, given it is a budget game, and the C64 version actually uses its custom hardware to try to make the in-game world look more lively. Overall Winner: Tie between ZX Spectrum & Amstrad CPC Graphics (Detail & Colour) Graphically, the game looks adequate on all 3 platforms, although each version has some features unique to that particular release. For example, the original Spectrum version has a higher resolution than the CPC and C64, so it wins out in the detail department - you can see what each in-game sprite is supposed to be, although the red fireballs on the Spectrum and C64 are recoloured to blue on the CPC, presumably to prevent them from blending in with the environment (thanks to its low-resolution, 16-colour mode, this is no Spectrum port, something which plagued many CPC games back in the day). My personal favourite colour palette is on the Amstrad CPC, with its vibrant -esque colours and sprite design, although the muted colours on the C64 also work, giving the game a bit more atmosphere. I also like how the water in Scenes 2 and 6 is animated on the C64, while the Spectrum and CPC simply have white spots on a blue background. Sega Overall Winner: ZX Spectrum (Detail), Tie between Amstrad CPC & Commodore 64 (Colour) Sound (SFX & Music) The Spectrum version has what sounds like digitised flatulence due to its single-channel “beeper” speaker, and the vehicular engine noises do not sound at all like a car or a speedboat’s motor bursting into action, although the player does get to hear a noise when the countdown timer goes below 10 seconds, warning them to hurry up (they lose a take if they run out of time). CPC version probably has the best balance of sound effects and music (the main title theme would later reappear in the CPC-exclusive , which I also reviewed on this site recycling music from their previous games seemed to be a Codemasters trademark). C64 version has dire sound effects, worse than the Spectrum version, although the engine sound can be increased in pitch depending on how fast the player goes, which can provide some amusement, and less-than-perfect music. tick-tock Turbo Chopper Simulator - Overall Winner: Tie between ZX Spectrum & Amstrad CPC (SFX), Amstrad CPC (Music) Controls The controls of any videogame can make or break the experience, and in this game, it is certainly a very polarising affair. The game’s controls are very strange in the sense that the player’s vehicle is limited to 45-degree turns in either direction, as if the car or speedboat is standing in the middle of a 180-degree (a device used for measuring angles) and can only rotate within its range. The C64 version also suffers from a case of sudden loss of momentum, meaning if the player’s vehicle hits any kind of obstacle, then they will stop moving immediately, requiring the player to back up (which costs time) and reaccelerate all over again (costing more time), while the Spectrum and CPC versions keep the vehicle at full speed even when hitting a rock or some other obstacle. Firing the cannon is also a bit of a pain, since only a single cannonball can be fired at any time. The C64 version also suffers from slippery controls, while the Spectrum and CPC version’s controls are too stiff. protractor Overall Winner: Draw Super Stuntman Gameplay Review The most important element of this game is also the weakest, sadly - all 3 versions have the exact same game mechanics and there is no exclusive feature for any of them, meaning that if you’ve played one version, then you’ve essentially played them all. I will find, however, that the Spectrum and CPC versions are the most forgiving in terms of difficulty and have a greater margin for error than the C64 port, which appears to be a rushed conversion evidenced by the fact that it has no ending sequence upon completing the last scene of the game (Scene 7), and the game repositions the player just behind the final finishing line, to repeat the process until they run out of time or lives (the Spectrum and CPC versions at least have the courtesy to congratulate the player). The Spectrum and CPC versions have the exact same level layouts and stage designs, while the C64 port tries to redesign the scenes and make them more linear but only ends up cluttering the already chaotic scenery, and the time limit ticks down faster in that version compared to the Spectrum and CPC. Overall Winner: Tie between ZX Spectrum & Amstrad CPC Overall is far from a super game. Codemasters were synonymous with quality games back in this era, although this release from 1988 seems to be a chink in the armour, released during a time when the 8-bit computer era was coming to an end and the 16-bit computers in the form of the , and Japan-exclusive were beginning to hit their stride. A sequel of sorts, entitled , would hit stores 3 years later in 1991 for both 8-bit and 16-bit machines and improve upon this rather problematic first attempt. If I must recommend which version to play, then I suggest either the original ZX Spectrum version or the surprisingly decent Amstrad CPC conversion, which uses that computer’s expanded capabilities with a lower resolution but with the added benefit of additional colours and faster (but less smooth) controls and gameplay. Avoid the C64 port. A somewhat disappointing game, but for a budget title, it could have been worse. Super Stuntman Atari ST Commodore Amiga Sharp X68000 Sky High Stuntman Final Score: 2 out of 5 (ZX Spectrum), 2 1/2 out of 5 (Amstrad CPC), 1 out of 5 (Commodore 64).

Read My Stories

Super Stuntman Review (ZX Spectrum/Amstrad CPC/Commodore 64)

In decentralization, we trust, and in our community, we believe! This interview is part of the ! For those who are reading about it for the first time, HackerNoon is excited to host the contest in collaboration with ! #Decentralized-Internet writing contest QuickNode Here’s your chance to win money from a whopping $5000 monthly prize pool! You can see all here. #Decentralized-Internet stories So without further ado, let’s start the interview. Thank you for joining us! Please tell us about yourself. My name is Kushagra Shiv. I am a web developer from India. I have just started my coding journey and am learning about new technologies. Let's discuss centralized internet first. What is your opinion on the centralized internet? What are its pros/cons? The internet we are using in our day-to-day lives is the centralized form of the internet because centralized authorities control it. What does decentralization mean to you? Decentralization means a peer-to-peer connection and the absence of any centralized authority. How does decentralization change the internet? Decentralization gives creators more control over the internet, and with the absence of any centralized authority, transactions are more transparent. Also, privacy-wise the decentralized internet is more secure as the user does not have to share personal information to access content on the internet. What is the best thing about decentralized internet? The creators and users have control over the internet. And the user does not have to share their personal information. Are you currently directly or indirectly working on the decentralized internet use case? We would love to know more about it. I recently came to know about the decentralized internet, and since then, I have been learning about it. I am a developer and currently making smart contracts and web3 apps (dapps). What are the biggest challenges in the way of the decentralized web? As the decentralized internet is new, there will be some challenges. I think that the price for the transactions is a bit high, but it will be solved with time. Do you have any apprehension or fear related to the decentralization of the internet? The decentralized internet is growing fast, and as a learner, I focus on one thing at a time. Once I learn about one thing, I jump on to another. And every day, something new appears in the world of web3, and that’s why I sometimes feel that I'm missing out on something. How do you see the future of the decentralized internet? A promising future with more opportunities for everyone. Thank you for your time! Any closing thoughts/advice for the readers? I am a newbie in writing. I have never written a blog post or anything before. So if you find something that isn’t correct in your opinion, please let me know, and I know that consistency will overcome the weakness. Thank you.

A Promising Future with More Opportunities: Decentralized Internet Interview with Kushagra

No strategy can help an organization thrive if the people in the organization aren’t resilient to change and chaos. Setbacks and challenging situations - a missed deadline, a lost deal, a failed project, a bad strategy - are everyday affairs at work, and only those who learn to get past them can grow professionally and personally. A resilient mindset is essential to bounce back from challenging situations at work. At an individual level, different people have different expectations and different levels of resilience to deal with challenges and setbacks. While one person may be devastated when their idea doesn’t work out, another may simply move on to try a new strategy. A lost deal can make someone wallow in their misery while another person in the same situation may be up and about already trying to get a new client. Unlike popular belief, people aren’t born to be this way. It isn’t part of their DNA. It’s not an inborn quality that only a few possess. Anyone can learn to be resilient. “Fail fast, be agile, be resilient.” We have all heard this at work. But simply telling people to be resilient doesn’t work. Irrespective of how much we tell our teams to move past failures and learn from mistakes, we know that it isn’t easy to accept a failure. The expectation to do well at work makes people believe that failure isn’t an option. Putting in the effort and not achieving the outcome is always disappointing. Fear, anger and confusion can cause people to feel helpless after a setback and paralyze them from moving forward. The tendency to assign blame to an external factor beyond their control can also leave them feeling hopeless. But there’s a huge difference between feelings of disappointment and letting those emotions turn into feelings of devastation. Being resilient is all about knowing that difference. It’s knowing that failure is a part of life and not an excuse to stop trying, avoid risk or ignore challenging circumstances. It’s not displaying toxic positivity, but rather having a sense of realistic optimism. It’s staying flexible and adapting to the change around us and not being rigid about our beliefs and expectations. Resilience is building a sense of coherence, both physically and mentally by observing, adjusting and adapting to the world around us. Victor Frankl, a neurologist and a holocaust survivor, writes in Man’s Search for Meaning: When we are no longer able to change a situation, we are challenged to change ourselves. In other words, we can’t control our circumstances, but we can control our attitude to those circumstances. Resilience is all about that attitude. 4 methods to help your team fail fast and be resilient at work By adopting these 4 techniques, you can improve your team’s ability to succeed in difficult situations by bouncing back from failure: 1. Don’t try to flip the switch. Resilience = Ability to deal with emotions I was part of a five-member team tasked with the project to reduce the processing time of one of our products by more than 80%. Large processing time was impacting business and making our clients super unhappy about our product. We were thrilled as a team to take on this challenge. After months of working on the product and getting it to close to our initial target, we hit a major roadblock. We learnt that one of our core assumptions about deploying the solution was faulty and our original strategy may not work. It was a major disappointment for the entire team. We had already spent so much time trying to make it work. This was on a late Tuesday evening. The next morning when we told our manager about the problem, he simply said “Let’s move on. What’s the next step?” What’s the next step? Aren’t you even slightly disappointed about all the effort that has been wasted? Do you even care that we put in so much time and energy in trying to make it work? Even with right intentions at heart, his message didn’t land very well with the entire team. He wanted to move forward with another solution instead of wasting time in discussing what clearly doesn’t work. And I don’t blame him for thinking forward. His only mistake was expecting people to flip from one emotional state to another in a moment, just like that. When dealing with failures and setbacks, building resilience isn’t about ignoring emotions and trying to be rational. It requires accepting those emotions while staying rational. It requires giving people space and time to process, reconcile and come to terms with what just happened. An essential step to “move on” and build resilience is to process and analyze the failure or the mistake and use that as an opportunity to do better next time. As a manager, you may think that talking about failure will make your team feel worse about their situation, but it has quite an opposite effect. To build resilience as a team, give your team time to deal with their failure and then help them see past it and into the future. Don’t try to do both at the same time. Give them time to ponder over their mistakes, then regroup to discuss the changes you can make as a team or the practices you can adopt to avoid them in the future. Summary: 2. Don't try to motivate them. Resilience = Learning to face reality A mistake I made later as a manager myself was trying to save my people from “feeling bad” about their failures. I would try to shift their mood by toning down the failure or the mistake. I thought it would be a good motivation technique to keep them productive. But I was wrong. Don’t say things like these - “No one could have guessed the market shift. We are doing better than so many others who couldn’t survive the change.” “Losing this client is no big deal. We weren’t going to generate a lot of revenue through them.” Being resilient requires raising the bar and emerging stronger, not lowering down your expectations. By comparing yourself to those who are doing worse off than you are, you don’t convey a strong desire to work hard and rise above the challenge. Building resilience requires facing the uncomfortable truth. It requires letting your team face the reality of their situation. Don’t sugar coat the message. Don’t try to avoid disappointments. Don’t try to be nice or kind. Describe the situation and share feedback as they need to hear. Convey the importance of achieving outcomes while not tying those outcomes to their identity. You can be caring and still hold them accountable at the same time. Most importantly, make them see that they are in control of their situation and then help them identify the next steps to move forward. When you learn to let go of the details you can’t control, the amount of time and energy you’ll be able to devote to the things you can control will give you the ability to accomplish incredible feats - Amy Morin You don’t need to increase your team’s motivation when they fail. Build their resilience by helping them feel in control of their situation. Make them believe that come what may, they will have the courage and strength to get past it and come out on the other side stronger than they started. Summary: 3. Inculcate a fail fast mindset. Resilience = Feeling comfortable with taking bigger risks Small wins and failures are much better than massive setbacks and large accomplishments. Yes, big project victories are celebrated much more, but they are really a gamble. When you go all in, the outcome can go either way. Irrespective of whether you succeed or fail, there’s less opportunity to learn from the process. However, when you encourage your team to take small steps in the direction of their goals, they don’t lose sight of the big picture, and yet they get both a sense of progress and an opportunity to tweak as they move along. They not only learn what works, but also what does not work. Once your team feels comfortable with small steps, they will be much more willing to take bigger risks because they now have a recipe to bounce back from difficult situations. They know that at any point in time they can go back and rework on a specific step without feeling overwhelmed by the overall scope of the project. The ability to break down a large problem into a series of tiny experiments encourages a fail-fast mentality. It’s a great strategy to build resilience in your team. Summary: 4. Shift from problem to solution. Resilience = Forward thinking with a solution mindset All the things that individuals fall prey to — misattribution and rationalization — are compounded on a team and add exponential complexity to the process - Ben Dattner When a group fails, some people may be more hurt by the failure than others as they may have a different stake in the project. Depending on how they view the situation, some level of finger pointing and blame games is common in such situations. Spending time regretting past decisions or identifying who to blame can only lead to inaction. As a manager, it’s your responsibility to help the entire team take responsibility for the outcome and move on. It’s important to know the cause, but far more important is to determine what to do with that information. How to react and act once you know better. Ask these questions to help your team problem solve together: What do you think happened? What can we learn from this situation? What would you do differently next time? As a team, what was your biggest learning from the project? Building resilience requires shifting from blame games to shouldering responsibility as a group. When team members engage in constructive problem solving with a focus on the future, they emerge stronger as a team. Summary: Summary Resilience isn’t about not feeling disappointed about your failures. It’s about not letting those emotions prevent you from moving forward. Building resilience is essential to deal with challenges and setbacks at work. It’s a key component in professional growth. As a manager, you can help your team use failures as learning opportunities thereby making them more resilient to setbacks and be more willing to embrace difficult situations. When your team is feeling emotional about something that didn’t go necessarily well, acknowledge their emotions first. You can try to fix the situation later. Building resilience isn’t about ignoring feelings. Don’t try to be nice or say things to make them feel good. State facts. Share feedback as they need to hear. Building resilience requires facing reality, not denying it. People need to feel in control of their situation. Encourage a fail fast mindset by helping your team see the value in taking small steps and using that to build the courage to take bigger risks. Don’t let finger pointing and blame games get in the way of finding solutions. Hold your entire team responsible for failures and help them find solutions to move forward as a group. Previously published here .

Target

2022 - All About Teamwork

2022 - HackerNoon Contributor of the Year - Company Culture

2022 - HackerNoon Contributor of the Year - Leadership

2022 - HackerNoon Contributor of the Year - Management

2022 - HackerNoon Contributor of the Year - Management And Leadership

2022 - HackerNoon Contributor of the Year - Personal Development

2022 - HackerNoon Contributor of the Year - Self Improvement

2022 - Remote Work Warrior

Learn and be better everyday

Nominated for 2022 - All About Teamwork

Nominated for 2022 - HackerNoon Contributor of the Year - Leadership

Nominated for 2022 - HackerNoon Contributor of the Year - Self Improvement

Nominated for 2022 - Remote Work Warrior

Nominated for 2022 - HackerNoon Contributor of the Year - Management

Nominated for 2022 - HackerNoon Contributor of the Year - Management And Leadership

Nominated for 2022 - HackerNoon Contributor of the Year - Company Culture

Nominated for 2022 - HackerNoon Contributor of the Year - Personal Development

The Fail Fast Mindset: How to Help Your Team Fail and Be Resilient at Work

When Facebook rebranded to , Metaverse became the talk in the blockchain industry, and the trend has continued into 2022. A metaverse is a virtual world where you can do real things such as the ones of this world, such as exploring, meeting people, attending concerts, traveling, and more. These worlds have economies that are based on their native currencies. However, developers have built these worlds on the blockchain, such as Ethereum; hence they are part of the transactions. Meta There are many shapes that metaverses have taken, ranging from simple gaming spaces to and even more. Note that for now, the metaverse is still in its infant stage and only has a few immersive features. However, in a few years, technology will evolve more to make the metaverse even more realistic, and the transition has already begun with projects such as LunaOne. NFT marketplaces Investors can't get enough of the metaverse projects in response to this new niche. They can buy, sell and even create products and tokenized funds. In this article, we shall look into Bitcoin-like projects in this space. Let's dive in. Bloktopia (BLOK) is a metaverse made up of a 21-level skyscraper on Polygon. The number representation(21) is the 21 million maximum supply of BTC. Bloktopia bases itself on four principles; learn, earn, play and create. Bloktopia Bloktopia users, also known as blocktopians, earn revenue through advertising revenue, play-to-earn games, real estate ownership, building networks, etc. The play-to-earn feature has become a hot topic in the gaming community and is picking traction. Bloktopia does not just stop at selling real estate. It goes further to introduce renting to tenants. To this effect, each Reblok floor can be rented or hired for a single event. Users can also generate ad revenue as other players hang around their level. Meanwhile, its native token, BLOK, is used to purchase or lease any in-game real-estate property. On the marketplace, the token allows you to purchase anything and receive funds from sales. Furthermore, users holding BLOK can participate in governance. NFT The Sandbox(SAND) Sandbox is a virtual world where players can build games, monetize them, and buy and develop land on the Ethereum blockchain. Players can also create and trade NFTs on the marketplace and integrate them into games. The metaverse has a native token, , used in the in-game economy. Players can use it to buy and develop land and trade NFTs. In addition, the project uses the token for rewards for the play-to-earn model. SAND Folks often term Sandbox as the playground of tomorrow. The reason being users can both create and benefit from their creation financially. However, note that the project is not 100% decentralized because it depends on Amazon's AWS Cloud Services. The project's Game Maker feature allows anyone to develop ideas and transfer them into 3D games for free. Unlike most games, it requires no coding since it provides visual scripting tools. Decentraland positions itself as a platform offering a complete metaverse experience. Its immersive world is a digital alternative to the one we live in, whereby users can build everything from scratch. It has made so many advances so far, including galleries, museums, and arcade parks, among others. Decentraland Decentraland's core economy is based on the blockchain. Hence, it establishes ownership, digital identities, and rarity for unique items. Established in 2016, its founders turned a basic 2D game into a large world that now boasts hundreds of thousands of dollars in NFTs. It finally blew up in late 2021 and did not seem to be slowing down. The core economy of Decentraland is based on blockchain to establish digital identities, ownership, and rarity for unique items. It's one of the most famous and well-known projects predating the big metaverse craze in late 2021. LunaOne is the first decentralized virtual society that allows gaming, earning, and studying in a seamless Web 3.0 environment. The team believes that the project that can influence all aspects of human life, such as Bitcoin, is considered the future of finance in a decade. In addition, both projects are decentralized, whereby there is no central body making the decisions. LunaOne LunaOne users can get anonymous and secure access through a unique avatar they can create. These avatars will offer seamless and limitless travel throughout the metaverse as they are NFT representations. The will also receive AR/VR life-like interactions through partnerships by the project. In addition, they can access events, live concerts, marketplaces, apartments, offices, and more. community LunaOne will also offer decentralized in-verse communication to facilitate communication between users. The project will also launch streaming services to keep the community active for entertainment and engagement purposes. Axie Infinity This article would not have been complete without mentioning one of the top most popular and highest paying games on the metaverse. If you have heard of Pokemon, Axie Infinity is similar to an adorable NFT pet game. However, apart from the physical similarity with the 1996 video game, nothing else is alike. Users must purchase three Axies that inhibit the Axie Infinity for participation. They then breed them to bring about other Axies with unique skills. In addition, they can increase value and experience when used in various play-to-earn apps. universe Axie Infinity runs on the Ethereum blockchain and is one of the top Metaverse projects. Over time, the high transaction fees and slow speed prompted the building of the Ronin sidechain to handle the project's transactions. As a recent update, Ronin's daily transaction volume has grown to about four times Ethereum. In 2022, the developers are speculating for more growth. Bottomline Metaverse hit in popularity last year and this year; they might scale even more as they keep advancing and introducing new features. Contrary to cryptos, it is a more accessible platform that does not require much tech knowledge. However, similar to cryptos such as , it is set to revolutionize many aspects of today's world and take the world to the next tier of technology. Bitcoin Meanwhile, don't forget that the metaverse is only in its initial stages of development. The involved projects hope to implement planned features, and only time will tell how efficient they will be. Also, it is not easy to predict how fast and expansive the metaverse realm will grow. However, the current metaverse projects seem confident that mainstream adoption will occur soon.

Ethereum

Polygon

Decentraland

The Sandbox

Axie Infinity

fees

2022 - HackerNoon Contributor of the Year - Art

2022 - HackerNoon Contributor of the Year - Cryptocurrency

2022 - HackerNoon Contributor of the Year - Investing

2022 - HackerNoon Contributor of the Year - Music

2022 - HackerNoon Contributor of the Year - Smart Contracts

Bitcoin Made Easy!

Nominated for 2022 - HackerNoon Contributor of the Year - Music

Nominated for 2022 - HackerNoon Contributor of the Year - Art

Nominated for 2022 - HackerNoon Contributor of the Year - Smart Contracts

Nominated for 2022 - HackerNoon Contributor of the Year - Cryptocurrency

Nominated for 2022 - HackerNoon Contributor of the Year - Investing

Is there a Bitcoin-Like Project in the Metaverse Space?

Russia invaded Ukraine on the 24th of February 2022. Belarus offers logistic support to the Russian army. Our company website until the invasion stops. We don't intend to punish our readers from Russia and Belarus but to show dissatisfaction and disapproval of the political and philosophical stance of the Russian government. won't be available in Russia and Belarus Our company and I are in . In addition to being against war, we strongly oppose evil and destructive ideas that support autocracies. Make no mistake, , but a joint effort of individuals who believe it is not you who should be deciding how to live your life. strong supporters and believers individual liberty, free trade, and free association this is not the doing of one man We will continue doing as much as possible to show our support for the Ukrainian people and invite you all to do the same. If you use CloudFront as your CDN, the following tutorial will help you to and block traffic from Russia and Belarus. enable CloudFront Geographic Restrictions If you are using any other CDN or a different provider, send us an email at . I will personally assist you in blocking traffic. hello@crocoder.dev I will show you three ways to block traffic depending on how your CloudFront distribution is provisioned. Manually / AWS Console CloudFormation Terraform Manually / AWS Console Open and choose the distribution. CloudFront Distributions Click on the tab. Click on edit button. Geographic restrictions Check and select from the dropdown Russia and Belarus. Click Save changes. Restriction type - Block list You have just blocked all traffic from Russia and Belarus. All visitors from those locations will get status code. 403 (Forrbidden) CloudFormation If you are deploying the CloudFront via CloudFormation add this code to in CloudFrontDistribution Properties. Restrictions Use the following code snippet: CloudFrontDistribution:
  Type: 'AWS::CloudFront::Distribution'
  Properties:
    DistributionConfig:
      ...
      Restrictions:
        GeoRestriction:
          Locations:
          - RU
          - BY
          RestrictionType: blacklist Terraform You can easily add restrictions objects to your . aws_cloudfront_distributions Use the following code snippet: resource "aws_cloudfront_distribution" "website_distribution" {
  ...
  restrictions {
    geo_restriction {
      restriction_type = "blacklist"
      locations        = ["RU", "BY"]
    }
  }
} Thank you for reading. ❤️🇺🇦 Also published on . CroCoder

StandWithUkraine

Book a Call

How to Block Traffic to Your Website from Russia and Belarus

When the internet and the first personal computers were first invented, marketers had to invent reasons for people to buy them. That's right. People didn't immediately rush to the first Apple store they could find to buy a $500 personal computer that could do little more than a digital calculator today. So Apple had to find a way to advertise computers to people. They needed to find a use for computers. That's right — Steve Jobs and his partner basically had to find a use case for personal computers . Does that sound familiar? They had to tell people that personal computers are great for stuff: like making recipes, teaching kids maths, and balancing checkbooks. This is getting really familiar, isn't it? Yeah, computers are great for things like that, but as everyone soon learned, that doesn't even scratch the surface of what they are great for. This stage of innovation, where people advertise an amazing product by just scratching the surface of its potential so that it can be relatable to people, is where Web3 is right now. And that's why memes have (and could) become such an important aspect of it. The History Of Memes While we may think of memes as something that is a 21st-century invention or edgy Bois on 4chan and Tumblr, it's important to remember that we've always had memes. And I don't just mean we've always had memes from the modern era or even the era before the modern era. I mean Pictures that convey an idea have always been a staple of our civilization, and it seems they've taken on even greater relevance today. since ancient Egypt. In fact, it's gotten to the point that a huge part of every new technology is usually converted, in some way, to serve the needs of memes. When the printing press first became important in Europe, (which were called political cartoons at the time). When color printers were invented, the very first thing we used them to do was make even more colorful political cartoons. the first newspapers carried memes Even when the internet was created, the first These pictures go by different names — but at their core, they are funny images— or even ideas in some cases that have a shared meaning and that instantly transmit information. images to be communicated were memes. And right now, it seems like memes may be the driving force of Web 3.0 The Potential Of Web 3.0 In theory, Web 3.0 is a game-changer. In a lot of ways, Web 1.0 and Web 2.0 were game-changers too — but it's generally agreed that Web 2.0's revolution was the more important of the two. This is despite the fact that some claimed that the internet, in Web 2.0 format, wouldn't be more important than the Fax Machine. Today, we already have structures that are already put in place in preparation for Web 3.0. We already have a Bitcoin payment processing gateway and business crypto wallets like Coinspaid. With wallets like , you can accept payments in Bitcoin, Ethereum, USDT, and other digital currencies. Coinspaid On the blockchain end of things, there are other right now that allow you to access infrastructure, earn yields, and integrate DeFi solutions. Ankr decentralizes Web3 infrastructure, an important next step in DeFi. If “decentralized” infrastructure is centralized, then it defeats the purpose. It becomes vulnerable to attacks and regulations. Polygon and Binance are already using this protocol to supplement their own networks. tools available To learn more about the past, present, and future of Web 3.0, I suggest podcasts or some light reading. * *is great if you want to dive deeper into the complexities of this new paradigm. Beyond Bitcoin: Decentralized Finance and the End of Banks The Memification Of Web 3.0 The scale of the changes that Web 2.0 brought to our world shows just how immense Web 3.0 could be. Unlike Web 2.0, Web 3.0 will be heavily based on machine learning, artificial intelligence, and will create even more transparent systems for the web to run on. But this doesn't mean that Web 3.0 won't have similarities with Web 2.0. One similarity is certainly the fact that memes are shaping up to be an important part of the infrastructure of both webs. And that similarity is shaping up to be a huge part of Web 3. In fact, it may be the single most important cultural factor driving the popularity of Web 3.0. There are a lot of components that make up Web 3.0, but of all those components, three stand out right now. The first is the blockchain, the second is a cryptocurrency, and the third is NFTs. And two of those three elements have significant communities built around memes. According to Binance, meme coins are meme-inspired cryptocurrencies. In 2021, eleven years after Bitcoin, the meme coin market saw unbelievable growth. To really understand that growth, it's important to look at the price of the foremost meme coin, Dogecoin, a coin that was based on the meme of a popular dog called Doge. In December of 2018, was worth around $0.017. In less than two years, the coin went from being worth $0.017 to being worth $0.50, which means it experienced a 20,000% increase in just around three years or so. Dogecoin The thing to remember about this coin is that it really doesn't have a great use case. It's basically a coin that was made as a joke. And just because it went viral as a meme coin, it created a community that was capable of giving the coin a 20,000% increase. If you'd bought just 10,000 dollars worth of the coin at any time in 2018, you'd almost certainly be a millionaire because of it. Elon Musk even made Tesla merch available to . buy with Doge Companies aren’t the only ones accepting crypto as payment. El Salvador, Canada, Australia, and even many businesses in America . There are even that allow you to buy digital assets in the metaverse. Hype creates creativity and innovation. now accept crypto Meta-malls All of that was done because of a community based on a meme. Crypto isn't the only element of Web 3.0 that has a huge meme influence either. NFTs, which could be a lot more, are essentially being marketed by memes these days. Coincidentally, some of the most expensive NFTs in the world are memes. Right near the top of that list is the NFT of the dogecoin itself, which recently sold for four million dollars. The sold by Disaster girl herself no less, sold at around $500,000. The sold by the girl in the meme herself, raked in $411,000. And lastly, a literal flying, rainbow, meme sold for $590,000. Disaster girl NFT, Overly Attached Girlfriend NFT, Pop Tart cat Why That Could Be A Good Thing The question you're probably asking yourself right now is why. Why are memes such a huge driving force on the internet and the world? But the question shouldn't be why. We already know the answers that we need to know. For some reason, memes and virality are very essential tools for bringing groups of people together. They essentially work like flags — they signal camaraderie, they are a quick way of spreading information, and they are funny. And just like making recipes and the ability to create cookbooks were used to market the very first personal computers, memes can be an important channel for creating the first Web 3 communities. The Memification of web 3 is pretty inevitable, and meme coins and NFTs will always be important. The only question that remains is whether they can be used to drive adoption. Right now, . It's an exciting space, but it's also a space that's sparsely populated. Building more products around memes could just be that magic pill to populate the space, and create the economy needed to truly build a connected Web 3.0. Web 3.0 is growing slowly Featured image from freepik.com

HackerNoon Tech Stories Archive March 5th, 2022

Online Playgrounds to Learn Every Tech Stack on the Web

@itsrakesh
Rakesh Potnuru

The Best React Frameworks to Help you Get to Production Faster

@diogocapela
Diogo Capela

HTML, CSS and JavaScript Explained Simply

@supernerdd007
Rohan Rai

Everything I Learnt From Landing My First Paid Client

@johnpalmgren
John Palmgren

Building a Kotlin Mobile App with the Salesforce SDK: Editing and Creating Data - Part 2

@MichaelB
Michael

Super Stuntman Review (ZX Spectrum/Amstrad CPC/Commodore 64)

@stefanopavone
Stefano Pavone

A Promising Future with More Opportunities: Decentralized Internet Interview with Kushagra

@kushagra
Kushagra Shiv

The Fail Fast Mindset: How to Help Your Team Fail and Be Resilient at Work

@vinitabansal
Vinita Bansal

Is there a Bitcoin-Like Project in the Metaverse Space?

@CryptoAdventure
Crypto Adventure

How to Block Traffic to Your Website from Russia and Belarus

@devabram
David Abram

Web3 and the Meme Economy

@kurtivy
Kurt Ivy

HackerNoon Tech Stories Archive March 5th, 2022

@itsrakeshRakesh Potnuru

@diogocapelaDiogo Capela

@supernerdd007Rohan Rai

@johnpalmgrenJohn Palmgren

@MichaelBMichael

@stefanopavoneStefano Pavone

@kushagraKushagra Shiv

@vinitabansalVinita Bansal

@CryptoAdventureCrypto Adventure

@devabramDavid Abram

@kurtivyKurt Ivy