teleren/devto huggingface dataset:
The 7 Most Popular DEV Posts from the Past Week
Tags: top7
Published: 2017-12-04 14:12:37

---
title: The 7 Most Popular DEV Posts from the Past Week
published: true
description: A round up of the most-read and most-loved contributions from the community this past week.
tags: icymi
cover_image: https://thepracticaldev.s3.amazonaws.com/i/xsr1z6iqv0pd7p3s6ns3.png
---

#1. Technically correct, but not the full picture

Afri shares his research on Ethereum and explains why the blockchain size will not exceed 1TB anytime soon. In his explanation, we learn about block, state, block-history, state-history, pruning-modes, sync-modes, and more!

{% link https://dev.to/5chdn/the-ethereum-blockchain-size-will-not-exceed-1tb-anytime-soon-58a %}

#2. "I mostly use PHP” / “Oh wow, I’m sorry”

Andrew shares his experience with imposter syndrome as a PHP developer. 

{% link https://dev.to/restoreddev/imposter-syndrome-php-edition-8p9 %}

#3. AMA w/ Julie Hubschman!

In this AMA, Julie shares her untraditional journey of graduating from a liberal arts college, designing her own major, and now, working as a software engineer at Microsoft. 

{% link https://dev.to/juliehubs/im-a-liberal-arts-grad-and-i-am-a-software-engineer-at-microsoft-ask-me-anything-82g %}

#4. Which noun describes _you_?

This post provides descriptions of different programming skill levels along with their parallel martial arts rank and code examples. 

{% link https://dev.to/lpasqualis/7-ranks-of-coderhood-coder-programmer-computer-scientist-developer-engineer-architect-eca %}

#5. Note-taking applications

In an effort to find the best note-taking application, Aleksey went into research mode. This post details the apps he tried and what he liked/disliked about them.

{% link https://dev.to/apastuhov/note-taking-software---investigation-cp4 %}

#6. An interesting project from Microsoft

Sonny provides a step-by-step guide on how to set up and get runnign with the Windows Subsystem for Linux.

{% link https://dev.to/winebaths/getting-up-and-running-with-the-windows-subsystem-for-linux-8oc %}

#7. What's in your toolbox?

Yes, yes, your fav text editor and QUnit, jUnit & Jenkins...but what's in your _non-coding_ toolbox? In this post, we'll learn about some of the best coding tools that aren't specifically coding tools. 

{% link https://dev.to/craser/some-of-the-best-coding-tools-arent-coding-tools-4c %}


_That's it for our weekly wrap up! Keep an eye on dev.to this week for daily content and discussions...and if you miss anything, we'll be sure to recap it next Monday!_
Current state of Semantic Web
Tags: semanticweb, sparql, rdf, discuss
Published: 2017-12-04 07:36:37

---
title: Current state of Semantic Web
published: true
description: 
tags: semantic web,sparql,rdf,discussion
cover_image: https://thepracticaldev.s3.amazonaws.com/i/uacxs4zka3mlbqb9hv4e.png
---

I'd really like to know what's the state of Semantic Web technologies, primarily:

 - Taxonomy
 - Ontology
 - SPARQL
 - Triple Store databases
 - Linked Data
 - Any kind of tools to work with these technologies

Company I'm working at is curious to build an enterprise technology and make use of linked data and public SPARQL endpoints. This all seems like a great idea on paper:

 - Publicly available dictionaries
 - Predefined models for triple store
 - Free and open linked data
 - Ability to find hidden relationships with triple store databases

But once I've started to do some research, it became clear that it's quite a niche technology, it lacks development tools, has small community, small amount of questions on Stack Overflow. Very few vendors that provide commercial support. 

These all frustrate me.

So I'd like to hear what others think. Do you have some experience working with these technologies, if so, how is it?
★ Symfony now has an improved dump function
Tags: php
Published: 2020-01-02 22:52:13

---
title: ★ Symfony now has an improved dump function
published: true
date: 2017-12-04 06:36:38 UTC
tags: php
canonical_url: https://freek.dev/920-symfony-now-has-an-improved-dump-function
---

Let's talk a little bit about Symfony's `dump` function. It's part of [their VarDumper component](http://symfony.com/doc/current/components/var_dumper.html). The function can dump a variable to the screen or browser in a nicer format than PHP's native `var_dump`. In the recently released Symfony 3.4 and Symfony 4 the function got a nice little improvement that I'd like to highlight in this post.

You probably already know that you can dump stuff like this:

```
dump($object);
```

Nothing too fancy. But if you did this in previous versions of the framework it would blow up:

```
// dump didn't return anything so method is getting called on null ☠️
dump($object)->method();
```

I was quite annoyed with this so I submitted [a PR](https://github.com/symfony/symfony/pull/24280) to Symfony that let `dump` return the things that it was given. So now you can just wrap the function around any variable even if there are methods being called on it.

```
// in Symfony 3.4 and 4.x this just works
dump($object)->method();
```

When dumping multiple things, they all get returned. So you could dump all arguments passed to a function like this.

```
$object->method(...dump($arg1, $arg2, $arg3));
```

If you are using Laravel you'll be happy to know that Laravel just uses Symfony's `dump` function, so you can make use of this little improvement in Laravel too.

Happy dumping!
Vector collection in Leaf
Tags: video, algorithms, coding, leaf
Published: 2017-12-04 05:59:43

---
title: Vector collection in Leaf
published: true
description: Coding a vector class and talking about the complexity (big theta)
tags: video, algorithm, coding, leaf
---

{% youtube FDuTU9jGsJw %}

I write a vector and talk about the complexity and requirements of the container. Code is in Leaf.

Watch my streams live on [Twitch - Mortoray](https://www.twitch.tv/mortoray)
Socket Programming in Spring boot
Tags: socket, webrtc, realtime
Published: 2017-12-04 04:24:23

---
title: Socket Programming in Spring boot
published: true
description: 
tags: #socket #webrtc #realtime
---

Spring Boot can make standalone applications easily you need to run either clicking on the build or running using Java -jar command in your terminal. spring boot comes with a lot of awesome dependencies. I would say my favorite one is WebSocket it reduces your work a lot and no need to use an API to fit the same requirement, it is fast and effective. You just need to do the following things to your project and you can avoid using API for real-time messaging or pub-sub.

add the following code to your gradle

`compile("org.springframework.boot:spring-boot-starter-websocket")
    compile("org.webjars:sockjs-client:1.0.2")
    compile("org.webjars:stomp-websocket:2.3.3")`


these are the essential dependencies for the socket programming in the spring-boot application, your environment is set ready to do coding now.


Example Configuration

```java
@Configuration
@EnableWebSocketMessageBroker
class WebSocketConfig extends AbstractWebSocketMessageBrokerConfigurer {

    @Override
    void configureMessageBroker(MessageBrokerRegistry config) {
        config.enableSimpleBroker("/topic")
        config.setApplicationDestinationPrefixes("/socket")
    }

    @Override
    void registerStompEndpoints(StompEndpointRegistry registry) {
        registry.addEndpoint("/gs-guide-websocket").withSockJS()
    }
}

```

To the People who are thinking why I'm not using ";" in my code. I hate ";" so I'm not using it and It is not the real answer I'm using groovy for this example.

Now let's look into the Controller 

```java
@Controller // of course you need this 
class SocketController {
    @MessageMapping("/request")
    @SendTo("/response")
    def test() throws Exception {
        return "Hello world";
    }
}
```

You have done your pub-sub backend process let's go for front end
add these two scripts to your page

`<script src="${pageContext.request.contextPath}/webjars/sockjs-client/1.0.2/sockjs.min.js"></script>
    <script src="${pageContext.request.contextPath}/webjars/stomp-websocket/2.3.3/stomp.min.js"></script>`


add the following code to document ready function ()

```javascript
var stompClient = null;

    $(function () {
        function connect() {
            var socket = new SockJS('/gs-guide-websocket');
            stompClient = Stomp.over(socket);
        }
    });
```
Place this code where your current control is if you are using angular please add this within the scope so you will be able to use the scope for immediate update

Sending function
```javascript
stompClient.send("/socket/request/");//add client desitinationprefix 
```
Response
```javascript
stompClient.connect({}, function (frame) {
        stompClient.subscribe('/response/', function (reponse) {
              console.log(reponse);
        });
});

```
That's it. your socket programming is ready.
5 Things you should know about ReactJS and its revolutionary impact on web development
Tags: webdev
Published: 2017-12-03 17:46:43

---
title: 5 Things you should know about ReactJS and its revolutionary impact on web development
published: true
description: Here are 5 things about ReactJS and its on impact on web development.
tags: web development
---
![ReactJs](https://thepracticaldev.s3.amazonaws.com/i/xf61xcfn6ldhiugv874n.jpg)


ReactJS is a revolution in web development. Its robust and huge developer community making it a most shouted technology for web app development project. You should consider this for your next big project. It is an open source library formed by top IT companies like facebook and its developer’s community. It is used with HTML tags and mainly for user interface of an application. 

Here are 5 things you should know about ReactJS and its revolutionary impact on web development:

##1. What is React?

React is an open source JavaScript library which is declarative, efficient, and flexible. It is maintained by top IT firms like Facebook. ReactJS mainly works on the aspect of MVC(Model View Controller). It is used for building User interface. Web developers have to crate components in react from which they can use it and build a performance oriented application. 

##2. Component of React

React components plays a very important role in web development. If a web developer is using reactjs in their project they need to create component in react and then use it. React components use the render method to for data input and output. React offers all the flexibility which can be expected from an open source javascript library.

##3. React Elements and Instances

A React element is a plain object describing a component instance or DOM node and its desired properties. Instances only contain information about component type, their properties and any child elements in it. The element is a mode of communication which tells react that what the user want to see on the screen. It is an immutable description object with two fields – type: (string|ReactClass) and props: Object.

##4. DOM Elements on ReactJS

A DOM node is represented by type of elements in a string with particular name and properties that define the attributes. DOM elements are very light because they are just objects on ReactJS and they don’t have to be parsed. 

Elements can be nested as parent and child when creating as an element tree, but it is not actual instances but descriptions.

##5. One Way, Data Flow

ReactJS is the one way data flow which begins with properties. Flux is recommended as application architecture for React. Flux is a kind of data flow programming style. Properties cannot be directly modified by the component but have to be passed as callback functions to modify values. This way, properties flow down and action flows up. ReactJS is the dynamic element in [web application development](http://a2zfame.com/web-development/) as it provides extensive support for apps that require constant data update.
ネットワークの監視
Tags: ネットワーク, linux, security, japanese
Published: 2017-12-03 17:09:45

---
title: ネットワークの監視
published: true
description: BROのネットワークの監視
tags: ネットワーク , linux, security, japanese
---

ネットワークの監視の学過ぎ問題の保証見つける だろう。ネットワークの監視はあまり難しくないです。あなたはLINUXとBRO要ろう。

BROはコマンドラインインターフェイスでそ。あなたのオペレーションシステムはLINUXですなら、ここにダウンロードください

https://www.bro.org/download/index.html

[.../bro/bin]にsudo[./broctl]実行ください。

あなたはこれ見えるすべき

```

Welcome to BroControl 1.7

Type "help" for help.

[BroControl] > 

```
それはBROのインタフェースです。[start]書こうなら、[.../bro/logs]助けるます。[.../bro/logs]はネットワークの情報持つです! たとえば、[x509.log]は証明証もつです。あなたは止ま行きたいなら、[BroControl]に[stop]書いてください。

Also in [Hatena](http://hamletagain.hatenablog.com/entry/2017/12/04/020245), similar post in English [here](https://dev.to/terceranexus6/network-security-monitoring-with-bro).
Flutter for React Native Devs in 30 Seconds
Tags: inthirtyseconds, flutter, reactnative
Published: 2017-12-03 16:06:18

---
title: Flutter for React Native Devs in 30 Seconds
published: true
tags: inthirtyseconds, flutter, react native
---

You may have heard of [Flutter](https://flutter.io), Google's answer to React Native. What should you know?

- It's in the [Dart](https://www.dartlang.org/) language, which borrows heavily from Java. But Javascript fans will find it very easy to read (see below)
- [IntelliJ or Android Studio](https://flutter.io/ide-setup/) are the recommended IDEs with Flutter plugins.
- Unlike RN, Flutter doesn't use a Javascript bridge, it compiles straight to native iOS/Android files. (But in "slow mode" development, it operates as an interpreted language so you can still do [hot reloading](https://flutter.io/hot-reload/))
- Unlike RN, Flutter comes "batteries included", with opinions on **[routing](https://flutter.io/routing-and-navigation/)**, **[animations](https://flutter.io/animations/)**, **[i18n](https://flutter.io/tutorials/internationalization/)** and **themes**!!! In particular it comes with a bunch of inbuilt [widget styles](https://flutter.io/widgets/) where you can use Material Design or "Cupertino" (aka Apple "inspired") designs right out of the box. Also, did I mention **routing?!?!?!** Here, let me do it justice:

# FLUTTER COMES WITH ROUTING!!!1!!!

- The animations are seriously good. Can you [do this](https://flutter.io/animations/hero-animations/) in React Native?

{% youtube CEcFnqRDfgw %}

- Like RN, Flutter uses a lot of familiar paradigms including `class` extensions, `setState` and event handlers. If you can read RN, you can read Flutter:

```
class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text(widget.title),
      ),
      body: new Center(
        child: new Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            new Text(
              'You have pushed the button this many times:',
            ),
            new Text(
              '$_counter',
              style: Theme.of(context).textTheme.display1,
            ),
          ],
        ),
      ),
      floatingActionButton: new FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: new Icon(Icons.add),
      ), // This trailing comma makes auto-formatting nicer for build methods.
    );
  }
}
```
- The install experience is very smooth:

```bash
git clone -b alpha https://github.com/flutter/flutter.git
export PATH=`pwd`/flutter/bin:$PATH
flutter doctor
```

Give it a shot! <http://flutter.io> and the Google Codelab tutorial is [here](https://codelabs.developers.google.com/codelabs/flutter). or watch the Google I/O video!


{% youtube w2TcYP8qiRI %}
Explore Bucharest -- Maria Rosetti Area
Tags: bucharest, explore, mariarosetti, post
Published: 2019-01-20 15:21:19

---
title: Explore Bucharest -- Maria Rosetti Area
published: true
tags: bucharest,explore,maria_rosetti,post
canonical_url: https://horia141.com/explore-bucharest-maria-rosetti.html
---

![Maria-Rosetti 1](https://horia141.com/assets/maria-rosetti-1.jpg)

![Maria-Rosetti 2](https://horia141.com/assets/maria-rosetti-2.jpg)

![Maria-Rosetti 3](https://horia141.com/assets/maria-rosetti-3.jpg)

![Maria-Rosetti 4](https://horia141.com/assets/maria-rosetti-4.jpg)

![Maria-Rosetti 5](https://horia141.com/assets/maria-rosetti-5.jpg)

![Maria-Rosetti 6](https://horia141.com/assets/maria-rosetti-6.jpg)

![Maria-Rosetti 7](https://horia141.com/assets/maria-rosetti-7.jpg)

![Maria-Rosetti 8](https://horia141.com/assets/maria-rosetti-8.jpg)

![Maria-Rosetti 9](https://horia141.com/assets/maria-rosetti-9.jpg)

![Maria-Rosetti 10](https://horia141.com/assets/maria-rosetti-10.jpg)

![Maria-Rosetti 11](https://horia141.com/assets/maria-rosetti-11.jpg)

![Maria-Rosetti 12](https://horia141.com/assets/maria-rosetti-12.jpg)

![Maria-Rosetti 13](https://horia141.com/assets/maria-rosetti-13.jpg)
Vetting Information you read on the internet
Tags: truth, information
Published: 2018-09-13 13:43:31

---
title: Vetting Information you read on the internet
published: true
tags: truth,information
canonical_url: http://designfrontier.net/vetting-information-you-read-on-the-internet
---

Hi friends!

I realized that because of the certain set of skills I have been honing at work for the last decade I have some quick ways of vetting websites for content accuracy that the average non-nerd (read cool person) hasn’t been exposed to. So read ahead for a quick summary of how I vet web media outlets. \<3 you all.

For anyone interested in how to quickly vet websites as to their reliability:

1. Suspect there might be some bias in an article. This most easily done by starting to question any article that agrees too perfectly with your pre-existing opinion. If it is just confirming what you think it needs extra questioning to avoid confirmation bias.

2. Look at the site posting that article to see what else they have posted. Evaluate if those articles seem reliable

3. open a terminal and run `whois domain-name-goes-here` look at the results for age and location of registration. if the terminal isn’t your speed try this website: [https://whois.icann.org/en](https://whois.icann.org/en). Location is probably hidden, doing so is cheap and easy. But definitely look for a short registration period, and recent creation date. Both of those are red flags of a throw away site being used to manipulate opinion.

4. Find a particularly salient passage of text, copy it, paste it into google, wrapt it with double quotes to force exact matches, and look at the results. Does it look like a network of sites posting the exact same thing? If so this is likely an attempt to mislead people/influence public opinion. If this turns up any sites that seem unreliable that should be another red flag for you.

5. If any of the above raised red flags, don’t share it, don’t post it, forget that you read it. It is most likely someone trying to cement false information in the public’s mind.

And seriously if one of the sites that is in the network that google search returns is ufomania.com, that should be the only red flag that you need.

One last thing: This isn’t about liberal or conservative. This is about recognizing truth wherever it is. See an article you don’t trust? Expose it. See an article you do? Verify it. Truth is the only thing that matters. Seek it.

PS: I should have mentioned this: make sure that you copy and paste the domain. There are a lot of characters in the UTF-8 character set (sorry nerd talk) that look like other characters. See [https://en.wikipedia.org/wiki/IDN\_homograph\_attack](https://en.wikipedia.org/wiki/IDN_homograph_attack) for nerd details. But just know that ’A’ and ’А’ are not the same character.
Changelog: Dev.to Now Searchable in Chrome Omnibox
Tags: meta, changelog
Published: 2017-12-03 04:28:12

---
title: "Changelog: Dev.to Now Searchable in Chrome Omnibox"
published: true
description: You can now search dev.to directly from Chrome's Omnibox.
tags: meta, changelog
---

We've implemented Chrome search capabilities for dev.to.

![](https://cl.ly/1C1b422g0g3o/Screen%20Recording%202017-12-02%20at%2011.23%20PM.gif)

It was a popular feature request and we are happy to bring it to you.
Serverless Machine Learning at Google
Tags: serverless, machinelearning
Published: 2017-12-02 22:25:33

---
title: Serverless Machine Learning at Google
published: true
description: Serverless Machine Learning at Google
tags: serverless, machine learning
---

### Google can tell dogs from mops. Can you?

![dog or mop](http://cin.h-cdn.co/assets/16/14/1460113736-screen-shot-2016-04-08-at-43127-pm.png)

Bret McGowen presented on Serverless machine learning at Google. You can watch his full talk [here](https://www.youtube.com/watch?v=Fu8Sdh_wkQM) but here are my notes.

# Serverless

Four principles:
- no need to manage/think about servers
- no upfront provisioning, scale as you go (can't be wrong about having enough capacity)
- pay per use
- stateless/ephemeral

Serverless at Google:
- Background functions: Cloud Storage, Cloud Pub/Sub
- HTTP functions: API, Webhooks, Browser

# Machine Learning

Machine learning is using many **examples** to **answer questions**.

Machine Learning at Google:
- Use your own data: TensorFlow and Cloud Machine Learning Engine
- Pretrained ML models: Cloud (Vision, Speech, Natural Language, Translation) API, Cloud Video Intelligence

Specifics on capabilities of Cloud Vision API: 
- Label detection ([dog or mop](http://www.cosmopolitan.in/life/news/a5821/is-it-a-dog-or-mop-kitten-or-ice-cream-these-photographs-will-definitely-confuse-you/)?)
- Face detection (within the photo, here is the location of the face)
- OCR (read text from photos)
- Explicit content detection (violence/adult)
- Landmark detection (that's the Eiffel tower!)
- Local Detection (not sure)

Other Cloud Vision features:
- crop hints - suggested crop dimensions
- web annotations - suggested other metadata to search about your page - eg from a photo of an iconic car, it can tell you the model of car, what film it was from, where it probably is. And can give you other matching images to back it up.

### Cloud event trigger walkthrough

Cloud storage -> Cloud Functions -> Cloud vision API

NLP: extract entities from a sentence, sentiment analysis, syntax analysis (parse sentence to a lemma so you can see the parts of speech dependency graph)

### Speech API

Speech to text transcription in 110 languages.

Azar - uses cloud speech api and cloud translation api to talk
Also gives timestamp of each word on top of transcript.

### Video Intelligence API

Look through the whole video to label things.

### Links

- <http://github.com/bretmcg/functions-resize>
- <http://cloud.google.com>