teleren/devto huggingface dataset:
How to Create Liquid Swipe Animation in Flutter
Tags: liquidswipeflutter, flutter, liquidswipe
Published: 2020-01-01 14:04:19

In this tutorial, how to Create liquid Swipe Animation in a flutter inspired by Cuberto. Liquid swipe is the revealing clipper to bring off an amazing liquid-like swipe to stacked Container.

📱flutter liquid Swipe:- https://alltechsavvy.com/liquid-swipe-animation-in-flutter/

⚡⚡Best Flutter Development Tools⚡⚡
https://alltechsavvy.com/best-flutter-development-tools/

How to Create Liquid Swipe Animation in Flutter | Liquid Swipe Flutter

🎯📢Github Profile: https://github.com/sagarshende23
Hello, DEV
Tags: goals, motivation, devjournal
Published: 2020-01-01 14:00:52

This is my first post on DEV.
I will get started my activity by listing up my goals for 2020.

- Launch my GitHub pages site as a portfolio
- Post more than one series of posts related to:
  - Vue.js
  - Nuxt.js
  - Web Components
- Get familiar with Kubernetes
- Participate in tech conference as a speaker
Developing API exchange sharing service - Part I
Tags: serverless, showdev, python, tutorial
Published: 2020-01-01 13:55:36

In this series of articles, I'll go through my experience of building a simple Serverless API using [Flask](https://palletsprojects.com/p/flask/) python framework and deploying it on [AWS Lambda](https://aws.amazon.com/lambda/) and API gateway. 

This API is used from [HttpRider](https://github.com/namuan/http-rider) to save API exchanges (request+response). 

Here is a [sample page](https://printrider.bettercallbots.com/prints/9e4d91c5-4526-471f-8896-79543ccaeb6a) generated from HttpRider.


### Demo

![Quick Demo](https://thepracticaldev.s3.amazonaws.com/i/0148au5ftxy2fby8qufj.gif)

The service itself consists of two simple APIs.

#### POST /prints

Saves the HTML encoded in base64 in dynamo database. Once it is saved, it returns the URL of the shared document in the Location header of the response.

```
POST /prints
```
*Headers*
```
Content-Type: application/json
```

*Body*
```
{
    "document": "SHR0cFJpZGVy"
}

```

*Response*

```
HTTP 201
```

*Headers*
```
location: http://localhost:8080/prints/025000cf-14ba-421b-a000-d2d043d4d90b
```

#### GET /prints/{print-id}

This GET request uses the URL from the location header in the previous request and receives the HTML response with the document.

```
GET /prints/025000cf-14ba-421b-a000-d2d043d4d90b
```
*Headers*
```
Accept: text/html
```

*Response*

```
HTTP 200
```

*Headers*
```
content-type: text/html; charset=utf-8
```

*Body*
```
<!DOCTYPE html>
<html>
<head>
    <title>Deskriders :: API Print</title>
    <style>
       .... removed to save space ...
    </style>
</head>
<body>
<div>HttpRider</div>
</body>
</html>

```
In the next part, we will look at setting up a new Flask project and serverless framework configuration to deploy it to AWS Lambda.
Tip 1: Per Directory ZShell History
Tags: linux, zsh, dotfiles
Published: 2020-01-01 13:51:41

You probably enter a lot of different commands into your terminal every day, right? Those commands could be useful in every directory ... sure; but more often than not, they're specific to the directory you're in.

So why do you use a global command history? That changes today:

https://github.com/jimhester/per-directory-history


If you find that you need to search your global history, you can switch back and forward with <kbd>Ctrl + g</kbd>
Enjoy

---

Want to see more history tips and tricks? Check out my [dotfiles](https://gitlab.com/rawkode/dotfiles/blob/master/dotfiles/zsh/includes/history.zsh)
Dev.to ที่ใช้เขียน blog อยู่นี้เป็น opensource
Tags: devto, ruby, rails
Published: 2020-01-01 13:44:50

สวัสดีปีใหม่ ปี ค.ศ. 2020 หรือ พ.ศ. 2563 ทุก ๆ ท่านครับ สำหรับปีใหม่นี้ผมจะย้ายมาเขียน blog ต่าง ๆ ทั้งเรื่องเกี่ยวกับ dev หรือไม่เกี่ยวกับ dev ที่ DEV.to ครับ

DEV.to เป็น platform ที่ชื่อก็บอกอยู่แล้วว่าเป็นพื้นที่สำหรับกลุ่ม software developer ซะส่วนใหญ่ เอาไว้เขียนบทความ เขียน blog แชร์ประสบการณ์ความรู้ต่าง ๆ กันครับ

หลาย ๆ คนที่รู้สึกเบื่อที่ Medium ขึ้น popup หรือ limit การอ่าน content ต่าง ๆ ก็ได้ย้ายมาที่นี่กันเยอะมากๆ

นอกจาก DEV.to เองนั้นจะเปิดพื้นที่ให้เราเขียนแล้ว ตัวเว็บเองนั้นก็ยัง Opensource โค้ดที่ใช้สร้างเว็บนี้ให้เราเอาไปศึกษา เอาไปช่วยพัฒนา หรือแม้แต่จะเอาไปสร้าง internal blog platform เองภายในองค์กรได้อีกด้วยครับ

สำหรับใครสนใจลองเข้าไปอ่านได้ที่นี่ครับ https://github.com/thepracticaldev/dev.to ซึ่ง source code ของ DEV.to นั้นถูกสร้างขึ้นมาด้วย [Ruby on Rails](https://rubyonrails.org) framework ซึ่งเขียนด้วยภาษา [Ruby](https://www.ruby-lang.org) นั่นเอง ซึ่งปีนี้ผมก็มีแผนที่จะเอาเนื้อหาเกี่ยวกับ Ruby และ Ruby on Rails มาให้อ่านกันผ่าน blog นี้ด้วยครับ ติดตามกันได้ต่อ ๆ ไปครับ
Understanding Semantic Versioning
Tags: beginners, firstyearincode, codenewbie, tutorial
Published: 2020-01-01 12:51:32

After reading this guide you will have a better understanding of the [semantic versioning standard](https://semver.org/) used within a majority of software eco-systems.

#Table of Contents#

* [What is in a Version Number?](#version)
* [How this applies to your Application](#application)
* [Carets and Tildes](#carets)

What is in a Version Number? <a name="version"></a>
-------------------------
![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/2vyvtfknmpuy9r7e91mc.jpg)

For the rest of this guide let's assume our current version of our dependency is 1.0.0 .

In the example above the version is divided into 3 components, with 1 being the major component, 0 being the minor component, and 0 being the patch component.

When one of these components are updated this is what it means:

*Major*: Each major update is not backwards compatible with a previous version, this means that 2.0.0 is substantially different to 1.0.0 that **it will break your application** using the 1.0.0 version if you don't make changes in how you use this dependancy.

*Minor*: A minor update introduces non-breaking changes this means that for example, a version of 1.10.0 **will not cause your application to break** - so no changes are required.

*Patch*: A patch update also introduces non-breaking changes i.e 1.0.5 will still be able to **work fine with your application** without having to change a thing. 

How this applies to your Application <a name="application"></a>
------------------------------------

```json
"dependencies": {
    "my_dep": "^1.0.0",
    "another_dep": "~1.0.0"
  }
```

The above code snippet is an example of the dependencies section in a package.json file.

Carets( ^ ) and Tildes( ~ ) <a name="carets"></a>
===========================
The caret or the tilde that is in front of the version number determines how the dependancy will be updated when you run "npm update".

**^** : this will update the dependency to the latest minor version available. i.e if 1.10.0 is the latest minor version - your dependency will be updated to that version.

**~** : this will update the dependency to the latest patch version available. i.e 1.0.10

Note: Using "npm update" will not automatically update to the next major version (2.0.0) -  you will have to manually update the package.json to the next major version and then fix your codebase of the breaking changes. 


###Thanks###
I hope this helps - feel free to comment or ask questions.
Running react-native-web using expo in 2020
Tags: reactnative
Published: 2020-01-01 13:43:06

Since expo sdk version 33, expo supports <a href="https://codersera.com/blog/%EF%BB%BFdoes-expo-support-react-native-web/">react-native-web.</a>

In this blog, we’ll see how to set up your react-native-web project using <a href="https://codersera.com/blog/running-expo-react-native-together/">expo.</a>

<a href="https://codersera.com/blog/running-react-native-web-using-expo-in-2020/">Installing expo</a>
PWA
Published: 2020-01-01 13:26:46

One of the most important characteristics of Progressive Web Apps (PWAs) is the “progressive”. You don’t have to implement every feature of a PWA to consider your site a PWA. Instead, the idea is that you implement a range of steps, each making your app better for your end users.
This blog post makes a key assumption. There are many developers out there who want to make their apps progressively better, but they want to do it in 5 minutes or less. And that’s what this blog aims to show you.
It’s a very basic PWA hello-world, showing you a set of simple steps to re-work your own app. Words are kept to a minimum, linking to docs for those who need or want to read more. Feel free to skip the blog altogether/
Create your custom GIF and Add to DEV articles! 🤓 Convert Video 📹 file to GIF (FREE) 👏 (with video demo)
Tags: productivity, webdev, tutorial, showdev
Published: 2020-01-01 13:19:24

Sharing GIFs is an awesome way to show your work. If we want to show a little demo, report a bug or share any fun thing we really like GIFs 😊

We, the writers/authors, love to add cool GIFs on our article. Or sometimes we just want to share on Twitter/Facebook/LinkedIn.

There are a few paid tools which help to do that. But of course, we, developers can use Terminal and FFMPEG to make our own GIFs free 👏

So, I am showing a really easy to create GIFs from a video.

We can create any screencast video and can just convert that to GIFs, just from our Terminal! 😎


We can convert MP4 /AVI etc file type to GIF. 

I have used MacOS for this demo.

{% youtube ZWXgcwvrhTA %}

Cheers!
:wave:

As I am trying to contribute contents on the Web, you can buy me a coffee for my hours spent on all of these ❤️😊🌸
<a href="https://www.buymeacoffee.com/destromas" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/default-orange.png" alt="Buy Me A Coffee" style="height: 51px !important;width: 217px !important;" ></a>
[VIDEO] Creating APIs using Swift?? 🥴 Hi Vapor (Swift 5.1/Vapor 3)
Tags: swift, thetealpickle, backend, vapor
Published: 2020-01-01 13:17:23

---
title: [VIDEO] Creating APIs using Swift?? 🥴 Hi Vapor (Swift 5.1/Vapor 3)
published: true
description: 
tags: #swift #thetealpickle #backend #vapor
---

NEW VIDEO!!!

Calling all fellow iOS devs to start drinking backend with Swift. Our time is NOW 😈

Stay connected with me on the internet @thetealpickle 
Namaste. Jessica.
Why techwebinarnepal ?
Tags: techwebinar, techcommunity
Published: 2020-01-01 13:07:23

---
title: Why techwebinarnepal ?
published: true
cover_image: https://www.csaju.com/wp-content/uploads/2019/12/81590474_130988891701190_4559948374228336640_o-750x410.jpg

description: During my journey in tech, I used to involve in many tech events as I want and wanted to learn from them. And yes still I am doing it but selective one. Gonna give back to the community. Oops, I forget the topic that I am going to write. Ok, let’s focus on the topic of what today is.
tags: techwebinar, techcommunity
---

Posted in [csaju.com](https://www.csaju.com/why-techwebinarnepal/)

During my journey in tech, I used to involve in many tech events as I want and wanted to learn from them. And yes still I am doing it but selective one. Gonna give back to the community. Oops, I forget the topic that I am going to write. Ok, let’s focus on the topic of what today is.

Back in high school, I forgot the senior name who told me about techwebinarnepal but somehow I heard and went to youtube and watch the content. It was really rewarding and I have watched about the todo app using react-native. And yes it is still there. Wait, am I introduce the new youtube channel, no way that’s not.

It’s a unique one that I have attended this webinar online. so, TechWebinarNepal is a free webinar series hosted by passionate Nepali tech admirer. It was founded by Jay Raj Mishra in 2018.
Every month the techwebinarNepal searches for new expertise that sparked hundreds & thousands of students, developers who are working on real-world track schemes so that they can bestow their expertise with others. It’s a great platform to market and show your skills to the tech industry.

The audience can be anyone likely involving in tech. The webinar is conducting every month and I still love to watch and learn. I also recommended every tech enthusiast to attend online this webinar and learn from the tech professionals. Wait, don’t make a compliment that I don’t have time to watch this webinar. you can watch Netflix series and play pubg or something else, can’t you manage some few hours to attend this webinar to learn and grow your self. and one more thing, you can get some swags too from this webinar. It’s gonna be randomly but luckily you will get swags to trust me, I have been gone through it.

TechWebinarNepal also represents it in a BizFest too to provide an awesome opportunity to people to share their specialist in their field. You can get lots for opportunities too. I have given a few links below that you can follow this techwebinarNepal. So, that’s it TechWebinarNepal is awesome and I would like to say just give a taste in this tech series. Thank you and one more thing Happy New Year 2020. Learn from yesterday, live for today, hope for tomorrow.
Wanna Join TechWebinar

[Website](https://techpatro.com/techwebinarnepal/)
[Facebook Group](https://www.facebook.com/groups/2025031571051539/)
[Facebook Page](https://www.facebook.com/techWebinarNepal/)
[Youtube Channel](https://www.youtube.com/channel/UCuzyATI9SowDukF8WIYM_wQ/videos?view=0&sort=da&flow=grid)
Angular Compiler
Published: 2020-01-01 12:33:02

## Compile time

- Angular mostly follows a declarative approach ie you declare what needs to be done and does not care what happens under the hood.

- Angular compiler architecture mstly follows TS compiler architecture.

- TS compiler -- Program Creation => Type Checking => Emit
- Angular Compiler (NGC)-- Program Creation => Analysis => Resolve => Type Checking => Emit

- Program Creation - Getting all the files via imports
- Analysis - Go class by class and see all Angular decorators one by one. This time does not know which modules it belongs to
- Resolve - Rsolve looks at bigger picture on how classes fits in modules and make optimizations accordong to it.
- Type Checking - Type errors in angular and type checking
- Emit - Convert Ts to JS most expensive opertaion.

Lib.ts is compiled into 2 files lib.js and lib.t.js.

- lib.js actual running code
- lib.t.js component info and type checking info.

Main things that angular compiles does

- Ng Module Scopes - 2 types with declarations and exports.
Modules compilation scope declarations array that w can use in this module.
Modules with exports - Export scope o all module imports. Graph is built and on basis of declarations array joins HTML to Ts file.

- Partial Evaluation - Compiler contains full Ts intreperter becaus to create optimizaions we need to evaluate some ts.

- Template type checking - compile all templates into TS code also called type check blocks.Ts code which is ghost code so cannot show errors in it So comments given of the lines to where to show error.
My 2020 Portfolio
Tags: portfolio, 2020
Published: 2020-01-01 12:22:06

I want to share my new portfolio with you: **https://ismail9k.com** ✌️✌️

I have added a hidden funny page, which you can access, by right click on the figure in the intro section, or touch it for one second on mobile devices. 🤫🤫

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/oeyq2b1zghxcr9c0qftv.png)


Please let me know what you think about it, thank you, and happy new year DEV folks 🥳🥳
Mining When the Sun is Out
Tags: python, solar, mining, automation
Published: 2020-01-01 12:13:51

---
title: "Mining When the Sun is Out"
published: true
description: ""
cover_image: https://live.staticflickr.com/3160/3077173597_445d13155e_z.jpg
---

## Beginning
For my first post I will introduce you to a piece of software I have been working on for the past few weeks.

Since getting into mining (in a purely recreational way) I have been trying to come up with a way to automate my miner.  I live in a house with solar panels on the roof but no way to store the electricity generated.  So I have been trying to solve the problem of turning on my mining software only when the weather is acceptable, therefore, generating your choice of cryptocurrency from free electricity!

## Problem
I started with the idea that my software needed to follow these requirements:
* Check to see if the sun is up
* Check to see if the weather is acceptable
* Start or stop the miner depending on the conditions

## Project
Head over to https://github.com/howbotnik/sunmine to grab a copy and see how this could run on your system.

The config file needs building first and the project runs using Python:

```
[Location]
# for local weather information
country_code = GB
location = London

# for the sunrise / sunset api
latitude = 51.5074
longitude = 0.1278

[Tokens]
open_weather = **OpenweatherAPIKey**

[Communication]
# Emails user when turning mining on or off
recipient_email = test@test.com
sender_email = test@test.com
password = password

smtp_server_address = smtp.gmail.com
smtp_port = 587

[Miner]
# read the documentation for best practice
program_location = **path to your executable miner**

[Weather_types]
weather_codes=["800","801","802"]
```



This config file makes a lot of the program customisable and the program is set up to email when the miner switches on and off.


The `Weather_types` section allows the user to adjust the types of weather that are acceptable for mining using the https://openweathermap.org weather codes.

As for scheduling, I have had this running successfully as a *Scheduled Task* on Windows and you can also run it as a *cron* task on Linux systems.

Do you have a use for this? Have you found any problems with the code? Could you suggest any further improvement?

## Other Uses
This program could be used to initiate any program and is not only limited to mining.  Certain home-automation processes may only need to run during sunny periods.  The rest is up to you!
How to implement Security to connect monolithic Spring 3 application with spring boot microservice?
Tags: java, microservices, security
Published: 2020-01-01 11:48:22

We have a monolithic spring web application developed using Spring 3.2 and Spring-security 3.2 with Java 7 and it is deployed on tomcat 7.

I have to create a micro-service for a new module using spring boot with java 8. This micro-service will be deployed separately on different linux server.

I am looking for suggestion/idea how to implement security to have communication between existing Spring 3 application and new spring boot module.
My 2020 New Years Resolutions As A Dev
Published: 2020-01-01 11:48:20

# Why?
After watching [Veritasium's](https://www.youtube.com/user/1veritasium) new video about [Why Most Resolutions Fail & How To Succeed](https://www.youtube.com/watch?v=Pm9CQn07OjU) I decided to make some New Years resolutions for the first time. The reasons are: 
 * Making smaller goals is easier to hit consistently. Getting 1% better a day doesn't require that much effort and the effects will [compound](https://jamesclear.com/marginal-gains) over time.
 * Once the habit sticks I could make it more ambitious.
 * I'm [42%](https://www.inc.com/peter-economy/this-is-way-you-need-to-write-down-your-goals-for-faster-success.html) more likely to achieve them if I write them down.
 * I'm [10 times](https://www.washingtonpost.com/news/to-your-health/wp/2015/01/07/its-january-7-and-a-quarter-of-us-have-already-abandoned-our-new-years-resolutions/) more likely to stick with a New Years' resolution 6 months later.
 * It's a new decade.

# My Resolutions
1. Learn 5 new technical terms every week.
 * **Why?** I've always struggled to learn new words and remember them if I don't use them, so I want to make an emphasis on learning and retaining new technical terms. 
2. Answer at least one question every 2 weeks on a Question/Answer site like Stack Overflow or Slack group.
 * **Why?** Help me become better at answering questions and being able to explain my answers.
3. Do 1 coding challenge a week.
 * **Why?** I find that I forget things if I don't practice them. This will help me retain things better.
4. Exercise/Stretch for 5 minutes every day.
 * **Why?** I don't exercise much these days but I am concerned for my physical health in the long run so I'm hoping to start a good long term habit. 
5. Write 1 blog post a month.
 * **Why?** I want to look back in the future and see the progress that I've made as a developer and a blogger.

***

# Your Resolutions
If you made a New Years' resolution to help you grow as a dev in 2020, it would be awesome if you share it in the comment section and maybe motivate someone to make a New Years' resolution of their own.
How i plan to elevate my designing skills on 2020 🎉
Tags: webdev, beginners
Published: 2020-01-01 10:59:58

Designing is a big part of the web development proccess and it is the best way to attract new users to your platform. I always lacked the ability to make unique beatiful designs. You know this feeling after successfully finishing a website and getting the feel that *this looks professional*? . That is what i plan on achieving to feel after making most of my new websites on 2020 🎉. But how do i plan to achieve this?

## **Copying 50 different beatiful designs**

This way i will be able to start having a feel about what is and what isn't beatiful in general. It will give me a good sense about which fonts go well together and which colors match good. While 50 is definitely an excessive number i do believe strongly in the repetition makes the master mentallity

## **Reading more and more about graphic design**

While doing a copy of a website might be useful to get a feel about your design quality it doesn't state exactly why you get the feeling of quality on your design. A good designing book will hopefully give me an idea of what exactly quality means on designing standards and help me create my own stunning designs.

## **Are *You* aware of any better ways to help me get better on designing?**

If you have any resources, or any other ways that i could follow to become a better designer i would deeply appreciate it! Just comment down below.

Oh and while we are at it, this is my first official post on dev 🎉! **Thanks to dev for giving us free entertainment** and i hope i will be able to entertain or help people with my posts as i continue writing!
#womaninSTEM
Tags: womenintech, api, postman
Published: 2020-01-01 10:57:33

<blockquote class="twitter-tweet"><p lang="en" dir="ltr">he came from below while she came from above <a href="https://t.co/96v65KC4vY">pic.twitter.com/96v65KC4vY</a></p>&mdash; IG: instagram (@pararang) <a href="https://twitter.com/pararang/status/1212326286594469891?ref_src=twsrc%5Etfw">January 1, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
Specifying good requirements in Gherkin - BDD
Tags: requestforpost, testing, help, discuss
Published: 2020-01-01 10:39:48

First of all. Happy new Year!

# TL;DR
Explain how to write good [Gherkin](https://cucumber.io/docs/gherkin), beyond just the syntax Like I'm five.

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

So. I just started learning [Behavior Driven Development (BDD)](https://en.wikipedia.org/wiki/Behavior-driven_development) seriously. I stumbled upon [Gherkin](https://cucumber.io/docs/gherkin) while looking into [Cucumber](https://cucumber.io/).

For those who may not know, Gherkin is a language that makes it easy for businesses to write down requirements for a system that fulfills business needs. This reduces the chances of wasting time in development where there is a disconnect between the tech team and the product owner or business team.

However, while trying to actually implement the actual Gherkin. I have found it difficult to establish the following things: 

- What counts as a *Feature*?
- What counts as a *Scenario*? When should you pull out a scenario and make it a feature and when should you make a feature a scenario?
- What makes good *Given* statements?
- Why not split individual *And* sections into their own scenarios in most cases?


I speak from naivety and would like to understand what makes for good [Gherkin](https://cucumber.io/docs/gherkin) and good requirements specification