teleren/devto huggingface dataset:
Creating a Virtual Conference Talk Part 3: Pulling it all Together
Tags: fun, video
Published: 2020-06-22 09:33:05

---
title: Creating a Virtual Conference Talk Part 3: Pulling it all Together
published: true
date: 2020-06-22 09:31:25 UTC
tags: fun,Video
canonical_url: https://dougsillars.com/2020/06/22/creating-a-virtual-conference-talk-part-3-pulling-it-all-together/
---

In 2020, ImageCon (like many conferences) has morphed into a virtual conference. I was invited to give a talk on video streaming at the conference. In order to record the talk, they recommended that I record my presentation with Zoom, recording the "call" and using the video created by Zoom. That video will then be … [Continue reading Creating a Virtual Conference Talk Part 3: Pulling it all Together](https://dougsillars.com/2020/06/22/creating-a-virtual-conference-talk-part-3-pulling-it-all-together/)
Growth Strategies with SAP B1 and Magento Integration
Tags: ecommerce, sapb1, magento
Published: 2020-06-22 09:24:02

Some of the Growth Strategies with SAP B1 Magento:

Simple Financial Entry and View
Strengthen Customer Relationship 
Improve Customer Experience 
Accurate Inventory & Product Management
Boost Productivity and Operational Efficiency 
Limit Order Fulfillment Cycle Time 
Increase Your Customer Base
Effectively Manage and Grow your Business
Better Inventory and Returns Management 
Greater Competitive Advantage 

Once the true SAP B1 Magento integration is done, businesses can focus on the greater, more strategic side of their business processes and really deliver a better experience for their customers. With the right data updated in real-time, a lot more can be achieved.
CheckOut: https://www.i95dev.com/magento-sap-business-one-connect/
Learn With Me 2
Tags: html, css, javascript, beginners
Published: 2020-06-22 09:22:38

Hello everyone!
I hope all of you are doing fine.If you saw the title you already know that there is a 1st part to this series,as I like to call it.Well this is a continuation of the last post.So if you haven't checked it yet.Be sure to give it a try.

Now coming back to the main topic.As I said before,I am going to cover my journey from being a beginner to a professional coder.And if you have read the 1st post then you know that I started my journey last week.That is why I am posting a second post in the same day,to let you people know, What I did in the last week.And if anybody is interested we may discuss as well about the topic

So the topic was html.I finished most of html.Mind it,I said html.There are other extension which I am currently studying and learning e.g.CSS,Java-script and others.So why html?why not any other language?.To be honest,I didn’t think of that in that way before.I was just following an youtuber's playlist and he uploaded html first.That is why I begun with html.I am glad that he did that.Because my intuition are telling me this is the right way to start.

So then how did I learn it?how much did I finish?What's my current skill level!I would say I finished most of the html.I started by watching youtube videos.Then went onto practice the thing that I see in video in real time and I pretty much remember most of it.My skill level?I would say it’s somewhere between 80-90% considering only html.I know most of the tags and attributes,and if I forget any I know what to search and what to take from the results.

How was my experience learning html?.See,I am a beginner so as of yet I don't have a vast knowledge.But from what I have seen html is comparatively short and easy to learn compare to other languages which takes weeks to even digest.So if anybody wants to start coding,I would highly recommend start with html then move onto css,java-script and other languages.    

What are my weaknesses in html?
Well,I dont have any weaknesses I guess.But I was unable to use iframe properly.That's one thing I always wanted to get right.But there seems to be no right materials for the problem I have been facing with this tag.

So this is it.This is an overview of the knowledge I gathered from html.What I learned I am ready to share with anyone who is interested. Please let me know if you would like to discuss. 

Now my next blog is going to be on css.I may give one before I complete it and give another after I finish it.Or may be I will finish it all and post a blog altogether.

Stay tune to be a part of my experience and building a community to help all the beginners out there.

**I appreciate you reading the blog till the end Thank you**
Online Business Card 🦩
Tags: codepen, html, css, javascript
Published: 2020-06-22 09:10:19

Hii coding people, hope you are doing well. In this dev post, you can see the online business card which is currently static and built with HTML, CSS, and JAVASCRIPT. 

In the future ⛳, I am going to make it a dynamic Business Card. Where anybody can fill the form and make their own business card with his own custom link.
{% codepen https://codepen.io/atulcodex/pen/XWXMYeW %}
Debut Infotech - Inspiring possibility and innovation with our App development Solutions
Tags: mobileappdevelopmentportfolio, mobileappdevelopmentservices, appdevelopmentconsultancy
Published: 2020-06-22 09:06:14

We have a technology-enabled team with adequate knowledge and experience to help you with all your <a href="https://www.debutinfotech.com/services/mobile-application-development">web and mobile App development</a> requirements. Visit us at https://www.debutinfotech.com/ to know more.

Check out our <a href="https://www.debutinfotech.com/portfolio">Mobile app development portfolio</a> for deeper insights.

Hire us to get top-notch mobile app development services.
Personal website made using Vue.js and Quasar Framework
Tags: vue, quasarframework, javascript, css
Published: 2020-06-22 08:33:04

Hello all, I would like to share my Personal website made using Vue.js & Quasar Framework. You can access it using the following URL. Bit funky! This is an open-source project which you can use for building your own website.

Source code: https://github.com/mayank091193/mayank-profile

Also, a live preview is available at the following link.

https://mayank-patel.netlify.app/#/

Any feedback will be greatly appreciated.

If this helps you, don't forget to check out my GitHub Sponsors profile.

https://github.com/sponsors/mayank091193
The Front End Podcast - Episode #10
Tags: career, podcast, frontend, gatsby
Published: 2020-06-22 08:20:18

Trumpets at the ready!! It's the final episode (number 10) of season 1 of [The Front End](https://thefrontendpodcast.site). 

For this final episode, [Scott Spence](https://twitter.com/spences10), a good twitter friend, joins me to share his path into development from VBA analyst to front end coder and we talk about static site generation. 

Listen to episode 10 today on the following channels:

- Apple Podcasts > https://podcasts.apple.com/gb/podcast/the-front-end/id1499349107
- Pocket casts > https://pca.st/osul2zsa
- Spotify > https://open.spotify.com/show/4GuAxptrtY8Es5iHwp09dT
- Anchor > https://anchor.fm/the-front-end

## About episode 10

Scott's passionate about the JAM Stack and Gatsby JS and we chat about how a more streamlined, static driven web is rising up to improve both developer and user experiences alike.

We look at what Gatsby is and some interesting uses such as powering a super fast front end, driven by a WordPress content management backend. 

## Listening direct

Want to listen directly from here?

{% spotify spotify:episode:5o1QgLLtL19Mr7RfnA7N8y%}

## Want to be a guest or sponsor the show?

I'm definitely looking for guests to talk about a range of different development topics from careers to origin stories, learning and professional growth, frameworks and more.

Similarly, we're looking for sponsors to fill promotional slots within the show. 

You can find out more here:

- [Being a guest](https://thefrontendpodcast.site/guests)
- [Sponsorship information](https://thefrontendpodcast.site/sponsorship)

Thanks for listening!
React Js Child Component not receiving data from Parent Component 
Published: 2020-06-22 08:18:14

Here is my App.js file

import React, { Component } from "react";
import { Route, Switch } from "react-router-dom";
import SearchBox from "./components/searchBox";
import Tweets from "./components/tweets";
import "./App.css";
import { getTweets } from "./services/tweetService";

class App extends Component {
  state = {
    tweets: []
  };
  handleSearch = async query => {
    const { data: tweets } = await getTweets(query);
    this.setState({ tweets });
  };
  render() {
    return (
      <React.Fragment>
        <Switch>
          <Route
            path="/tweets"
            render={props => <Tweets data={this.state.tweets} />}
          />
          <Route
            path="/"
            render={props => (
              <SearchBox {...props} onSearch={this.handleSearch} />
            )}
          />
        </Switch>
      </React.Fragment>
    );
  }
}

export default App;

On handleSearch event triggred from SearchBox component, I'm receiving data from the api.
But no data is received in Tweets Component.
It looks like it's getting redirected before the tweets object has initialized.
Here is my child components


import React, { Component } from "react";
import { NavLink } from "react-router-dom";
import "../css/SearchBox.css";
import logo from "../logo.svg";

class SearchBox extends Component {
  state = {
    search: {
      query: ""
    }
  };
  handleChange = e => {
    const search = { ...this.state.search };
    search.query = e.currentTarget.value;
    this.setState({ search });
  };
  render() {
    return (
      <div className="centered">
        <div className="outer">
          <h2 className="inner">TWEET</h2>
          <img className="inner" src={logo} alt="" />
          <h2 className="inner">SEARCH</h2>
        </div>
        <div>
          <div className="form-group has-search">
            <span className="fa fa-search form-control-feedback"></span>
            <input
              onChange={this.handleChange}
              value={this.state.search.query}
              type="text"
              className="form-control"
            />
          </div>
          <br />
          <NavLink to="/tweets">
            <button
              onClick={() => this.props.onSearch(this.state.search.query)}
              className="searchbtn"
            >
              SEARCH
            </button>
          </NavLink>
        </div>
      </div>
    );
  }
}

export default SearchBox;
Build A Simple Carousel Component In ReactJS

Tags: react, javascript, ux, ubuntu
Published: 2020-06-22 08:13:12


The carousel is a slideshow for cycling through a series of content, built with CSS 3D transforms and a bit of JavaScript. It works with a series of images, text, or custom markup. It also includes support for previous/next controls and indicators.

Below is a simple guide on how you can create a simple reactjs reusable component for carousel

{% youtube eBKcGAhkZUI %}
Movers Development
Tags: moversmarketing, movingcompanymarketing, moverswebdesign, seoformovingcompanies
Published: 2020-06-22 07:20:39

Would you say you have been paying sufficient attention to moving company SEO? If you haven't, you have been making a huge mistake - one that is easily reversible. All you have to do is contact Movers Development and you will get a team of seasoned professionals on your side. SEO for moving companies is what we are best at, which can easily be verified by taking a look at our rich portfolio. Our team will work on your company's marketing, web design, SEO strategies, and so much more. Don't hesitate to get in touch with us. 
Full Address: 83 Winthrop St, Brooklyn, NY 11225, United States
Phone: 718-717-2795
Website: https://moversdev.com/
Company Email: service@moversdev.com
How to make money as a front end developer 
Tags: online
Published: 2020-06-22 07:15:52

there are many ways to start making money. As well as, we have given you lists of the many methods for earning money. 

I know many best right trust able ways of earning working as a front developer. So, I explain about web developer I am working on it right now these ways.

Now, the main points of as a developer there are lists to working on these platforms any skill you should be used online.

Many types of freelancer methods here

Upwork.com 
Fiverr.com
People Per Hour

So, this is manin list in which through you can earn more Upwork, Fiverr, Guru, Asana, People per hour if you want to in details how to create profile and how to start work with it follow it learn all about that <a href="https://wlearnsmart.com/how-to-make-money-as-a-front-end-developer/">How to Make Money As a Front End Developer</a>
Reduce Your Docker Image Build Time
Tags: dotnet, docker, productivity
Published: 2020-06-22 07:12:27

---
title: Reduce Your Docker Image Build Time
published: true
description: 
tags: dotnet, docker, productivity
cover_image: https://geradewebsitestorage.blob.core.windows.net/website/reduce-docker-build-time.png
---
When building Docker images, it would be awesome if we could mount/point to the cached feed of NuGet packages we have on our developer machines, but since that is not possible, Docker goes and downloads all packages for a project from NuGet every time we run Docker build. That’s if we don’t make use of caching our packages every time we update our dependencies.

To cache our dependencies when building our Docker images, update your Dockerfile to the following:

```
COPY *.csproj .
RUN dotnet restore

# Copy everything else and build
COPY . .
RUN dotnet publish -c Release -o out
```

Applying the small change above will ensure that our package cache is generated the first time we build our image. Thereafter, the cache will be used in subsequent builds. Unless we change our dependencies in the project the cache will remain valid and speed up our compilation time. When using this approach my build time went from around 1 minute to +- 5 seconds.

###Other useful tips
Some other tips at your disposal to reduce your image build times are the popular techniques of using a Docker ignore file, to exclude everything you don’t want in your image while also reducing its size, and using multistage builds, of which I’m sure you are already doing.

I hope this neat little trick that packs a punch comes in handy for you as it did for me.

Thanks for reading.
Get Matching Score With Spring data elastic search in Spring Boot for a Query
Tags: elasticsearch, springboot, springdata, java
Published: 2020-06-22 07:08:34

Hi everyone, I am gonna share about the scoring and percentage from es query to order results and show to the user.

Previously, I was using an elastic search rest-client template to have a search query, but that way I have to do extract score, and list of data with mapping to the required format. The configuration is a little more and complex than using spring data elasticsearch directly. But after looking for a solution to fix some other issue I have, I got the solution for getting score directly from spring data elasticsearch with a little modification.

<hr />

Let me share.

I have done with pagination, but you can do normally too by using stream with a list instead. let me know if you want in the comments below, I will add

1. We create a normal Query like match query
2. call the bookpage method with a query and pageable parameters
3. Create a search query with required options
4. Call the elastic search template query method to modify and extract the response. it is the main point where you get the hit score and total hits.
5. call additional bookDOFromMap method to get a score and append to DTO.
{% gist https://gist.github.com/balvinder294/c1a70177055a45c927dd3500e3cb3f17 %}
6. Now you have the score calculated from hit score of each record vs all records.

You can modify the query or scoring logic by using a function score query with a scoring function for your needs.
I hope it will help, you let me know in the comments
Also, do check out other blog for more tech posts like this.
https://tekraze.com
Next Generation of Artificial Intelligence with AISARA
Published: 2020-06-22 06:48:57

Introducing Aisara [The Next Generation of Artificial Intelligence](https://www.aisara.ai/) in Malaysia

Aisara stands for Artificial Intelligence for Solution Approximation with Robust Algorithm No matter what industry you’re in your datasets commonly consist of input and output data with more additional input data you want to be able to make prediction out of it So how are you going to do this ? Aisara brings Artificial Intelligence to any kind of numerical data Aisara makes it easy, no coding, no model design, and no hassle You can go from data to prediction in a matter of minutes.
Some tips to implement UI UX Design in  eCommerce Sites
Tags: uiuxdesign, uiuxtips, uiuxagency, uiuxstudio
Published: 2020-06-22 06:43:58

Good design is not only what looks good. one must also carry out, convert, and fulfill his objective. It can be innovative or just get the job done.

Creating a <a href="https://www.goodworklabs.com/services/ux-design-studio/">UI UX Design</a> can be a daunting task, and designing for an e-commerce website presents its own set of problems. You probably already have an idea of the outcome, but the UX design should always reflect the products you sell and the type of visitors you want to attract.

When it comes to user experience, eCommerce websites are the experts. It makes sense; after all, they are one of the most complex types of sites on the web. One of the main issues that some eCommerce websites are unable to attract customers is related to the user interface and user experience.

So there is a lot of good information to be gained from eCommerce websites; 

<b>Here you will find some of the useful practices applicable to eCommerce website design and the overall experience it offers</b>:

<li>Layouts are simple and predictable, but still engaging and appealing</li>

<li>Use bold images to complete your layout</li>

<li>Creation of a simple navigation interface</li>

<li>Darken the home page to help the user focus on navigation</li>

<li>Use a mega drop down menu to increase the average basket</li>

<li>Focus on the product details page</li>

<li>Appropriate content with call-to-action links</li>

<li>Simplified payment process</li>

<li>Make browsing categories easier by adding a short delay</li>

<li>Notice of shipping and return policy and contact details</li>

No matter how much money is spent on search marketing, social media, and other marketing activities, if a website does not follow the above advice, it is bound to fail from the start. The biggest marketing tool is the word of mouth and a good user interface, and UX makes it easy and helps any entrepreneur achieve their dream.
Understanding Istio: part 11 – ServiceEntry
Tags: kubernetes, devops, docker, beginners
Published: 2020-06-22 06:10:21

---
title: Understanding Istio: part 11 – ServiceEntry 
published: true
description: Serie of sketchnotes about Istio. Explaining in a visual way Istio principles.
tags: Kubernetes, DevOps, Docker, beginners
series: Understanding Istio in sketchnotes
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/0ld9vln3r6732bwzd0r6.jpg
---

Understanding Cloud technologies, like Kubernetes, can be difficult or time-consuming. In order to spread knowledges about it, I started to create [sketchnotes about Kubernetes](https://dev.to/aurelievache/kubernetes-sketchnotes-pods-4ib0) and know it's time to talk about a perfect companion of Kubernetes, a service mesh, Istio.

We continue our new serie of Sketchnotes about Istio, with a sketchnote about ServiceEntry.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/0ld9vln3r6732bwzd0r6.jpg)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/j2jabm3oq19d19c0drmx.jpg)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/mv9yoa52rlnh6mhtdkrb.jpg)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/6drfcnemmelhctcjbm05.jpg)

If you are interested, I published a book with all the sketchnotes on Istio (and new ones!): ["Understanding Istio in a visual way"](https://gumroad.com/aurelievache#vJYhM).

As usual, if you like theses sketchnotes, you can follow me, and tell me what do you think. I will publish others sketchs shortly :-).
Build an API- Need Advice
Tags: help, beginners
Published: 2020-06-22 05:57:11

Hi, how are you doing? First of all, I hope all of you are doing well. Maybe it's a silly post but here I am.

I have some issues trying to understand how to build a "Basic API" with some community knowledge.

It's sounds weird but I don't have so many experience in BackEnd development and I would like to learn but I'm lost, so i want to get some help of what can I study for building something.

I have an Idea that I want it to code so... so... long time ago, that will help me in the process of building it.

My idea most of it, is to build an API for a Learning Managment System (cause my school use Moodle and it's quite weird and ugly).

Want to know from Dev.to what are the very basics... I know it's not like "Hey, help me to build this to Copy/Paste your code", no I think more like, give me some of your knowledge of what to Google to keep track of a good RoadMap and go for it. I know there's Docs, but i think you can learn very much from a people knowledge.

I read tons of RESTful API's articles and SOAP articles as well and it's not helpfull cause gets me more confused where to start. As well I don't like so much the idea of Tutorials in Node of API's cause it's like I said, "I don't want to steal code".

And from this Idea can have multiple ones to code. Like:
- CRUD DashBoard System
- Educational Platform
- Issue Tracker of Educational Platform

Maybe an Android App

What I start to use it's NodeJS + ExpressJS (not know if it's good already) and MongoDB for the FrontEnd I would use VueJS.

So if one of you would say "Hey here it's my api structure", see this link and could help you understand what to know before diving in to it. Build first a ToDo app.

If you get here, thanks cause I write this like 6 times and I don't know if i would delete this in some minutes.

If I don't see help, no problem, it's mostly to talk with someone...

Take care, keep coding the world it's nothing without you. :)
Junior SWEs...let's hear your story!
Tags: beginners, computerscience, softwareengineering, juniors
Published: 2020-06-22 05:30:04

To all the junior software engineers out there...how long did it take you guys to land your first role? What projects did you have in your portfolio? How long were you studying/practicing for? Let's hear it! Doesn't have to be super long. Just curious to hear some of your journeys!

<b>COMMENT BELOW 👇</b>