teleren/devto huggingface dataset:
#RenderRoundtable: Nader Dabit & Ken Wheeler
Tags: javascript, react, career, news
Published: 2021-05-24 17:10:18

For last week's #RenderRoundtable, we took a deep dive into all things web-dev with [Nader](https://twitter.com/dabit3?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor) and [Ken](https://twitter.com/ken_wheeler?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor). I mean, where else can you talk about Web 3.0, Crypto, and open-source if not with us? Our conversation not only talked about what's hot in the industry and investment opportunities, but how these changes tie into one another and are working together to help things around us evolve very quickly-- and even how our listeners can get involved, by making their first professional contributions to open-source repositories. 

If you haven't already caught on, our #RenderRoundtable series is not only just a space for amazing conversation, but it's also an opportunity for us to showcase some of the incredibly dope [speakers](https://www.renderatl.com/speakers) that you can connect with at our conference. Yes, [Render](renderatl.com) is all about tech, but we're also about community. We hope that these Roundtable discussions have helped you make good decisions, exposed you to things you didn't know were possible, but more importantly, have given you people to relate to.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cz0psuyt7q5a4n2jht4z.png)

Next week, we are kicking off the summer with [Ryan Burgess](https://twitter.com/burgessdryan?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor), [Shirly Wu](https://twitter.com/sxywu?lang=en), and [Jemuel Young](https://twitter.com/JemYoung?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor). And to keep with the theme of the [Front-End Happy Hour](https://frontendhappyhour.com/), we ask that you bring good vibes, good drinks, and good conversation this Thursday on [Twitter Spaces](https://blog.twitter.com/en_us/topics/product/2021/spaces-is-here.html) at 7:00 pm EST. We'll be talking about the pros and cons of going back to the office, and how the past year has really transformed the way we do work.

As always, we'll be taking questions, and if you'd like to chat with us before then, you can find us on [Twitter](twitter.com/renderatl) and [Instagram](instagram.com/renderatl).

Tickets for Render are moving *fast,* so catch us and the summer sun in Atlanta this September. You can check out our unbeatable [menu](renderatl.com/food), our unrivaled list of [speakers](renderatl.com/speakers), and purchase your tickets [here](https://ti.to/render-atlanta/Tickets). 

Until next time!
DigitalOcean and Phalcon
Tags: do, phalcon, phalcon4, phalcon5
Published: 2021-05-24 16:57:36

---
title: DigitalOcean and Phalcon
published: true
date: 2021-05-24 16:48:38 UTC
tags: do,phalcon,phalcon4,phalcon5
canonical_url: 
---

We are happy to announce a new partnership between [DigitalOcean](https://www.digitalocean.com/?utm_medium=opensource&utm_source=phalcon) and Phalcon!


We have been in touch with [DigitalOcean](https://www.digitalocean.com/?utm_medium=opensource&utm_source=phalcon) for quite some time now, and through those discussions we were able to apply and get approved for their [Open Source Project sponsorship](https://do.co/oss-sponsorship?utm_medium=opensource&utm_source=phalcon).

The resources that [DigitalOcean](https://www.digitalocean.com/?utm_medium=opensource&utm_source=phalcon) has allocated for Phalcon will help the project expand, offering (and not limited to):

- machines for storing and collecting benchmarks at any iteration of the framework
- bots necessary for our [Discord](https://phalcon.io/discord) server
- sample applications to showcase “how-to”
- and much more

We would like to thank [DigitalOcean](https://www.digitalocean.com/?utm_medium=opensource&utm_source=phalcon) for their generous sponsorship and looking forward to years of collaboration with them.
What happens when you integrate SharePoint with Dynamics 365
Tags: sharepoint
Published: 2021-05-24 16:30:07


[SharePoint with Dynamics 365] (https://www.softwebsolutions.com/resources/sharepoint-integration-with-dynamics-365.html)

Allowing all internal users to search for customer data or sales collateral within the core intranet or enterprise search

Providing a single source of information that relies on showing customer data, such as a client list that could be linked to other projects

Updating your employees on new opportunities logged in Dynamics CRM that need to be checked for possible conflicts of interest

Activating SharePoint workflows, such as developing a SharePoint page for customer or project details or a SharePoint form that updates Dynamics 365 data

**Some key features of SharePoint Integration with D365**

Storage – Take advantage of SharePoint’s large storage capacity and affordable upgrade costs.

Security – The admin approval secures access to specific records that are aided by some SharePoint benefits.

Document sharing– Multiple users can edit and upload documents without having to worry about overwriting changes made by others.

Attachments – When it comes to the MB size limit, SharePoint has no constraints since the default upload size is configurable.

Customization – You can also opt to customize your website so that consumers access customized content, resulting in improved consumer coverage and ROI.

Mobility– Improved file management and linking will assist you in managing, organizing and sorting your files according to your preferences. As a result, a unique map is generated that makes it simple to find useful links, data and trends.

Team collaboration– The online integration allows for real-time communication, enabling users at both ends to access, edit and revise files. SharePoint also enables you to engage in non-CRM teams and take advantage of their skills to boost productivity.

**Have you made up your mind yet?**

You will greatly improve your company’s processes by integrating Dynamics SharePoint. You wouldn’t have to look for the files you need any longer. Instead, everything will be interconnected, providing immediate access to your entire team.

Connect with one of our [SharePoint experts] (https://www.softwebsolutions.com/sharepoint-development.html) to see how all of this would fit together. We’ll be happy to demonstrate how all of this would impact your business.
Is there any difference between struct embedding and defining a field with the struct you want to embed?
Tags: watercooler, beginners, help, go
Published: 2021-05-24 16:09:35

So I'm looking at [this article on Structure Embedding in GoLang](https://eli.thegreenplace.net/2020/embedding-in-go-part-1-structs-in-structs/).
When reading, I came upon this: "Note that the access `co.b` is a syntactic convenience; we can also do it more explicitly with `co.Base.b`.".

So if that's just a "syntactic convenience", is structure embedding equal to just adding a field?
E.g.
```golang
type A struct {
  Msg string;
}
func (this *A) Print() {
  fmt.Println("A: "+this.Msg);
}

type B struct {
  A;
}
func (this *B) Print() {
  fmt.Println("B: "+this.Msg);
}
```
==
```golang
type A struct {
  Msg string;
}
func (this *A) Print() {
  fmt.Println("A: "+this.Msg);
}

type B struct {
  A A;
}
func (this *B) Print() {
  fmt.Println("B: "+this.A.Msg);
}
```
<br/>
Putting:
```golang
package main;

import "fmt";



type A struct {
  Msg string;
}
func (this *A) Print() {
  fmt.Println("A: "+this.Msg);
}

type B struct {
  A;
}
func (this *B) Print() {
  fmt.Println("B: "+this.Msg);
}

func main() {
  var test B = B{};
  test.Msg = "Hello!";

  test.A.Print();
  test.Print();
}
```
into [SoloLearn's Go playground](https://code.sololearn.com/go) that seems to be the case.
<br/>
So is there any difference, or am I right about them being the exact same thing?
Score Football React Hooks 😍
Tags: javascript, react, 100daysofcode, css
Published: 2021-05-24 15:57:01

Scoore Futball Using React Hooks & Scorebat API 😍

Demo : https://scoorefutball.netlify.app/

Code : https://github.com/saidMounaim/100DaysOfCode/tree/main/Day34

API : https://www.scorebat.com/video-api

My #100DaysOfCode Challenge :
https://github.com/saidMounaim/100DaysOfCode/
Websites images
Tags: react, javascript
Published: 2021-05-24 15:51:38

https://react-projects.netlify.app
In the above website, the websites are collectively shared. I wanted to know if the shared websites' images were taken manually or there is something going on in the backend that automatically takes the images and posts them here. Like in the image below, netlify is actually taking pictures automatically from the published websites:

https://user-images.githubusercontent.com/59867217/119329279-e66d1b80-bc39-11eb-8734-330ddd71f080.png
Let's build a attractive portfolio page with React, ChakraUi, and framerMotion
Tags: react, webdev, showdev, productivity
Published: 2021-05-24 15:51:36

# Built with
- Front-end library - [Reactjs](https://reactjs.org/)
- UI components - [Chakra UI](https://chakra-ui.com)
- Animation library - [Framer Motion](https://www.framer.com/motion/)

# Code
> [Home Component](https://github.com/MA-Ahmad/portfolio-template1/blob/master/src/components/Home.js)

**Demo Link:** [portfolio](https://ma-ahmad.github.io/portfolio-template1/)
**GitHub Repo:** [Repo](https://github.com/MA-Ahmad/portfolio-template1)

# Other portfolio website templates

{% link https://dev.to/m_ahmad/create-a-beautiful-personal-website-with-react-chakraui-and-framermotion-54ik %}

{% link https://dev.to/m_ahmad/portfolio-website-template-built-with-react-and-chakraui-15ok %}

{% link https://dev.to/m_ahmad/create-a-portfolio-card-with-react-chakraui-and-framermotion-21c4 %}

## Show your support

Give a ⭐️ on Github if you like this project!
How to create a custom select dropdown in HTML, CSS and Javascript
Tags: html, css, javascript
Published: 2021-05-24 15:29:49

Select is a form element in HTML. I am going to tell you in this article how to style a select option in CSS.

You might think what is so special about styling a select option in CSS. For those who do not know it, it’s a bit difficult to do so.

We can change styling for some parts of a select element tbh. But the real problem comes when we try to re-design the dropdown option list. See this article for reference Styling with CSS.

It doesn’t work because the internal structure of a select element is complex. We can change the default appearance and font, but these changes are not enough to align the design with modern controls.

In simple words, CSS can not change the dropdown menu list’s design.

Then what is the solution?

The solution is to create a custom select element than to style a select option in CSS explicitly.

[Read more...](https://anjandutta.com/style-a-select-option-in-css/)
JavaScript Interview Question #42: How Math.max works in JS
Tags: beginners, javascript, webdev, codenewbie
Published: 2021-05-24 15:20:55

![coderslang javascript interview question #42](https://learn.coderslang.com/js-test-42.png)

How exactly Math.max works in JavaScript? What’s the output?

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

In JavaScript, the function `Math.max()` accepts variable number of arguments and returns the biggest of them.

If you pass a couple of arrays into `Math.max` they will be first converted to strings and then into numbers:

```js
console.log(Math.max([ 0 ], [ 1 ])); // 1
console.log(Math.max("0", "1"));     // 1
console.log(Math.max(0, 1));         // 1
```

Booleans will be also converted to numbers. `true` becomes one and `false` becomes zero:

```js
console.log(Math.max(true, false));  // 1
console.log(Math.max(0, 1));         // 1
```

Now the condition inside of an `if` statement can be simplified and we can make sure we’re getting into the `else` branch:

```js
if (1 > 1) { // false
  console.log('array won');
} else {
  console.log('array lost');
}
```

---

**ANSWER**: The string `array lost` will be logged to the console.

Read more [JavaScript Tutorials](https://learn.coderslang.com/tags/javascript) or [Learn Full-Stack JavaScript](https://js.coderslang.com)
Objects in Javascript
Tags: javascript
Published: 2021-05-24 15:17:14

Objects in Javascript are collection of properties. An object stores data in the form of key value pair. These are non-primitive type structure, because we can store multiple types (both primitive and non-primitive) data in any object.

While storing data in any object, for our reference, we associate that data to a key name. These keys are known as the object’s property. Object properties can be of any type

For example, a car can have many properties like make, model, year etc. And, we can represent a car or any other entity using an object like below:

var car = {
make: 'Audi',
model: 'A3',
year: 2018
};


In my [blog post](https://anjandutta.com/objects-in-javascript-a-beginners-guide/) I have explained more about objects in javascript:

* What is an object
* How to create objects in Javascript
* How to define properties in an object
* Object prototype
* Accessors
* Use of the Object.defineProperty method in javascript
* How to deep clone objects in JavaScript
* How to remove a property from a JavaScript object
* How do I loop through or enumerate a JavaScript object
* Check if a key exists in a JavaScript object
* How to determine the length of a JavaScript object
* How to merge the properties of two JavaScript objects
* How to check for an empty objects in JavaScript
* Detecting an undefined object property
Remember To Forget About﻿ Your Long Term Goals Every Day

Published: 2021-05-24 14:55:04

One of the problems of having a long term goal and strategy is that it becomes overwhelming when you think and plan too much. 

For example, for my startup Proxies API one of the long-term goals is to write 100 articles in the year. 

All this overwhelm means that when I wake up, I find it difficult to “get down to” the daily tasks that lead me to my goal in the first place. It is like my brain. Once it starts to think about long term goals and strategies, it can’t switch to doing simple tasks and tactics.

So every day, I wake up and revise my goals and strategies and get them out of the way. Once my brain is reassured that I am on the right track, I try to forget them altogether. Just try shaking it off with the promise of returning to it in the evening. Till then, no re-strategizing, no making sure we are on the right track. I am not even going to remember them.

It might be pronounced by some of you and is probably weird that I need to do it to myself, but hey, that’s how my brain is designed, and it’s a big deal for me now that I have discovered this works for me.

The author is the founder of Proxies API, a proxy rotation api service.
Speed up your VSCode searches
Tags: vscode, editor, speed, productivity
Published: 2021-05-24 14:32:38

You can increase the speed at which you work with VSCode by limiting the folders that VSCode shows & searches. 

## Exclude Folders 

To exclude folders from showing up add the file globs you like(as shown in the example below)
Open `Settings > Text Editor > Files > Files:Exclude`

## Exclude files/folders from searching.

Open `Settings > Text Editor > Features > Search > Search:Exclude`

Add as many path/file patterns as you want like for e.g., 
```
**/node_modules
**/tmp
**.log
**/target
```

Refer: https://code.visualstudio.com/docs/editor/codebasics#_advanced-search-options
How to post to Twitter using Contentful webhooks and IFTTT
Tags: webhook, twitter, contentful, ifttt
Published: 2021-05-24 14:30:03

Want to post to Twitter every time you publish a blog post? Don't have the time to build a Twitter API integration? Contentful Developer Evangelist [Shy Ruparel](https://twitter.com/ShyRuparel/) shows us how easy it is to set up social media posting using Contentful webhooks and IFTTT (If This Then That).
🔴 Build TikTok Clone using HTML and CSS
Tags: webdev, beginners, tutorial, html
Published: 2021-05-24 14:16:51

I Built TikTok Clone using just HTML & CSS and little bit of JS. I Just Love to build these to practice my HTML & CSS Skills. I made a tutorial video to help beginners to improve there html & css skills to build real world projects.

------------------------------------------------------------------

**➜ Tutorial Video:**

{% youtube HBEUXujJh1A %}

**➜ Github:** https://github.com/somanath-goudar/html-css-projects

**Note:** [Subscribe](https://www.youtube.com/channel/UC_nTrhTr5fnBGjOxnkPUmmA) to My YouTube Channel, This Week I Will also be building **Instagram Reels Clone** with just HTML & CSS.

------------------------------------------------------------------

**➜ You may also like my other posts:**

{% link https://dev.to/somanathgoudar/facebook-clone-using-just-html-css-beginners-tutorial-2fe5 %} 

{% link https://dev.to/somanathgoudar/build-a-youtube-clone-with-just-html-css-for-complete-beginners-4fk1 %}

{% link https://dev.to/somanathgoudar/build-a-gmail-clone-using-just-html-css-476b %}

{% link https://dev.to/somanathgoudar/30dayschallenge-30-days-extreme-html-css-challenge-50k1 %}
1 week left of school!
Tags: discuss
Published: 2021-05-24 14:03:17

We all know its that time of year when everyone gets out of school catching up on their favorite games and finally relaxing their mind. I created this post out of boredom because I don't have any assignments to do. I would hope everyone has a happy summer break!
I wonder what everyone is going to do this summer so feel free to comment below! This message is half baked out of my head so ¯\_(ツ)_/¯
Keeping img quality high on portfolio style website
Tags: help, portfolio, srcset, design
Published: 2021-05-24 13:39:46

I’m currently developing a portfolio style website for myself, similar style to Dribbble or adobe Portfolio. All my projects have preview icons or cards if you will that are a fixed size of 400 x 300 until it hits mobile. These images are cropped to be the same 400 x 300 size look fine for the most part until you look at it on 2x or 3x screens.

Since these sizes don’t really change or flex on the page, I opted to use srcset with a 2x, and 3x method. On 2x these images jump to 800 x 600 but still in a 400 x 300 container. They look better on 2x devices now and 4k monitors but I’m now encountering a performance decrease with lighthouse as it’s complaining about properly sized images, even when on a 1x monitor. 

The question I have is am I doing this correctly? Dribble uses a similar size container for their preview projects, but they also look great on 2x and 3x devices. Any feedback or advice would be greatly appreciated, thanks!

As a side note using a larger img (intrinsic 500 x 375) in a 400 x 300 container always give me blurry results when not a 2x or 3x device, why is that?

Justin
A practical guide to spatial data
Tags: datascience, geospatial, tutorial, programming
Published: 2021-05-24 13:39:14

This guide to spatial data focuses on physical space and symbolic depictions of it on the scale most familiar to humans: geographic maps. Ordnance Survey has been making maps and collecting location data [for centuries](https://www.ordnancesurvey.co.uk/about/history?utm_source=devto&utm_medium=content_syn&utm_campaign=devrel&utm_content=metia). We have always operated at the cutting edge of cartography, and remain committed to this tradition of innovation as we look forward into the 21st century.

Our goal in creating this resource is to provide competent programmers and analytical thinkers with a strong grounding in the theory of spatial data so they can build and develop sophisticated applied uses of that data.

**Contents**
*[What is spatial data?](https://observablehq.com/@johnx25bd/what-is-spatial-data)
*[Structure in data + data types](https://observablehq.com/@johnx25bd/structure-in-data)
*[Raster and Vector](https://observablehq.com/@johnx25bd/raster-and-vector)
*[Where am I?](https://observablehq.com/@johnx25bd/where-am-i)
*[3D-2D: Making Maps](https://observablehq.com/@johnx25bd/3d-2d-making-maps?collection=@johnx25bd/a-guide-to-spatial-data)

Maps are incredibly useful things. We use them to understand reality, to aid navigation, to make sense of where we are - without maps, we are, quite often, lost. Maps are tools we have come to rely on to survive and thrive.

What is a map? Wikipedia puts it concisely: "A map is a symbolic depiction emphasizing relationships between elements of some space." This definition captures the breadth of things we describe as "maps": from the traditional - paper [OS Landranger](https://shop.ordnancesurvey.co.uk/maps/paper-maps/?utm_source=devto&utm_medium=content_syn&utm_campaign=devrel&utm_content=metia) maps that hikers use to explore areas like the Scottish Highlands - to the more conceptual - a mind map of ideas around a topic, or a site map of pages within a website, or a map representing a network of firms competing in a market.

In every case, accurate maps can help us to understand a space in a more complete way than we can by simply observing it directly. Mapmakers design abstract representations of a defined space and the features within it.

[Click here](https://observablehq.com/collection/@johnx25bd/a-guide-to-spatial-data) to get started.
Backend development for a digital display management app
Tags: ruby, programming, startup, writing
Published: 2021-05-24 13:31:11

Liqvid asked Evrone for help with a task that involved converting videos for various devices and developing a service for connecting displays. We helped them develop all the solutions they required in just two months.
We started our collaboration by allocating a Ruby developer to solve video conversion issues (FFMPEG) they had. We determined that, for the successful resolution of the problems and the development of a media converter, it was best to use Amazon Lambda, as it solves a huge number of issues related to scaling.