teleren/devto huggingface dataset:
Kotlin SpringBoot RestAPI – Bootstrap 4 Image – Jquery
Tags: kotlin, springboot, bootstrap, restapi
Published: 2021-05-21 15:05:14

https://grokonez.com/spring-framework/spring-boot/kotlin-spring-boot/kotlin-springboot-restapi-bootstrap-4-image-jquery

Kotlin SpringBoot RestAPI – Bootstrap 4 Image – Jquery


In the tutorial, <a href="https://grokonez.com">JavaSampleApproach</a> will show how to show images on web-view from <strong>Kotlin SpringBoot RestAPI</strong> with <strong>Bootstrap 4 Image</strong> and <strong>Jquery</strong>.

<!--more-->
<h2>I. Technologies</h2>
– Java 1.9
– Maven 3.6.1
– Spring Tool Suite – Version 3.9.0.RELEASE
– JQuery
– Bootstrap 4
- Kotlin 1.1.61
– Spring Boot – 1.5.9.RELEASE
<h2>II. Goal</h2>
We create a SpringBoot project as below structure:

<img src="https://grokonez.com/wp-content/uploads/2017/12/Kotlin-SpringBoot-Bootstrap-4-Image-Jquery-project-structure.png" alt="Kotlin SpringBoot - Bootstrap 4 Image - Jquery - project structure" width="353" height="287" class="alignnone size-full wp-image-9808" />

We create a <strong>Kotlin RestAPI</strong>:

<pre><code class="language-kotlin">
@GetMapping(value = "/api/image")
fun getImage(): ResponseEntity<InputStreamResource>{

	val imgFile = ClassPathResource("image/jsa_about_img.png")

	return ResponseEntity
			.ok()
			.contentType(MediaType.IMAGE_JPEG)
			.body(InputStreamResource(imgFile.getInputStream()))
}</code></pre>

We use <strong>Bootstrap 4 Image</strong> to style data on web-view, with results:

<img src="https://grokonez.com/wp-content/uploads/2017/12/Kotlin-SpringBoot-Bootstrap-4-Image-Jquery-results-1.png" alt="Kotlin SpringBoot - Bootstrap 4 Image - Jquery - results" width="586" height="683" class="alignnone size-full wp-image-9819" />

<strong>Bootstrap 4 Image</strong> provides useful classes to style with images:
- <code>.rounded class</code> adds rounded corners to an image

<img src="https://grokonez.com/wp-content/uploads/2017/12/Kotlin-SpringBoot-Bootstrap-4-Image-Jquery-rounded-shape.png" alt="Kotlin SpringBoot - Bootstrap 4 Image - Jquery - rounded shape" width="754" height="510" class="alignnone size-full wp-image-9810" />

- <code>.rounded-circle</code> shapes the image to a circle

<img src="https://grokonez.com/wp-content/uploads/2017/12/Kotlin-SpringBoot-Bootstrap-4-Image-Jquery-circle-shape.png" alt="Kotlin SpringBoot - Bootstrap 4 Image - Jquery - circle shape" width="754" height="517" class="alignnone size-full wp-image-9811" />

- <code>.img-thumbnail</code> shapes the image to a thumbnail (bordered)

<img src="https://grokonez.com/wp-content/uploads/2017/12/Kotlin-SpringBoot-Bootstrap-4-Image-Jquery-thumnail-shape-1.png" alt="Kotlin SpringBoot - Bootstrap 4 Image - Jquery - thumnail shape" width="750" height="509" class="alignnone size-full wp-image-9815" />

More at:

https://grokonez.com/spring-framework/spring-boot/kotlin-spring-boot/kotlin-springboot-restapi-bootstrap-4-image-jquery

Kotlin SpringBoot RestAPI – Bootstrap 4 Image – Jquery
FACEBOOK Clone Using just HTML & CSS - Beginners Tutorial
Tags: webdev, beginners, tutorial, html
Published: 2021-05-21 15:03:47

I Built Facebook Clone using just HTML & CSS. I Just Love to build these to practice my HTML & CSS Skills. I made a tutorial video to help beginners to improve there html & css skills to build real world projects.

------------------------------------------------------------------

**Tutorial Video:**

{% youtube -pUVDYFVFpw %}

**Github:** https://github.com/somanath-goudar/html-css-projects


**Channel:** https://www.youtube.com/channel/UC_nTrhTr5fnBGjOxnkPUmmA
Subscribe to My YouTube Channel, Next Week I Will be building **Tiktok Clone** & **Instagram Reels Clone** with just HTML & CSS.

------------------------------------------------------------------

**You may also like my other posts:**

{% link https://dev.to/somanathgoudar/build-a-youtube-clone-with-just-html-css-for-complete-beginners-4fk1 %}

{% link https://dev.to/somanathgoudar/build-a-gmail-clone-using-just-html-css-476b %}

{% link https://dev.to/somanathgoudar/build-a-linkedin-clone-using-just-html-css-3p1n %}

{% link https://dev.to/somanathgoudar/30dayschallenge-30-days-extreme-html-css-challenge-50k1 %}
Kotlin SpringBoot + Ajax Jquery Http Delete + Bootstrap example
Tags: kotlin, springboot, ajax, bootstrap
Published: 2021-05-21 14:58:37

https://grokonez.com/spring-framework/spring-boot/kotlin-spring-boot/kotlin-springboot-ajax-jquery-http-delete-bootstrap-example

Kotlin SpringBoot + Ajax Jquery Http Delete + Bootstrap example


In the tutorial, <a href="https://grokonez.com">JavaSampleApproach</a> will show you how to implement a web application which uses JQuery Ajax Http Delete to remove data from SpringBoot RestAPI by Kotlin language.

<!--more-->
<h2>I. Technologies</h2>
– Kotlin 1.2.20
– Apache Maven 3.5.2
– Spring Tool Suite – Version 3.9.0.RELEASE
– Spring Boot – 1.5.10.RELEASE
<h2>II. Practice</h2>
In the tutorial, we build a SpringBoot project as below:

<img src="https://grokonez.com/wp-content/uploads/2018/02/kotlin-springboot-ajax-jquery-http-delete-project-structure.png" alt="kotlin springboot ajax jquery http delete - project structure" width="347" height="315" class="alignnone size-full wp-image-10596" />

<strong>Step to do</strong>
- Create Kotlin Spring Boot project
– Create data models
– Create web view controller
– Create RestAPIs for GET/DELETE requests
– Create an index.html view
– Create JQuery Ajax DELETE request
– Run & Check results
<h3>1. Create Kotlin Spring Boot project</h3>
Using <strong>Spring Tool Suite</strong> to create a <strong>Spring Starter Project</strong> by Kotlin language with the below dependencies:

<pre><code class="language-html">&lt;dependency&gt;
	&lt;groupId&gt;org.springframework.boot&lt;/groupId&gt;
	&lt;artifactId&gt;spring-boot-starter-thymeleaf&lt;/artifactId&gt;
&lt;/dependency&gt;
&lt;dependency&gt;
	&lt;groupId&gt;org.springframework.boot&lt;/groupId&gt;
	&lt;artifactId&gt;spring-boot-starter-web&lt;/artifactId&gt;
&lt;/dependency&gt;</code></pre>
<h3>2. Create data models</h3>
- Create Address model:

More at:

https://grokonez.com/spring-framework/spring-boot/kotlin-spring-boot/kotlin-springboot-ajax-jquery-http-delete-bootstrap-example

Kotlin SpringBoot + Ajax Jquery Http Delete + Bootstrap example
Kotlin – SpringBoot Kotlin RestAPI + Bootstrap 4 Table + JQuery example
Tags: kotlin, springboot, restapi, jquery
Published: 2021-05-21 14:48:20

https://grokonez.com/spring-framework/spring-boot/kotlin-spring-boot/kotlin-springboot-kotlin-restapi-bootstrap-4-table-jquery-example

Kotlin – SpringBoot Kotlin RestAPI + Bootstrap 4 Table + JQuery example

In this tutorial, <a href="https://grokonez.com">JavaSampleApproach</a> will show you how to implement a web application which uses JQuery & Bootstrap4 Table to display data from SpringBoot RestAPI with Kotlin language.

<!--more-->
<h2>I. Technologies</h2>
– Kotlin 1.2.20
– Apache Maven 3.5.2
– Spring Tool Suite – Version 3.9.0.RELEASE
– JQuery - 3.3.1
– Bootstrap - 4.0.0
– Spring Boot – 1.5.10.RELEASE
<h2>II. Practice</h2>
In the tutorial, we build a SpringBoot project as below:

<img src="https://grokonez.com/wp-content/uploads/2018/02/springboot-kotlin-bootstrap4-table-project-structure.png" alt="springboot kotlin bootstrap4 table - project structure" width="389" height="304" class="alignnone size-full wp-image-10578" />

<strong>Step to do</strong>:
– Create Spring Boot with Kotlin language project
– Create data models
– Create Web Controller
– Create RestAPI Controller
– Create index.html view
– Create JQuery Ajax GET request
– Run & Check results
<h3>1. Create Spring Boot with Kotlin language project</h3>
Using <strong>Spring Tool Suite</strong> to create a Spring Starter Project with <strong>Kotlin</strong> language. Add project info, then press Next for needed dependencies:

<img src="https://grokonez.com/wp-content/uploads/2018/02/springboot-kotlin-bootstrap4-table-add-needed-dependencies.png" alt="springboot kotlin bootstrap4 table - add needed dependencies" width="535" height="471" class="alignnone size-full wp-image-10577" />

After creating project successfully, open pom.xml file and check needed dependencies:

More at:

https://grokonez.com/spring-framework/spring-boot/kotlin-spring-boot/kotlin-springboot-kotlin-restapi-bootstrap-4-table-jquery-example

Kotlin – SpringBoot Kotlin RestAPI + Bootstrap 4 Table + JQuery example
3 métodos muy útiles para objetos en Javascript
Tags: javascript, webdev, frontend, spanish
Published: 2021-05-21 14:46:44

#**Índice**   
1. [Introducción](#id1)
2. [Object.keys()](#id2)
3. [Object.values()](#id3)
4. [Object.entries()](#id4)
5. [Referencias](#id5)
6. [Conclusiones](#id6)


## 1.**Introducción** <a name="id1"><a/>
Los objetos como bien sabemos todos son una de las piedras angulares en JavaScript, a diferencia de los arreglos donde tenemos a nuestra disposición gran cantidad de métodos, en los objetos esta cantidad es reducida, a mi criterio 3 de estos sobresalen y es importante comprenderlos:

## 2.**Object.keys()** <a name="id2"><a/>
`Object.keys()` recibe un objeto como entrada y regresa un array con todas las llaves de dicho objeto.
### **Sintaxis**

```javascript
Object.keys(objeto)
```
Por ejemplo:

```javascript
const persona = {
  nombre: "Eduardo",
  edad:15,
  soltero: true
}

console.log(Object.keys(persona));
//salida:["nombre", "edad", "soltero"]
```
Puede ser útil para verificar si un objeto está vacío o no:
```javascript
const persona = {
 
}

console.log( (Object.keys(persona).length === 0) ? "esta vacio" : "no esta vacio" )
//salida: "esta vacio"
```

## 3.**Object.values()** <a name="id3"><a/>
`Object.values()` recibe un objeto como parámetro y regresa un arreglo que contiene todos los valores del objeto.
### **Sintaxis**
```javascript
Object.values(objeto)
```
Por ejemplo:
```javascript
const persona = {
   nombre:"Camila",
   edad:23,
   soltera: false
}

console.info(Object.values(persona));
//salida: ["Camila", 23, false]
```

## 4.**Object.entries()** <a name="id4"><a/>
`Object.entries()` es como una fusión de `Object.keys()` y `Object.values()` recibiendo un objeto como parámetro y regresando un arreglo individual por cada llave-valor de dicho objeto.

### **Sintaxis**
```javascript
Object.entries(objeto)
```

Por ejemplo:
```javascript
const perro = {
  nombre:"Coquito",
  raza:"Pastor aleman",
  edad:7,
  color:"cafe",
  sexo: "M"
}

console.info(Object.entries(perro));
//salida:
// 0: Array [ "nombre", "Coquito" ]
// 1: Array [ "raza", "Pastor aleman" ]
// 2: Array [ "edad", 7 ]
// 3: Array [ "color", "cafe" ]
// 4: Array [ "sexo", "M" ]
```
## 5.**Referencias** <a name="id5"><a/>
* https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Object/keys
* https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Object/values
* https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Object/entries

## 6.**Conclusiones** <a name="id6"><a/>
Prácticamente en todos los desarrollos que involucren javascript verás objetos tarde o temprano, es importante que conozcas al menos el funcionamiento básico de estos 3 métodos.

---

Puedes ver mas post de mi autoría a continuación:

{% link https://dev.to/duxtech/flexy-boxes-generador-de-codigo-flexbox-55ic %}

{% link https://dev.to/duxtech/react-usestate-para-dummies-analogia-ccm %}

{% link https://dev.to/duxtech/7-editores-de-codigo-en-la-nube-para-frontends-3343 %}

---

![img](https://media.giphy.com/media/eY1JD4KPG4HMk/giphy.gif)
Nursery Teacher Training Franchise Opportunity in India
Tags: nttfranchise
Published: 2021-05-21 14:37:40

If you are interested in opening a Preschool, Nursery School or Play school then Rural Urban Council of Skills & Vocational Studies, Delhi Nursery Teacher Training Course Franchise is a good option for you. RUCSVS invites the application for Open Nursery School in India by NTT Diploma Course Franchise. You have no need to invest a big amount for Start Rural Urban Council of skills and vocational studies NTT Franchise Center. Join RUCSVS today for Nursery Teacher Training Course Center or Institute Affiliation in India.
https://www.rucsvs.ac/center/nursery-teacher-training-ntt-center-franchise-in-bangalore/
String em Python!!
Tags: python, programming, education, string
Published: 2021-05-21 14:10:05

 * [ O que é uma string?](#o-que-%C3%A9-uma-string)  
 * [ Como criar uma string em python?](#como-criar-uma-string-em-python)  
 * [ Strings são como matrizes!](#strings-s%C3%A3o-como-matrizes)  
 * [ Como acessar estes elementos?](#como-acessar-estes-elementos)  
 * [ Iterando Strings?!](#iterando-strings)  
 * [ Tamanho de uma string!](#tamanho-de-uma-string)  
 * [ Validando caracteres em uma string!](#validando-caracteres-em-uma-string)  
 * [ Conclusão](#conclus%C3%A3o) 

###### generated with [Summaryze Forem 🌱](https://summaryze-forem.vercel.app/)

## O que é uma string?
Em python, uma string são sequências imutáveis de caractere. Ou seja, eles são imutáveis já que para se modificar uma string é necessário que se crie uma nova. 

## Como criar uma string em python? 
Para criar uma string, é bastante fácil. Basta criarmos uma variável, e atribuir a ela qualquer caractere entre aspas simples ou duplas. Por exemplo: 
```python
string = "Python é muito legal"
```
Para imprimir para o usuário o que está dentro da variável, basta utilizarmos o famoso print do python. 
```python
print(string)
Python é muito legal
```
## Strings são como matrizes! 
Como em diversos tipos de linguagem de programação, as strings em python são matrizes de bytes que representam caracteres Unicodes. Contudo, em python não temos um tipo de dados de caractere, um único caractere é simplesmente uma string de comprimento 1. 
## Como acessar estes elementos? 
```python
string = 'Python é muito legal'
print(string[0])
```
Saída:
```python
P
```
## Iterando Strings?!
Outra coisa super interessante que dá pra fazer em uma string é utilizar os famosos laços de repetição nela. 
```python
for x in string:
  print(x)
```
Saída: 
```python
P
y
t
h
o
n
 
é
 
m
u
i
t
o
 
l
e
g
a
l
```
## Tamanho de uma string! 
Me deparei com uma string super grande, e preciso saber o tamanho dela, como posso fazer isso em python? É simples, basta utilizar a função `len()`, desta forma: 
```python
a = "Oi pra você que está lendo isso, qual o tamanho desta string?"
print(len(a))
```
Saída:
```python
61
```
## Validando caracteres em uma string! 
Para verificar se um caractere ou uma palavra está inserida em uma string já declarada, basta usarmos o `in {variável string}`. Por exemplo: 
```python
txt = "Na UESB os professores são ótimos!"
print("Ótimos" in txt)
```
Saída: 
```python
True
```
## Conclusão 
E por hoje é só, apenas algumas demonstrações do que podemos fazer com uma string utilizando python! Lembrando que isso é apenas a ponta do iceberg, tem ainda uma diversidade de outras coisas que podem ser usadas.
Google Forms - Small business free e-commerce tool !
Tags: watercooler, exploring, ecommerce
Published: 2021-05-21 13:57:23

*Google Forms* happens to be the most underrated form with loads of features. 
Recently, I was assisting a fellow on how to increase sales and happen to stumble up Google Forms as an option, I've used Typeform and it does a good job, but Google form is on the same level.

##Pros 
•	Intuitive UI for editing
•	Click and drag logic (regular expression for advance users)
•	Flexible sharing and sending options.
•	Easy to access data for collection and analysis.
•	Good for start-ups and Small business owners.
•	Boost online attendance

##Cons
•	Limited design/styling options
•	Basic logic options are great for simple applications but not for more complex needs.

##Competitors 
•	SurveyMonkey. (16,826)4.4 out of 5.
•	Qualtrics Core XM. (2,276)4.4 out of 5.
•	Doodle. (2,030)4.4 out of 5.
•	Typeform. (433)4.5 out of 5 – *I’ve used it and like it 😊 *
•	Zoho Survey. (620)4.4 out of 5.
•	LimeSurvey. (25)4.3 out of 5.
•	Alchemer. (668)4.4 out of 5.
•	Wufoo. (270)4.2 out of 5.

[Source:](https://www.g2.com/products/google-forms/competitors/alternatives)


[Sample Google form created for this write-up](https://docs.google.com/forms/d/e/1FAIpQLSfJp7vVmp93wi9AsIgjwd_K5OGFKVoiJZ8BfMAMuk0Ygv0B_g/viewform)



<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSfJp7vVmp93wi9AsIgjwd_K5OGFKVoiJZ8BfMAMuk0Ygv0B_g/viewform?embedded=true" width="100" height="100" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>

Thanks Prakash Meghani for  for title photo via @unsplash

Other item to look into: 
{% post https://dev.to/swapanroy/translate-pdf-to-text-to-audio-1li %}

{% post https://dev.to/swapanroy/currency-converter-with-python-9ef %}
create an object
Tags: angular, typescript, javascript
Published: 2021-05-21 13:50:19

date1: {enabled: false, label: "Date1 Label", eformVisible: false, mandatory: "NOT_MANDATORY", order: 20}

dropdown1: {enabled: true, label: "Country", eformVisible: false, mandatory: "NOT_MANDATORY", order: 30, …}

text1: {enabled: true, label: "Text1 Custom field", eformVisible: false, mandatory: "ADMIN_API", order: 0, …}
text2: {enabled: false, label: "Text2 Label ", eformVisible: false, mandatory: "NOT_MANDATORY", order: 1}

##how to convet data like below formate:
const form_template = [
  {
    "type":"textBox",
    "label":"Name",
  },
  {
    "type":"number",
    "label":"Age"
  },
  {
    "type":"select",
    "label":"favorite book",
    "options":["Jane Eyre","Pride and Prejudice","Wuthering Heights"]
  }
]
####please help me
Intro to Deno deploy
Tags: deno, dc, javascript, serverless
Published: 2021-05-30 15:51:49

---
title: Intro to Deno deploy
published: true
date: 2021-05-21 13:46:15 UTC
tags: deno,dc,javascript,serverless
canonical_url: https://hyper63.medium.com/intro-to-deno-deploy-e018247e7935
---

{% youtube Pde1r-HEZQI %}

Deno Deploy is a new platform as a service offering from the [Deno company](https://deno.com). Deno Deploy shares the same specifications as [Cloudflare workers](https://workers.cloudflare.com/) and has some impressive deployment speeds.

#### Video recorded at Charleston JS Meetup May 20, 2021

CharlestonJS meets on Thursdays at 5pm virtually, interested in weekly presentations and discussions about javascript, sign up today:

[https://charlestonjs.com/#subscribe](https://charlestonjs.com/#subscribe%20)

or

[https://meetup.com/charlestonjs](https://meetup.com/charlestonjs)

✌️
Why Choose OpenStack for Your IaaS While Keeping the Business Cost Down
Tags: iaas, openstack, opensource, sardinasystems
Published: 2021-05-21 13:44:07

We believe #OpenStack solution stands out among its competitors when it comes to #IaaS, not only because it's the most popular #opensource software tool, but also because it enables enterprises to accomplish virtualization flexibility like no other. https://bit.ly/343Anpt
Wowza REST API Kullanımı
Tags: wowza, api, linux
Published: 2021-05-21 13:42:29

Wowza Streaming Engine REST API ile kolaylıkla yönetilebilir. Sunucu güvenliği düşünülerek REST API'yi sunucu içerisinde kullanmanızı öneriyorum.

Yetkilendirme için aşağıdaki komutu curl ile kullanabilirsiniz.

```bash
--digest -u "user:passwd"  \
```

Stream file'larını listelemek için:

```bash
curl -X GET \
-H "Accept:application/json; charset=utf-8" \
-H "Content-Type:application/json; charset=utf-8" \
http://localhost:8087/v2/servers/_defaultServer_/vhosts/_defaultVHost_/applications/live/streamfiles
```

Bir stream file bağlamak için:

```bash
curl -X PUT \
-H 'Accept:application/json; charset=utf-8' \
-H 'Content-type:application/json; charset=utf-8' \
"http://localhost:8087/v2/servers/_defaultServer_/vhosts/_defaultVHost_/applications/live/streamfiles/creedence/actions/connect?connectAppName=live&appInstance=_definst_&mediaCasterType=rtp"
```

Bir stream'i disconnect etmek için:
```bash
curl -X PUT \
-H 'Accept:application/json; charset=utf-8' \
-H 'Content-Type:application/json; charset=utf-8' \
http://localhost:8087/v2/servers/_defaultServer_/vhosts/_defaultVHost_/applications/live/instances/_definst_/incomingstreams/creedence.stream/actions/disconnectStream
```

Bir stream file'ı silmek için:
```bash
curl -X DELETE \
-H 'Accept:application/json; charset=utf-8' \
http://localhost:8087/v2/servers/_defaultServer_/vhosts/_defaultVHost_/applications/live/streamfiles/creedence
```
Daha fazla REST API örnekleri için:
https://www.wowza.com/docs/wowza-streaming-engine-rest-api
Is there a way to have custom typecasting in GoLang?
Tags: go, beginners, watercooler, help
Published: 2021-05-21 13:26:48

I know there is typecasting in GoLang, such as:
```golang
type long int64;
type ulong uint64;

var l long = 39486;
var i16 = int64(l);
var ui16 = uint64(i16);

fmt.Println( string([]byte {100, 150, 125, 68, 66}) );
```
But is there a way to add them to interface/struct types?
```golang
type IJType interface {/* ... */}

type JByte struct {/* Implements IJType */}
```
Is there a way I could make a constructor, like in the following?
```golang
var j JByte = JByte(255 /*byte*/); // -> JByte(byte) -> JByte {/* ... */}
byte(j); // 255.
```
Setting up an Angular 12 workspace with Nx and GitHub Actions
Tags: nx, angular, github, githubactions
Published: 2021-05-21 13:21:54

---
title: Setting up an Angular 12 workspace with Nx and GitHub Actions
published: true
series: Nx After Dark
description: Setting up an Angular 12 workspace with Nx. Also setting up a GitHub Actions CI workflow with Nx Cloud support.
tags: nx, angular, github, githubactions
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4xd4lguid06uqsdnj1qa.png
---

In this episode of Nx After Dark, we're creating an Nx workspace for an Angular 12 app called Energy Insights. We're also setting up a GitHub Actions workflow and connecting it to Nx Cloud.

{% youtube g5AoLY3jqD4 %}

Follow the instructions below to set up a similar workspace or browse the end result at [github/LayZeeDK/energy-insights](https://github.com/LayZeeDK/energy-insights).

# Prerequisites
- Node.js 14.x
- PNPM

> Note that there's currently an issue with using Cypress with PNPM. Let me know if you figure out how to fix it. Until then, remove Cypress from the workspace or use either Yarn or NPM.

# Create Nx workspace
```powershell
# Install the Nx workspace generator
pnpm install --global create-nx-workspace
# Generate a blank Nx workspace
pnpm init nx-workspace my-workspace --preset=empty --pm=pnpm --npm-scope=my-workspace --nx-cloud
```

# Configure Nx workspace
```powershell
# Install the "json" utility
npm install --global json
# Set the base branch to "main"
json -I -f nx.json -e "this.affected.defaultBase = 'main';"
```

# Add Angular capability
```powershell
# Add Angular capability
pnpm add --save-dev @nrwl/angular
# Initialize Angular workspace
nx generate @nrwl/angular:init
```

# Generate Angular app project
```powershell
# Generate Angular app project
nx generate app my-app
```

See the video for examples of:
- Setting up generator defaults
- Creating a GitHub Actions CI workflow
- Setting up GitHub workflow triggers
- Connecting Nx Cloud for distributed computation caching
- Remove Cypress
Hey I just made this cool pen...
Published: 2021-05-21 13:20:54

You can check it out [here](https://codepen.io/SiddharthShyniben/full/eYvgoxm). You sure will love it!

And I won't put details here. It's a surprise...

‎‎

‎‎
‎
‎
‎
‎
‎
‎
‎
‎
‎
‎
‎
‎
‎
‎
‎
‎
‎
‎
‎‎‎‎‎‎
‎‎‎‎‎‎‎
‎‎‎‎‎‎‎‎‎‎‎
‎‎‎‎‎‎‎
‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎
‎‎‎‎‎‎‎‎



‎‎‎‎‎‎‎‎‎‎‎








‎‎‎‎‎‎‎‎‎‎‎‎















‎‎‎‎‎‎‎‎‎‎

















‎‎‎‎‎‎‎


















‎









‎‎‎‎‎‎‎‎



















‎‎‎‎‎‎‎‎‎‎











‎‎‎‎‎
I need a personal laptop
Tags: discuss
Published: 2021-05-21 13:16:11

If you were going to buy a laptop for development, were operating system agnostic, and only required the machine to be fast and have the ability to virtualize, what would you look for? I've considered a late-model mac just so I can get into Swift (I'm not totally convinced about [Swift on Windows](https://swift.org/blog/swift-on-windows/) yet), but I could just get a mini instead.

I've worked with two machines in the past that I loved, a $3,000 Dell XPS 15 9550 and a $2,000 HP EliteBook G5 with half the RAM of the Dell. Both ran very smoothly.

TIA!