teleren/devto huggingface dataset:
🚀🚀 10 Plataformas Gratuitas de Aprendizado de Programação
Tags: braziliandevs, lifelonglearning, programming, aprendizadocontinuo
Published: 2023-06-10 03:15:49

Hoje em dia, existem diversas plataformas gratuitas disponíveis para aprender programação, oferecendo uma ampla gama de recursos e projetos para desenvolver nossas habilidades.

Durante minha jornada inicial de estudos, tive o privilégio de explorar e aproveitar ao máximo uma variedade dessas plataformas que me ajudaram a adquirir conhecimentos em programação. Compartilho com vocês 10 plataformas incríveis para aprender programação de forma gratuita (algumas também oferecem conteúdo pago).

💡 DIO
https://dio.me

💡 Rocketseat
https://www.rocketseat.com.br/

💡 Nano Cursos FIAP (20 Nano cursos)
https://on.fiap.com.br/local/programaeucapacito/

💡 Curso em Vídeo - Guanabara
https://www.cursoemvideo.com/

💡 Fundacao Bradesco
https://www.ev.org.br/

💡 Code Academy
https://www.codecademy.com/

💡 Instituto Tim
https://institutotim.org.br/cursos-online/

💡 Freecodecamp
https://www.freecodecamp.org/

💡 Cubos Academy
https://cubos.academy/

💡 Recode
https://recode.org.br/

Agradeço imensamente a todos que compartilham conhecimento, pois sabemos o valor do aprendizado contínuo. Conhece mais alguma plataforma que você tenha experimentado? :)

---
Vamos nos Conectar? Fique à vontade para me seguir nas minhas [Redes](https://giselletech.vercel.app). :)
Modern Recipe URL to 🍬 Sugar Level Estimation Web App From Scratch
Tags: webdev, javascript, react, ai
Published: 2023-06-10 03:06:37

## Overview

When users input the recipe url into the text prompt, the web app will extract the ingredients out of the recipe url using `cheerio` and forward to a deep learning model exported in `onnx` format and was trained using `HuggingFace Trainer`, lastly, sugar level will get returned.


![ingbetic.vercel.app](https://media0.giphy.com/media/v1.Y2lkPTc5MGI3NjExYzk2NjU0OGE2MWJhNzRiODc3OGUzYmJjNzk1ZTQ4MzY4MWZmYmZjNSZlcD12MV9pbnRlcm5hbF9naWZzX2dpZklkJmN0PWc/wAhWreHzEyiMBQp04Q/giphy.gif)

The AI model is deployed at the edge, which means the AI model will get loaded at the client side using `onnxruntime` with `wasm` backend, no custom Python backend is required which drastically reduce the deployment costs.

Try it here: [https://ingbetic.vercel.app/](https://ingbetic.vercel.app/)


## Technology used

#### Frontend

1. [**Next.js**](https://nextjs.org/) - Full Stack React Framework
2. [**Typescript**](https://www.typescriptlang.org/) - Superset Form of JS
3. [**TailwindCSS**](https://tailwindcss.com/) - Utility CSS Class
4. [**Reactflow**](https://reactflow.dev/) - Node-based Interactive Editor

#### Model

1. [**Python**](https://www.python.org/) - Prog Lang
2. [**HuggingFace**](https://huggingface.co/) - Hub for Model & Dataset
3. [**ONNX**](https://onnx.ai/) - Quantization & Inference

## See the open source code below

[https://github.com/ziqinyeow/ingbetic](https://github.com/ziqinyeow/ingbetic)
Say “Hi Ventura, Bye old iOS Simulators”!
Tags: monterey, iosappdevelopment, m1, xcode14
Published: 2023-06-11 10:29:14

---
title: Say “Hi Ventura, Bye old iOS Simulators”!
published: true
date: 2023-06-10 02:29:41 UTC
tags: monterey,iosappdevelopment,m1,xcode14
canonical_url: https://medium.com/@staceypyee/say-hi-ventura-bye-old-ios-simulators-4a0615bef097
---

> TLDR: Stay in Monterey with Xcode 14.2 if you want iOS 12 simulators.

I moved to another M1 machine with Ventura lately.

My files and Xcode settings were migrating fine with **Migration Assistant**

#### Xcode 14.2 on Monterey

I’m still working on an iOS project which supporting iOS 12 still (Yea~).

Still manage to get the project running well on iOS 12.4 simulator with Xcode 14.2 and OS Monterey.

#### Xcode 14.2 on Ventura

Trying to add older simulators back to the Xcode.

![](https://cdn-images-1.medium.com/max/1024/1*w5hQQYdwAA4n16bQlsUC_A.png)

Looks fine, since I have iOS 12.4 simulators installed earlier.

![](https://cdn-images-1.medium.com/max/1024/1*OSxa5kQrmMeMuerE5oeJtg.png)

Whoops!!! NO LUCK

Not being listed anymore.

Tapping on “Download more simulator runtimes” will return to the list again, with iOS 12.4 as installed.

### GOOD BYE FRIEND

The oldest friend that can keep me sailing is iOS 13.7

So long iOS 13.6 and below.

If you still need them, just stay in **OS Monterey.**

### How to get iOS 13.7 Simulators on Xcode 14 with Ventura

If you need to keep iOS 13.7 with you,

1. Open an Intel based Xcode (Xcode 13 and below) via Terminal  
[https://medium.com/@staceypyee/how-can-i-run-xcode-12-5-x-on-monterey-search-record-7e2878efcd49](https://dev.to/staceypyee/how-can-i-run-xcode-125x-on-monterey-search-record-25o-temp-slug-3020781)
2. Download iOS 13.7 simulators
3. You will be able to see the iOS 13.7 options available to you in Xcode 14 again.

I’m still working on an iOS project which supporting iOS 12 still (Yea~).

Still manage to get the project running well on iOS 12.4 simulator with Xcode 14.2 and OS Monterey.

**Reference:**

[How to use iOS12 simulator in XCode 14?](https://stackoverflow.com/questions/75142619/how-to-use-ios12-simulator-in-xcode-14)
100 Days Coding Challenge - Day 21: System information with PHP, JS, MySQL and CSS/HTML
Tags: mysql, php, 100daysofcode, webdev
Published: 2023-06-10 01:50:27


# Day 21

I was studying how to implement the database on MySQL for my project, I did some tables :p I have to fix a lot of these tables and do the relations of they


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s7btuev8r88mxkrt64ar.png)
Next up: The World of Passkeys
Tags: passkeys, webdev, ruby, rails
Published: 2023-06-10 01:28:02

Hi there y'all!
Happy Friday to all who celebrate!

My next post is about Passkeys!
Have you heard about it?! Do you know what it is?
Do you have questions about it?!

So, I've gotten to know what this is about a month or two ago when I stumbled upon an article saying Google has enabled usage of Passkeys on Gmail!

A few weeks or maybe a month later, a ruby-passkeys gem showed up on my social/tech radar! It was the first public release candidate (or something along this nature).

So that was it: that is all I needed to get started on it.
So, I've done some research, spent about 1 month (not full time) studying and reading about it, started contributing with the Ruby-Passkeys gem, wrote & presented a meetup talk, setup and run a demo on my laptop, and here I am!

So, my goal now is to write a post about it.
If you have any question or want to know something about Passkeys, please send it my way (https://ruby.social/@hacrods), and I will try to answer.

`Disclaimer`: I am no expert in the matter, but if I don't know the answer to any of your questions I will study and read more to try to find an answer, and if I still fail, I will gently let you know (and keep tabs on that question!)! :D

If you want to start learning about it, I'd suggest you start here: https://passkeys.dev/

See y'all!

./Helio
pebl CLI update — initialize base pebl projects
Tags: pebl, devops
Published: 2023-06-10 00:33:29

## Quick Summary

The latest pebl CLI release can create base pebl projects for either Python or Go, helping you get started quickly.

## Longform

One feedback we've heard is that it can be a bit cumbersome to set up a new project for pebl, especially when the setup doesn't work on the first try.

In order to make this process more efficient and get you started right away, the latest pebl CLI has a built-in command to create correct pebl projects that can serve as a starting point.

### Go

For Go based projects, run:

```
$ pebl init go my-project
 :: initializing project with endpoint: hey.pebl.rocks
 :: initializing go project...
 :: creating main.go ...
$
```

Note that initializing a Go projects relies on the system installed Go binary, so make sure that is installed before invoking `pebl init`.

### Python

For Python based projects, run:

```
$ pebl init python my-project
 :: initializing project with endpoint: hey.pebl.rocks
 :: creating Dockerfile ...
 :: creating main.py ...
$
```

### Running

Once initialized, the project is immediately ready! You can execute `pebl run` inside the initialized project to get started.
حويل الموقع ويب الى تطبيق
Published: 2023-06-10 00:18:40

تحويل لغات البرمجة الى تطبيقات الاندرويد و تطبيقات سطح المكتب
مثل php .و ضروري المناقشة فيه و ايجاد الحلول مناسبة
Flask-SQLAlchemy & React js
Published: 2023-06-09 22:28:19

Hey there, tech enthusiasts! Today, I'm going to dive into the wonderful world of web development and guide you through the process of connecting a Flask-SQLAlchemy backend to a React.js frontend.

First things first, let's talk about Flask-SQLAlchemy. Flask-SQLAlchemy is a powerful combination of Flask, a lightweight Python web framework, and SQLAlchemy, a flexible and intuitive SQL toolkit. Together, they make a solid team that allows us to easily interact with databases in our Flask applications.

Now, onto React.js – a JavaScript library for building user interfaces. React.js has gained immense popularity due to its component-based architecture, reusability, and efficiency. It's the perfect fit for creating stunning frontends that seamlessly interact with the backend.

So, how do we connect these two powerhouses? Well, let me break it down for you. The key lies in building a solid API that acts as a bridge between the Flask backend and the React frontend. This API will handle all the requests and responses, ensuring smooth communication between the two.

First, let's set up our Flask-SQLAlchemy backend. We'll define our models, create the necessary routes, and handle the CRUD operations. SQLAlchemy makes it incredibly easy to work with databases by abstracting the SQL queries, so you can focus on the logic of your application.

Once we have our backend up and running, it's time to shift our focus to the React.js frontend. We'll start by setting up our project, installing the necessary dependencies, and organizing our components. Then, we'll create the UI elements, such as forms and buttons, to interact with the backend.

To connect our frontend to the backend API, we'll use JavaScript's built-in fetch function or popular libraries like Axios to make HTTP requests. We'll send requests to the appropriate endpoints on the Flask server, handle the responses, and update the UI accordingly. Remember, communication is the key to a successful relationship between the frontend and the backend!

We can take this connection to the next level by implementing real-time updates using technologies like WebSockets or server-sent events. This way, any changes made on the backend can be instantly reflected on the frontend, providing a seamless user experience.

As you embark on this journey of connecting Flask-SQLAlchemy to React.js, keep in mind that patience and persistence are your best friends. It might feel overwhelming at times, but trust me, the feeling of accomplishment when everything falls into place is absolutely worth it.

So, fellow developers, go forth and conquer! Connect your Flask-SQLAlchemy backend to your React.js frontend, unleash your creativity, and build amazing web applications that leave a lasting impression. Happy coding!
Every once in a while, I'll find a solution to a problem, and think to myself...
Tags: friendlyrant
Published: 2023-06-09 22:07:17

... How the hell was anyone supposed to know that?

It took all my experience as a software development just to have a clue _what question to even ask_ to begin to figure out the answer. How was anyone actually supposed to understand that _that_ is how the thing worked.

/rant
Share your AppMap files and findings with your team
Tags: webdev, programming, tutorial, productivity
Published: 2023-06-09 21:51:07

AppMap is a powerful tool for developers to find and fix performance issues. Write and run your code, and then AppMap generates findings that save you and your business time and money upfront instead of down the line.

If you’re a developer running AppMap on your code, you may want to share your files and findings with your team or manager. In the upper right-hand corner, there is a share arrow that allows you to generate an SVG file of your AppMaps 

![Share your AppMap](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/216fqj9ukdm5mnab1cxd.png)

Because AppMaps help developers and teams describe their code design and architecture, you are able to use them to help explain the decisions you made.

Once you have your SVG file, you can embed it in many different places, for many different uses. Here are some examples:

- Add to a presentation for a design and/or planning meeting
- Add to a status update on where you or your team are on a feature update
- Add to documentation for onboarding a new team member or company to your code
- Add to the internal documentation for a feature to show the logical structure of the code

Using AppMap SVG files to share your findings? Tell us how and share with our [community](https://appmap.io/slack).
&nbsp;
&nbsp;
{% user ghamelin %}
Most Important javascript concept before starting Reactjs
Tags: javascript, webdev, programming, react
Published: 2023-06-09 21:43:36

1.Arrow Functions:
An arrow function expression is a compact alternative to a
traditional function expression.
https://javascript.info/arrow-functions-basics

2.Let/var/const variables:
Understand the difference between them, uses and their
respective scopes.
https://youtu.be/BNC6slYCj50

https://www.freecodecamp.org/news/var-let-and-const-whats-the-difference/

3.Destructuring assignment:
JavaScript expression that makes it possible to unpack values
from arrays, or properties from objects, into a bunch of
variables.
https://youtu.be/giNjEgYTd9E
https://developer.mozilla.org/enUS/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

4.Template Literals:
With ES6, a newer form of string called template literal was
given, which consists of two backticks .
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

https://youtu.be/K4Kh5gw4PRE

5.Using Fetch:
The Fetch API provides a JavaScript interface for accessing and
manipulating parts of the HTTP pipeline, such as requests and
responses.
https://youtu.be/drK6mdA9d_M

https://developer.mozilla.org/enUS/docs/Web/API/Fetch_API/Using_Fetch

6.Import / Export:
ES6 gave people ability to share code between their own
JavaScript files as well as third-party libraries using ES
modules.
https://youtu.be/s9kNndJLOjg

https://javascript.info/import-export

7.Async Js, Promise, Callback:
Such topics have been given in this thread, checkout.
https://youtu.be/ZYb_ZU8LNxs

8.Array functions- Map, Reduce, and Filter:

https://youtu.be/zdp0zrpKzIE

https://www.geeksforgeeks.org/how-to-map-reduce-and-filter-a-set-elementusingjavascript/#:~:text=The%20map()%2C%20reduce(),instead%20of%20using%20the%20loops.

If You Want to learn Javascript in detail you can refer
"Namaste Javascript" YouTube playlist 👇

https://youtube.com/playlist?list=PLlasXeu85E9cQ32gLCvAvr9vNaUccPVNP
What happens when you add 1 to Integer.MAX_VALUE in Java?
Published: 2023-06-09 21:28:12

Integer.MAX_VALUE + 1;

Does it throw an exception? Like a Numeric overflow exception 

This is pretty interesting when I first got to know about it.

The answer is it doesn’t throw any exception, compile time or runtime.

It gives you an answer and that will be Integer.MIN_VALUE

Integer.MAX_VALUE + 1 = Integer.MIN_VALUE;

Yes, you read it right. This happens because of the reason that Java represents the numbers in binary format and uses a Two’s complement representation while doing any operations on the number like addition, subtraction etc. 

In Two’s complement form, the leftmost digit in binary indicates the sign, 0 is positive and 1 is Negative

Integer.MAX_VALUE = 2147483647 = 01111111111111111111111111111111


 Integer.MIN_VALUE = -2147483648 = 10000000000000000000000000000000

So when you add 

01111111111111111111111111111111 + 00000000000000000000000000000001 = 10000000000000000000000000000000


Learn more about it here: https://lnkd.in/ga8Q29u9

This is school mathematics that we usually never give any importance to, but this is one of the concepts that is responsible for thousands of software running successfully, which are the engines for many successful organizations.

Next time when you use Integers in Java and perform any operation, you will know what happens under the hood. 

#java #software #mathematics #concepts #learnings
Decoding Duolingo: Returning to the Office, Enabling First-Time Managers & More
Tags: productivity, podcast, management, devops
Published: 2023-06-09 21:24:32

Remote, hybrid, or in-office? Opinions are divided on what has quickly become one of the most controversial topics in tech: Should we return to the office and if so, how and when?

On this week’s episode of Dev Interrupted, we sit down with Duolingo’s Sr. Director of Engineering Fabio Lessa, to discuss how to successfully transition your engineering org back to the office - and why Duolingo has done it so successfully. [Hint: it all starts with culture.]

Fabio also discusses Duolingo’s training program for first-time managers, the transition from IC to team lead, and tips to roll out a training program at your company.

>"It's not black and white. Right? You can't really replace the acceleration that you get of everyone in the room. Like even whiteboarding together, doing ideas, laughing, joking, good ideas, bad ideas. Now you don't need to do that every day of the week, but there's certain situations that you can really accelerate."

{% spotify spotify:episode:10j6J7apf9uX9OdpZac2RM %}

## Episode Highlights:
* (3:03) Returning to the office
* (6:10) Balancing hybrid work
* (15:28) What makes Duolingo's culture great
* (18:38) Platform engineering
* (21:28) New manager training program
* (26:30) How to roll out your own training program

[Episode Transcript](https://devinterrupted.com/podcast/decoding-duolingo-returning-to-the-office-enabling-first-time-managers-more-w-fabio-lessa/)

---

***While you’re here, check out this video from our [YouTube channel](https://www.youtube.com/c/DevInterrupted?sub_confirmation=1), and be sure to like and [subscribe](https://www.youtube.com/c/DevInterrupted?sub_confirmation=1) when you do!***

{% youtube D48ZuvRhyVk %}

---

## A 3-part Summer Workshop Series for Engineering Executives
Engineering executives, [register now](https://linearb.io/events/2023-summer-series/?utm_source=Dev.to&utm_medium=referral&utm_campaign=202306%20-%20Event%20-%20Summer%20Series%20-%20Podcast%20Distribution) for LinearB's 3-part workshop series designed to improve your team's business outcomes. Learn the three essential steps used by elite software engineering organizations to decrease cycle time by 47% on average and deliver better results: Benchmark, Automate, and Improve.

Don't miss this opportunity to take your team to the next level - [save your seat today](https://linearb.io/events/2023-summer-series/?utm_source=Dev.to&utm_medium=referral&utm_campaign=202306%20-%20Event%20-%20Summer%20Series%20-%20Podcast%20Distribution).

[![Register Today](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nd6b3egikvnssdi9x50g.png)](https://linearb.io/events/2023-summer-series/?utm_source=Dev.to&utm_medium=referral&utm_campaign=202306%20-%20Event%20-%20Summer%20Series%20-%20Podcast%20Distribution)
Day 759 : Shame On Me
Tags: hiphop, code, coding, lifelongdev
Published: 2023-06-09 21:09:18

_liner notes_:
- Professional : Took an online training that I thought I took previously, but I guess not. I took the overview of the training. haha I still had to do the full thing. Looked over some documentation updates that happened while I was on vacation and at a conference. Of course there were merge conflicts so I had to fix those. Then worked on refactoring a couple of demos.

- Personal : Last night I went through a bunch of tracks for the radio show. I looked at some lots of land and may have found some good ones. I'll be checking them out more to make sure they are really good. I also created the scaffold for my next side project. I set up a basic Astro template, then added Svelte and Netlify. Then I went to sleep without watching any anime. Shame on me. haha.

![A very large tree with long branches with leaves with a blue sky with a few clouds in the background in Nicaragua](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0rmh6gaonbznxd95b36p.jpg)

Going to put together the radio show with the tracks I collected throughout the week. There's a feature I wanted to add to my next side project, but I wasn't sure if I could code it up in time. Found a drop in solution, but the only problem is that it's in React only, not event a vanilla JavaScript version. haha Good news is that Astro can also take React components, so technically it should be as simple as dropping in the component. We'll see. Other than that, I want to get the admin dashboard started with authentication and authorization. Definitely want to catch up on some anime and take a look at the land I saw last night to make sure they are on the market. I'll most likely be doing my study sessions on Sunday at https://untilit.works since I'm not travelling.

Have a great night and weekend!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube FRj-Tjrt8G8 %}