teleren/devto huggingface dataset:
Figma Tutorial — How to design a landing page for your eBook
Tags: uidesign, figmaplugin, figmatutorial, landingpagedesign
Published: 2021-11-10 07:28:58

---
title: Figma Tutorial — How to design a landing page for your eBook
published: true
date: 2021-11-10 07:25:28 UTC
tags: uidesign,figmaplugin,figmatutorial,landingpagedesign
canonical_url: 
---

### landing pageFigma Tutorial — How to design a landing page for your eBook

![](https://cdn-images-1.medium.com/max/1024/1*LNYPoEBLLMJjPcmiqMcHMA.jpeg)

To design a Landing Page with Figma, you don’t have to be an expert in Figma. In fact, you can create a Landing page design in no time at all using the Theme Composer Figma plugin.

In this quick tutorial, we’ll use the Theme Composer Figma plugin to show you how to create a landing page, customize it, and covert it to HTML/CSS code.

We’ll create an eBook landing page and here’s a sneak peek at what the finished design will look like.

![eBook Landing Page Design With Figma](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nicjs0kywexk3yod3zc8.png)


To be able to design this landing page, we’ll see how to :

- **Generate a landing page design with the Theme Composer plugin.**
- **How to add our text and images content to the landing page.**
- **We’ll also see how to edit the color palette of the landing page.**
- **And lastly, we will convert our landing page to a responsive HTML code.**

Let’s get started.

### Video Tutorial:

{% youtube vyEcF0vxvVQ %}

### Before you go

Fell free to visit our website [**capain-design.com**](http://captain-design.com/) where we are sharing generously, ready for commercial use [**Figma and HTML templates**](http://captain-design.com/).

You’ll find three things to help you kickstart your next project’s design :

- [**200+ free Figma templates.**](http://captain-design.com/)
- [**Free Html + Bootstrap 5 templates.**](http://captain-design.com/)
- [**Amazing Figma Plugins and UI kits.**](http://captain-design.com/)
Entrega del Sistema
Tags: entregadelsistema, implementacion, release, planificacion
Published: 2021-11-10 07:14:20

**¿Cuándo corresponde comenzar la planificación de la liberación de un sistema? ¿Por qué?**
Un primer momento para hablar de la liberación de un sistema es al inicio de cada sprint, donde se planifican los desarrollos, se establece un tiempo estimado para completar todas las actividades que implica la solución al requerimiento, luego se habla de la liberación una vez el desarrollo cumpla con los criterios de aceptación indicados por los usuarios o negocio, y además que los usuarios han dado su visto bueno para la implementación en ambiente productivo.

**¿Qué aspectos resulta necesario atender durante la liberación?**
Los objetos de base datos, programas que se utilizaran para la liberación, asi como los permisos o grant de ejecución de los mismos, la disponibilidad del sistema, se debe lograr una minima afectación durante la liberación a los usuarios del proceso u otros sistemas relacionados, por lo que hay que considerar el día y la hora adecuada para el despliegue. Liberación no sean en fechas vetadas, fin de mes o cierre.

**¿Qué relevancia tiene la documentación del software para su puesta en funcionamiento?**
Una adecuada documentación sirve de guía para realizar de forma correcta una liberación, ademas para nuevos colaboradores es muy útil ya que el documento les orienta en los pasos que se deben seguir. Permite conocer el orden de ejecución de cada proceso, y tambien el tipo de permisos adiconales que se deben solicitar.

**¿Por qué resulta conveniente asignar recursos para la solución de problemas durante el período inicial de la implantación de un sistema?**
Como área de informática debemos dar garantía de nuestros servicios al cliente, y la etapa de liberación no es la excepción, es por eso que como parte de la responsabilidad de TI, las personas involucradas en el desarrollo estan atentos ante algun inconveniente que pueda surgir durante y despues de la liberación y de esa manera darle una pronta atención y solución.

**¿Qué problemas podríamos encontrar al momento de implementar un sistema?**
Entre algunos problemas que en ocasiones se pueden encontrar estan: la falta de permiso de seguidad para la ejecución del script o programa, un error en la compilación de algun paquete informático, impase con la converisón de tipos de datos, debido a la distinta versión utilzada en ambiente de desarrollo y el productivo para compilar los script.

**¿Qué hacer si el problema es «resistencia al cambio tecnológico»?**
Considero que se debe explicar los beneficios del nuevo sistema, resaltar la realización de las activiades de los usuarios en menor tiempo, comparar los costos de mantenimiento del sistema actual vs el nuevo sistema.
AWS ECS concepts.
Tags: aws, ecs
Published: 2021-10-20 11:03:45

---
title: AWS ECS concepts.
published: true
date: 2021-10-18 07:52:00 UTC
tags: AWS,aws,ecs
canonical_url: https://vuyisile.com/aws-ecs-concepts/
---

According to Amazon, ECS or Elastic Container Service is “a highly scalable, fast, container management service that makes it easy to run, stop, and manage Docker containers on a cluster of Amazon EC2 instances”. In this post I will cover some of the main features of AWS ECS including clusters, tasks and services.

## Clusters

Clusters in ECS are a logical grouping of tasks and services. Another way to put it is it is a group of EC2 instances that run docker containers.

## Task definition

A task definition is a JSON file that defines the configuration of (up to 10) the containers you want to run. Think of it as a blueprint of your application. It is required to run Docker containers in ECS.

## Task

A task is an instance of a task definition. It launches containers defined in the task definition and runs only for the duration of the workload. You can use a task to run cron jobs.

## Service

A service is similar to a task in that it launches containers defined in a task definition. Services run and **_maintain_** instances of task definitions, making them suitable for running long running applications such as web servers.

## Container Agent

The container agent allows containers to connect to your cluster and monitors tasks. It is responsible for starting and stopping tasks when necessary.

## Conclusion

Amazon ECS is a useful AWS service to use to deploy docker containers. To get the most out of ECS, one must understand how Docker containers are defined and controlled in AWS. In a future post, I will show how to create clusters, task definitions, tasks and services in the AWS Console as well as through the CLI and using code.
Best RDP Company
Published: 2021-11-10 06:53:45

<h2>Introduction to RDP servers</h2>
Do you really want a Remote Desktop Protocol for your business? Is there a framework or server at work that you really want to associate with from a distance? Do you realize where to purchase a decent RDP server? 

There are bunches of server facilitating organizations that offer different RDP plans. Picking a decent one that would be the answer for your distant association needs may get befuddling and distressing. To work on your looking through venture, I've made a rundown of the best RDP supplier organizations and thought about them as far as highlights, plans, and reasonableness. 

Before we get to know the top RDP server supplier sites, I've incorporated a speedy audit of what RDP is and what precisely it is that facilitating organizations bring to the table. In the event that you feel like you know enough with regards to that, vibe free to simply avoid ahead to the correlations.

<h2>What is RDP?</a>

RDP, or distant work area convention, is a convention that sets up network communications for clients to interface with different gadgets from a distance. To make a far off work area meeting, you really want to run the RDP customer programming to associate with the distant customer framework that is likewise running on a RDP server. 

Presently, you can procure a RDP server from RDP suppliers. RDP suppliers, such as RouterHosting, are server hostings that offer different arrangements, elements, and benefits in various designs for the people who need any sort of far off work area association. 

If you really want an effective and dependable RDP VPS for your far off work area, try to Check Out RDP VPS Plans running on incredible equipment.
CSS Loader / Spinners collection 
Tags: css, loader, webdev, productivity
Published: 2021-11-10 06:53:23

A general situation that we all might face while going through websites/apps is to wait for some progress or something to get loaded. A most simple solution in such scenarios is to use a loader or spinner to indicate users that something is loading in the background.
Considering this, I tried to create a library having a collection of such loaders/spinners. There are no image dependencies for this library. It's developed using pure CSS. Hence it will load fast and is easily customizable too.

[![image](https://user-images.githubusercontent.com/5153908/140635756-e2a4d043-d86b-4748-b006-7db8e7e03079.png)
](https://cssloaders.github.io)  



![CSS loaders and spinner](https://user-images.githubusercontent.com/5153908/140634495-3ae7b6ae-8535-4e95-b76f-a4420029ca0d.gif)



## HTML

Each loader has been build on top of a single html tag, so that it is easily portable. Hence more convenient to be intrgrate with projects 

```html

<div class="loader"></div>

```


## Video Walkthrough 

{% youtube bFof6OIWDbo%}

Please feel free to comment your suggestions and feedbacks on this post discussion or Product Hunt page
[![CSS Loaders - Collection of different types of CSS loaders, spinners | Product Hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=318866&theme=light)](https://www.producthunt.com/posts/css-loaders?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-css-loaders)
Data Races di Golang
Tags: go, datarace, bahasa
Published: 2021-11-10 06:48:22

*Data race* adalah kondisi ketika sebuah variable diakses oleh dua *go routine* yang berjalan secara bersamaan *(concurrent)*.

Mari kita lihat contohnya.
![code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j37a07h02km51ilt80z8.png)
 

Source code: [https://play.golang.org/p/4uWsRaxBs79](https://play.golang.org/p/4uWsRaxBs79)

 
Jika kode diatas kita jalankan secara biasa, hasilnya "hi". Seolah-olah tidak terjadi masalah. 

```
$ go run main.go
hi  
```

![Diagram data races](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r2olhrvpmdfdr49llmme.png)

Lalu, bagaimana cara melakukan simulasi agar terjadi race condition?

## Simulasi data race 

Untungnya, go sudah menyediakan cara agar kita melakukan simulasi data race.

Jalankan program dengan `-race`
```
$ go run -race main.go
```

Hasilnya:
```
hi
==================
WARNING: DATA RACE
Write at 0x00c000118210 by goroutine 7:
  main.getText.func1()
      /Users/pro/Documents/apps/cms/cmd/main.go:9 +0x30

Previous read at 0x00c000118210 by main goroutine:
  main.getText()
      /Users/pro/Documents/apps/cms/cmd/main.go:12 +0xda
  main.main()
      /Users/pro/Documents/apps/cms/cmd/main.go:17 +0x24

Goroutine 7 (running) created at:
  main.getText()
      /Users/pro/Documents/apps/cms/cmd/main.go:8 +0xd0
  main.main()
      /Users/pro/Documents/apps/cms/cmd/main.go:17 +0x24
==================
Found 1 data race(s)
exit status 66
```

## Pembahasan error
Mari kita bahas satu persatu

### Blok #1
```
WARNING: DATA RACE
Write at 0x00c000118210 by goroutine 7:
  main.getText.func1()
      /Users/pro/Documents/apps/cms/cmd/main.go:9 +0x30
```
Menjelaskan di mana data race terjadi: line ke-9.

### Blok #2
```
Previous read at 0x00c000118210 by main goroutine:
  main.getText()
      /Users/pro/Documents/apps/cms/cmd/main.go:12 +0xda
  main.main()
      /Users/pro/Documents/apps/cms/cmd/main.go:17 +0x24
```
Menjelaskan di mana variable tersebut sudah terpanggil: line ke-12.

### Blok #3
```
Goroutine 7 (running) created at:
  main.getText()
      /Users/pro/Documents/apps/cms/cmd/main.go:8 +0xd0
  main.main()
      /Users/pro/Documents/apps/cms/cmd/main.go:17 +0x24
```
Menjelaskan di mana go routine tersebut dibuat: line ke-8.
Host a fully persisted Apache NiFi service with docker
Tags: docker, apache, nifi, dataengineering
Published: 2021-11-10 06:48:00

I wrote an article about a topic that had troubled me for some time - how to host a fully persisted Apache NiFi service with docker so I would never loose my data pipelines again! Included is the NiFi registry for detailed version control and of course zookeeper - test it out and tell me what you think! 

https://medium.com/@cribbersix/host-a-fully-persisted-apache-nifi-service-with-docker-c417980d22e0
Best Forex VPS Company in 2021
Published: 2021-11-10 06:26:58

<h2>Introduction to Forex VPS</h2>
In Forex VPS facilitating, you get a virtual private server that goes about as a genuine facilitating server. On that VPS, you set up forex exchanging devices and programming, like MT4, MT5, and cTrader. This assists a ton with your prosperity rate on the lookout. 

In spite of the fact that there are a few VPS machines characterized on a genuinely actual server, of course all of those virtual machines is distributed a devoted part of framework assets. Each VPS acts very much like any genuine PC, permitting clients to introduce their own working frameworks and different applications. Consequently, your VPS Server will be totally influenced quite a bit by. 

A <a href="https://www.routerhosting.com/forex-vps/">Forex VPS Server</a> ensures that your fundamental information is secure. It sets up a protected box for your projects (CPU, plate, memory, centers, and so on) You don't have to impart anything to some other clients. Root-level access is given for an extremely minimal price through VPS facilitating.

<h2>End</h2>

Forex market is perhaps the biggest market on the planet that a great deal of expert brokers from everywhere the world are creating gains. To join their club you want to know a couple of things as we have examined. Things like what is Forex Trading, how could Forex VPS help you, and what are the best forex agents. Subsequent to realizing this you will have a very decent fundamental information on Forex Trading.
Weekly web development resources #95
Tags: weekly, webdev
Published: 2021-11-10 06:13:21



______

##[Image Upscaler](https://imgupscaler.com/)
[![Image Upscaler](https://wweb.dev/weekly/content/95/img-upscaler.jpg)](https://imgupscaler.com/)
A nice tool to increase the size of your images by batch uploading them.

______

##[llline](https://fffuel.co/llline/)
[![llline](https://wweb.dev/weekly/content/95/llline.jpg)](https://fffuel.co/llline/)
A tool that makes it easy to generate smooth SVG lines/strokes.

______

##[Notifire](https://www.notifire.co/)
[![Notifire](https://wweb.dev/weekly/content/95/notifire.jpg)](https://www.notifire.co/)
An Open-source library for managing transactional notifications with a single API.

______

##[MistQL](https://www.mistql.com/)
[![MistQL](https://wweb.dev/weekly/content/95/mistql.jpg)](https://www.mistql.com/)
A miniature embeddable language for performing computations on JSON-like structures

______

##[Codeamigo](https://codeamigo.dev/)
[![Codeamigo](https://wweb.dev/weekly/content/95/codeamigo.jpg)](https://codeamigo.dev/)
A website with a curated list of coding tutorials.

______

##[Do-nothing scripting](https://blog.danslimmon.com/2019/07/15/do-nothing-scripting-the-key-to-gradual-automation/)
[![Do-nothing scripting](https://wweb.dev/weekly/content/95/do-nothing.jpg)](https://blog.danslimmon.com/2019/07/15/do-nothing-scripting-the-key-to-gradual-automation/)
An article about reducing manual effort on dev tasks.

______

##[Excalidraw](https://excalidraw.com/)
[![Excalidraw](https://wweb.dev/weekly/content/95/excalidraw.jpg)](https://excalidraw.com/)
A whiteboard tool that lets you easily sketch diagrams with a hand-drawn feel to them.

______

##[Iconscout](https://iconscout.com/)
[![Iconscout](https://wweb.dev/weekly/content/95/iconscout.jpg)](https://iconscout.com/)
A list of high-quality free vector Icons, Illustrations, 3D assets, and Lottie Animations.

______

##[HASTY](https://hasty.dev/)
[![HASTY](https://wweb.dev/weekly/content/95/hasty.jpg)](https://hasty.dev/)
A cool website to test the performance of JavaScript snippets.

______

##[Cheat Sheets](https://dev.to/ali6nx404/cheat-sheets-that-always-save-my-time-during-web-development-2ga4)
[![Cheat Sheets](https://wweb.dev/weekly/content/95/cheat-sheets.jpg)](https://dev.to/ali6nx404/cheat-sheets-that-always-save-my-time-during-web-development-2ga4)
A list of various cheat sheets related to web development.

______

To see all the weeklies check: [wweb.dev/weekly](https://wweb.dev/weekly)
Removing a .env file from Git history
Tags: github, git, beginners
Published: 2021-11-10 05:45:18

I'm sure this happens to everyone sometimes. You accidentally pushed a file with secrets or a password that shouldn't have gotten into the Git history.

In the following example, I "accidentally" pushed my `.env` file to Git simply because I forgot to [add it to me `.gitignore` file](https://daily-dev-tips.com/posts/git-basics-ignore-files-from-being-committed/).

![Removing a secret file from Git history](https://cdn.hashnode.com/res/hashnode/image/upload/v1635576880897/T3V0EKt1o.png)

> Note: If you accidentally pushed secret keys to a repo, you should always revoke them and generate fresh keys!

## Removing the file right away

The best thing to do now is to remove the file right away and add it to your `.gitignore` file.

In my case, I added the following to the `.gitignore`.

```text
# Secret file
.env
```

Let's try and push that to see what happens.

![Gitignore doesn't work on existing files](https://cdn.hashnode.com/res/hashnode/image/upload/v1635577020667/RI8Em9uCt.png)

Yep, the `.gitignore` file doesn't untracked already committed changes. So how can we fix this now?

## Removing a file from Git only

You can remove a file from Git by running the following command.

```bash
git rm -r --cached .env
```

If we then push this change, you will see that the file is gone in GitHub.

![Removing a file from Git](https://cdn.hashnode.com/res/hashnode/image/upload/v1635577175978/MPGXB39KG.png)

However, this didn't completely solve our issue. If we look at our Git history, we can still find the file and expose the secrets!

![Exposing secrets through Git history](https://cdn.hashnode.com/res/hashnode/image/upload/v1635577465128/VVukCpfUd.png)

## Completely remove a file from Git history

To remove the file altogether, we can use the following command.

```bash
git filter-branch --index-filter "git rm -rf --cached --ignore-unmatch .env" HEAD
```

You will get some warnings about this messing up your history as this goes through your whole history and 100% removes its occurrence.

To push this, you have to run the following command.

```bash
git push --force
```

If we look at our history, we can still see the commits that include this `.env` file, but the content is empty.

![Fully removed file in Git](https://cdn.hashnode.com/res/hashnode/image/upload/v1635577747098/p840Qj48P.png)

Few, thanks for having our back Git!

You can find the repo it tried this in on [GitHub](https://github.com/rebelchris/git-test).

### Thank you for reading, and let's connect!

Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on [Facebook](https://www.facebook.com/DailyDevTipsBlog) or [Twitter](https://twitter.com/DailyDevTips1)
Free Real-time Shipment Tracking API PHP DEMO
Tags: devops, webdev, programming, opensource
Published: 2021-11-10 05:44:58

You can get real-time shipment status information through this API without creating a tracking command. Real-time shipment tracking API will get the shipment information from the carrier and respond, the tracking details after you submit the tracking number. The information includes shipment route, shipment status, date, and time, etc.

**Reminder:** If you need to obtain massive tracking information and update the information regularly, please use the Create Tracking API and set up a [webhook](https://www.kd100.com/docs/real-time-shipment-tracking) for receiving updates.


```php
<?php

$url = 'https://www.kd100.com/api/v1/tracking/realtime';
$API_Key = ''; # You can find your ApiKey on https://app.kd100.com/api-managment
$Secret = ''; # You can find your Secret on https://app.kd100.com/api-managment 


$param = array(
	'carrier_id' => 'dhlen',
	'tracking_number' => '9926933413',
	'phone' => '',
	'ship_from' => '',
	'ship_to' => '',
	'area_show' => '1',
	'order' => 'desc'
);
$data = json_encode($param);

$signature = strtoupper(md5($data . $API_Key . $Secret));

$curl = curl_init();
curl_setopt_array($curl, array(
	CURLOPT_URL => $url,
	CURLOPT_RETURNTRANSFER => true,
	CURLOPT_ENCODING => '',
	CURLOPT_MAXREDIRS => 10,
	CURLOPT_TIMEOUT => 0,
	CURLOPT_FOLLOWLOCATION => true,
	CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
	CURLOPT_CUSTOMREQUEST => 'POST',
	CURLOPT_POSTFIELDS => $data,
	CURLOPT_HTTPHEADER => array(
		'API-Key: ' . $API_Key,
		'signature: ' . $signature,
		'Content-Type: application/json'
	),
));
$response = curl_exec($curl);
curl_close($curl);
echo $response;
?>
```
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f8yi9mi1t9eia94gxm1c.jpg)
Github Actions Challenge 2021
Tags: actionshackathon21
Published: 2021-11-10 05:40:28

[Instructions]: # (To submit to the GitHub Actions x DEV Hackathon 2021, please fill out all sections.)


### My Workflow
[Note]: # (Please make sure the project links to the appropriate GitHub Actions repository, and includes [an open source license](https://choosealicense.com/) and README.)
My workflow is for deploying my side project to [vercel](www.vercel.com) and linting the website and the server whenever I push code to my github repo

### Submission Category: 

[Note]: # (Maintainer Must-Haves, DIY Deployments, Interesting IoT, Phone Friendly, or Wacky Wildcards)
DIY deployments


### Yaml File or Link to Code

[Note]: # (Our markdown editor supports pretty embeds. Try this syntax: `{% github link_to_your_repo %}` to share a GitHub repository)
{% github https://github.com/japrozs/spam %}


### Additional Resources / Info
I used [benawad's](www.benawad.com) video on github actions to learn about actions and workflows