teleren/devto huggingface dataset:
How can I run Xcode 12.5.x on Monterey? (Search record)
Tags: xcode, monterey, xcode13, xcode12
Published: 2023-06-11 10:29:44

---
title: How can I run Xcode 12.5.x on Monterey? (Search record)
published: true
date: 2022-07-22 08:33:42 UTC
tags: xcode,monterey,xcode13,xcode12
canonical_url: https://medium.com/@staceypyee/how-can-i-run-xcode-12-5-x-on-monterey-search-record-7e2878efcd49
---

This is just a note from my search record.

**Original Post:**

[How can I run Xcode 12.5.1 on Monterey?](https://stackoverflow.com/questions/69994916/how-can-i-run-xcode-12-5-1-on-monterey)

**Background:**

I updated to Xcode 13 so that I can run the code on my actual device. However, there is some issues with my unit testings in Xcode 13, thus installing Xcode 12.5.x for easier compilation.

**Working Solution: (Copied from the best workable answer in Stackoverflow)**

The solution is very simple. If you have the older version downloaded in your Applications folder for example, lets say 12.5.1 version, you just need to:

- Open Terminal
- Open Applications folder in Finder
- Drag the Xcode app into Terminal so it gets its path
- Then add this next to it: /Contents/MacOS/Xcode, so the full command will be something like /Applications/Xcode-12.5.1.app/Contents/MacOS/Xcode
- Press enter to run the command

Now you should be able to run it. You will note that when you open this version of Xcode, the Terminal will open too, but don’t close Terminal because it will close the Xcode too.
How to create triangles in CSS
Tags: css, html, webdev
Published: 2022-07-22 08:32:09

In this post, we are going to see a simple method to draw a triangle in CSS using borders.
```html
<div class="triangle-up"></div>
<div class="triangle-down"></div>
<div class="triangle-left"></div>
<div class="triangle-right"></div>
```

## Triangle Up
Triangle is one of the simplest shapes in geometry. It can be drawn with just three straight lines and a couple of angles.

1. Set a width and height of 0.
2. Set the border color to transparent.
3. Set the top border to 0.
4. Set the side borders to half the width.
5. Set the bottom border to have the full height.
6. Set a color for the bottom border.

```css
.triangle-up {
  width: 0; 
  height: 0; 
  border-left: 15px solid transparent;
  border-right: 15px solid transparent; 
  border-bottom: 15px solid red;
}
```
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c6v74y7hiq0oihmawh34.png)

## Triangle Down
```css
.triangle-down {
  width: 0; 
  height: 0; 
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid blue;
}
```
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x5n0u28q42i8yff4wtnf.png)

## Triangle Left
```css
.triangle-left {
  width: 0; 
  height: 0; 
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent; 
  border-right: 15px solid yellow; 
}
```
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kp73luwplu4mvylnhyl4.png)

## Triangle Right
```css
.triangle-right {
  width: 0; 
  height: 0; 
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid green;
}
```
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/36ul4s884a4bazx4y1la.png)
A cash-returned assure is a massive
Published: 2022-07-22 08:25:00

[Exam Dumps](https://reliableitdumps.com/) A cash-returned assure is a massive issue to don't forget in case you need to shop for take a look at dumps with self assurance. The ensures that their offerings are risk-unfastened. You have the proper to money back in case you aren't thrilled with what they promised for something cause. claims that if applicants do now no longer skip the examinations, E[xam Dumps](https://reliableitdumps.com/) they'll acquire a complete refund. Credit playing cards and PayPal are the handiest approaches of price which are accepted. They provide offers on a everyday foundation, so test out their internet site.  Are you searching for for a internet site that gives content material for certification tests?  

Visit for more details……..>>>>>>>>> https://reliableitdumps.com/
https://reliableitdumps.com/az-900-dumps/
https://reliableitdumps.com/n10-006-dumps/
https://reliableitdumps.com/comptia-security-dumps/
React Router Dom V6 Boilerplate
Tags: react, routing, javascript, webdev
Published: 2022-07-22 08:20:12

**Package:**
[React Router Dom](https://reactrouter.com/)

**Installation**
_Npm:_ `npm install react-router-dom@6`
_Yarn:_ `$ yarn add react-router-dom@6`

_App.js_
```
import { BrowserRouter as Router, Route, Routes } from "react-router-dom";

const App = () => {
  return (
        <Router>
              <Routes>
                <Route path="/" element={<Component_Name />} /> //home directory
                <Route path="/path_name" element={<Component_Name />} /> 
                <Route path="/path_name/:dynamic" element={<Component_Name />} /> //dynamic route
                <Route path="/path_name" element={<Component_Name />} />
                <Route path="/*" element={<Component_Name />} /> 
              </Routes>
        </Router>
  );
};

export default App;
```

Follow me on : [Github](https://github.com/jps27cse) [Linkedin](https://www.linkedin.com/in/jps27cse/)
Recommended VSCode Extensions for Nuxt3 and Vue3 Development
Tags: vue, javascript, html, nuxt
Published: 2022-07-22 08:12:37

Recommended [VSCode](https://code.visualstudio.com/) Extensions

For Vue, Nuxt, HTML and CSS

- [Vue Language Features (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.volar): Recommended for Vue3 and Nuxt3
- [Prettier - Code formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) Code formatter
- [Stylelint](https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint) CSS Linting
- [Auto Close Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag) Auto closing html tags
- [Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag) auto rename closing or opening tag
- [axe Accessibility Linter](https://marketplace.visualstudio.com/items?itemName=deque-systems.vscode-axe-linter): Give accessibility feedback right in the editor

For CSS framework of your choice
- [UnoCSS](https://marketplace.visualstudio.com/items?itemName=antfu.unocss): Atomic CSS engine intellisense
- [Windi CSS Intellisense](https://marketplace.visualstudio.com/items?itemName=voorjaar.windicss-intellisense): Next generation utility-first CSS framework
- [Tailwind CSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss): A utility-first CSS framework

For Typescript and Javascript

- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) Code Linting

Other helpful ones
- [Import Cost](https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost): helps optimizing import to reduce the build size by making it more tree-shakable code
- [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker): helps to avoid spelling mistakes
[3/40 things about data] Good data models make good products
Tags: data
Published: 2022-07-22 08:10:13

When the data model is not well designed, everything that goes after feels wrong. You feel like you are doing hacks and tweaks all the time.

When the data model is the right one everything flows, it’s easy to explain, when you make a change it just fits like a good Tetris play. Only time will tell if the data model was the right one. If after some years you still use the same data model (maybe not the same database or same code) you did it right. It’s not that different to cars, buildings, companies…

Designing a good data model takes time, prototypes and a good understanding of the reality you are modelling (see point 1 for more info).
If you are planning on creating a mobile app for your company or website, to create a professional Android app.
Tags: android, android12, games
Published: 2022-07-22 08:10:03

Today, there are so many apps for Android that it is considered a must-have for anyone who wants to start a new career in this industry. If you are planning on entering this field, then you have two paths to follow: develop an app yourself or get it made by a professional.

It is often said that it is necessary to have a good knowledge of Java to develop a mobile app, but this is not the case. Even if you do not have a lot of experience with computer languages, such as HTML, you can still create a website with the help of WordPress or [blogger](https://www.latestmg.com/).

You can also create free apps for your website or other topics using various platforms. One of the most popular platforms for making apps is Appmakr Se. This app maker provides its users with the basic plans of the app, which start at around Rs.70 a month.

You can hire a registration plan that includes 12 months of continuous payment on the App Maker platform. After that, you have to pay 2 dollars a month for the privilege of using the native app system of Android. In exchange for this, you will get access to the various features of the app.

[Phantom rose](https://www.latestmg.com/2022/07/phantom-rose-scarlet.html)
[The walking dead survivors](https://www.latestmg.com/2022/07/the-walking-dead-survivors.html)
[Motor dopt](https://www.latestmg.com/2022/07/motor-depot.html)
[Open](https://www.latestmg.com/2022/07/state-of-survival.html)
[Dead by day light](https://www.latestmg.com/2022/04/dead-by-daylight.html)
[Wps](https://www.latestmg.com/2021/12/wps-office-mod-apk.html)
[Shadow fight](https://www.latestmg.com/2022/07/shadow-fight-arena.html)
[Subway surfers](https://www.latestmg.com/2022/05/subway-surfers.html)
[Hungry Shark](https://www.latestmg.com/2022/01/hungry-shark-evolution-mod-apk.html)
[Chicken gun](https://www.latestmg.com/2022/07/chicken-gun.html)
Move data out of closure
Tags: rust, gtk, gui, beginners
Published: 2022-07-22 08:06:00

Finally solved this issue! Entry works, I can type some text with application buttons. 
This is in addition to the [first](https://dev.to/antonov_mike/making-gtk-keyboard-on-rust-2fma) and [second](https://dev.to/antonov_mike/refactoring-gtk-keyboard-3iop) post on the subject “Making GTK keyboard on Rust”.

We should add glib to the list of **[dependencies]**
```Rust
glib = "0.15.12"
```
And to the list of crates
```Rust
use glib::clone;
```
Now connect and clone!()
```Rust
    button_1.connect_clicked(clone!(
        @strong entry =>
        move |_| {
            entry.insert_text("1", &mut -1);
        }
    ));
```
Any time we need to move data out of closure we need to @strong clone it. After this we can use **insert_text()** or **set()** – depends on your goals.
If we want to store some value in a variable we need to @strong this variable and use Reference Counter. This is a part of standard library so we don’t need to change our **Cargo.toml** file.
```Rust
use std::rc::Rc;
```
Now create some variable of type `Rc<Cell<f64>>` and clone it into closure
```Rust
let some_value: Rc<Cell<f64>> = Rc::new(Cell::new(0.0));
```
This is the same as in the previous example
```Rust
@strong entry, @strong some_value =>
```
Here we go! We can type, change entry and store everything
```Rust
    button_1.connect_clicked(clone!(
        @strong entry, @strong some_value =>
        move |_| {
            set_value(&some_value, 1.0);
            entry.insert_text("1", &mut -1);
        }));
// some code
pub fn set_value(some_value: &Rc<Cell<f64>>, entered_number: f64) {
    some_value.set(some_value.get() * 10.0 + entered_number);
    println!("{}", some_value.get());
}
```
As you can see entry and some_value were cloned into closure. Data moved into **set_value** function. Here we can change our variable – it will be the result of concatenation of the previous and new value. We need **get()** to get data out of RC and **set()** to set the new one.
Now every time you press a key, you will see the updated value of the variable on the command line. For example:
1
15
158
Today's Daily Humor For Devs - Daily Developer Jokes
Tags: jokes, dailydeveloperjokes
Published: 2022-07-22 08:00:22

---
title: "Today's Daily Humor For Devs - Daily Developer Jokes"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
published: true
tags: #jokes, #dailydeveloperjokes
---

Hi there! Here's today's Daily Developer Joke. We hope you enjoy it; it's a good one.

![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e1259d54c109.png)

---

For more jokes, and to submit your own joke to get featured, check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/). We're also open sourced, so feel free to view [our GitHub Profile](https://github.com/dailydeveloperjokes).

### Leave this post a ❤️ if you liked today's joke, and stay tuned for tomorrow's joke too!

_This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit._

<!--
Joke text:
___Q___: Did you here about the witch who was off by two when casting a hex?

___A___: They failed to make the target DEAD and made them DEAF instead!
 -->
Free Axure Wireframe Kit for Web and Mobile Development
Tags: analytics, analyst, axure, wireframe
Published: 2022-07-22 07:55:00

Posted by Analytics Team

Wireframing is one of the key stages of [the analytics process at Fora Soft](https://forasoft.com/blog/article/what-is-done-during-analytical-stage-of-software-development-1066). Interactive prototype being a rough image of the future product gives the team space to alter functionality at the earliest stage before the development. It also tributes to the client’s confidence that we’re on the same page regarding the product view.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h0fj2azkm9tjdtxp2t5h.gif)
Axure prototype example

Developing the systems and platforms of various structures, for various audiences and user needs, you still have to design core functionality and basic scenarios all the time. 

Imagine how rich the difference is between the functionality of an [e-learning platform](https://forasoft.com/services/e-learning), a [booking app](https://forasoft.com/blog/article/appybee-software-development-review-764), and a [streaming service](https://forasoft.com/blog/article/how-to-create-a-custom-internet-tv-streaming-service-649). However, most likely all of them will feature a sign-up scenario, editing a user profile and sending messages to the chat.

Having analyzed the wide scope of company projects, Fora Soft analyst team has distinguished the most common user scenarios and created the completed wireframe templates for them, following the usability guidelines and the best practices in web and mobile UX design.

These ready-to-use wireframe templates contribute to the analytics process optimization in Fora Soft. They allow us to dedicate more time and effort to the product’s killer features rather than its basic functionality. The templates are concise and flexible enough to be applied to different kinds of systems.

Among them, you will find a video conference template. Our area of expertise is multimedia software such as systems for online education, sports, teamwork, telemedicine, and video surveillance. 
Check the Fora Soft wireframe library [here](https://9w902r.axshare.com/#id=le7lox&p=table_of_content) and try its templates to design your amazing projects.

Download the kit right here:
[Fora-Soft-Axure-KitDownload](https://blog.forasoft.com/wp-content/uploads/2022/06/Fora-Soft-Axure-Kit-2.rplib)

> **Thanks for reading!**
What is Metaverse and How it Works
Tags: beginners, security
Published: 2022-07-22 07:52:00

The Metaverse is a three-dimensional virtual space in which users can interact with other people, with the context and with the objects present therein, impersonating avatars.

An avatar is basically the digital representation of an individual in the Metaverse, an environment made up of a potentially unlimited number of worlds where you can communicate, network, play, do sports, work, use services, buy, sell, create new assets, attend events, express your artistic talent, start businesses and carry out any other activity that can also be conducted in the real world, without any limitations related to your position in space or language barriers.

At the base of the [Metaverse](https://gurukul99.com/know-about-metaverse-in-hindi) there are technologies that allow, and will allow, users with ultra-fast connections to exploit all its potential. It is in fact a Cloud-based space managed largely by Artificial Intelligence and explorable through Virtual and Augmented Reality, where exchanges can be formalized by smart contracts recorded in the Blockchain. Goods and services are payable both in real currencies and in cryptocurrencies, and NFTs (Non-Fungible Tokens) certify assets and works of art’s ownership and authenticity.

These features give the Metaverse an innovative scope, comparable to those real revolutions of the recent past, such as the Internet and the spread of the mobile ecosystem.

Metaverse: how to enter?
To join the Metaverse, it is necessary to subscribe to one of the platforms that allow access to it. There are technical requirements for the use of these services, but in principle we are talking about tools that are easily available on the market and simple registration procedures:

a reasonably fast Internet connection;
a smartphone or computer;
a VR or AR visor for applications based on immersive experiences, such as Meta’s Oculus Quest, PlayStation VR or Microsoft HoloLens;
an account on a service dedicated to the Metaverse.
read more.
#TestCulture 🦅 Episode 12 - What is data-driven testing
Tags: webdev, testing, agile, beginners
Published: 2022-07-22 07:50:45

[Data-driven testing (DDT)](https://www.agilitest.com/blog/introduction-to-data-driven-testing-with-agilitest) is a software testing methodology used in computer software testing. It describes the test performed using an array of conditions as test inputs and verifiable outputs.

To simplify the concept, the tester provides inputs to a row of the array and waits for outputs that occur on that same row.

The array groups values that correspond to the input spaces of the boundaries or partitions. In the testing methodology, the test configuration is 'read' from a database.

The importance of data-driven tests is that testers often have multiple data sets for a single test, and creating individual tests can be time-consuming.

Data-driven testing separates the data from the test scripts. These same test scripts can be run for different combinations of input test data, and test results can be generated efficiently.

Thread [on Twitter](https://twitter.com/agilitest/status/1537696161217363970?s=20&t=Zw_HnULCDJ9szAwpiR6l8w).
2080. Leetcode Solution in Cpp
Tags: cpp
Published: 2022-07-22 07:07:42

```
class RangeFreqQuery {
    unordered_map<int, vector<int>> m; // map from a value to all its indices
public:
    RangeFreqQuery(vector<int>& A) {
        for (int i = 0; i < A.size(); ++i) m[A[i]].push_back(i);
    }
    int query(int left, int right, int value) {
        if (m.count(value) == 0) return 0; // `value` doesn't exist in the original array
        auto &v = m[value]; // `v` is the array of all the indices of `value` in the original array
        int j = upper_bound(begin(v), end(v), right) - begin(v); // Find the first index `j` that `v[j] > right`.
        int i = lower_bound(begin(v), end(v), left) - begin(v); // Find the first index `i` that `v[i] >= left`.
        return j - i; // The answer is `j - i`
    }
};
```


#leetcode
#challenge
Here is the link for the problem:
https://leetcode.com/problems/range-frequency-queries/
2091. Leetcode Solution in Cpp
Tags: cpp
Published: 2022-07-22 07:05:12

```
class Solution {
 public:
  int minimumDeletions(vector<int>& nums) {
    const int n = nums.size();
    int a = min_element(begin(nums), end(nums)) - begin(nums);
    int b = max_element(begin(nums), end(nums)) - begin(nums);
    if (a > b)
      swap(a, b);
    return min({a + 1 + n - b, b + 1, n - a});
  }
};

```

#leetcode
#challenge
Here is the link for the problem:
https://leetcode.com/problems/removing-minimum-and-maximum-from-array/
JavaScript: Conditionals & Functions
Published: 2022-07-22 07:01:00

* Conditional (ternary) operator. In the function body, make sure to put **return before the condition**.

```
fruits = ['aa','bb','cc','dd'];
const fruit = fruits.map(fruit =>{
  return fruit === 'aa'? 'aaaaaa' : fruit;
});

console.log(fruit);   //output: [ 'aaaaaa', 'bb', 'cc', 'dd' ];
```
* A switch example 
```
let shopItem = 'apple';
switch(shopItem){
  case 'apple':
    console.log('Apples are 10/lb.');
    break;
  case 'orange':
    console.log('Oranges are 11/lb.');
    break;
  case 'peach':
    console.log('Peaches are 12/lb.');
    break;
  default:
    console.log('Invalid Item');
    break;
}
```
<hr>


* [Codecademy project:Write JS functions to enable play rock scissors and paper.](https://www.codecademy.com/paths/front-end-engineer-career-path/tracks/fecp-22-javascript-syntax-part-i/modules/wdcp-22-learn-javascript-syntax-functions/projects/rock-paper-scissors-javascript)
```

const getUserChoice = userInput =>{
  if (userInput ==='rock' || userInput==='paper' || userInput ==='scissors'){
    return userInput;
  } else {
    console.log('error');
  }
}

const getComputerChoice = () => {
  const computerDice = Math.floor(Math.random()*3);
  switch (computerDice){
    case 0:
      return 'rock';
      break;
    case 1:
      return 'paper';
      break;
    default:
      return'scissors';
      break;
  }
}

const determineWinner =(userChoice,computerChoice)=>{
  if (userChoice === computerChoice){
    return 'tie'
  } else if(userChoice === 'rock' && computerChoice==='paper'){
    return 'computer won';  
  } else if (userChoice === 'paper' && computerChoice ==='scissors'){
    return 'computer won';   
  } else if (userChoice ==='scissors' && computerChoice === 'rock'){
    return 'computer won';
  } else {
    return 'user won';
  }

}

const playGame = (userChoice,computerChoice)=>{
   userChoice = getUserChoice('paper');
   computerChoice = getComputerChoice();
   console.log(`You threw: ${userChoice}`);
   console.log(`The computer threw: ${computerChoice}`);
   console.log(`The resule is: ${determineWinner(userChoice, computerChoice)} `);
}
playGame();

```
The output for this code:

![Output ](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kmq3exkrsmejbbd0iuc1.png)
”My board crashes when a detection occurs”
Tags: opensource, microservices, tutorial, luos
Published: 2022-07-22 07:00:30

When you run a detection by adding a gate to your network or from your application, your board crashes and the MCU goes into a `Default_Handler:Infinite_Loop`

Find the resolution of this symptom here: https://www.luos.io/faq/application-default-handler

Otherwise, if you have encountered a problem with Luos, feel free to contact our maintainers via Discord (link in comment). We are an open-source project and we are happy to help you!