teleren/devto huggingface dataset:
Nuke Build - best build automation system
Tags: build, automation, powershell, nuke
Published: 2021-12-08 05:52:28

There were a number of build automation systems for the .net ecosystem. All had their own pros which helped many developers in the build teams. Developers in the other teams also had chances to work in the build automation systems. But some build systems needed full-time build engineers to code and run those systems.

As a web developer, I too had a chance to work in the build automation systems,

1. [FinalBuilder ](https://www.finalbuilder.com/) - with a GUI, it was too easy to prepare and run the builds.
2. [PowerShell ](https://docs.microsoft.com/en-us/azure/devops/pipelines/scripts/powershell?view=azure-devops&tabs=yaml) - build system with PowerShell scripts was powerful yet complex to write.
3. [Cake ](https://cakebuild.net/) (C# Make) - simple, easy to set up, and with a lot of extensions scripting with C#.


BUT, now I had the opportunity to use  [Nuke.Build](https://nuke.build/)  for my build system and I am obsessed heavily with it that I love it so much.

Comparing all these 4 build systems, from my point of view, I would recommend Nuke. We would not need a separate build team while using Nuke as it is coupled with your project itself. You would be able to debug Nuke targets in your own IDE.

Here is a sample nuke project for your reference.
https://github.com/vengi83644/nuke-build-sample

Similar blog: 
https://pknopf.com/post/2019-03-10-you-dont-need-cake-anymore-the-way-to-build-dotnet-projects-going-forward/
create pdf of all images
Tags: actionshackathon21
Published: 2021-12-08 05:22:06

### My Workflow
This workflow read all the images from the images folder and make a PDF and save it to the root folder and push the PDF to the repository.[github Repo](https://github.com/Simbhadarajen/imgToPDF)


### Submission Category: 

Wacky Wildcards


### Yaml File or Link to Code

Workflow:
```YAML
name: Add members to .md file

on:
  push:
    branches: [main]

jobs:
  build:
    runs-on: ubuntu-latest
    steps:

      - name: checkout repo content
        uses: actions/checkout@v2 # checkout the repository content to github runner

      - name: setup python
        uses: actions/setup-python@v2
        with:
          python-version: '3.7.7' # install the python version needed

      - name: Install dependencies
        run: |
          python -m pip install --upgrade pip
          pip install -r requirements.txt
          
      - name: execute py script # run sj-gobierno.py to get the latest data
        run: python main.py
      
      - name: Commit files
        run: |
          git config --local user.email "github-actions[bot]@users.noreply.github.com"
          git config --local user.name "github-actions[bot]"
          git add .
          git commit -m "Added member"
      - name: Push changes
        uses: ad-m/github-push-action@master
        with:
          github_token: ${{ secrets.GITHUB_TOKEN }}
          branch: ${{ github.ref }}
```

main.py:
```python
from fpdf import FPDF
import os
pdf = FPDF()

for image in os.listdir("images"):
    pdf.add_page()
    pdf.image('images/'+image,x = None,y = None)

pdf.output(name="images.pdf",dest= "F")
print("done")
```

### Additional Resources / Info

action demo [github repo](https://github.com/Simbhadarajen/imgToPDF/blob/main/images.pdf)
How to switch between 2 versions of Xcode installed on your computer
Tags: howto, osx, cpp, xcode
Published: 2021-12-08 08:18:00

---
title: How to switch between 2 versions of Xcode installed on your computer
published: true
date: 2021-12-08 05:00:00 UTC
tags: Howto,osx,Cpp,Xcode
canonical_url: https://10xlearner.com/2021/12/08/how-to-switch-between-2-versions-of-xcode-installed-on-your-computer/
series: Xcode switch
---

Hello ! I’m Xavier Jouvenot and in this small post, I am going to explain how to switch between 2 versions of Xcode installed on your computer.

_Self promotion_: You can find other articles on computer science and programming on my [website](www.10xlearner.com) 😉

## Problematic

Recently, I have been working on several projects using different versions of Xcode to be compiled. Since those projects are using CMake to generate the Xcode solution and that I want to compile without leaving the terminal, I had to come up with a solution, and actually, I found out that there is actually a simple and elegant solution to this problem !

## Solution

The short answer, for the people who don’t want to read through the entire article (I know you do that ! I do it too 😆) is using the following command:

```
sudo xcode-select -s </path/to/your/Xcode.app>
```

So let’s imagine that, in your `Applications` root folder you have 2 applications of Xcode for 2 different versions: `Xcode_12.4.app` and `Xcode_13.1.app`, then, all you have to do is:

```
sudo xcode-select -s /Applications/Xcode_12.4.app # Makes Xcode 12.4 you default Xcode
sudo xcode-select -s /Applications/Xcode_13.1.app # Makes Xcode 13.1 you default Xcode
```

After that, the `xcodebuild` you will be using will be the one of the Xcode you selected, and your CMake projects will use this version of Xcode too 🙂

And finally, if you want to know which Xcode you are currently using, all you have to do is to run the following command:

```
sudo xcode-select -p
```

* * *

Thank you all for reading this article, And until my next article, have a splendid day 😉

## Interesting links

- [xcode-select documentation](https://www.manpagez.com/man/1/xcode-select/)
- [Xcode releases](https://xcodereleases.com/)
- [10xlearner website](www.10xlearner.com)
Nodecongress
Published: 2021-12-08 03:03:57


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lpxau9sqn9bozut8j0uj.png)https://nodecongress.com/?utm_source=JavaScript+Conferences&utm_campaign=acc870d73a-JSN+Live+announcement+to+JSN+audience_COPY_01&utm_medium=email&utm_term=0_05036cab56-acc870d73a-417824394&mc_cid=acc870d73a&mc_eid=26fa60f2a5
A New Chapter Published of my new Short Story
Tags: beginners, css, html
Published: 2021-12-08 04:55:32

I published a new Chapter of my Short Story series 'Saqha'. I hope you like it. Link[here](https://subhransuindia.github.io/Saqha/CH%201)
Do check out my homepage
[Inform Our World](https://subhransuindia.github.io/)
Thanks for Visiting
Self-Taught Developer Journal, Day 16: TOP Landing Page Cont.
Tags: webdev, beginners, codenewbie, devjournal
Published: 2021-12-08 04:53:21

Today...

## Thinking Through The Odin Project Landing Page cont.
![The Odin Project Project Landing Page Full Design Image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qcwlb2cle80pmz7kpksx.png) 
For the second section, I selected the image-section id and set the display property to flex to make it a flex container. This changed the child elements, the heading and images container, into flex items. The default flex direction is row which lines the items horizontally side by side. To edit it to match the landing page output, I changed the flex direction to column. Now, the heading sits over the images container. 

When the flex direction is set to column, the main axis is vertical across the page and the cross axis is horizontal. This means that to center the flex items horizontally, I put the center value for the align-items property instead of justify-content. I also set center for justify-content, but there wasn't any change. I'm guessing there was no change because the items are already being centered by the existing margins and space filled.

Continuing to my images class, which is composed of the four image boxes with text in their own container class image-container. To have the image-container classes align side by side, I set the images class to also be a flex container. Then I created the four blue image boxes by adding a image-box class on the img element to make another container. Then I referred to the MDN docs for the border shorthand property, https://developer.mozilla.org/en-US/docs/Web/CSS/border, to make the blue border. I set the height and width for the box, but I noticed I was setting it for the image element which displayed an additional border underneath. To fix the overlapping borders, I made a div element, nested the img element there, and moved the image-box class to the div. Lastly, I set the border-radius to 8px to round the edges of the border. 

With the boxes made, I needed to adjust each of the four boxes and their text to be equally spaced and contained from each other. I also needed to make sure all the four boxes were still centered in the section. To start, I made the image-box class for each box and text into a flex container and set the direction to column. Then I set align-items to center to get the box and text centered too.

To be continued...

## Resources
[The Odin Project Landing Page Project](https://www.theodinproject.com/paths/foundations/courses/foundations/lessons/landing-page)

Day 15: https://dev.to/jennifer_tieu/self-taught-developer-journal-day-15-top-landing-page-cont-4mef
Please refer to [Starting My Self-Taught Developer Journey]( https://dev.to/jennifer_tieu/starting-my-self-taught-developer-journey-2dga) for context.
What is JavaScript?
Tags: beginners, javascript, tutorial
Published: 2021-12-08 04:47:52

**JavaScript** is a client-side and server-side scripting language inserted into HTML pages and is understood by web browsers. JavaScript is also an Object-based Programming language.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kh6i4y9b22kmktcq2ut3.png)
AWS Amplify, Secured DevOps - Part 2, Regenerate
Tags: aws, amplify, fullstack, cicd
Published: 2021-12-08 04:37:16

Ok, so if you've read [Part 1](https://dev.to/aws-builders/aws-amplify-secured-devops-part-1-25oo), you know that you should protect the `aws-exports.js` file. The first method I will show is using only AWS Amplify tools.

Why store it when it gets generated every time, right? In part 1, I mentioned that `amplify init`, `amplify pull`, and any `amplify add <feature>` or `amplify remove <feature>` will cause the `aws-exports.js` file to be recreated.

I've committed the source tree on several projects with dependencies on `src/aws-exports.js`, which will more than break the build if it doesn't exist.

So let's say that you're on your laptop. You've successfully `amplify init` to create your environment or used the AWS Amplify Studio UI to set up your environment and then run `amplify pull --appId <snip> --envName dev`. You've got your `src/aws-exports.js` setup, and you're building locally. You commit your code in and move over to your desktop, and pull your code down. But running dev breaks, `src/aws-exports.js` doesn't exist.

It's pretty straightforward. We're going to run `amplify pull --appId <snip> --envName dev` again to have it pull down all the backend settings and generate your `src/aws-exports.js` for you.

A quick note there, if you added a feature on your desktop, let's say new storage (S3) for the application, the next time you commit and switch to your laptop, you'll perform another `amplify pull` to get back in sync. You can always run `amplify status` to see if you are up to date against the deployed version.

---
Now let's talk builds and CI/CD. One of the most fantastic features that you get pretty much out of the box in Amplify is a complete CI/CD pipeline. I'll look at doing a dedicated post for that feature, but I'm going to leave the details out of scope for now. The big thing that I want to point out is how it to can generate the `src/aws-exports.js`

Each build is executed inside a container in the AWS build environment; it inherits the IAM role provided, which allows it to authenticate to the Amplify framework and pull down the settings. This permission configuration happens by default with the default build settings. In Part 3, I'll show you how to override or specify these settings using Environment Variables.

The key to this, though, is to think of it as doing a `amplify pull` at the beginning of every build. If you're modifying your `aws-exports.js` file (you never should), those modifications will not make it in this build. If the backend had changed and you didn't `amplify pull` before developing, validating, and committing, your backend references may be out of sync.
Keyoxide Identity Verification
Published: 2021-12-08 04:24:57

This is an OpenPGP proof that connects [my OpenPGP key](https://keyoxide.org/989EB937BDF4A5CD65470204F2F9BE4C3D8E4F53) to [this dev.to account](https://dev.to/techmagus). For details check out https://keyoxide.org/guides/openpgp-proofs

[Verifying my OpenPGP key: openpgp4fpr:989EB937BDF4A5CD65470204F2F9BE4C3D8E4F53]
Connecting to RDS from Laravel+Docker via bastion server(EC2)
Tags: rds, docker, bastion, aws
Published: 2021-12-08 04:09:29

RDS is configured to connect only from EC2, so if you want to connect to RDS from your local environment, you need to do some work.  
In this article, I will briefly show you how to connect to RDS from a Laravel application running in a Docker container in the local environment via a bastion server(EC2).  

## Original Post
[cyublog | Connecting to RDS from Laravel+Docker via bastion server(EC2)](https://cyublog.com/articles/php-en/en-laravel-bastion-ssh-rds/)

## Local Environment
- macOS:10.15.7  
- A docker container running a Laravel application.  

```
$ docker --version
Docker version 20.10.2, build 2291f61

$ docker-compose --version
docker-compose version 1.27.4, build 40524192
```

## Pre-conditions
- A bastion server(EC2) which can be accessed from your local environment.  
- An AWS RDS which can be accessed from the bastion server.   

## Workflow
1. Create a SSH tunnel.  
2. Check the connection from the local machine (Mac) and from the Docker container.  
3. Modify the .env file so that the Laravel app can connect to the RDS.  

### SSH tunnel
First, create a SSH tunnel.  

```bash
ssh -N -L 3333:[RDS endpoint]:[RDS port] -i [pem file of bastion server] -p 22 [EC2 user]@[bastion ip]
```

This time, set the port number of 3333 with RDS.   

Once it is created, check it with a command.  

### Check the connection from the local machine
Run the following command in a terminal on your local machine to confirm.  

```bash
mysql -h 127.0.0.1 -u [USER NAME] -p -D [DATABASE NAME] -P 3333
```

### Check the connection from Docker container
Enter thr Docker container, then run the following command to check the connection.  
Note that the host must be **host.docker.internal**.  

```bash
mysql -h host.docker.internal -u [USER NAME] -p -D [DATABASE NAME] -P 3333
```

### Modify DB settings of Laravel application
Next, modify the `.env` file of your Laravel application.  

```
DB_HOST=host.docker.internal
DB_PORT=3333
DB_DATABASE=[DATABASE NAME]
DB_USERNAME=[USER NAME]
DB_PASSWORD=[PASSWAORD]
```

Finally, check it in your Laravel application.
Showcase all Collections in a Flow Wallet
Published: 2021-12-08 04:09:06

## What is Flow?
[Flow blockchain](https://flow.com/) is designed for NFTs specifically. The blockchain is fairly new (2020) but has gained a lot of traction due to the Flow team's recent success with [NBA TopShot](https://nbatopshot.com/) which has become one of the biggest NFT projects of all-time.


More projects are starting to take notice of Flow and have begun building Dapps (Decentralized apps) on the blockchain. But Flow is still at its infancy stage. Even though, there are around a million of users on Flow who hold Flow NFTs, there still are no website that shows all one's NFTs from different Flow NFT collections similar to [OpenSea](https://opensea.io/) or [Lazy](https://lazy.com/).

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6w20coiuoo8vxor9s0dr.png)

## Problem with Flow NFT collections

In order to view your Flow NFTs you would have to go into each individual Dapp to see your NFTs from a specific Flow NFT collection.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p9zoa38r0te6ok81vbb6.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j148lw8mb9dbfvd9am93.png)

I propose building a Dapp that allows one to showcase their NFTs from different types of collections on Flow.

## Why make a separate Dapp? Why not just wait for OpenSea to integrate Flow?
Specializing on Flow collections specifically has its benefits. For instance, specialization allows for much better transparency and deeper understanding of each NFT and how it is viewed in its 'local' collection along with similar NFTs of its kind (such as NBA TopShot, [Basic Beasts](basicbeasts.io), [Flovatar](https://flovatar.com/), etc.)
Making this type of Dapp could help answer questions like:
"Is this NFT rare?", "How valuable is it?" "How many would buy this NFT?"
And having answers to those questions could help the creation of other Dapps such as lending platforms with collateralized NFTs, like [Flowty](flowty.io)

## How could this Dapp be built fast?
Hyperverse could make building this type of Dapp easier and faster. Hyperverse is founded by [Decentology](https://www.decentology.com/) and is the most comprehensive marketplace for smart contracts ever created. The platform consists of composable smart modules which can be used so you don't need to know how to write smart contracts on Flow to get started.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2zxl7bi2vl0wzfvz03td.png)

The Hyperverse has NFT modules and as more developers start using those modules it becomes easier to build a Dapp that can integrate the NFT collections from those modules.

I recommend any developer interested in working in Web3 to try out the [Hyperverse](https://www.decentology.com/blog/composing-the-hyperverse)
DOCKER
Tags: docker, webdev, programming, beginners
Published: 2021-12-08 04:01:25

## DOCKER

Docker es una plataforma de código abierto que permite a los desarrolladores empaquetar aplicaciones en contenedores y separar tus aplicaciones de tu infraestructura por medio de contenedores. 
Un contenedor es una unidad estandar de software que empaqueta código y todas las dependencias que este necesita para su funcionamiento, permite al desarrollador ejecutar el código en cualquier entorno informático.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ke1568082qmlsnlxxn81.png)
 
Las imagenes de los contenedores son un paquete de software de poco peso que contiene todo lo necesario para correr una aplicacion, codigo, herramientas, librerias configuraciones, etc. 

Las imagenes de los contenedores se vuelven contenedores en tiempo de ejecución, cuando son ejecutadas en el Docker Engine. Podemos conseguir variedad de imagenes de Docker Hub.
How to Filter and Group the Blazor MultiSelect Dropdown Items
Tags: blazor, dotnet, csharp, webdev
Published: 2021-12-08 03:37:55

In this video, you will learn how to group and filter [Blazor MultiSelect Dropdown](https://www.syncfusion.com/blazor-components/blazor-multiselect-dropdown) items. You will also see different filter types in the MultiSelect Dropdown and how to apply them.

Explore our tutorial videos: https://www.syncfusion.com/tutorial-v...

Download this example from GitHub: https://github.com/SyncfusionExamples...

[**Blazor MultiSelect Dropdown**](https://www.syncfusion.com/blazor-components/blazor-multiselect-dropdown) — Customizable UI With Checkbox Support
- A quick replacement of the HTML select element with multiple selection.
- Built-in check box support with a Select All option for easy interactions.
- Built-in support for filtering, hierarchical data binding, grouping, tagging, selection limits, and UI customization with templates.
{% youtube 9PRq4u-t2Yw %}
How to install font awesome icons to Nuxt Js - V2
Tags: vue, nuxt
Published: 2021-12-08 03:15:27

**_Hi Developers_**

** Step 1.**

Install these packages.

```
yarn add @nuxtjs/fontawesome -D
```
then add free sets of icons

```
yarn add @nuxtjs/fontawesome @fortawesome/free-solid-svg-icons @fortawesome/free-brands-svg-icons -D
```

**Step 2.**

Add font awesome to nuxt.config.js file

 

```
// nuxt.config.js

  buildModules:  [
 	 '@nuxtjs/fontawesome',
  ],
```

**Step 3.**

Add this configuration

 

```
fontawesome: {
     component: 'Fa',
     suffix: false,
     icons: {
       solid: true,
       brands: true,
     },
 },
```

**Step 4**

How to use them in `.vue` file

 

```
<fa :icon="['fas', 'adjust']" />
```
...
Check the video link -> [Install Font awesome icons to Nuxt 2](https://youtu.be/rZb9dM4Jn-s)

>  Bye bye Developers
The Rivana
Tags: javascript, beginners
Published: 2021-12-08 02:29:44

Chào mừng đến với https://landup.net/du-an/the-rivana/ Cung cấp mọi thông tin mới nhất về Giá bán, Pháp lý, Chiết khấu, Thanh toán... dự án The Rivana Bình Dương. The Rivana được xây dựng bởi chủ đầu tư Đại Phước tại Bình Dương với giá bán cạnh tranh, bao gồm căn hộ chung cư và shophouse với đa dạng diện tích.
Thông tin liên hệ:
Địa chỉ: Số 3 Nguyễn Văn Đậu, Phường 5, Phú Nhuận, Thành phố Hồ Chí Minh
Hotline: 0928.0168.69
Email: hotro@landup.net
Website: https://landup.net/du-an/the-rivana/ 
Youtube: https://www.youtube.com/channel/UCsXKAExvyyeV5UWKzArPiIQ/about 
Google Sites: https://sites.google.com/view/therivana/ 
Tags: The Rivana, The Rivana Bình Dương, Căn hộ Bình Dương, The Rivana Căn Hộ Bình Dương, Căn Hộ The Rivana Bình Dương, Dự án The Rivana, Dự án The Rivana Bình Dương, Dự án Căn Hộ The Rivana, Đại Phước, LandUp
Hashtag: #therivana #therivanabinhduong #canhobinhduong #therivanacanhobinhduong #canhotherivanabinhduong #duantherivana #duantherivanabinhduong #duancanhotherivana #daiphuoc #landup
Biệt thự: https://landup.net/biet-thu/
Nhà phố: https://landup.net/nha-pho/
Chung cư: https://landup.net/chung-cu/
Đất nền: https://landup.net/dat-nen/
JavaScript Supported Web Scraping using Perl and Selenium with Google ChromeDriver
Tags: selenium, javascript, perl, google
Published: 2021-12-08 02:17:15


<a href="https://perlclub.net/en">Perl Club</a> starts to translate Japanese Perl Tutorial to English. Yuki Kimoto is one of the Perl Messengers.

Perl Club decides to write all articles English at first.

This is a first English-first article. 

If you want to scrape web contents, this article explains how to scrape web contents using Perl and Selenium with GoogleChrome Driver.

<blockquote>
<a href="https://en.perlzemi.com/blog/20211119124656.html">JavaScript Supported Web Scraping using Perl and Selenium</a>

<br>

I explain JavaScript supported web scraping using Perl and Selenium::Remote::Driver. Selenium::Remote::Driver is a Perl module for Selenium. Selenium provides the APIs for JavaScript supported web scraping.

<blockquote>