teleren/devto huggingface dataset:
Creating a Profile on Salesforce Developer Org
Tags: codenewbie
Published: 2021-06-16 11:01:58

In the last article, I talked about what is a CRM and how Salesforce acquires the largest portion of CRM market around the globe. I even announced that I'll be posting a list of articles that will act as Salesforce Administration course for SFDC learners.

Towards that goal, this article serves as the first step. In this article, I'll be demonstrating how to open your own Salesforce Developer org so that you can practice and learn. Let's get straight into it -

#Salesforce Orgs and Editions
Salesforce has multiple domains which act different and serve different purposes. The three major domains/sites are -

1. **salesforce.com** - This is the edition where companies and enterprises register and buy subscriptions for their businesses. You can also signup from here, however, after 30-days you'll have to buy subscription or else your account would become useless.
![sfdc](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dl3632ncf8zs58ex59qk.png)
2. **developer.salesforce.com** - This is where you'll be signing up for your developer org. This gives you infinite validity access and you have the ability to create as many as orgs using the same email Id.
![developer org](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4ol8ikxrc8leizouen3f.png)
3. **trailhead.salesforce.com** - This is the temple for people who want to learn salesforce. This site consists of numerous challenges, projects, series, etc. and after completing each of them, you get badges and super-badges. These badges are worth mentioning in your resume. Add huge advantage!
![trailhead](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1kjo73kojio6t4prt00o.png)

#Creating a Developer profile
Our main business in this article is with the **developer.salesforce.com** domain. 
1. Open this website and you will see a page like this. Click on the Sign Up button on top-right.
![developer org](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4ol8ikxrc8leizouen3f.png)
2. When you click on the Sign up button, a new page opens up where you need to fill up your details. Look at the picture below - 
![sign up](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cwonigdwmw2107enn5h2.png)

Once you have signed up for the developer account, login to your org and play around it. Nothing beats the process of 'learning by doing'. Moreover, in the next article, I'll be going through objects and database tables along with navigations.
Stay tuned. Keep learning.
J'ai Venvie de gérer les dépendances en python
Tags: python
Published: 2021-06-16 10:56:11

Ce week-end dernier, j'ai participé à mon premier hackathon à l'université du Luxembourg à Belval, et c'était génial. J'ai beaucoup appris.  
Il y a un point qui je veux aborder : les dépendances en Python. Cela me paraissait inutile avant, mais quand il s'agit d'une équipe de 4, il faut qu'on soit tous synchronisé sur les mêmes versions.  
La stratégie est simple : 2 devs sur le front- et 2 devs sur le back-end. Petit topo : du React avec Webpack en front- et python, SQLite et Flask en back. Le tout déployé sur un serveur Google Cloud (avec AppEngine). Petit dépôt Git pour partager le code en live. J'étais sur le back en full Python.   
Première question avec mon coéquipier : quelle version de Python ? 3.6 a été retenu. Cependant, il fallait aussi se synchroniser sur les versions des dépendances/packages/bibliothèques python.

## Créer un environnement virtuel (EV) avec Venv et pip

Tout existe déjà super bien, il y a juste à savoir utiliser les outils._pip_ est parfait pour installer les dépendances. Besoin de Venv :

```
pip3 install venv

```

(en réalité, j'avais un alias pip='pip3', parce que je suis flemmard)

Comment ensuite créer l'EV ?

```
python -m venv PATH/venvenv

```

et tadaaa, un dossier (que j'ai nommé `venvenv`) contenant tout le necéssaire pour faire tourner une version de python. On l'active

```
source PATH/venvenv/bin/activate

```

et on observe un joli nom qui vient se glisser au début de la ligne de la console : `(venvenv)`. C'est très rapide.  
Pour en sortir, `deactivate`.

## Gérer les dépendances

`pip freeze` nous donne les paquets déjà installés. On installe les suivants avec le magnifique `pip install nom_des_packages` sur l'ordi de mon coéquipier, et ce tout le long du week-end.  
Bref, il a crée un simple `requirements.txt`. Ce fichier contient simplement la sortie de `pip freeze`. Avec la synchro du dépôt Git, j'ai effectué un `pip install -r requirements.txt` et hop tout est bon. Si le besoin est, je réexecute la commande pour me resynchroniser. Je suis prêt à coder. Magnifique !
Generate dynamic social images with Nuxt, Cloud functions and Cloudinary
Tags: vue, nuxt, cloudinary, firebase
Published: 2021-06-16 10:20:51

---
title: Generate dynamic social images with Nuxt, Cloud functions and Cloudinary
published: true
description: Learn how to generate social sharing images automatically for the content you share on social media
tags: vue, nuxt, cloudinary, firebase
//cover_image: https://direct_url_to_image.jpg
---

More and more, we are noticing websites with really slick automatically generated social sharing images, like the ones below:

![Social_image_example_0569df04d7](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wjn8ez8ll3bze8unwuu2.png)

This can really make your content stand ou and boost engagement when sharing.  

We have created a tutorial on how to dynamically generate these images using Nuxt, Firebase cloud functions and Cloudinary. Follow along in the video below, or if you prefer learning in text format, we have written it up on our blog too. [Dynamic social images with Nuxt, Cloud functions and Cloudinary](https://www.pixelhop.io/writing/dynamic-social-images-with-nuxt-cloud-functions-and-cloudinary/)

{% youtube -DOgxnzSzX8 %}

Let us know what you think, and we look forward to seeing your awesome sharing images soon! If you have any questions feel free to reach out to us on Twitter: [@pixelhopio](https://twitter.com/pixelhopio)
Wednesday Links - Edition 2021-06-16
Tags: java, jvm, graalvm, spring
Published: 2021-06-16 10:14:17

The Impossible Java 11 (4 min read) ⛏️
https://carlmastrangelo.com/blog/the-impossible-java-11

Gradle and Maven Plugins for Native Image with Initial JUnit 5 Testing Support (4 min read) 🧪
https://medium.com/graalvm/gradle-and-maven-plugins-for-native-image-with-initial-junit-testing-support-dde00a8caf0b

Spring Tips: Spring Native 0.10.0 (1h 25min) 🍃
https://www.youtube.com/watch?v=JsUAGJqdvaA

Experimenting with JFR Mirror Events (9 min read) 🪞
https://inside.java/2021/06/04/experimenting-with-jfr-mirror-events/

JEP 408: Simple Web Server with JBang (1 min read) 💥
https://www.jbang.dev/learn/jep-408-with-jbang/

jstack advice (30 sec read) 📚
https://twitter.com/ae____/status/1404900972460183553

JUnit Pioneer advice - DefaultLocale and DefaultTimeZone (30 sec read) 🧭
https://twitter.com/filiphr/status/1403627981650763776
Top Youtube Channels To Learn Django For Everyone.
Tags: django, python
Published: 2021-06-16 09:50:00

```
Real Post:- https://pythondjangogeek.com/django/top-youtube-channels-to-learn-django-for-everyone/
```

Hello Devs, In this tutorial, I'm gonna tell you the top 10 youtube channels or playlists for Django.
As we know Django is the most powerful backend framework, you can create applications very rapidly or fast, large community, best community support, easy to use. Django is a python web framework, and you can also implement Machine Learning, Data Science, Data Analysis with Django, and that makes Django a great framework.

You can also integrate Django with javascript frameworks like React js or Angular, Vue for creating a scalable application.

Here is a list of the top 10 youtube channels.

For Beginners

1)  CodingEntrepreneurs

2) Corey Schafer

3) Dennis Ivy

4) Programming with Harry

5) freeCodeCamp.org

For Pro Developers:

6) JustDjango

You can access their playlist if you want to learn Django with react js or want to build some advanced projects in Django.

7) Codemy.com

If you want to build some creative projects in Django then choose this channel, his playlist is really awesome.

8) Code With Stein 

If you want to learn Django or Django Rest Framework with Vue js so this is the best youtube channel for you, this channel playlist is really awesome.

9) Very Academy

10) Telusko

Now go and checkout their playlists.

Thank You
marketer UX GmbH - Online Marketing Agentur
Published: 2021-06-16 09:32:27

# marketer UX GmbH 
Zollhof 6
40221 Düsseldorf
0211 41872566
[Zur Webseite](https://www.marketer-ux.com)

marketer UX ist einer Deutschlands ersten [offiziellen Webflow Agenturen] (https://experts.webflow.com/profile/marketer-ux).

Wir bieten Webdesign, Suchmaschinen Marketing und [Suchmaschinen Optimierung] (https://www.marketer-ux.com/seo-agentur-duesseldorf) an.
5 resources I use as a front end developer that you probably need
Tags: webdev, frontend, html, css
Published: 2021-06-16 09:31:03

Cover photo credit: <a href="https://unsplash.com/photos/bq31L0jQAjU?utm_source=unsplash&utm_medium=referral&utm_content=creditShareLink">Unsplash</a>

As a frontend developer, you have probably struggled to find images, svgs or icons to add to your application and sometimes the images you have are of high resolution that it takes a lot of time to paint when the website renders thus hindering website's performance or couldn't find high quality images. Here are __five(5) resources__ which you might need while developing your application.

##1. Free Icons
Icons are known to express some information while providing good UI. These are used in many websites and as a frontend developer you probably need them in any website you'll be making. Here are some free icons resources.
* Font Awesome: <a href="http://https//fontawesome.com/v4.7/icons" style="color: #3ab">Font awesome</a>
* Bootstrap icons: <a href="http://icons.getbootstrap.com" style=`color: #3ab`>Bootstrap icons</a>

##2. Free SVG illustration
Svg are essential part of modern websites and we no longer need to create them from scratch using html/css or other design tools like figma.
* Undraw: <a href="http://undraw.co" style="color:#3ab">Undraw</a>
* Freepik: <a href="http://freepik.com" style="color:#3ab">Freepik</a>

##3. Free High Quality Images
If you are wondering where to get free high quality images for your backgrounds, nature, people etc here are good sources
* Unsplash: <a href="http://unsplash.com" style="color:#3ab">Unsplash</a>
* Pexels: <a href="http://pexels.com" style="color:#3ab">Pexels</a>  

NB: These images are of high resolution which can hinder the performance of your website but luckily there are tools for that! 👇

##4. Free image resolution compressor
These tools will compress your images to reduce resolution and thus helps better your site's performance without affecting image quality.
* tinyPNG: <a href="http://tinypng.com" style="color:#3ab">TinyPNG</a>
* Img2go: <a href="http://img2go.com/compress-image" style="color:#3ab">Img2go</a>

##5. Remove Background
Lets look at this image
![Random image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h1daxkc77bhwfigibazq.jpeg)
I wanna put it somewhere in my website where the pink color will result into bad UI, Removing the pink background and decide to add my own or just put it without background will be better solution, but I don't know photoshop - here is where I go
* Remove.bg: <a href="http://remove.bg" style="color:#3ab">Remove.bg</a>

Now I get this😊
![Random image without background](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u4lzbv0wq30enmm237up.png)

Hope these resources save you a lot effort, happy coding!! 😊
Top HealtTech Startups 2021
Tags: software
Published: 2021-06-16 09:28:41

Health and wellness innovations cover a variety of technologies. Historically, data and information from health care have been collected and stored neatly for many years, although on paper. The digitalization of health data as eHealth opens the doors to a large number of patient and hospital data for the application of analytics and IT techniques.

<b>Top HealthTech Startups</b>
<a href="https://www.uii-ai.com/en/uai/one-solution"> United Imaging Intelligence </a> is a medical imaging HealthTech startup headquartered in Shanghai. This Chinese startup develops uAI, an imaging platform that detects multiple diseases from a single scan. For example, their OneScan package enables multiple-disease diagnoses for the chest with a single CT scan

<a href="https://siramedical.com/"> Sira Medical </a> operating from San Francisco, is a HealthTech startup offering AR for medical applications. Their RadHA platform, an acronym for Radiology with Holographic Augmentation. This application allows surgeons to better explain the procedures to patients while identifying critical areas to navigate during surgery.

<a href="https://onsurity.com/"> Onsurity </a> based in Bengaluru, healthtech company providing monthly, comprehensive employee healthcare to SMEs, MSMEs, Startups and growing businesses. It is all done from one single application.

To Read the complete list visit the Startup Insights blog article: <a href="https://www.startus-insights.com/innovators-guide/30-healthtech-startups-impacting-good-health-well-being/"> Top 30 HealthTech Startups </a>
Free Vue.js 3 Tailwind CSS admin dashboard
Tags: vue, tailwindcss, javascript
Published: 2021-06-16 09:09:36

Admin One is simple, beautiful and free Vue.js 3 Tailwind CSS admin dashboard.

Thanks to Tailwind's tree-shaking, **production CSS** is just only **23kb**

* Built with **Vue.js 3**, **Tailwind CSS** framework & **Composition API**
* Uses **Vuex** & **Router**
* Reusable components
* **Free** under MIT License

## Live demo & source code

[Live demo](https://justboil.github.io/admin-one-vue-tailwind/) | Source code on [GitHub](https://github.com/justboil/admin-one-vue-tailwind)

Looks great on desktop

[![Free Vue 3 Tailwind admin dashboard](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/clb84er426vgqum2hndw.png)](https://justboil.github.io/admin-one-vue-tailwind/)

...as well as on mobile devices. Even tables are responsive :-)

[![Free Vue 3 Tailwind admin dashboard](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/17p4rn7uegkxdw3rpjn8.png)](https://justboil.github.io/admin-one-vue-tailwind/)

### Check it out

[Live demo](https://justboil.github.io/admin-one-vue-tailwind/) | Source code on [GitHub](https://github.com/justboil/admin-one-vue-tailwind)

### What do you think?

Do you know some other open-source dashboards built with Tailwind CSS and Vue.js 3?
SvelteKit Tutorial
Tags: svelte, sveltekit, tutorial
Published: 2021-06-16 09:02:10

I have a series of SvelteKit tutorial videos. I have discussed the basic used cases using which you can build things that you desire. 

I guess if I give you bricks, you can build walls, bridges or a mansion. That's what I tried here. Check it out.



  - ### [Intro, Pages & Layouts - Sveltekit Tutorial 1](https://www.youtube.com/watch?v=Gtg4yG8Bhcs)
    In this video I will be talking about Sveltekit. What is Sveltekit? How to create pages in sveltekit? How to create layouts in Sveltekit? How to create components in Sveltekit?


  - ### [Layout Reset - Sveltekit Tutorial 2](https://www.youtube.com/watch?v=rW3-mR6Odvk)
    In this video I have explained how to create an entirely different layout for a 


  - ### [Dynamic Routes - Sveltekit Tutorial 3](https://www.youtube.com/watch?v=cqdEHFPSZwg)
    In this video I'm talking about how to use sveltekit dynamic routes and how to get the page parameters in out routes. This is a stepping stone to build blogs using sveltekit.


  - ### [Layouts for pages - Sveltekit Tutorial 4](https://www.youtube.com/watch?v=_f4elR-cIpc)
    In this video I'll be showing you how you can have a different layout for a page even if it is in the same level as other pages.


  - ### [Multiple Layouts - Sveltekit Tutorial 5](https://www.youtube.com/watch?v=amuuoNIJJvA)
    In this video I will be showing how to use multiple layouts for a page in Sveltekit.


  - ### [Sveltekit Error Pages - Sveltekit Tutorial 6](https://youtu.be/OdQruaoDVj0)
    In this video I will be showing how to use create error pages in Sveltekit.


  - ### [Sveltekit Endpoints - Sveltekit Tutorial 7](https://youtu.be/NHWCtmmDIjo)
    In this video I will be showing how to create backend endpoints in Sveltekit. I will be showing only the GET request in this one.

  - ### [Sveltekit Post Request - Sveltekit Tutorial 8](https://youtu.be/jpKbyiQsj3k)
    In this video, I will be talking about Sveltekit POST reqests. How we can send data from our components to the backend and how we can handle the request.

  - ### [SvelteKit Post Endpoint Part 2 - Sveltekit Tutorial 9](https://youtu.be/ekIPuJjbXm0)
    In this video, I will be talking about Sveltekit HTTP requests which can be used in the same endpoint.


  - ### [A Simple Blog - Sveltekit Tutorial 10](https://www.youtube.com/watch?v=6lNrvFSRmwY)
    In this video, I will show you how to build a simple Sveltekit blog using an API.


  - ### [A Simple Blog Part 2 - Sveltekit Tutorial 11](https://www.youtube.com/watch?v=dLLmppgxM5E)
    In this video I will be creating a route to show the blog author. This is a small incremental addition to what we did in the first part where we created a simple SvelteKit Blog.

## [How to create a markdown blog in Svelte](https://www.youtube.com/playlist?list=PLm_Qt4aKpfKgonq1zwaCS6kOD-nbOKx7V)
This video helps you create your own markdown blog with amazing features like component import into markdown or creating a component inside a markdown post.
Animated CLI Profile Card
Tags: npm, javascript, npx, profilecard
Published: 2021-06-16 08:55:04

> `npx imvv`
![Profile Card](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cwgtwda1fuzma2u4n8a3.PNG)

***

### Share only one command to connect with awesome people.
Run `npx imvv` in your terminal to know more about me

Make your own in minutes at: [Here](https://github.com/viditvarshney/CLI_ProfileCard)

> Show some love to the Project by giving a Star⭐ to it.

- Follow me on GitHub

- Connect with me:
`npx imvv`
How to query date range in Mongo
Tags: mongodb, terminal, shell
Published: 2021-06-16 08:53:57

## Use only the **date**[^1] part

In the following example only the **date** part is set. Time is set to by default to `00:00:00`. So the following query compares all entries _archived_ within *a day* (`2021-06-14`):

```javascript
var start = new Date("2021-06-14");
var end = new Date("2021-06-15");

db.call_archive.find({
  archivedAt: {$gte: start, $lt: end}
}).pretty();

```

[^1]: <https://docs.mongodb.com/manual/reference/method/Date/>

## Use both **date** and **time**

You can also specify the Time in ISO format
- `new Date("<YYYY-mm-ddTHH:MM:ss>")` - specifies the datetime in the client's local timezone and returns the ISODate with the specified datetime in UTC
- `new Date("<YYYY-mm-ddTHH:MM:ssZ>") ` - specifies the datetime in UTC and returns the ISODate with the specified datetime in UTC

```javascript
var start = new Date("2021-06-14");
var end = new Date("2021-06-15");

db.call_archive.find({
  archivedAt: {$gte: start, $lt: end}
}).sort({archivedAt: -1}).pretty(); //sort descending
  
```

> Shared with :heart: from [Codever](https://www.codever.dev/snippets/60c8a106c807505ef1971306/details). :point_right: Use the  **Copy to mine** functionality to copy the snippet to your own personal collection and easy manage your code snippets.
PlatON Developer Bounty Program
Tags: blockchain, privacycomputing, bounty
Published: 2021-06-16 08:42:45

PlatON is a new generation of privacy-preserving AI network initiated and driven by the LatticeX Foundation, and is also an open-source community project. Such a huge infrastructure requires joint effort from community developers.

To encourage community developers to get more involved in the development and design of core infrastructure, the LatticeX Foundation launched Developer Bounty Program to reward those who provide basic services for PlatON and Alaya.

https://github.com/LatticeX-Foundation/dev-bounties/blob/c8513aff4a7f03cbc0f765b1a3e32a9a3716d55a/Developer%20Bounty%20Program(Phase-I).md

Send an email developer@latticex.foundation to submit more ideas and suggestions
3 Proven Formulas to Take Your Project Management Skills to A New Level
Published: 2021-06-16 08:31:52


Project Management App
Every project manager has to keep track of the entire process and manage all the tasks efficiently to meet the deadline, right? In today’s ever-changing business scenario, project management has become increasingly difficult. Though we have an advanced project management app & other productivity tools, it is important for you to level up your project management skills in 2021 and beyond. 

Let’s go through three top formulas for enhancing project management at your workplace. These tried and true tips can assist you to take your project management skills to a new level. 

Top Three Tips to Enhance Project Management Skills at Workplace
1. Effective Time Management With Project Management Apps
This is the most important and useful tip. These days, reliable time tracking software and project management app are available to meet this objective effectively. But, as a project manager, you need to have the trait of defining the timeline for every project so that your team can meet the deadline without compromising on quality. It is better to divide any project into five different stages-Initiation, Planning, Execution, Tracking, and Closure. This can help you manage time for each project more efficiently. 

Initiation or discovery and planning phases are crucial because they will decide the direction of your project. You can delegate tasks to your team members after having proper planning and deadlines. You can assign tasks as per the past records and skills of every team member so that they can complete their work on time.

Finally, during the execution phase, the project manager needs to track the progress regularly to identify any issues in advance. With the help of a project management app, project managers can assign pending tasks to available resources to meet the deadline. As multitasking has become the need of the hour. It is necessary to handle it smartly so that we can save time and complete all the tasks with higher productivity. 

Original Source: https://www.taskopad.com/blog/proven-formulas-for-project-management-skills/
Moodle Quiz Response Converter
Tags: moodle, python, converter, opensource
Published: 2021-06-16 08:29:33

With this program, you can convert user's responses in the `.xlsx` file to a `.docx` file which contains each user's response in a separate page.

[Download the program](https://github.com/geraked/moodle-qrc/releases/download/v1.0.1/mdlqrc.exe)
[Program's page](https://github.com/geraked/moodle-qrc)