teleren/devto huggingface dataset:
Image Blur Shadows for react-native app using react-native-image-blur-shadow
Tags: reactnative, javascript, showdev, npm
Published: 2021-04-28 17:00:51

As **Drop Shadows** and **animations** are the new trend for the apps, iOS native already give their Image Component a bunch of customization which looks great, the similar feature needs to implement in the react-native platform so that the boundaries can be filled.

This library [react-native-image-blur-shadow](https://github.com/virtualvivek/react-native-image-blur-shadow) gives the same iOS like image blur shadow effect for react-native environment.

## This is how it look's like

![react-native-image-blur-shadow](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pwwxfubs7seh0ha5aytj.png)

## Demo
[snack.expo.io/@virtualvivek/image-blur-shadow](https://snack.expo.io/@virtualvivek/image-blur-shadow)

## Repository
{% github virtualvivek/react-native-image-blur-shadow %}

## Installation

```css
$ npm install react-native-image-blur-shadow
```
## Import

```jsx
import ImageBlurShadow from 'react-native-image-blur-shadow';
```

## Usage

```js
import ImageBlurShadow from 'react-native-image-blur-shadow'

<ImageBlurShadow
    style={styles.img}
    source={require('./src/assets/spiderman.jpg')}
    imageWidth={220}
    imageHeight={220}
    imageBorderRadius={22}
    shadowOffset={38}
    shadowBlurRadius={48}
    shadowBackgroundColor={'#ffffff'}
  />
```

## Props

| Property             |  Type   | Default | Description                                  |
| -------------------- | :-----: | :-----: | -------------------------------------------- |
| style                | object  |  `{}`   | set the style of component container         |
| source               | string  |  null   | set the image source                         |
| imageWidth           | number  |  default| set image width                              |
| imageHeight          | number  |  default| set image height                             |
| imageBorderRadius    | number  |  0      | set image border radius                      |
| imageFadeDuration    | number  |  300    | set image fade animation duration in ms      |
| shadowOffset         | number  |  38     | set/override shadow offset                   |
| shadowBlurRadius     | number  |  34     | set/override shadow blurRadius               |
| shadowBackgroundColor| HexColor|`#ffffff`| set/override shadow background color         |
| shadowFadeDuration   | number  |  300    | set shadow fade animation duration in ms     |


<a href="npmjs.com/package/react-native-image-blur-shadow">
  <img src="https://img.shields.io/badge/package-npm-red.svg?style=for-the-badge&logo=npm&color=f55a42" alt="npmJS" />
</a>

## Find this library useful? :heart:
Support it by joining [**stargazers**](https://github.com/virtualvivek/react-native-image-blur-shadow/stargazers) for this repository. :star:
Taking a different approach to building in public
Tags: saas, cryptocurrency
Published: 2021-04-28 18:28:50

---
title: Taking a different approach to building in public
published: true
description: Building in public is fun, add in a bit of mystery and it becomes a whole lot more fun.
tags: SaaS, cryptocurrency
//cover_image: https://direct_url_to_image.jpg
---

Logidev is a new projected focused on learning, education and content creation all centered around a new cryptocurrency.

The landing page I've built is intentionally minimal and basic and doesn't give to much away as I hope it will intrigue users. Additionally, I want to share every step of the process and update the landing page as I made progress on the application. Sort of like the landing page becomes more informative about the project as the project progresses.

Some people may love this approach, some will hate it, and some I guess will just find it boring. But either way I would really appreciate any feedback on the idea and if you would like to subscribe to updates on Logidev then you can subscribe at: https://logidev.app
DataTable in Flutter
Tags: flutter, mobile, codepen, dart
Published: 2021-04-29 05:57:13

Do you ever want show data in table format to your App users in your mobile application.Now, it is easier with Flutter Widget **DataTable()**

Watch on youtube: {% youtube BXmtZehsOss %}
DataTable will take **DataColumn()** list for table header and **Datarow()** list for table rows. And each DataRow will take the **DataCell()**.

Example DataTable:

![sample Table](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3i76312akvzhca8w9wf0.png)
```dart
DataTable(columns: [
    DataColumn(
      label: Text("Name"),
    ),
    DataColumn(
      label: Text("Age"),
    ),
    DataColumn(
      label: Text("Year"),
    ),
  ], rows: [
    
    DataRow(cells: [
      DataCell(Text("Varun")),
      DataCell(Text("22")),
      DataCell(Text("1999")),
    ]),
    DataRow(cells: [
      DataCell(Text("Alexa")),
      DataCell(Text("23")),
      DataCell(Text("1998")),
    ]),
    DataRow(cells: [
      DataCell(Text("Arjun")),
      DataCell(Text("21")),
      DataCell(Text("2000")),
    ]),
  ]);
```

Anything that goes into a DataCell and DataColumn is a widget.Hence we can show anything in the table.
for eg: adding **FlutterLogo()** to DataColumn and all DataRows gives

![DataTable with Flutter Logo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p5m25ordppfo0bg7urk1.png)
```dart 
 DataRow(cells: [
      DataCell(Text("Arjun")),
      DataCell(Text("21")),
      DataCell(Text("2000")),
      DataCell(FlutterLogo()),
    ]),
```
we can give option to edit the cell data to the user with onTap() function and we can indicate with `showEditIcon:true`
```dart
 DataCell(
        Text("21"),
        showEditIcon: true,
        onTap: () {},
      ),
``` 
![edit](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v718fwt5eooq64hy7c22.png)

we can also show data using map;
consider the data:
```dart
 var data = <Data>[
    Data("varun", "20", "2001"),
    Data("varun1", "21", "2000"),
    Data("varun2", "23", "1998"),
    Data("varun3", "26", "1995"),
  ];
```

then 

```dart
DataTable(
    columns: [
      DataColumn(
        label: Text("Name"),
      ),
      DataColumn(
        label: Text("Age"),
      ),
      DataColumn(
        label: Text("Year"),
      ),
      DataColumn(label: FlutterLogo())
    ],
    rows: data.map((data) {
      return DataRow(cells: [
        DataCell(Text(data.name)),
        DataCell(Text(data.age)),
        DataCell(Text(data.year)),
        DataCell(FlutterLogo())
      ]);
    }).toList(),
  );

```
gives the output of
![datatablelist](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ltgq9ses46k4e2woot1s.png)
you can play with it codepen
{% codepen https://codepen.io/vasanth9/pen/PoWvbXJ %}
Sin miedos y sin excusas: Programemos. 
Published: 2021-04-29 14:39:35


Aprender a programar? Para qué?  Esto no es para mí…

En un principio este oficio sentía que estaba fuera de mi alcance, que no tenia la capacidad de aprender, “no sirvo para esto” me repetí. 

Pero, un amigo me aseguró que no era imposible y que de hecho ésto cambiaria mi vida, se convirtió en mi profesor y hoy agradezco que me haya mostrado este maravilloso mundo. 

Por qué? Porque la programación es una ventana abierta a la creatividad, como periodista me brinda un sinfín de herramientas que me permitirá construir desde la base mi propio castillo en la web. 

Además, la pandemia cambió el mercado laboral, hoy más que nunca se necesitan programadores y…están pagando bien! 

Como dicen en Canadá tener conocimientos sobre creación de páginas web es un “plus” lo que significa que hace tu currículo más apetecible.

Piénsalo, es una necesidad que nosotros podemos cubrir; yo no solo siento que puedo, también sé que lo voy a lograr, todos podemos lograrlo, solo hay que dejar los NO de lado, que el miedo te impulse y las excusas sean tus motivos. 

* Te invito a subscribirte para que me acompañes en este camino tan prometedor. 

* Algún consejo o comentario? me gustaría leerlos. 

Yarenis Fuentes. 

 #programacion #web #html #css
Html5 DateTime + Ajax Jquery + SpringBoot @JsonFormat example
Tags: html, jquery, ajax, jsonformat
Published: 2021-04-29 17:39:42

https://grokonez.com/frontend/html-5/html5-datetime-ajax-jquery-springboot-jsonformat-example

Html5 DateTime + Ajax Jquery + SpringBoot @JsonFormat example


In the tutorial, <a href="https://grokonez.com">JavaSampleApproach</a> will show you how to build an web application with <strong>Html5 DateTime</strong> + <strong>Jquery Ajax</strong> + <strong>SpringBoot</strong> <code>@JsonFormat</code>.

Related posts:
- <a href="https://grokonez.com/frontend/jquery/ajax-jquery-post-list-javascript-objects-springboot-server-bootstrap">Ajax Jquery post List JavaScript Objects to SpringBoot server | BootStrap</a>

<!--more-->
<h2>I. Technologies</h2>
– Java 1.8
– Maven 3.6.1
– Spring Tool Suite – Version 3.8.1.RELEASE
– Html 5
– JQuery Ajax
– Bootstrap
– Spring Boot – 1.5.7.RELEASE
<h2>II. Html5 DateTime + Ajax Jquery + SpringBoot</h2>
For working with time input, <strong>Html5</strong> support a set of new Input Types:
<ul>
<li>date</li>
<li>datetime-local</li>
<li>time</li>
<li>week</li>
</ul>

- To bind data from Html5 date input with JQuery, we use <code>new Date()</code>:

<pre><code class="language-javascript">
    $("#taskForm").submit(function(event) {
		// Prevent the form from submitting via the browser.
		event.preventDefault();
		
		// get data from submit form
		var formTask = {
    			taskName : $("#taskName").val(),
    			startTime : new Date($("#startTime").val()),
    			endTime : new Date($("#endTime").val())
    	}
</code></pre>

- To display <code>Date</code> object with customized format, we can use some <code>Date</code> methods as below code

<pre><code class="language-javascript">
function timeFormat(date){
	if(date instanceof Date){
		var isoDate = date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();
		var time = date.toLocaleString('en-US', { hour: 'numeric',minute:'numeric', hour12: true });
		return isoDate + ' @ ' + time;	
	}else{
		return "";
	}
}</code></pre>

- When exchange data between client to server, Json format is used by <code>JSON.stringify()</code>, and <code>Date</code> objects will be converted to String type with <strong>UTC</strong> standard format.

https://grokonez.com/frontend/html-5/html5-datetime-ajax-jquery-springboot-jsonformat-example

Html5 DateTime + Ajax Jquery + SpringBoot @JsonFormat example
My First Project!
Published: 2021-05-03 01:35:38

<h2>My application!</h2>
<a href="https://phase-one-jokes.netlify.app/">Jokes on Jokes</a>

<h3>What was your planning process? </h3>
At first it felt like my planning was very hectic in that I did not know where to start. The most challenging and yet most satisfactory part about coding is that there are plenty of different ways to accomplish a goal. 
The first thing I worked on was planning out a road map for my work. I sat down at my desk and came up with a clearly defined avenue of approach centered around a single mission. I wanted to create an application that would make myself and others laugh.
Now that I had an end goal I just needed to find out how I could make that happen. Personally, I enjoy when people can stand jokes. I wanted to create an application that could make people laugh by telling jokes to them! 
My planning process went from the idea phase to the planning stage. I wanted to create an application that made people laugh by telling people random jokes. I slowly built upon my original idea of making people laugh. I wanted to create an application that with the press of a button would make people laugh by telling them a random joke.
It sounded like I needed to create a random quote generator that displayed jokes to the users. The user would be able to press a button on the web page to randomly generate a new joke with each press. My next step after that was how was I going to accomplish that with code? Effectively, I needed to get all of the logical thinking done before I moved to the syntax portion. If I had a clearly defined goal I could find a way to code them eventually.

<h3> What challenges did you face? </h3>
The biggest challenge I faced was that I had to figure out how to get a joke as soon as someone loads the page. Essentially, I needed an event to wait until it read all of its code before running the page. I accomplished this what DOMContentLoaded. Its an event that fires when the initial HTML document has been completely loaded and parsed.

<h3>What lessons did you learn?</h3>
I learned to take a project all the way from the idea phase to the planning phase and then finally to the execution phase. In other parts of my life this concept seems to come to me easily, but with coding this is challenging. It is challenging because there are so many different ideas for applications out there and it is hard to boil it all down to the bone. All and all I had a really fun time coding this very simple application and I cannot wait to continue this career!
35 - A discussion on Azure Spring Cloud
Tags: azure, java, spring, developer
Published: 2021-04-29 20:41:29

![35 - A discussion on Azure Spring Cloud](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1rwgl6ckebedqf6f5qwu.jpg)

**This post was originally published on Fri, Apr 23, 2021 at [cloudwithchris.com]https://www.cloudwithchris.com/episode/azure-spring-cloud/).**

Find out how you can leverage Azure Spring Cloud for running your Java spring boot applications on Azure. Chris is joined by Gitte Vermeiren as they talk through all things Azure Spring Cloud in this episode of Cloud With Chris!

{% youtube v1ftJCnDDjg %}
UI testing - types of tests
Tags: javascript, testing, codenewbie, codequality
Published: 2021-04-30 10:51:29

If you like this text and are interested in more, follow me on Twitter or Linkedin and stay updated with my new posts.

A question often asked in the interviews is: do you do any testing of your UI applications? And the expected answer is yes. But what kind of testing can you do for the UI applications? In this post, I am giving a top level of the four different types of testing.

Unit testing
The first and most basic type of testing is unit testing. You do this by taking a small piece of functionality and testing it independently from the rest of the system. One function, for example. Most often, you would test services this way. You pass the required parameters to the function and checking if the output is what you expect. There are few more things you might want to test with the unit tests. You could use spies for checking that your code runs some function, how many times, and with which parameters. When talking about unit tests, you can’t skip mocks. As said before, unit tests only test one piece of functionality. But what if that functionality uses some other service. With mocks, you can “fake” the response of that other service. A popular library for this kind of test is Chai.

E2E testing
The following most popular tests with the UI applications are end-to-end tests, or E2E for short. With this type of testing, you are testing your application as a whole. That might be manual clicking on your UI and checking that every button works as it is, that it interacts with API as intended and that the whole flow is correct. You can do it manually, and many companies have dedicated teams that run this manually. But there are excellent solutions that you can use for automatic tests like Selenium and Cypress.

Integration testing
Integration tests are a bit specific. In this case, you are combining multiple elements and testing how they work together. These tests kind of sit between the unit and E2E tests. An example of this test would be checking that the home page is showed after filling in the login details and clicking the button. You could mock login service, so you are not doing full e2e, just functionality between login page, router, and home page.

Snapshot testing
The final, and very UI-specific type of testing, is snapshot testing. During this type of testing, you generate a rendered version of your code—final HTML. Then you compare this version with the previous run version. If there are differences, the test fails. This way, you are getting a report of the effects your change has on the output, and you can detect any unwanted ones. If only wanted changes are present, you save the new snapshot and use it as the new version for the next run.
#43 You're in marketing
Tags: newsletter
Published: 2021-05-14 18:33:54

---
title: #43 You're in marketing
published: true
date: 2021-04-16 06:04:39 UTC
tags: newsletter
canonical_url: https://blog.mastykarz.nl/youre-in-marketing/
---

![#43 You're in marketing](https://blog.mastykarz.nl/assets/images/2021/04/presentation.jpg)

You just might not know it yet. What have you done recently? What difference does it make? How does it help others? Why does it matter? Did you tell others about it? Did they get it? Have you seen the spark in their eyes?

Marketing is all about storytelling. Finding people who have the problem you solve and telling them what you have to offer. Whether you built a script, a tool, a code sample, a product or sell coffee. Marketing is not just for big enterprises with hefty budgets. You and I should be doing it too.

What have you done recently? Whom have you told about it? Did it resonate? What can you do differently the next time?

> Liked this article? Subscribe to my [newsletter](https://blog.mastykarz.nl/newsletter/) and get more tips and tricks from the field delivered straight to your inbox.

<small>Photo by <a href="https://unsplash.com/@austindistel">Austin Distel</a> on Unsplash</small>
mistakenly run git reset --hard HEAD~1.  [SOLVED]
Tags: git, gitreset, github
Published: 2021-05-01 00:06:06

for your kind info, this command takes you back to the last commit that has been pushed to Github!

if you mistakenly run this command `git reset --hard HEAD~1` so just do 

1 . `git reflog`

you will have your git commit history, like this:- 

`caee549 (HEAD -> master, origin/master) HEAD@{2}: reset: moving to HEAD~1
237ec6c HEAD@{3}: commit: <<your last git-committed message here>>`

in my case, I want to go back on `237ec6c` this commit:-

2. `git reset --hard 237ec6c`

and voila!
hope this helps! 
if not check out this one:- <a href='https://stackoverflow.com/questions/5473/how-can-i-undo-git-reset-hard-head1'>stackoverflow</a>
Building a Learning management system with Reactjs, NextJs, DynamoDB, and NodeJs.
Tags: react, nextjs, node, mongodb
Published: 2021-05-01 05:32:56

# LMS - Learning management system 
Learning management system a web/software which eases the task of managing students and courses.


This project does not illustrate the enrollment of the students, rather this project focuses on the management of the enrolled students and their classes.

### Github repo
https://github.com/ats1999/lms-dashboard

### Live Demo
http://lms.bdevg.com/

> This is In initial phase
How does the experience of a data scientist at a start-up differ from a data scientist at a large company
Tags: database, python, programming, analytics
Published: 2021-05-01 07:32:50

Data Scientists are popular across the globe and are needed in bigger associations, and more modest new businesses, similarly. In any case, there is an immense distinction in the way, Data Scientists work in both these organizations. In view of the basic distinction between a startup and a bigger firm. And that is the absence of funds in more modest new businesses, contrasted with bigger organizations. This outcomes in Data Scientists in a new business should work more, contrasted with their partners in bigger organizations. That is a benefit for those experts who wish to find out additional, and need to increase their abilities in the area since they once in a while should play out a wide range of work with the data, going from data assortment, cleaning, handling to performing investigation, and so on 

Though, in the event that you are utilized in bigger organizations, you will be restricted to a group, where you should play out a similar undertaking more than once, presumably with a similar group. And you will become less however will in the long run have less work. Along these lines, experts who are searching for additional approaches to learn and advance, I suggest you pick a startup, instead of thrusting straightforwardly into bigger organizations. 

In the event that you comprehended the essentials well you will ascend in the area, rapidly, in the event that you wish to learn, get prepared, and guaranteed in Data Science, look at the [Python for Data Science](https://intellipaat.com/python-for-data-science-training/) confirmation course from Intellipaat
Why did I decide to start blogging?
Published: 2021-05-01 16:53:22

*This article was originally posted [here](https://elyamarouane.hashnode.dev/why-did-i-decide-to-start-blogging)*

Last year, I had the idea to start a blog, and each time I say that I don’t have time for that. But in reality, it was a question of time management. I had to make time for it.

So why did I make this decision to start blogging?

First of all, I'll start by introducing myself, I am Marouane, and I am a junior software engineer. Programming is my passion, I like bringing ideas to life. 

I decided to start a blog for many reasons:

* To document and share my journey as a developer.
* To learn new things and be always searching for subjects to write about. When you write about a topic you reinforce your knowledge about it.
* To help people who are learning about the topic I am writing about.
* To create a digital reputation because it is a must.
* To improve my writing skills.

###Conclusion:

If you are passionate about something I recommend you start blogging about it. Don’t wait for the right time, because the perfect time is now.


*Photo by <a href="https://unsplash.com/@dancounsell?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Dan Counsell</a> on <a href="https://unsplash.com/s/photos/blogger?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>*
It's Easy To Overengineer But Underwork
Tags: career, industry, watercooler, architecture
Published: 2021-05-02 10:00:52

Many developers have already learned how to write concise code, to build scalable software architecture; they turned infrastructure into a smart conveyor. They accustomed themselves to a high-tech toolset, which is suitable for dealing with foreseeable issues. A problem, that was a creative task just yesterday, today becomes a template. Engineering approach as it is. Script it, observe and enjoy.

In the area of IT there're own fads and trends. Today we see microservices, microcontainers, blockchains, tomorrow's agenda will get us something new. A certain part of IT industry tries hard to ensure that we're in a stream of constant changes. They're capitalizing on our yearning for novelty. While I'm writing this text, it's likely that a yet another *whatever.js* framework is published somewhere.

An enlightened developer should be above this tech chaos. Experience in a technology measured in years has ceased to mean much since a long time ago. Knack can be developed fast and could be obtained from various sources. In the long run other skills make difference.

Software development is harder than just figuring what API should be called today, and more complex than keeping in mind a checklist of actual practices and techniques. A viable software product can't be considered apart from the business it's serving to. Today software teams should give more consideration to product evolution. It's very easy to overengineer but underwork.

After all, we create not just a piece of software, but a technological process around it. What's really difficult is to build a system of methods, communications and conditions allowing a product to stand firm within a frame of expectations. Yet we can't expect a marvellous tech that will do it for us.