teleren/devto huggingface dataset:
SvelteKit - At the edge of Tomorrow
Published: 2022-11-29 17:34:20

---
title: SvelteKit - At the edge of Tomorrow
published: true
description: 
tags: 
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mryqyc669es6qxlr6oo9.png
# Use a ratio of 100:42 for best results.
# published_at: 2022-11-28 09:41 +0000
---
The day is finally nigh, at 99% with 5 issues open, the excitement for SvelteKit v1 keeps building. 

I have been a big fan of SvelteKit (SK), having adopted Svelte on several projects as referred in [this article](https://dev.to/keymannerdawid/why-sveltekit-31hh); SK being the full-fledged framework for Svelte and being the successor to Sapper, it's exciting news that we are at the cusp of v1.
 
Having implemented my app from Sapper to SvelteKit in beta, I eagerly await v1 and related documentation to launch and stabilize to finally port the app to a ready-to-production version of SK

**But why the excitement despite a smaller ecosystem for new frameworks?**
For those unaware and with queries on the size of the Svelte/SK ecosystem it's important to highlight the ease of interoperability between Svelte and base Javascript(JS). In most instances JS components don't need to be wrapped to Svelte, therefore will work outside the box in a plug-n-play fashion. This in essence means that Svelte's ecosystem is as big as the JS ecosystem!
**finally**
As this writer implored us in their reddit article, [Don't give up on SvelteKit please!](https://www.reddit.com/r/sveltejs/comments/xbf9on/dont_give_up_on_sveltekit_please/). For now we wait with baited breath, hopefully v1 will be launched before end of 2022..
Kotlin 基礎 Part 8 -- groupBy と size を使って 連想配列の 重複したキーとその数のペアを出す
Tags: kotlin
Published: 2022-11-29 17:25:52


## groupBy

https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/group-by.html

```kotlin
	val ids = listOf<String>("id1", "id2", "id2")
	print(ids.groupBy { it })
```

> {id1=[id1], id2=[id2, id2]}

配列を渡して、条件をそれ自体の it にすると
重複しているものをまとめてくれる

```kotlin
	val men = listOf(
		"Ai" to 3,
		"Bot" to 3,
		"Carl" to 5,
		"Dan" to 5,
	)
	print(men.groupBy ({it.second}, {it.first}) )
```

> {3=[Ai, Bot], 5=[Carl, Dan]}

"name": age, のような連想配列を渡して、
2 つめの値で 1 つめの値をまとめるようにかける。

```kotlin
	val men = listOf(
		"id1" to "tom",
		"id1" to "cat",
		"id1" to "bob",
		"id2" to "dog",
	)
	print(men.groupBy ({it.first}, {it.second}) )
```

> {id1=[tom, cat, bob], id2=[dog]}

なのでこのように、おなじ ID の 人の名前をまとめることができる。

id1, id2 のそれぞれの pair 型になっている？
この出力は使いにくいので、toList() すると

> [(id1, [tom, cat, bob]), (id2, [dog])]

こうなる

これは map して 

id1 が it.first 
[tom, cat, bob] が it.second 

こうやってとることができる。
なので 2 つめの size をとって

```kotlin
	val men = listOf(
		"id1" to "tom",
		"id1" to "cat",
		"id1" to "bob",
		"id2" to "dog",
	)
	val menGroupedById = men.groupBy(
		{it.first}, {it.second}
	).toList()
	val duplicatedIdAndCount = menGroupedById.map { it ->
		it.first to it.second.size
	}
	print(duplicatedIdAndCount)
```

```php
[(id1, 3), (id2, 1)]
```

こうやって重複するキーと重複した数をまとめることができた

---

## まとめ

key:value な連想配列に 

```kotlin
arrayName.groupBy({it.first},{it.second})
```

これをすると、key ごとに value をまとめてくれる。

その後リストにしてmap して 
1 つめ ( key ) と
2 つめ ( key に紐づく value たちの配列 ) の長さ
これをまとめると

key:duplicatedKeyCount の配列が作れる。
Review About Varun Dhawans New Movie, Bhediya
Tags: movie, bollywood, download, wiki
Published: 2022-11-29 17:23:56

## Bhediya Movie Story

Narrating things from the trailer Bhediya then its looks like Bhaskar Sharma has been bitten by a Wolf on his bumps. He is feeling a sudden change in his body. He became active, fast, and sharp. Yeah, you are right just like Peter Parker becomes more strong after getting bitten by a spider on his hand, and later he comes out as a spider man. But in the case of Bhaskar Sharma, things are a little bit different. Bhaskar began getting strong but slowly he loses his control over his body and the powers of the wolf that he gets after getting bitten.

he loose his temper very easily. In the night he experiences that he is a wolf and runs out of his home for hunting and eat people. And in the day he forgets everything. 

And one day he completely gets transformed into a Bhediya. 

Then his friend and girlfriend began finding solutions to make him a normal human being. And then the main climax of the story begins. [Click here to read complete review](https://www.unclosenews.com/2022/11/bhediya-movie-download.html)
Node.js/Express RestAPIs – Angular 14 HttpClient – Get/Post/Put/Delete requests + Bootstrap 4
Tags: angular
Published: 2022-11-29 17:15:13

Angular provides the HttpClient in @angular/common/http for front-end applications communicate with backend services. In the tutorial, we show how to build an Angular application that uses the HttpClient to make get/post/put/delete requests with Observable apis to Node.js RestAPIs.

https://ozenero.com/node-js-express-restapis-angular-14-httpclient-get-post-put-delete-requests-bootstrap-4
Angular 14 Http Interceptor – with Node.js RestAPIs
Tags: angular
Published: 2022-11-29 17:13:55

https://ozenero.com/angular-14-http-interceptor-with-node-js-restapis

Angular provides HTTP Interception to inspect and transform HTTP requests from your application to the server. In the tutorial, we show how to build an Angular 14 Http Log Interceptor with Node.js RestAPIs.

Technologies
Angular 14
RxJS 6
Bootstrap 4
Visual Studio Code – version 1.24.0
Nodejs – v8.11.3
Angular HTTP Interception
@angular/common/http has a major feature HTTP Interception that helps inspect and transform HTTP requests.

More at: https://ozenero.com/angular-14-http-interceptor-with-node-js-restapis
What is Ruby on Rails Middleware.
Published: 2022-11-29 17:08:51


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pkulmbqw4w1hes94c9vl.png)
The middleware component sits between the client and the server, processing inbound requests and outbound responses. The middleware is used for tasks that are not related to business logic of your application.

A list of tasks that are commonly solved with the help of middleware:

- Caching
- Logging
- Sessions
- Performance & Usage Monitoring
- Security
- Serving static files (css, js, images, etc)

## How to make your own middleware.

Every Rails application is based on Rack server. Rack allow us to create middleware layers. Middleware must have call method, this is the interface that requires the Rake app.

To view a list of current middlewares, use the command: `bin/rails middleware.`

Then you should define your middleware in environment config:
`config/environment/<development/staging/etc.>.rb`

**You can add a new middleware to the middleware stack using any of the following methods:**

`config.middleware.use(new_middleware, args)` - Adds the new middleware at the bottom of the middleware stack.

`config.middleware.insert_before(existing_middleware, new_middleware, args)` - Adds the new middleware before the specified existing middleware in the middleware stack.

`config.middleware.insert_after(existing_middleware, new_middleware, args)` - Adds the new middleware after the specified existing middleware in the middleware stack.

Lets add super simple `FilterSecretKeyMiddleware`. It should replace secret_key in params with *.

```ruby
  config.middleware.use(FilterSecretKeyMiddleware)
```

Then we need to describe middleware. Lets place it to `lib/middleware/filter_secret_key_middleware.rb` :

```ruby
class FilterSecretKeyMiddleware
  def initialize app
    @app = app
  end

  def call(env)
    request = Rack::Request.new(env)

    request.params.map do |key, value|
      value.gsub!(/(.)/, "*") if key == "secret_key"
    end

    @app.call(env)
  end
end
```

So, lets try to add debug log to controller to make sure that this parameter does not get into the controller.

```ruby
class PostsController < ApplicationController
  # GET /posts
  def index
    @posts = Post.all
    puts params

    render json: @posts
  end
  ...
end
```

Then when we send GET request `http://localhost:3000/posts?param1=1&param2=test&secret_key=45vl3nb5k` we will see:

```bash
Started GET "/posts?param1=1&param2=testf&secret_key=[FILTERED]" for ::1 at 2022-11-21 12:50:12 +0300
Processing by PostsController#index as HTML
  Parameters: {"param1"=>"1", "param2"=>"testf", "secret_key"=>"[FILTERED]"}

#<ActionController::Parameters {"param1"=>"1", "param2"=>"test", 
"secret_key"=>"*********", "controller"=>"posts", 
"action"=>"index"} permitted: false>

  Post Load (0.3ms)  SELECT "posts".* FROM "posts"
  ↳ app/controllers/posts_controller.rb:12:in `index'
Completed 200 OK in 2ms (Views: 1.5ms | ActiveRecord: 0.3ms | Allocations: 824)
```
You can see that the controller received a modified value for the secret_key parameter.
Start a Jupyter notebook server in an AWS AMI to run python
Tags: cloud, jupyter, aws, machinelearning
Published: 2022-11-29 17:06:34

**Note**: This notebook is considered a continuation of the previous post. You can see it on dev from [here](https://dev.to/aws-builders/tensorflow-with-cmd-interface-for-windows-on-aws-id5), or on medium from [here](https://medium.com/@a00ayad00/tensorflow-with-cmd-interface-for-windows-on-aws-9ab090a3cc32?source=your_stories_page-------------------------------------)

# Introduction
- A Jupyter notebook server must be running in order to create and run Jupyter notebooks.
- The AWS Deep Learning AMI that the virtual machine is built from includes the Jupyter notebook server, in addition to many commonly used packages for machine learning.
- In this post, you will start a Jupyter notebook server.

# Start a Jupyter notebook
### Step 1
In your SSH shell, enter the following command to start the Jupyter notebook server in the background:

```
nohup jupyter notebook &
```

- The `nohup` command, stands for no hangup and allows the Jupyter notebook server to continue running even if your SSH connection is terminated.
- After a couple seconds a message about writing output for the process to the `nohup.out` file will be displayed:

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

- Press enter to return to the shell prompt.
- This will allow you to continue to enter commands at the shell prompt.

### Step 2
Press enter to move to a clean command prompt, and tail the notebook's log file to watch for when the notebook is ready to connect to:

```
tail -f nohup.out
```

The notebook is ready when you see The Jupyter Notebook is running at:...

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

### Step 3
Press `ctrl+c` to stop tailing the log file.


### Step 4
Enter the following to get an authenticated URL for accessing the Jupyter notebook server:

```
jupyter notebook list
```

- By default, Jupyter notebooks prevent access to anonymous users. - After all, you can run arbitrary code through the notebook interface.

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

- The `token` URL parameter is one way to authenticate yourself when accessing the notebook server.
- The `/home/ubuntu` at the end of the command indicates the working directory of the server.
- The Jupyter notebook server is now up and running.


<br>
[GitHub](https://github.com/a00ayad00)
[LinkedIn](https://www.linkedin.com/in/a00ayad00)
[Facebook](https://m.facebook.com/a00ayad00)
[Medium](https://a00ayad00.medium.com/)
Oasis Infobyte Intern
Published: 2022-11-29 17:01:04



I am glad to share my internship experience with Oasis Infobyte as a web development intern and would like to thank them for this opportunity.



It was really flexible to complete the tasks as they were divided level-wise ( increasing a little bit difficulty ). As a result , I ended up completing all level-1 tasks including landing page, portfolio page and temperature converter website.

Not only this opportunity , made me consistent in coding but it boosted up my confidence and also made me write my first blog here at dev. 😄

If you join internship then visit link:
https://oasisinfobyte.in/
Font style & typography in Tailwindcss
Tags: webdev, javascript, beginners, css
Published: 2022-11-29 16:59:04

{% embed https://www.youtube.com/watch?v=FohcvdVe4ow %}
When it comes about font-style and typography, Tailwindcss has a bunch of options we can use. And instead of writing a long article on how it works, I’d like to give you my opinion on these classes.

## The best and the most comprehensible system to apply style
Tailwindcss provides to us many classes we can use to change our font sizes. By using 'text-' we can add sizes, style, colors but we can also use 'decoration-' to add some decoration.
I've learned CSS then quickly Bootstrap in my developer's career. And i'd like to say that using Tailwindcss system is way more efficient and easy to understand than leading classes of Bootstrap. Maybe it's Tailwindcss documentation's quality but I can garantee you that when you start with Tailwindcss, all others solutions looks like a downgrade.

## Customization: the force of Tailwindcss
Of course, we can customize fonts & typographies in tailwind.config.js — and in a previous article, I've explained that Tailwindcss's force is its customization system. Concerning fonts, as front-end developers, we are always looking to customize font families, colors and font sizes from the start of a project.
I got to admit that at first, I wasn't confident about using Tailwindcss. Even if advantages were clear, it looked very complicated to me — and i've mentionned that in several of my videos. Nowadays, I've another point of view on its learning curve: Tailwindcss is clearly the most powerful CSS library right now on the market. But its not made for everybody.

## A framework for (un)experienced developers
I would recommend to any junior to deep dive immediately in Tailwindcss. Even if this advice would throw them into a painful path to become a Front-End developer — especially if they don't masterize yet CSS.
But we got to be honest on this subject: you don't need to masterize CSS to become a Front-End developer. Moreover, how many Front-End developer really know CSS? Basic knowledge of CSS allows you to code an app and add some styling to it.
Don't get me wrong: I am not saying you shouldn't learn CSS. What I am saying is: when a junior starts his career, he doesn't necessarely focus on CSS. This is where Tailwindcss is really powerful — it has been build to be accessible right away with its clear documentation... Only if you already handle reading documentation — which is, in my opinion, what you should learn first.

Guillaume
Webinar: 2022 State of DevOps | Dec 15
Tags: eventsinyourcity, devops, cicd
Published: 2022-11-29 16:50:19

Register: [https://bit.ly/3GQsGrn](https://bit.ly/3GQsGrn)

Dec 15, 2022
2:00 PM ET

DevOps attempts to merge development and operations to develop better-quality software products. DevOps is constantly transforming and has never been more popular than it is today. In fact, “DevOps” is one of the top most searched for phrases in the entire IT industry. So what happened in 2022?

We’ve assembled a panel of experts for our final webinar of 2022 to look back on the year and discuss key learnings and trends such as:

- Trends for DevOps practices and culture in teams
- Workflows and tools that are being adopted
- The trends in deploying software with containerization and Kubernetes
- Programming languages that are rising quickly to the top
- Our favorite security vulnerabilities and tools to help
- A look back on supply chain security trends of 2022
- How the recent tech industry layoffs could affect DevOps and security

_Featuring:

Ciara Carey, Developer Relations, Cloudsmith

Aisling Conroy, Senior Manager Competitive Intelligence, CircleCi

Luke Kilpatrick, Director of Developer Experience, LinearB.  _
#PowerAutomate – Flow to use Open Trivia Database questions in a Microsoft Teams bot 🤖 5/N
Tags: englishpost, microsoftteams, opentriviadatabase
Published: 2022-11-30 15:43:14

---
title: #PowerAutomate – Flow to use Open Trivia Database questions in a Microsoft Teams bot 🤖 5/N
published: true
date: 2022-11-29 16:35:36 UTC
tags: EnglishPost,EnglishPost,MicrosoftTeams,OpenTriviaDatabase
canonical_url: 
---

#### PowerAutomate – Flow to use Open Trivia Database questions in a Microsoft Teams bot 🤖 Series

- [Intro to Open Trivia Database API](https://dev.to/azure/powerautomate-flow-to-use-open-trivia-database-questions-in-a-microsoft-teams-bot-1n-1h1e)
- [How to process the API Response and send a question to Teams](https://dev.to/azure/powerautomate-flow-to-use-open-trivia-database-questions-in-a-microsoft-teams-bot-2n-3dlm)
- [How to validate the user response in teams with the Trivia Question correct answer](https://elbruno.com/?p=35989)
- [Sort and mix the possible answers to the question](https://elbruno.com/?p=36003)
- [Trigger the flow from a new message in a Teams channel, and validate the trigger start](https://elbruno.com/?p=36018)

Hi !

Now that we have the core steps to request a Trivia question from the API, send the question to a user and process the user’s answers, let’s work on the trigger.

My final idea is to use a trigger from Teams, then validate that the message body contains the words ‘start trivia’ and, if the condition is not matched, stop the flow.

![My final idea is to use a trigger from Teams, then validate that the message body contains the words 'start trivia' and, if the condition is not matched, stop the flow](https://brunocapuano.files.wordpress.com/2022/11/image-20.png?w=1024)

There are plenty of triggers for Microsot Teams, I may try other scenarios later. Now, the [When a new channel message is added] is the one for me.

![triggers for Microsot Teams](https://brunocapuano.files.wordpress.com/2022/11/image-21.png?w=642)

I created a new channel named [Trivia] in my lab environment, so using I’ll work on this one.

![selecting team and channel in the trigger](https://brunocapuano.files.wordpress.com/2022/11/image-22.png?w=1024)

On the condition step, I needed to convert to string the message body and the string “start trivia”. Otherwise the stop condition won’t work.

![](https://brunocapuano.files.wordpress.com/2022/11/image-24.png?w=719)

And, when the condition is not meet, I use a [Terminate] step to stop the flow.

![](https://brunocapuano.files.wordpress.com/2022/11/image-25.png?w=678)

We are almost there ! However, we can improve still this flow a lot 😀

And important: Join me in this 2-week FREE program @MSFTReactor  
and we will learn together about Microsoft Power Pages.  
We will also cover fundamentals of Power Pages architecture, components, features, and tooling.

#### [https://aka.ms/DecPowerPagesBootcamp](https://aka.ms/DecPowerPagesBootcamp)

Starting on Dec 05

Happy coding!

Greetings

El Bruno

More posts in my blog [ElBruno.com](https://www.elbruno.com).

* * *
OSA Con 2022: Streaming Data Made Easy | Developer Conference
Published: 2022-12-19 16:46:21

---
title: OSA Con 2022: Streaming Data Made Easy | Developer Conference
published: true 
date: 2022-11-29 16:16:00 UTC
tags: 
canonical_url: 
---

<iframe width="480" height="270" src="https://youtube.com/embed/C684XAivnqg" frameborder="0"></iframe>

https://youtube.com/embed/C684XAivnqg

{% embed https://youtube.com/embed/C684XAivnqg %}
I will design unique wordpress website with divi theme
Tags: wordpress, divi, divibuilde, website
Published: 2022-11-29 16:08:17


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

Hi There,

I will design a unique, responsive, and professional WordPress website for your business that will beat your competitor's website?

### What included with this service: 

- Pixel Prefect design
- All Unique Custom Design
- Responsive Design
- E-commerce, Booking, Calendar, Event integration
- Landing Page
- Custom header footer
- Popup, Complex form
- Parallax, Sliding, Animation
- SEO Optimize (Yoast SEO), Security, speed Optimize
- Copy, Clone, Migration or Duplicate,
- Lifetime Divi Updates
- Fix any Divi issue

I work almost exclusively with the DIVI Theme and am continually impressed with its regularly updated features and ease of use. So, The site will be fully customizable. You can update or edit any content by couple of clicks, it's like drag & drop.

If you need ongoing support to do some customization or something like that, you can count on me.

Hire Me: https://www.fiverr.com/share/qQ1gY5
#WordPress #Divi #diviBuilder #DiviTemplate #website
List of No-code tools that will enhance your productivity 10x ⚡️
Tags: nocode, tooling, productivity, opensource
Published: 2022-11-29 14:04:14

Original Twitter thread: https://twitter.com/chasechung111/status/1597466428546121728
## What is No-code?
No-code is the next era of the Internet. It enhances the development experience and also reduce cost waste for building unnecessary tools for management or analytics. 
## Why should you use No-code tools?
No-code tools will be a core infrastructure of every new era business. If you are a developer, don't reinvent the wheel, save your time by using other people products.

Here are 5 no-code tools to try give it a try today:
### 1. Auth0
- Website: https://auth0.com

Try it today for "Sign in with Github" feature. Just a few click and the feature is done. Auth0 is an essential tool for every startup which want to kickstart their login functionality in a few minutes.

![Auth0 banner](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7yuuzle8nttxsexyvpo1.png)

### 2. Novu
- Website: https://novu.co
 
A brand new open-source notification infrastructure which is trending on Github. Implementing notification on your own is a pain in the ass, trust me. Novu is a right painkiller for project to keep user up-to-date

![Novu banner](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4alz4z0ekn699kvqh13d.png)

### 3. Hashnode

- Website: https://hashnode.com

As a developer, I used to write a whole website with JAMstack then realized it was a bad decision. Hashnode has good community, analytic tools, rick markdown editor...for every tech guy to start writing blog

![hasnode banenr](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/co2ag4xw6n8zxr6fkobs.png)

### 4. Mixpanel

- Website: https://mixpanel.com
 
Mixpanel is a powerful UX analytics tool to track the engagement of users with your product. It is sophisticated and easy to embed to your site. This tool will turn your data into profit.

![Mixpanel](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7zvl7g72yasdor9iiwr2.png)

### 5. Moralis Web3

- Website: https://moralis.io
 
Tasks like connecting to wallet, retrieving data from blockchain, signing a transaction are duplicated across the blockchain industry. Moralis empowers your app with its services to eradicate those.

![Moralis Web3](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7tpsl46djmjon8rgng46.png)