teleren/devto huggingface dataset:
Adobe XD to Fully Responsive WordPress Site
Tags: beginners, tutorial, html, css
Published: 2020-02-24 14:19:18

Converting an Adobe XD design by actually coding it by hand to work with WordPress and be fully responsive is no small task.

If you are interested in what it takes to move a design from just UI and develop it manually, including all the steps if literally starting with a blank canvas and coding out every container, class and style, I take you through the entire process here.
{% youtube FJN719DtXCo%}
**Included in this video:**
* Installing WordPress
* Adding Understrap theme builder
* Preparing the theme for usage
* Developing the code with HTML from our design (Header, Hero Banner, Sections, Footer, etc)
* Adding styling to our code using CSS
* Adding responsive design

This is a slightly longer video, but hopefully, this video gives you insights into the whole process of how a design to development job is normally completed.

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

## Want to see more:
I will try to post new great content every day. Here are the latest items:
* [Learn how to make a Triangle in CSS once and for all](https://dev.to/adriantwarog/learn-how-to-make-a-triangle-in-css-once-and-for-all-2pfe)
* [Adobe XD to HTML Full Process](https://dev.to/adriantwarog/adobe-xd-to-html-full-process-ao6)
* [How to implement Dark Mode with CSS new media call: prefers-color-scheme](https://dev.to/adriantwarog/how-to-implement-dark-mode-with-css-new-media-call-prefers-color-scheme-3h65)
* [Creating a Mobile Design and Developing it](https://dev.to/adriantwarog/creating-a-mobile-design-and-developing-it-5c4o)
Pandas data analyse (Dutch)
Tags: python, dutch, nederlands
Published: 2020-02-24 14:10:17

<a href="https://pandas.pydata.org/">Panda's</a> is een data-analyse module voor Python. De module werd voor het eerst ontwikkeld in 2008 en is uitgegroeid tot een van de meest populaire data-analyse modules.

Je kunt allerlei soorten data inlezen in Python met panda's.
Bijvoorbeeld het lezen van <a href="https://pythonprogramminglanguage.com/read-csv/">csv data</a> (data uit txt), het inlezen van een <a href="https://pythonbasics.org/pickle/">pickle</a> object bestand of zelfs het clipboard.

## Data inlezen met panda's

Bij Panda's gaat het om data. Omdat programma's bijna altijd met data werken, is het een goede skill om de panda's-module te kennen.

Als dit uw tekstbestand is (filepath.txt, met tabs)
```
1 2 3
2 3 4
3 4 5
4 5 6
5 6 7
```

Kun je het in een pandas-dataframe inlezen met de lijnen:

```python
import pandas as pd
dataset=pd.read_csv("filepath.txt",delimiter="\t")
```

Voor een csv bestand kun je het volgende doen:

```python
data = pd.read_csv('output_list.txt', sep=",", header=None)
```

Je kunt de kolommen handmatig definiëren als uw gegevens geen kolommen hebben

```python
data.columns = ["a", "b", "c", "etc."]
```

Je kunt dan met het dataframe werken, erop selecteren, filteren enzovoort.

Selecteer zo'n kolom:
```python
import pandas as pd
dataset=pd.read_csv("filepath.txt",delimiter="\t")
dataset.columns = ["a", "b", "c"]
print(dataset["b"])
```

Dit toont al uw gegevens uit kolom A

```
➜ ~ python3 zoo.py
0 3
1 4
2 5
3 6
Naam: b, d-type: int64
```
Top reasons why Android App Development is The Best For Businesses
Tags: android, devops, startup
Published: 2020-02-24 13:48:29

With the advent of app development technology, the reliance on mobile applications has augmented drastically. As a result, many entrepreneurs have been trying to leverage mobile apps to scale up their businesses. We all know that the operating system of the smart device plays a vital role in the development of a suitable mobile app. Of all the operating systems available, Android is the most preferred by the mobile app developers across the world. There are various reasons behind the immense popularity of Android and why entrepreneurs need to go for Android app development for their businesses.

This article explains why a mobile app development company almost always prefers Android when it comes to providing services for businesses. Read further! 

Competitiveness

By investing in Android app development, you can make your business highly competitive. The following are the significant aspects of Android that make your business highly competent.

High scalability to meet all the growing demands
Seamless integration with cutting-edge technologies
The high flexibility of Android devices and applications
BYOD (Bring Your Own Device) and EMM (Enterprise Mobility Management solutions) implementation

Read Full Article: https://www.inoru.com/blog/top-reasons-why-android-app-development-is-the-best-for-businesses/
CodeIgniter 4 has been released: What's new?
Tags: codeigniter, framework, php, webdev
Published: 2020-02-24 13:46:59

Today, February 24, CodeIgniter 4 was officially launched. The long-awaited update, which is actually a new framework, was launched today in honor of James Perry, who was responsible for conducting this new project and who died a few weeks ago victim lung cancer.

Version 4 has been completely rewritten and has no backwards compatibility, it brings PHP's minimum version to run at 7.2, while Version 3 brings PHP 5.6 (discontinued).

Completely written in PHP 7, the new version has a leaner coding than the previous ones, besides being more performative and giving developers more productivity and performance in the web application development process.

With a more organized and current code structure in relation to other frameworks on the market, such as Laravel, the use of new features in PHP 7 and other libraries is possible, sometimes requiring minimal configurations.

The migration process from version 3 to 4 is very easy to do, as long as the application to be migrated is within the standard architecture model of CodeIgniter 3.

One of the great novelties of the new version, and which had been highly demanded over the years, is the possibility of creating Rest APIs without the need to use third party libraries to complement the nonexistent functionalities until version 3.

Now that the stable version has been officially launched it is time to start creating the projects and take advantage of all that CodeIgniter 4 can offer in terms of performance and productivity in the web application development process.

And remember, if you encounter problems or bugs, report through issues on [GitHub](https://github.com/codeigniter4/CodeIgniter4) and if you have questions about the use and operation, share on the [Forum](https://forum.codeigniter.com/).

**Official Documentation:** https://codeigniter4.github.io/userguide
**Official Site:** https://codeigniter.com (
in the process of updating to the new version)
Update on my PDF file manipulation Script
Tags: python, help, problem, solution
Published: 2020-02-24 13:43:58

Hi again, in my previous post i had a problem on how to search a large PDF file for a keyword which can be found in multiple pages of the file and in some cases more than once in single page!

I've used **PyPDF2** to open a given PDF file, then extract the text page by page, search that text for the given keyword and then check in what page the keyword was found and how many times per page and finally split those pages from the original file and merge them all together to create my final file so it can be printed with the useful data and not with other non-useful data from the original file.

All works fine with test/dummy data in **English** Characters but the original file is in **Greek** and the ``` PdfPageObj.extractText() ``` function of **PyPDF2** returns an empty string.

So how would you approach this problem?
Any Suggestions?
DISCUSS: Technical Interview Horror Stories
Tags: discuss
Published: 2020-02-24 13:43:45

In this week's [Ladybug Podcast episode](https://www.ladybug.dev/frontend-interviews) we discussed the frontend technical interview process.

{% spotify spotify:episode:5qdH3BvSM4s8ZJM4cynv9U %}

Technical interviews are terrifying, and I'm sure we've all had bad experiences. Hopefully talking about why our experiences were not so great can help educate the tech ecosystem about how to give a great technical interview!

I'll go first.

Years ago, probably in 2016, I was interviewing with an overseas company. It was a startup and it was a product I genuinely liked. I had a great talk with the recruiter but decided to pull out of the interview process as I was unprepared to move abroad at the time.

I truly had a great experience with the recruiter though so I wanted to stay in touch.

Fast forward two years later, I re-connected with the same interviewer except this time was... not so great.

He called me at 6 am my time (due to time zone differences), and proceeded to badger me with technical interview questions like "whats the difference between const and let?", which I explained correctly but he made me feel like I gave the _wrong_ answer. 

I was duly unprepared for the technical interview questions, and explicitly stated as much, yet he kept throwing them at me.

Not only that, but the recruiter seemed like a different person. 

The first time we interviewed he was SUPER down-to-earth and made me feel special. This time around he started the conversation with "have we met before" which threw me because A) we spent a lot of time communicating and you made me feel like you remembered me through email communication and B) you clearly didn't take two minutes to check if we had previously interviewed.

He even was answering Slack messages during our interview because "my teammate is having Zoom issues and I'm the only one who knows how to fix them."

Horribly unprofessional.

I left the interview and told him "thanks but no thanks."

He just reached back out to me (a year later) and needless to say I _won't_ be following up with him.

What's your technical interview horror story? Leave it below!
What is Active Record? (Quick Intro)
Tags: ruby, rails, beginners
Published: 2020-02-24 13:23:25

In this blog post, I'll introduce you to Active Record which is used in the Rails framework. 

Ruby on Rails uses a software design pattern called Model-View-Controller (MVC) and Active Record is part of the model in MVC. This means that Active Records works with your database. 

# Object Relational Mapping (ORM)
Active Record is an ORM. Using an ORM allows a developer to use the language they are working with to query a database without having to use MySQL, PostgreSQL or other databases query commands. 

Active record maps the class name to a table in a database and each row to an instance of the class. 

This is part one of the intro into Active Record and it will be a series. The following blog posts in this series will cover. 

<ul>
 <li>Intro Part II</li>
 <li>Migrations</li>
 <li>Validations</li>
 <li>Callbacks</li>
 <li>Associations</li>
 <li>Queries</li>
</ul>


So far what you need to know about Active Record is that it is an ORM. It allows you to interact with a database using the language that you are building your application with. 

In part two, we will look at some examples of how Active Record allows you to interact with your database.
Here I Am
Published: 2020-02-24 13:21:38

Welp, I’ve been telling myself I need to start for over a year now and I’m finally getting after it. This is the beginning of a personal journal about my dev career and hobbies. I’m still trying to decide if this is the right platform for me to just barf out thoughts that are in my head, but I figured it’s better than Twitter :/ if anyone has any other suggestions, I’m all ears. A lot of people write technical articles on here, so let me know if this is not the right place.

The first of hopefully many.

Burr
I can't understand Redux's `store.dispatch()`. Is it `store.takeAction()`?
Tags: redux, javascript, oop, react
Published: 2020-02-24 13:14:02

Sometimes I have a hard time understanding the "verbs" or method names of OOP these days.

Note the following is just to use Redux alone, without the mechanism of hooking it up with React.

For example, in Redux, if you use the most basic form:

```
store = createStore(reducer);
store.dispatch(action);
store.getState();
store.subscribe(fn);
```

For quite some time, I didn't quite get it what `dispatch()` means?  The store "dispatch" something, like the store is sending out something?

So later on, I found that the method names are from the "I" perspective:

1. Store, I want to dispatch an action to you
2. Store, I want to get state from you
3. Store, I want to subscribe to you with an observer (or listener)

If we use the Smalltalk way of naming, which is one of the earliest object oriented programming languages, it is:

```
store.takeAction()
store.giveState()          // or store.state()
store.addEventListener()
```

It goes naturally:

1. Store, take this action
2. Store, give state to me
3. Store, add an event listener

You can see `window.addEventListener()` is using such naming too.

Did I misunderstand something?  Not that I want to nitpick... but it is the use of some terms that can make me confused for quite a while, and then I found out, "oh... the name... it actually is from the perspective of the user of the object, instead of a verb or message to send to the object." (for a long time, I thought the store is to dispatch or send out some action to some where).
What is Flutter group chat?
Tags: flutter, android, devops, javascript
Published: 2020-02-24 13:09:28

What is Flutter group chat?

Flutter group chat enables real time Communication in the group by the member of the group.

Language:- Flutter’s dart language.

Features:-

The top most features of the group chat is-

- Group can have no limitation for User or Messages.
- User gets the update of how many messages he doesn’t read.
- We kept the users and group static to control the accessibility of the app by any user.
- If user wants to be a part of the chat application they need to request the login id and Password from admin and when admin create and provide them to the user, the user will be able to login in the chat application.
- We kept the group static to take over the control of the groups. Admin only will be able to create the group in the application.
- Supports in both Android & IOS.
Reliability:-
- Chat is in real time and never loses messages or Connections.
- Group can have no limitation for Users or Messages.
- Admin will have the authority to add the user and groups in the application.
Installation Libraries:- Dependencies for Flutter and its Libraries
- firebase_database
- firebase_analytics
Installation:- Firebase Connection
Android
- In app -> build.gradle
dependencies {
implementation ‘com.google.firebase:firebase-analytics:17.2.2’
}
apply plugin: ‘com.google.gms.google-services
- In Project Gradle file Add in buildscript -> dependencies
classpath ‘com.google.gms:google-services:4.3.3’
- Register app with firebase and download google-services.json.
IOS
- Register app with firebase and download GoogleService-Info.plist.
The following shows How to use the app
final reference = FirebaseDatabase.instance.reference().child(“xyz”).child(
‘message’);
FirebaseAnimatedList(
query: reference,
reverse: true,
sort: (a, b) => b.key.compareTo(a.key),
//comparing timestamp of messages to check which one would appear first
itemBuilder: (_, DataSnapshot messageSnapshot,
Animation<double> animation, int) {
return new ChatMessageListItem(
messageSnapshot: messageSnapshot,
animation: animation,
);
},
);

Final Thought:
Rlogical Techsoft Pvt. Ltd is a top-notch Flutter app development company in India. We have expert team of Flutter developers to build high-quality and functionally-rich apps.
Does Redux minimize re-rendering?
Tags: redux, react, question
Published: 2020-02-24 13:04:14

Is it true that one big advantage about Redux is, it can minimize the re-rendering of components?

If we let the whole App use a context, and every single component in the app can access or change anything in the context, that'd be good for sharing data, but is it true that any change to any data in context will cause the whole App (and offsprings) to re-render?  (not to update the actual DOM, but virtual DOM diff'ing / reconciliation first, and any difference, update the actual DOM).

And what about using Redux?  Then it will only cause the minimum amount of re-rendering?  So it won't be from the App and all the way down to every component under App?
Daily Developer Jokes - Monday, Feb 24, 2020
Tags: jokes, dailydeveloperjokes
Published: 2020-02-24 13:00:19

---
title: "Daily Developer Jokes - Monday, Feb 24, 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=Monday%2C%20Feb%2024%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/5e1259082460c.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:___ Why do kayakers make bad programmers?

___A:___ Because they're afraid of waterfall.
 -->
Python vs Java: Which One To Choose
Tags: python, java
Published: 2020-02-24 12:58:25

We proceed to compare different programming languages to each other. Just to remind we have already written about similarities and differences between [Python and PHP](https://scand.com/company/blog/python-vs-php-for-web-development/), [PHP and Java](https://scand.com/company/blog/php-vs-java-difference-comparison/), [Java and .NET](https://scand.com/company/blog/net-vs-java-comparison/), [PHP and JavaScript](https://scand.com/company/blog/php-vs-javascript-difference-between/), [Kotlin and Java](https://scand.com/company/blog/java-vs-kotlin-for-android-app-development/). In this blog post, we are going to compare Java and Python.

##What is Java?
Java is a compile, object-oriented, and statically typed programming language. Being one of the most popular in the world, it is used for web and mobile application development, working with [Big Data](https://scand.com/expertise/big-data-solutions-development/), and building complex apps for enterprises. Java also offers vast libraries for [embedded apps development](https://scand.com/services/embedded-software-development/) which makes it a good choice for IoT.

The most significant benefit of the Java language is that it allows writing code only once and running it at different platforms — with the help of JVM (Java Virtual Machine). In addition to that, Java allows creating a high level of security as well as has a big and strong community of developers. Being made on the basis of [C and C++](https://scand.com/technologies/c-plus-plus-development/), it has quite strict syntax rules to follow.

##What is Python?
Unlike Java, Python is interpreted and dynamically typed language yet it is also object-oriented. Python is considered to be the easiest language for learning — it is even used for teaching the basics of programming. Since it has simple English-like syntax, Python is a perfect option for fast app development. It is the most popular tool for data science, machine learning (ML), and artificial intelligence (AI). In other spheres, its popularity is relatively small but the community shows record growth each year which means the language develops fast offering more libraries, frameworks, etc.

##Python vs Java Comparison
Let us now highlight the core differences between Java and Python.
![Python vs Java comparison table](https://dev-to-uploads.s3.amazonaws.com/i/jiz7dvw94jp9nqo9lxhg.jpg)

##The Bottom Line
As you can see, Python and Java have their own benefits as well as drawbacks. When looking for the right tool for app development, you should consider the goals of the future app and the functionality it needs.

At SCAND, we have decades of experience in working with both [Java](https://scand.com/technologies/java/) and [Python](https://scand.com/technologies/python/) and can help you to make the right choice as well as to deliver a robust and reliable application. [Contact us](https://scand.com/contact-us/) to ask any questions and get additional information.
Looking for fe dev/code buddy
Tags: code, buddy, frontend, javascript
Published: 2020-02-24 12:57:44

I am a backend dev/enthusiast looking for frontend dev/code buddy (i know, sounds strange :/). The idea is to develop or work on any project togather pushing/motivating (learning from) each other by learning /trying new techs etc. My goal is to be fullstack dev and exchange experience. Besides i found it cool if there is a feedback from other side besides of everything i do at work. Looking forward to any comments suggestions etc.
3 Things to Improve Your Productivity
Tags: productivity, terminal, timer, autocomplete
Published: 2020-02-24 12:54:10

As most of us developers I also suck at productivity even though I had different opinion and was considering myself to be very productive. So today I'm going to share 3 things that helped me get more productive. I'm not a big fan of using too many applications or plugins, so that's why only 3 things but still they helped me boost my productivity so much. Hope you'll find this helpful.


![TabNine logo](https://pbs.twimg.com/profile_images/1151716662917443584/a-mtwNrf_400x400.png "TabNine logo")
## [**TabNine**](https://tabnine.com/)

First we have TabNine, it's "The Mother of all Autocomplete Apps / Plugins". It's an all-langauge autocompleter that uses deep learning to help us write code faster. The way it works is It can recognize common   patterns from libraries and frameworks like React, Vue, etc. It's written in Rust and fun fact is that without Rust ecosystem TabNine probably wouldn't exist.

![Oh My Zsh logo](https://ohmyz.sh/img/OMZLogo_BnW.png "Oh My Zsh logo")
## [**Oh My Zsh**](https://ohmyz.sh/)

On second place is Oh My Zsh. It's an open source framework for managing your zsh configuration. What it does is it extends zsh with new functionality and plugins. I like it because of its vast ecosystem, you can customize its look with one out of hundreds themes, but the best thing is its plugin extendability. For example plugins I'm using are: [git](https://github.com/ohmyzsh/ohmyzsh/tree/master/plugins/git), [jump](https://github.com/ohmyzsh/ohmyzsh/tree/master/plugins/jump), [zsh-autosuggestions](https://github.com/zsh-users/zsh-autosuggestions), [zsh-syntax-highlighting](https://github.com/zsh-users/zsh-syntax-highlighting). All of its properties and options are written in .zshrc file.

![WakaTime logo](https://avatars1.githubusercontent.com/ml/269?s=140&v=4 "WakaTime logo")
## [**WakaTime**](https://wakatime.com)

And last but not least is WakaTime. This app changed how I think about productivity. Before installing it I was sure I was spending most of the time on my job in editor writing code, boy was I wrong huh. It turned out I was spending only 3 out of 8 hours per day and I wasn't happy with that. But now few months later my daily average has gone up to around 6 hours per day, and It's all thanks to the WakaTime.