teleren/devto huggingface dataset:
Run batch jobs using AWS Batch
Tags: aws, cloud, devops
Published: 2021-08-31 09:57:00

AWS Batch enables developers, scientists, and engineers to easily and efficiently run hundreds of thousands of batch computing jobs on AWS. AWS Batch dynamically provisions the optimal quantity and type of compute resources (e.g., CPU or memory optimized instances) based on the volume and specific resource requirements of the batch jobs submitted.

## what is a batch job?

A batch job is a job with a start and end to it as opposed to a continuous job that runs 24X7

## AWS batch features

1. Batch processing service at any scale.

1. It provision the right amount of EC2 instances or Spot instances for processing the batch job based on the volume and the requirements

1. You submit or schedule batch jobs and AWS manages the rest

1. There run as Docker images.

## Use cases

1. Pulling data form somewhere at night

1. Backups at midnight

1. Financial data processing each day
More than halfway through 2021
Tags: goals
Published: 2021-08-31 09:51:17

---
title: More than halfway through 2021
published: true
description: We are over halfway through 2021, let's have a quick look at some things I have done this year
tags: goals 
//cover_image: https://direct_url_to_image.jpg
canonical_url: https://www.funkysi1701.com/posts/more-than-halfway-through-2021-29i5
---

We are over halfway through 2021, let's have a quick look at some things I have done this year:

- Deployed a new version of the Pre Qualification questionnaire website for my employers 

- Passed Azure Fundamentals Exam

- Mongo DB Atlas - experimented with using it for auditing my application

- SonarCloud - tried to improve the quality of my code

- Azure DevOps API -> built an application to show builds and releases from my Azure DevOps organisation, code is on github

- Experimented with replacing SQL Agent Jobs with Azure Functions, ended up abandoning this project but was a great learning experience

- Played with MS Graph - displaying profile pic from Azure AD but I am the only one in my org with a photo so abandoned this as well

- Added a captch to a website to reduce spam

- Charted my Gas and Electricity usage using the Octopus Energy API

- Charted various metrics from services I use, eg twitter followers, github commits, blog posts published

- Started learning react, easily connected it with Azure AD

- Integrated my employers project management system with a postcode API and google maps so can see where in the country different projects are located

- Tested dotnet 6 preview and the latest Visual Studio 2022 preview

- I was made redundant and got a new job

- Wrote my first piece of dotnet code to run on a Raspberry Pi

- Kept cost of Azure down, by removing unused services, refactoring and optimizing existing services.

Wow, I have done loads this year, what is next?
"Interesting developer links" Telegram Channel
Tags: telegram, channel, information
Published: 2021-08-31 09:42:56

---
title: "Interesting developer links" Telegram Channel
published: true
description: I created a Telegram channel to help dev people discovering interesting stuff for them
tags: telegram, channel, information
cover_image: https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRs01e7RrNMQ3MnI3aZVPjPCbzx_Vi-sVIkTw&usqp=CAU
---

Usually, I read a lot of articles about developing software, career success, team management and other stuff. Some of them are really useful and I would like to ensure more people read them. I'm crazy about spreading knowledge. The same thing with interesting repositories and tools that I find on GitHub or GitLab. Twitter and LinkedIn are some of the channels where I share this content but.. There is a lot of noise in those social networks and the information is missed. All of us are really busy and we can not review every single link or article we receive. And, sometimes, not all the material is really good. At the same time, it is really frustrating because, for sure, you want to continue learning new stuff as well as finding awesome tools. But you don't have time for this.

![Busy guy](https://media1.giphy.com/media/sKUqXiBBB6rwk/giphy.gif?cid=790b7611f37d69541a88416c5dc8bad78ccf19eaf6f8783f&rid=giphy.gif&ct=g)

So, I decided to create a Telegram channel sharing just the most important links. The idea behind this channel is to provide the people a way to continue discovering interesting stuff for them but in small "pills". You'll receive a maximum of 5 messages each week with articles/tools/repositories that can be interesting for you. Nothing to overwhelm you. Would you give it a chance?

[Join the "Interesting developer links" Telegram channel](https://t.me/interestingdeveloperlinks)
Sending Email in Laravel App Using Gmail Account
Tags: laravel, php, webdev, fullstack
Published: 2021-08-31 09:41:57

Laravel framework made sending email very easy for developers using the `Mailable` class. I will be using an existing Laravel 8 application. You can also follow the tutorial using other Laravel versions (6 or 7). Follow the steps below to configure your Laravel app for sending mail.
### Step one: generate app password on Google account
[App password](https://support.google.com/accounts/bin/answer/185833?hl=en) is required by your application to access Gmail account via SMTP or other protocol. To create the app password:
1. Login into your [Google account](https://myaccount.google.com/)
2. Click on the security tab
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tb4xxhzz9uzce3xdy8qd.png)
3. Enable 2FA
4. Click on App passwords
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lboltsr90evupctlx9pg.png)
Select **Mail** in the app select dropdown. For device, select others and give it the name you want.
5. Click on generate
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gj1jpqdluo86fpywnh5c.png)
Copy the generated app password. 

### Step two: update your application `.env` 
```
MAIL_DRIVER=smtp
MAIL_FROM_ADDRESS=user@gmail.com
MAIL_HOST=smtp.gmail.com
MAIL_PORT=587
MAIL_USERNAME=user@gmail.com
MAIL_PASSWORD=App Password
MAIL_ENCRYPTION=tls
```
### Step three: send the email using the Laravel built-in `Mail` facade.
```php
<?php
use Illuminate\Http\Request;
use Illuminate\Routing\Route;
use Illuminate\Support\Facades\Mail;

Route::get('/sendmail', function (Request $request) {
    $ip = $request->ip();
    Mail::raw('Hi user, a new login into your account from the IP Address: '+$ip, function ($message) {
        $message->from(env('MAIL_FROM_ADDRESS'), env('MAIL_FROM_NAME'));
        $message->to('user@domain.com', 'User Name');
    });
});
```
You can read more about sending mail, adding attachments, sending mail using Laravel blade templates: visit the [Laravel Mail](https://laravel.com/docs/8.x/mail) documentation for more details.
Follow me for more of my articles, you can leave comments, suggestions, and reactions.
Quick Apps - A Button Implemented by the Input Element Does Not Respond When Tapped
Tags: huawei, android, quickapps
Published: 2021-08-31 09:28:12

After setting the type of the input element to button and setting the border-radius attribute, the button does not respond as expected (background color change) when it is tapped. If the border-radius attribute is deleted, the button works correctly again.

{% gist https://gist.github.com/devwithzachary/45234fad0b7118b465b522272d2c5002 %}

After setting the border-radius attribute, the tap effect cannot be automatically implemented due to limitations at the bottom layer of Quick App Engine

After setting the border-radius attribute, you can use a pseudo-class of the quick app to implement the button tap effect.

```
.button:active{
  background-color: green;
}
```

So the full code now looks like

{% gist https://gist.github.com/devwithzachary/6e5af6344a3802dcbea94932a3c8d970 %}
What is Crypto Token & How to Create your Own Cryptocurrency Token?

Tags: blockchain, cryptocurrency, token
Published: 2021-08-31 09:26:58

A crypto token is a virtual currency token or a denomination of a cryptocurrency. It represents an asset or specific use and resides on their blockchain.
Tokens can be used for investment purposes, to store value, or to make purchases.
Cryptocurrencies are digital currencies used to facilitate transactions (making and receiving payments) along the blockchain.
Altcoins and crypto tokens are types of cryptocurrencies with different functions.
Created through an initial coin offering, crypto tokens are often used to raise funds for crowd sales.

https://www.developcoins.com/token-development

Types of Tokens

Security/Equity Tokens
Reward Tokens
Utility Tokens
Asset Tokens
Currency Tokens

Token Development Services,

Tron Token Development
Ethereum Token Development
EOS Token Development
Binance Smart Chain BE20 Token Development
Token Generator Development

Why choose Developcoins for Cryptocurrency Development Company?

Developcoins is one of the best Cryptocurrency Development company and provides different types solutions .Our team delivere the project on time. Our experts of blockchain designers assists with fostering your own token/coin on the highest point of the blockchain stage like Ethereum, Tron, EOS, Binance Smart Chain,Matic,Ripple and that's just the beginning.

Our Special Services like,

Crypto Wallets Development
Crypto Payment Gateway
Crypto Exchange Development 
Blockchain Development
Smart Contract Development
ICO Development
IDO,IEO,STO Development
NFT Token Development
NFT Clone Scripts
DeFi Development
Fork Development


We provides,

Technical support
Skillful blockchain developers
Multiple token standards
Increased security
Quality assessment
ICO launch

Create Your Own Cryptocurrency Now!  -- https://www.developcoins.com/custom-altcoin-creation#create-your-own-token

Book A Free Consultation via Call/Whatsapp: +91 9843555651 Telegram - https://t.me/Developcoin

If you have any Queries : https://www.developcoins.com/inquiry
More Visit : www.developcoins.com
I’ll Be Hosting The London Webflow Chapter Event!
Tags: webflowevent, webflow, webflowcommunity, webflowdesign
Published: 2021-09-08 22:49:46

---
title: I’ll Be Hosting The London Webflow Chapter Event!
published: true
date: 2021-08-31 09:21:34 UTC
tags: webflowevent,webflow,webflowcommunity,webflowdesign
canonical_url: https://www.matechs.com/blog/mirela-prifti-hosting-for-the-london-webflow-chapter
---

_On Sep 10, 2021, I’ll be making a presentation for the London Webflow Chapter_

![](https://cdn-images-1.medium.com/max/843/1*SoGt32JAMJNZKcOB38NszA.png)

The event will be dedicated to **Business Use Cases for Webflow.** In this presentation, we look forward to explaining Webflow’s potentials and capabilities from a business perspective. We will go through what you can create with Webflow as a web design platform and how you can use it for better results. We will provide practical use cases of what you and your team can achieve by using Webflow for your in-house projects or your clients.

### What are Webflow’s capabilities as a web design platform?

_Webflow is more than simply a website builder._

As a platform, Webflow provides an optimal environment for creating, prototyping, and testing different design projects, from landing pages and entire websites to user interfaces for digital products.

### Who should use Webflow, why, and when?

_Webflow is beneficial not only for design teams._

As designers can improve their skills and workflow by using Webflow, they’re not the only ones that benefit from the tool. Businesses can build more efficient processes to promote the launch of their products or marketing campaigns or create realistic prototypes for digital products.

### Practical use cases for businesses

_Adopting Webflow beyond marketing purposes._

Webflow is a suitable platform for specific business projects that require efficient ways to organise and manage their content without compromising design, performance, and SEO. A platform that allows for quick decision making, whether you’re launching a new startup project, publishing important content, or creating interfaces for digital projects.‍

👉 **Register at the event** : [https://events.webflow.com/events/details/webflow-london-webflow-chapter-presents-business-use-cases-for-webflow/](https://events.webflow.com/events/details/webflow-london-webflow-chapter-presents-business-use-cases-for-webflow/)
Show me your main.dart - Flutter research
Tags: dart, flutter
Published: 2021-08-31 08:56:14

Do you work on a Flutter project? If so, please share your `main.dart` file with me (_if you want and can_).

I'm researching how people organize their `main.dart` files for a new post for my series [Let's learn Flutter](https://dev.to/nombrekeff/series/14292). I might want to include some of the entries in the post (_and credit you of course_).

So, if you're up to it, please share you main.dart file and a little overview on why you organized it that way.
How to Filter an Array with JavaScript ☕
Tags: javascript, tutorial, beginners, codenewbie
Published: 2021-08-31 08:53:04

A practical tutorial on how to filter arrays in JavaScript using the Array Filter method.

## Filter an array using the Array Filter Method

In JavaScript, all arrays have a filter method that you can use in your programs. This built-in method creates a new array based on your instructions.
You will give these instructions as a parameter of the filter method. Each time the filter method iterates on the array, it will call your function.

```javascript
const colors = ['blue', 'yellow', 'red', 'green', 'yellow', 'red', 'blue']
const yellowArray = colors.filter((color) => color === 'yellow')

console.log(yellowArray)
// Output: ['yellow', 'yellow']
```

### Create your own function to filter an array

If you want to understand better how the filter method works, you can create your own function.
Let's take the example above, but we will replace the second line with our function call.

```javascript
function filter(arrayToFilter, elementToFilter) {
  const newArray = []

  for (const element of arrayToFilter) {
    if (element === elementToFilter) newArray.push(element)
  }

  return newArray
}

const colors = ['blue', 'yellow', 'red', 'green', 'yellow', 'red', 'blue']
const yellowArray = filter(colors, 'yellow')

console.log(yellowArray)
// Output: ['yellow', 'yellow']
```

As you can see, if you want only to compare strings or numbers, you can re-create this function pretty fast!

## Filter an array of objects using the Array Filter Method

If you want to filter an array of objects, you can still use the built-in method. The only difference will be in the comparison. You will need to select the object property value to compare.

In the example below, we now have books. Each book is an object and has a color property. As in the previous parts, we want to create a new array for yellow books.

Let's see how we can do that!

```javascript
const books = [
  { name: "You don't know JS", color: 'yellow' },
  { name: 'Eloquent JavaScript', color: 'yellow' },
  { name: 'JavaScript: The Definitive Guide', color: 'white' },
]
const yellowBooksArray = books.filter((book) => book.color === 'yellow')

console.log(yellowBooksArray)
// Output: [
//  { name: "You don't know JS", color: 'yellow' },
//  { name: 'Eloquent JavaScript', color: 'yellow' },
//]
```

**Thanks for reading until here!**

I hope you learned from it! 🎉

I'm starting to tweet more consistently! If you want to get more tips and resources about web programming -> [Find me on Twitter 🐦](https://twitter.com/gaelgthomas)
Software Engineering Vlog | Working at Pinpoint
Tags: culture, devjournal, developer, programming
Published: 2021-08-31 08:45:58

https://youtu.be/heWL3uJUaOI

I'm a full-stack engineer, working for a SaaS startup called Pinpoint!

In my spare time I enjoy videography - I read a book called _Show Your Work_ and thought it'd be worth becoming a documentarian and sharing some of the things I do!

If you prefer reading > watching, I've also written about my experiences, day-to-day, at Pinpoint:

https://domsamphier.com/posts/software-engineer-day-in-the-life
Scala Tip: appending a sequence optionally
Tags: scala
Published: 2021-08-31 08:21:14

If you want to add option's content to a sequence, you can easily do that using `++` or `appendAll` method.

![Image 2021-07-29 at 15.18.26](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o1vgva8t120kxle7itji.jpeg)

This is possible because `++` expects collection and there is an implicit conversion from an option to collection in Scala.

But be careful with `:+` because that expects just one element and no conversion will be applied and this happens:
 
![Image 2021-07-29 at 15.21.13](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rzebvap41w8to8by9utg.jpeg)
Simplifying SCSS File Imports in Angular
Tags: csspreprocessors, import, angular, scss
Published: 2021-09-26 15:18:29

---
title: Simplifying SCSS File Imports in Angular
published: true
date: 2021-08-31 08:14:38 UTC
tags: csspreprocessors,import,angular,scss
canonical_url: https://medium.com/@redin.gaetan/angular-for-everyone-simplified-scss-files-imports-25539a134dc0
---

#### How to Simplify SCSS File Imports in Angular

![](https://cdn-images-1.medium.com/max/1024/1*7n6P0Q-9gLTGeBIGSG1HgQ.jpeg)

Hey, we all have ever seen something like this in our SCSS files:

```
@import '../../../../../my-css-file';
```

But that’s not really sexy, right? Thanks to the power of the pre-processor, we can now just code:

```
@import 'my-css-file';
```

How? We need to update our angular.json like this:

```
{
    ...
    "projects": {
        "<project_name>": {
            ...
            "architect": {
                "build": {
                    "builder": "@angular-devkit/build-angular:browser",
                    "options": {
                        ...
                        "stylePreprocessorOptions": {
                            "includePaths": [<path_to_my_scss_folder>]
                        }
                        ...
                    }
                }
                ...
            }
        }
    }
    ...
}
```

Thanks for reading.

### Learn More

- [Install Jest for Angular](https://dev.to/gaetanrdn/jest-and-angular-install-fg3)
- [How to Undo a GIT Commit](https://medium.com/@redin.gaetan/how-to-undo-a-git-commit-7942cdf6c211)
- [Angular for everyone: All about it](https://link.medium.com/SXPQgRn7xjb)
AWS API Gateway
Tags: aws, cloud, devops
Published: 2021-08-31 07:49:36

AWS API gateway is a fully managed service for developers to fully manage, publish, create, and secure API's. Using API gateway you can create both restful and WebSocket API's. API Gateway has no minimum fees or startup costs. You pay for the API calls you receive and the amount of data transferred out.

## Benefits

1. Easy monitoring - Adding other monitoring services to api

1. Security Controls - Authorize access to your APIs with AWS Identity and Access Management (IAM) and Amazon Cognito. If you use OAuth tokens, API Gateway offers native OIDC and OAuth2 support.

1. Throttling - API throttling is automatically added so our back ends don't receive unnecessary loads

1. API development- Run multiple versions of the same API using API gateway.

1. Serverless API - We can also use this to build a server less API by building a proxy from the gateway to lambda.
UI Dev Newsletter #72
Tags: html, css, javascript, webdev
Published: 2021-08-31 07:46:56


## Links


[Software Crisis 2.0](https://bit.ly/3sUqbv6)
Baldur Bjarnason shares everything he learned relevant to software project failure in a single essay and tries to answer why it happens and why it is so common.


[I Bet You Don't Keep A Developer Journal: 3 Reasons You Should](https://bit.ly/3jljrDo)
Simon Barker explains what the value of keeping a work journal is.


[Stealing Game Animation Techniques to Engage Users](https://bit.ly/2WsFOye)
Eli Penner shares few ways how to use animations while trying to annoy very few users.


[Setting juniors up for success](https://bit.ly/3DqffKz)
Adiya Mohr explains hiring juniors are an investment.


[Privacy-focused Websites](https://bit.ly/3zpxUnu)
Dave Smyth explains what a privacy-focused website looks like and what you need to consider to build one.


[Buttons Generator](https://bit.ly/3mDp4yQ)
Marko Denic shares a tool where you could copy and paste CSS code for more than 100 different button styles.


[How I experience web today](https://bit.ly/3gCNDYH)
Guangyi Li shares a site that demonstrates everyday web surfing experiences these days.


[8 Free Sites For Web Developers You Probably Didn't Know Existed ](https://bit.ly/2WsFQWS)
Csaba Kissi shares valuable tools and websites for web development, social sharing, and more.


## Just for fun

[https://bit.ly/2UTpANA](Newsletters)
Robin Rendle explains why newsletters are hot and why they bother him.


**Happy coding!**

[Subscribe to the newsletter here!](https://buttondown.email/starbist)
HTML tags | ol-ul-li
Tags: html, tags, ol, ul
Published: 2021-08-31 07:27:00

They are used to **represent a list of items**. With `<ol>` (_ordered list_) we create an ordered list and with `<ul>` (_unordered list_) we create an unordered list. In both cases, each of the elements of the list will be created by adding `<li>` (_list item_) as children.

**To know when to use one or the other, it is enough to alter the order of the elements in the list**: if the meaning of the content changes, you have to use an `<ol>`. If it stays the same, a `<ul>`. An example of `<ol>` would be a recipe, in which the order of the steps matters, and that of a `<ul>` a menu, in which the order of the sections can vary over time.

Both types of lists **can be nested as many times as desired**, alternating between `<ul>` and `<ol>` without restrictions.

Normally the `<ul>` **are presented with an indicator for each element**, in the form of a point, circle, square ... depending on the degree of depth that the element has. This default value can be changed using the CSS property `list-style-type`.

The `<ol>` **are presented with a number for each element**, and have some specific attributes:

* `reversed`: to turn the numbering of the elements around and start from the highest to the lowest.
* `start`: an integer from which to start numbering the elements of the list. It will always be an Arabic number (1, 2, 3…) even if the numbering used in the list is of another type (letters or Roman numerals). For example, to start numbering from the letter “d” or from the Roman numeral IV, you would have to use `start="4"`.
* `type`: select the type of numbering from the list:
  * `a` for lowercase letters
  * `A` for uppercase letters
  * `i` for lowercase Roman numerals
  * `I` for uppercase Roman numerals
  * `1` for Arabic numbers (default value)

As in the `<ul>`, the numbering of the `<ol>` can be controlled with the CSS property `list-style-type`, which is recommended **unless it is very important to respect the numbering**, as in the case of legal texts or technical documents.

The `<li>` have a value attribute that only has meaning when it is a child of an `<ol>`. **It is used to establish the number that will serve as the indicator for the element**, and from which subsequent elements will count. As in the start attribute of `<ol>`, an Arabic number will always be used regardless of the type of indicators that are being used in the list (letters or Roman numerals).

The `<ol>` and `<ul>` have an **implicit ARIA role** `list`, and the `<li>` `listitem`.

- Type: *block* / *block* / *list-item*
- Self-closing: *No* / *No* / *No*
- Semantic value: *No* / *No* / *No*

[Definition and example `<ol>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ol) - [Definition and example `<ul>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ul) - [Definition and example `<li>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/li) | [Support `<ol>`](https://caniuse.com/mdn-html_elements_ol) - [Support `<ul>`](https://caniuse.com/mdn-html_elements_ul)