teleren/devto huggingface dataset:
Hey👋,
Tags: webdev, javascript, react, contributorswanted
Published: 2020-04-25 14:09:54

## I'm Ayebidun Ezekiel.
A fullstack developer with over 5 years of experience and _very passionate_ about it. And open to **collaboration**.

### Get In Touch

- Facebook: [Add me](https://web.facebook.com/Ezekiel8807)

- Twitter: [Follow me](https://twitter.com/AyebidunEzekiel)

- LinkedIn: [Connect](https://Linkedin.com/in/Ezekiel8807)

- GitHub: [Ezekiel8807](www.github.com/Ezekiel8807)

- WhatsApp [+2348100196214]()
Like Dislike Features in Laravel 7 using Vue Js
Tags: php, laravel, vue
Published: 2020-04-25 14:08:05

In this tutorial i am going to show you how we can create laravel like dislike system using vue js. I will show you step by step how to make a like feature in laravel with vue js.

https://www.tutspack.com/blog/like-dislike-features-in-laravel-7-using-vue-js
Tips & Tricks to win Hackathons🎉
Tags: beginners, computerscience, showdev, productivity
Published: 2020-04-25 14:03:17

*Hello Hackers! Welcome to the second part of the "Hacks for Hackathons" blog series* 🙏 *The [last blog](https://dev.to/arkodyutisaha/how-to-host-successful-online-hackathons-4ocg) was more from an Organizer standpoint about Resources and tips to execute one, but this blog is for the Hackathon Attendees. In this blog we will learn about the Tips & Tricks to win Hackathons.*

📺 I hope the short video tutorial above 👆👆👆 will be helpful to developers in building a good hack 👻

> Over the last few years, I've been closely been involved with Hackathons - as an Attendee to an Organizer, followed by a Mentor and Judge too. I do a bit of public speaking talking about ways to rapid prototype, building scalable solutions at hackathons. Well let's be honest, as an attendee, we care about the prize 🏆💰 and then the cause. But that's okay, we all want to fill in our bags with the big cash prize at the end of the day 😉. Few things I'd like to highlight the impact that a developer(say a university student dev) makes both personally and towards the broader society by attending a hackathon:

✅ Building your portfolio - Trust me, no one cares about what you've literally written on that CV - all that skillset and certifications. Better have a one page CV with the projects that you've built and you know what Hackathons are the best place to kickstart your first project.  

✅ Networking is the key today - It's okay even if you've not been able to win the hackathon, or have made a half-done project. But zero points if you've not been able to network with more devs/mentors/judges of that particular hackathon.

✅ Enjoy hackathons as you do at concerts - Hackathons should be celebrated like any other concert. Isn't it the developer's favorite gig? Show some enthusiasm while building your hack, build it for the cause, and for the spirit of Hackathon culture. 🔥
 

*Next time you've hackathon happening in your university/town/anywhere on Planet Earth* 🌏 *just jump in. Cheers!*
24 : The Two Sides Of JavaScript
Tags: javascript
Published: 2020-04-25 13:42:06


Like all computer languages, JavaScript has certain advantages and disadvantages. Many of the pros and cons are related to JavaScript executing often in a client’s browser, but there are other ways to use JavaScript now that allow it to have the same benefits of server-side languages.

---
#**Advantages of JavaScript**
1. Speed. 
Client-side JavaScript is very fast because it can be run immediately within the client-side browser. Unless outside resources are required, JavaScript is unhindered by network calls to a backend server. It also has no need to be compiled on the client side which gives it certain speed advantages (granted, adding some risk dependent on that quality of the code developed).


2. Simplicity. 
JavaScript is relatively simple to learn and implement.
Popularity. JavaScript is used everywhere in the web. The resources to learn JavaScript are numerous. StackOverflow and GitHub have many projects that are using Javascript and the language as a whole has gained a lot of traction in the industry in recent years especially.


3. Interoperability. 
JavaScript plays nicely with other languages and can be used in a huge variety of applications. Unlike PHP or SSI scripts, JavaScript can be inserted into any web page regardless of the file extension. JavaScript can also be used inside scripts written in other languages such as Perl and PHP.


4. Server Load. 
Being client-side reduces the demand on the website server.
Rich interfaces. Drag and drop components or slider may give a rich interface to your website.


5. Extended Functionality. 
Third party add-ons like Greasemonkey enable JavaScript developers to write snippets of JavaScript which can execute on desired web pages to extend its functionality.


6. Versatility.
Nowadays, there are many ways to use JavaScript through Node.js servers. If you were to bootstrap node.js with Express, use a document database like mongodb, and use JavaScript on the front-end for clients, it is possible to develop an entire JavaScript app from front to back using only JavaScript.

7. Updates. 
Since the advent of EcmaScript 5 (the scripting specification that Javascript relies on), Ecma International has dedicated to updating JavaScript annually. So far, we have received browser support for ES6 in 2017 and look forward to ES7 being supported in future months.

--- 
#**Disadvantages of JavaScript** 
1. Client-Side Security. 
Because the code executes on the users’ computer, in some cases it can be exploited for malicious purposes. This is one reason some people choose to disable Javascript.

2. Browser Support. 
JavaScript is sometimes interpreted differently by different browsers. Whereas server-side scripts will always produce the same output, client-side scripts can be a little unpredictable. 

*Don’t be overly concerned by this though - as long as you test your script in all the major browsers you should be safe. Also, there are services out there that will allow you to test your code automatically on check in of an update to make sure all browsers support your code.*
🔭 Git Stalker: Stalk GitHub users without leaving your terminal!
Tags: showdev, github, node, javascript
Published: 2020-04-25 13:35:40

Github is _the_ platform for code and for developers. I'd spend tons of time stalking friends, colleagues and pros like [Sindre Sorhus](https://github.com/sindresorhus), [Ryan Dahl](https://github.com/ry), starring and forking repos and just slacking off Github. I'm sure you do too. Stalking code and devs on Github is fun. Can we make it _efficient_? Can we make it _mouse-less_? Can we do it from the _terminal_ itself?

Well, now you can with Git Stalker.

I made [git-stalker](https://github.com/godcrampy/git-stalker), which is a CLI that allows you to stalk people on GitHub from your terminal. It shows you the profile of the dev, what (programming) languages do they speak and what have they been up to lately. Here's the demo:

![Demo Gif](https://dev-to-uploads.s3.amazonaws.com/i/87zcnhbytb5u3wjy4g1i.gif)

![Demo](https://dev-to-uploads.s3.amazonaws.com/i/9lv1m9flc4vtsgk7lje4.png)

## Install
You need `node` + `npm` to install this CLI.
```bash
$ npm i -g git-stalker

# or using yarn

$ yarn global add git-stalker
```

## Usage

```bash
$ stalk <github-username>

# For example
$ stalk godcrampy
```

## Built With
- [Typescript](https://www.typescriptlang.org/)
- [GitHub API](https://developer.github.com/v3/)
- And several awesome [dependencies](https://github.com/godcrampy/git-stalker/blob/master/package.json#L56#L67)

## What's Next?
So the current release allows stalking people. Why not hunt repos? I'll probably work on that. If you have any ideas, please open up an [issue](https://github.com/godcrampy/git-stalker/issues/new).

Here's the repo for Git Stalker.
{% github godcrampy/git-stalker %}

🌟 I made some [Cheat-Sheets](https://github.com/godcrampy/cheat-sheets)
🚀 Stalk me on [Instagram](https://www.instagram.com/godcrampy/) | [Github](github.com/godcrampy) | [Twitter](twitter.com/godcrampy) | [Website](sahil.surge.sh)
😄 Have a wonderful day!
23: Pseudo Code
Tags: codenewbie
Published: 2020-04-25 13:30:25

#**Pseudo code**
A term which is often used in programming and algorithm based fields. It is a methodology that allows the programmer to represent the implementation of an algorithm. Simply, we can say that it’s the cooked up representation of an algorithm. 

Often at times, algorithms are represented with the help of pseudo codes as they can be interpreted by programmers no matter what their programming background or knowledge is. Pseudo code, as the name suggests, is a false code or a representation of code which can be understood by even a layman with some school level programming knowledge.

---

Algorithm: It’s an organized logical sequence of the actions or the approach towards a particular problem. A programmer implements an algorithm to solve a problem. Algorithms are expressed using natural verbal but somewhat technical annotations.

Pseudo code: It’s simply an implementation of an algorithm in the form of annotations and informative text written in plain English. It has no syntax like any of the programming language and thus can’t be compiled or interpreted by the computer.

---


##Advantages of Pseudocode
Improves the readability of any approach. 
It’s one of the best approaches to start implementation of an algorithm.

Acts as a bridge between the program and the algorithm or flowchart. 
Also works as a rough documentation, so the program of one developer can be understood easily when a pseudo code is written out. 
In industries, the approach of documentation is essential. 
And that’s where a pseudo-code proves vital.

The main goal of a pseudo code is to explain what exactly each line of a program should do, hence making the code construction phase easier for the programmer.

--- 
##How to write a Pseudo-code?
Arrange the sequence of tasks and write the pseudocode accordingly.
Start with the statement of a pseudo code which establishes the main goal or the aim.

[Pseudo Code](https://www.geeksforgeeks.org/how-to-write-a-pseudo-code/)
Hello World
Published: 2020-04-25 13:18:18

I've loved writing since I was a kid who was bullied in primary school. Every time I felt upset, I would write down everything I was feeling on a piece of paper, then tear it up and flush the pieces down a toilet bowl. It made me feel ever so slightly liberated from my then perceived problems.

The habit of jotting down my thoughts continued as I grew older. The medium with which I used to do so evolved from paper and pen to blogs, phone applications and 280-character tweets. Yet, I always stuck to writing about my personal life. The one thing I never did was to write about tech.

Why? I guess I don't think I have much to offer. There are so many people out there who are more expert at what I am doing, and I don't feel qualified to be writing about things that I don't 100% know about.

Today, I thought about the reason why I've kept up with writing about my personal life after all these years. I realised that I was never trying to educate anyone about anything. I never pretended to know more than anyone about anything. If I wrote something today, it would merely be to capture a snapshot of who I am today, so that I in the future can have something concrete to look back on, to reflect on my growth over time.

So I am letting that be my motivation to start writing about my work in the tech scene. I am not here to teach anyone anything, but I will share what I am learning today.
CovidReportMZ - Get realiable info about Covid-19 on Mozambique the easy way!!!
Tags: twiliohackathon, javascript, covid
Published: 2020-04-25 13:01:39

---
title: CovidReportMZ - Get realiable info about Covid-19 on Mozambique the easy way!!!
published: true
description: Platform that help people get realiable information about Covid-19 on Mozambique.
tags: #twiliohackathon #javascript #covid
---

## What I built

A Covid-19 Aware  WebApp. Basically, the user subscribe on the website with phone number and they receive Covid-19 daily stats. This Webapp helps user to be aware of total cases in Mozambique. 
I've build an [API](https://covidreportmz-api.herokuapp.com) that use data extracted from the Mozambique Health Institute website (https://covid19.ins.gov.mz) using web scraping technique.
Using Twilio Programmable SMS API, it sends the daily updates to the users via SMS (Mozambique Only) and using Twilio API for WhatsApp + Twilio Autopilot API it send statistics and FAQ's via WhatsApp (Worldwide)


#### Category Submission: Interesting Integrations

## Demo Link
https://covidreportmz.herokuapp.com

## Link to Code
Here is a github repo of the project.
https://github.com/kradnoel/CovidReportMZ

## How I built it

### Stack
- Backend: Node.js web server using [Express](https://expressjs.com/) + web scrapping using [cheerio](http://cheerio.js.org/) + Persistance with [Parse](https://parseplatform.org/)
- Frontend: [Nuxt](https://nuxt.org/) + [Buefy](https://buefy.org/) + Javascript
- Integration: [Programmable SMS Twilio API](https://www.twilio.com/docs/sms/api) + [Twilio API for WhatsApp](https://www.twilio.com/whatsapp) + [Twilio Autopilot API](https://www.twilio.com/docs/autopilot/api) + [Back4app Parse Server](https://www.back4app.com/)
- Deployed with [Heroku](https://www.heroku.com/). You can check out the live application [here](https://covidreportmz.herokuapp.com/) or the live API [here](https://covidreportmz-api.herokuapp.com/) 


The project is not complete yet but you can check it out. It's been a great experience participating in this hackathon and building a project from an idea to the application. Hope you like it.
App Submission
Tags: ios, appstoreconnect, android, submission
Published: 2020-04-25 12:48:06

# iOS
### Screen Capture
6.5" - iPhone 11 Pro Max, iPhone 11, iPhone Xs Max, iPhone XR
5.5" - iPhone 8 Plus, iPhone 7 Plus, iPhone 6s Plus
ipad Pro (12.9-inch) (3rd generation)
ipad Pro (12.9-inch) (2nd generation)

*Origin: https://help.apple.com/app-store-connect/#/devd274dd925*

<hr />

# Android
[Spring Data JPA] native query no converter for TimeStamp --> LocalDate!!
Tags: springdatajpa
Published: 2020-04-25 12:39:06

---
title: [Spring Data JPA] native query no converter for TimeStamp --> LocalDate!!
published: true
description: [Spring Data JPA] native query no converter for TimeStamp --> LocalDate!!
tags: Spring Data JPA
---

ถ้าหากเราใช้ Spring Data JPA native query และใช้ projection interface ที่แมป column java.sql.TimeStamp ไปเป็น LocalDate จะไม่สามารถทำได้ เนื่องจาก default converter ไม่มีมาให้ (ถ้าเป็น LocalDateTime มีให้นะครับ)

นอกจากไม่มีมาให้แล้ว error message ที่พ่นออกมาตอนเกิด exception ก็ไม่สื่ออ่านแล้วอาจเข้าใจผิดได้ มันออกมาว่า `Projection type must be an interface!` ซึ่งไม่ใช่

วิธีแก้ปัญหาคือ เราต้อง custom `Converter<Timestamp, LocalDate>` เอา แต่ว่า ตอนรีจิสเตอร์ custom converter นี่แหละ จะรีจิสเตอร์ธรรมดาไม่ได้

ถ้าเราทำให้ converter เป็น @Bean หรือ register ผ่าน FormatterRegistry.addConverter() ใน WebMvcConfigurer จะยังไม่ทำให้ Spring Data JPA หยิบ converter ที่เพิ่มเข้าไปมาใช้!!!! เพราะว่า Spring Data Jpa ไม่ได้ใช้ ConversionService  ตัวที่มัน default มาให้กับ Spring Boot แต่มันใช้ `DefaultConversionService.getSharedInstance()` ดังนั้น จะให้มันทำงานได้จะต้องมารีจีสเตอร์ที่ตรงนี้ (วางโค๊ดไว้ใหนสักที่ ที่เป็น initialization method เพราะ เป็น static singleton instance ธรรมดา)
```java
    DefaultConversionService conversionService = (DefaultConversionService) DefaultConversionService.getSharedInstance();
    conversionService.addConverter(new TimeStampToLocalDateConverter());
```

โค๊ดด้านล่างนี้หยิบมาจากใน Spring Data Jpa ตรงส่วนที่ใช้ ConversionService 
```java
		/**
		 * Creates a new {@link ProjectingConverter} for the given {@link ReturnedType} and {@link ProjectionFactory}.
		 *
		 * @param type must not be {@literal null}.
		 * @param factory must not be {@literal null}.
		 */
		ProjectingConverter(ReturnedType type, ProjectionFactory factory) {
			this(type, factory, DefaultConversionService.getSharedInstance());
		}
```

จะเห็นว่ามันใช้ `DefaultConversionService.getSharedInstance()` โดยตรง
Your habits as a developer
Tags: habits, discuss, webdev, codenewbie
Published: 2020-04-25 12:21:26

I'm a strong believer that good habits are the way to success. James Clear, the author of Atomic Habits, has put it really nicely:

> You do not rise to the level of your goals. You fall to the level of your systems.

That's why I try to create habits that help me become a better developer and remove the ones that don't.

**Here are the 5 main habits I try to practice to become a better developer**
- Come up with a plan BEFORE start coding
- Read tech articles/tutorials at least 30 minutes per day(Dev.To as the main one)
- Work on a hobby project at least 3 times a week for 1 hour
- Practicing non-tech related activities every day (reading, cooking, playing the guitar, etc) for at least an hour
- Work out, exercise at least 4 days a week

As you can see, some of them are code-related, some of them not. But they all contribute to me being more productive and efficient as a developer.

I'm planning to write a longer article on the topic, so I'd be really interested in...
## ...what are the habits that make you a better developer?
(or the habits you're trying to get rid of)?

---

Oh and if you are interested in topics like growth mindset, developer lifestyle and technical tutorials, then make sure to keep an eye on
[developerHabits Youtube](https://www.youtube.com/channel/UCJLZwePkNHps5Bv7VwISyTA) and [Instagram](https://www.instagram.com/developerhabits/) accounts.
PSR (Steps Recorder): A windows-preinstalled screenshot capturing tool
Tags: productivity, microsoft, tips, troubleshooting
Published: 2020-04-25 12:19:41

# Description
If you are an IT administrator, you have probably experienced users' requests such as "Outlook doesn't work", "Internet is not going" and something like this.

What admins have to do for the first is, to clarify situation such as below.

- An error message shown?
- Which operation needed to reproduce the issue?
- Only specific users experiencing the issue?


# PSR (Steps Recorder)
PSR (Steps Recorder) is a windows-preinstalled screenshot capturing tool and help users to take screenshots just by clicking mouse as users do always.

## - Steps
1. click Start, type psr in the Start search box, and then click psr.exe in the search results.
2. click "Start Record" to capture screenshots. Every mouse clicks capture a screenshot.
3. click "Stop Record" when issues reproduced.
4. You can see the screenshots in IE.

Hope this will help you and users communicate better!
What should I write next?
Tags: vue, javascript, node, webdev
Published: 2020-04-25 12:15:05

---
title: What should I write next?
published: true
description: Planning the next article of my series
tags: vue, javascript, node, webdev
---

1. Awesome tools developers should be making use of in 2020.
2. Let's code a dribbble design part 2.
3. How to use websockets, a live example.
4. Let's code a telegram bot, get coronavirus stats every night.
5. Ziet(Vercel), Netlify, Surge, Github pages, Firebase, Heroku  How to host your site for free. - [https://blog.back4app.com/2019/11/26/netlify-alternatives/](https://blog.back4app.com/2019/11/26/netlify-alternatives/)
6. What are CRON jobs
7. Lets make a personal blog with a CMS and host it for free.
8. Making a notes app and saving them as Github gists.
9. Making a api with Express & Node& hosting it for free
Daily Developer Jokes - Saturday, Apr 25, 2020
Tags: jokes, dailydeveloperjokes
Published: 2020-04-25 12:00:11

---
title: "Daily Developer Jokes - Saturday, Apr 25, 2020"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
cover_image: "https://private.xtrp.io/projects/DailyDeveloperJokes/thumbnail_generator/?date=Saturday%2C%20Apr%2025%2C%202020"
published: true
tags: #jokes, #dailydeveloperjokes
---

Generated by Daily Developer Jokes, a project by [Fred Adams](https://xtrp.io/) ([@xtrp](https://dev.to/xtrp) on DEV)

___Read about Daily Developer Jokes on [this blog post](https://xtrp.io/blog/2020/01/12/daily-jokes-bot-release/), and check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/).___
### Today's Joke is...
![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e1258836687f.png)

---
*Have a joke idea for a future post? Email ___[xtrp@xtrp.io](mailto:xtrp@xtrp.io)___ with your suggestions!*

*This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit.*

<!-- 
Joke text:
___Q:___ How did the developer announce their engagement?

___A:___ They `return`ed `true`!
 -->
What Front-End framework should i migrate to in 2020?
Tags: css, javascript, html, ux
Published: 2020-04-25 11:51:30

Am trying to make up my mind with what front-end framework(s) to use for the next few years. I see many cool ones (BS, material etc...) but hard to make up our mind to decide on which path.  We have been using our custom styling and JS components for many years. It’s time to get rid of that and move towards more responsiveness and modern design. 

Two important things we want to achieve, modern design. Stable JS library and actively being developed and improved. 

From your experience which framework would migrate to and why? 

Thx!
Easy Carousel Slider Tutorial using Swiper JS
Tags: webdev, beginners, html, tutorial
Published: 2020-04-25 11:42:50

<strong>[Swiper Js](https://swiperjs.com/)</strong> is a cool little library that allows us to make carousel sliders in 3 minutes or less.

![Swiper JS Carousel Slider Tutorial](https://adriantwarog.com/wp-content/uploads/2020/04/youtube-preview-small.gif)
We can load it directly into our project with a CDN, install it via NPM, or even just download the files from GitHub to get started. Using their library, we can create a normal slider, 3D cube, and even a parallax slider with some cool fade effects.

{% youtube 4oyj_smPAjc %}
<center>[Youtube: Swiper JS Tutorial](https://youtu.be/4oyj_smPAjc)</center>

The topics we will cover include:

* Installation of SwiperJS
* Setting up Swiper JS code in HTML and CSS
* Styling the Swiper
* Styling the Swiper
* 3D cube Carousel Slider
* Parallax Slider with Fade Effects

![Swiper JS Carousel Slider Example](https://adriantwarog.com/wp-content/uploads/2020/04/simple-preview.gif)

If you are interested in seeing just how simple the code is, check it out below:

```html
<link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.min.css">
<script src="https://unpkg.com/swiper/js/swiper.min.js"></script>

<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            Slide 1
        </div>
        <div class="swiper-slide">
            Slide 2
        </div>
        <div class="swiper-slide">
            Slide 3
        </div>
    </div>
</div>

<script>
  var mySwiper = new Swiper ('.swiper-container')
</script>
```
Swiper Js can be installed into any project, plain HTML, WordPress or even react. If you are interested in them, you can check them out at their official URL:
https://swiperjs.com/

## Follow and support me: 
Special thanks if you subscribe to my channel :)
* [🎞️ Youtube](https://www.youtube.com/channel/UCvM5YYWwfLwpcQgbRr68JLQ?sub_confirmation=1)
* [🐦 Twitter](https://twitter.com/adrian_twarog)
* [💬 Discord](https://discord.gg/nGdThpE)
* [❤ Patreon](https://www.patreon.com/adriantwarog)

## Want to see more:
I will try to post new great content every day. Here are the latest items:
* [Adobe XD to Fully Responsive WordPress Site](https://dev.to/adriantwarog/adobe-xd-to-fully-responsive-wordpress-site-16e0)
* [Adobe XD to HTML Full Process](https://dev.to/adriantwarog/adobe-xd-to-html-full-process-ao6)
* [Full Tutorial on how to use SASS to improve your CSS](https://dev.to/adriantwarog/full-tutorial-on-how-to-use-sass-to-improve-your-css-57on)
* [Creating a Mobile Design and Developing it](https://dev.to/adriantwarog/creating-a-mobile-design-and-developing-it-5c4o)