teleren/devto huggingface dataset:
My Return to Tech
Tags: womenintech
Published: 2021-03-12 17:47:38

### Computing graduate:books: Mum of five :muscle: and Avid coder :scroll:

I was 12 and a family friend had immigrated and left behind their BBC Basic computer. We couldn't have afforded that computer, but that one event started me on my journey in development. I learnt to programme by breaking and fixing code, learning syntax along the way.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ccmwl3o7655oq3i0h2d6.jpg)
I coded pretty much for the next 10 years until my graduation. I met a few women along the way. But the shortage of women in tech didn't really dawn on me until I began to work and have a family. 

My career began and ended as a Java Developer. It was 2001 and the industry was male dominated.:boy::man::older_man::boy::man::older_man::boy::man::older_man::boy::man::older_man::boy::man:
Everyone was a back-end developer and the technical work environment involved long hours, innovation and start-ups were the life blood of the industry.
I took a break in 2001 to have my eldest 2 children. 3 years later when I thought about returning the industry had moved on considerably and I lacked the confidence to take on this challenge. 

After leaving my job as a developer I spent the next 15 years raising my kids, contracting as a project manager and running my own company for a few years. As the gap in my IT career grew bigger I came to accept that that part of my life was over and Tech was something I couldn't return to. But it always irked me that I had given up something that I loved:disappointed:

Fast forward to 2019 and my now 19 year old daughter dragged me to a Women in Tech evening at IBM. I didn't know this movement even existed and was so inspired by the talks I heard that evening that I was one of the last to leave:sparkles: :star2::girl::woman::older_woman::girl::woman::older_woman::girl::woman::older_woman::star2::sparkles: 

I enrolled on my first Python course soon after and loved it so much that I decided to give Returning to Tech a real shot!
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qojqipqvj8wuysfhyo8k.png)
CSS typing animation
Published: 2021-03-12 17:29:29

Typing animation is another great animation by CSS. Though this can also be created through JavaScript. But in this blog post, I will show you how you can create a CSS typing animation effect. If you use this code you don't have to use javascript.
<a rel="nofollow" href="https://codewithbishal.com/example/how-to-create-animated-typing-effect-using-css">View it on our website(Responive cards)</a>
View More :
<ul>
<li><a rel="nofollow" href="https://codewithbishal.com/example/css-movie-cards">How to create Movie ticket using CSS</a></li>
<li><a rel="nofollow" href="https://codewithbishal.com/example/pure-html-budget-calculator-cwb">How to create budget calculator using HTML</a></li>
</ul>
At first, on our webpage, there is a preview of our CSS typing animation, then there are a few QNA and an overview of the blog. There is a button to copy and Download the codes (HTML and CSS). You can also try it on our website.

You can view and copy and download the source code files through the link given below. <a rel="nofollow" href="https://codewithbishal.com/example/how-to-create-animated-typing-effect-using-css">View and Download Source Code</a>
Google Maps | Places - Geocoding | Search - Select - Collect
Tags: googlemaps, geocoding, mapsapi, places
Published: 2021-03-12 17:26:25

### Demo: https://techtolia.com/GoogleMaps/index.html

With integrating the module to your web forms, users can easily select the address and you can easily collect exact address details.

Module uses Google Maps JavaScript API, Places API and Geocoding API.

Maps JavaScript API lets customize maps.
Places API lets users search and find places with autocomplete filling.

Geocoding API lets selected location coordinates convert to address.

Full source code is included.

### What is Google Maps and Api?
Build customized, agile experiences that bring the real world to your users with static and dynamic maps.

Place Search returns a list of places based on a user’s search string.

Place Details returns more detailed information about a specific place.

Place Autocomplete automatically fills in the name and/or address of a place as users type.

Reverse geocoding is the process of converting geographic coordinates into a human-readable address.

![Google Maps](https://dev-to-uploads.s3.amazonaws.com/i/oqywcmr5o5l6byutm0zh.png)![Google Maps](https://dev-to-uploads.s3.amazonaws.com/i/p6zb9t10i4zma9kspdom.png)
Combined Google reCAPTCHA v2 & v3 in ASP.NET | CAPTCHA .NET Web Forms
Tags: recaptcha, captcha, dotnet, csharp
Published: 2021-03-12 17:24:59

reCAPTCHA is a service that protects your site from spam and abuse. It uses advanced risk analysis techniques to tell humans and bots apart.

reCAPTCHA v3 helps you detect abusive traffic on your website without user interaction. Instead of showing a CAPTCHA challenge, reCAPTCHA v3 returns a score so you can choose the most appropriate action for your website.

reCAPTCHA v3 scores are between 0–1.

reCAPTCHA v2 (“I’m not a robot” Checkbox) requires the user to click a checkbox indicating the user is not a robot. This will either pass the user immediately (with No CAPTCHA) or challenge them to validate whether or not they are human.

If you are looking a solution to integrate combined Google reCAPTCHA v2 & v3 to your website that is builded with .Net & C#, look at that → https://techtolia.com/Recaptcha/

With integrating [the module](https://techtolia.com/Recaptcha/ "the module") to your ASP.NET web forms (such as login), check if the user is human or bot with combined of Google reCAPTCHA v2 & v3.

The module first verifies requests with reCAPTCHA v3 with a score. If the score is not higher than the pass score, module makes visible reCAPTCHA v2 with the “I’m not a robot” tickbox. If the user is verified with reCAPTCHA v2, score is going to be 1 (highest score) and Required Field Validator return true.

![reCAPTCHA v2 & v3 in ASP.NET](https://dev-to-uploads.s3.amazonaws.com/i/0vz9dxcwqsc4v16f15rl.png)![reCAPTCHA v2 & v3 in ASP.NET](https://dev-to-uploads.s3.amazonaws.com/i/82n7jtx7vv0kxk907p9h.png)
Avisos para el mantenimiento de tu Certificado de Huella Digital
Tags: android, hmscore, huaweimobileservices
Published: 2021-03-12 17:19:39

![Alt text of image](https://miro.medium.com/max/1050/1*vWdhjS9MB_X6IeMvnOBwAg.png)

Dado que la huella dactilar es una de las partes más críticas para el correcto funcionamiento de la aplicación, y en ocasiones con el uso concurrente de la funcionalidad, se convierte en un problema hacer un seguimiento de las claves que obtuvo y cuál está actualmente activa en su proyecto. , para ello vamos a comprobar el procedimiento general para comprobar que todo está en orden.

Procedimientos iniciales
En la guía encontrará uno de los principales problemas que puede obtener aquí, relacionado con la variante de compilación utilizada para la generación de claves, como se muestra en esta imagen: https://developer.huawei.com/consumer/en/codelab/HMSPreparation/index.html#2
En la guía encontrará uno de los principales problemas que puede obtener aquí, relacionado con la variante de compilación utilizada para la generación de claves, como se muestra en esta imagen:

![Alt text of image](https://miro.medium.com/max/1050/1*uzg8r7c_Sqq3Gil-Ag945w.png)

Se sugiere configurar la clave de lanzamiento en lugar de la clave de depuración, pero se necesitan algunas modificaciones en el código para usar ambas durante el desarrollo, esto se logra cambiando el archivo build.gradle (aplicación) dentro de la categoría de Android
![Alt text of image](https://miro.medium.com/max/1050/1*Mga7rBDAMZUByCkgx33sPA.png)

El cambio en una firma también se puede solucionar dejando que la Huella del Certificado sea administrada por el AGC, esta es necesaria para ser configurada dentro de la propia consola para cada proyecto, en este caso la ruta que se necesita para esto es dentro de la App, dentro del menú Distribuir verá los Servicios y allí la parte de App Singing

![Alt text of image](https://miro.medium.com/max/1050/1*0IkYLOBOTU1e2gyD1Z2iow.png)

Aquí la pulsación de registro depende de tu decisión, y el hecho de que ya puedas tener una clave de huella dactilar o no, esto afecta la decisión de exportar o dejar que la consola gestione tu firma.
Aquí tendrás acceso a tus certificados de firma activos constantemente, y esta es una de las principales razones por las que esta gestión es fácil, ya que esta herramienta te hará los tiempos más fáciles, cuando te encuentres con algún error de firma nula, puedes pasar por el mismo enrute y copie o descargue sus credenciales para que coincidan con el proyecto real

![Alt text of image](https://miro.medium.com/max/1050/1*uMoYWNiAjmRUhnRyH1TwgQ.png)

El certificado y la clave son uno de los conceptos clave a administrar dentro de tu aplicación, y te permitirán acceder a todos los servicios utilizados con el AGC, esto hace que el seguimiento de esta característica específica sea uno de los más importantes en tu aplicación y la Es necesario tener un sano hábito de revisión constante de esta característica.
Exercitando o Javascript - onClick - Criar elemento
Tags: javascript, html, css3, coding
Published: 2021-03-12 17:10:50

Exercitando a criação de um elemento dentro do HTML com o JavaScript.
Ansidade em aprender tudo no mesmo momento!🤯
{% codepen https://codepen.io/danielsilveira-dev/pen/VwmgPQM %}
Create a Network Client with Python
Published: 2021-03-12 17:10:19

Let us write a very simple client program which opens a connection to a given port 12345 and given host. This is very simple to create a socket client using Python's socket module function.

The socket.connect(hosname, port ) opens a TCP connection to hostname on the port. Once you have a socket open, you can read from it like any IO object. When done, remember to close it, as you would close a file.

The following code is a very simple client that connects to a given host and port, reads any available data from the socket, and then exits.

```python
#!/usr/bin/python           
# This is client.py file

import socket               
# Import socket module

s = socket.socket()         
# Create a socket object
host = socket.gethostname() 
# Get local machine name
port = 12345                
# Reserve a port for your service.

s.connect((host, port))
print s.recv(1024)
s.close()                     
# Close the socket when done
```

Now run the server.py (check my previous post) in background and then run above client.py to see the result.

```
# Following would start a server in background.
$ python server.py & 

# Once server is started run client as follows:
$ python client.py

```
This would produce following result.

```
Got connection from ('127.0.0.1', 48437)
Thank you for connecting
```
Laravel 8 Socialite Login with Facebook Account
Tags: laravel, programming
Published: 2021-03-12 16:58:48

Hope all are feelings good.Here today, i will give you a example of how to works laravel 8 login with facebook account. I will show you Laravel 8 Socialite Login. On this post I will give you a very simple  and short example of laravel 8 login with any facebook account. I explained it very simply about laravel 8 jetstream login with facebook account. Now on this tutorial I will give you a short and simple example of login with facebook in laravel 8 application.
Read more:
https://codingspoint.com/laravel-8-socialite-login-with-facebook-account-example/
Create a Network Server with Python
Tags: python, socket, networking, syntax
Published: 2021-03-12 16:52:38

To write Internet servers, we use the socket function available in socket module to create a socket object. A socket object is then used to call other functions to setup a socket server.

Now call bind(hostname, port) function to specify a port for your service on the given host.

Next, call the accept method of the returned object. This method waits until a client connects to the port you specified, and then returns a connection object that represents the connection to that client.

```python
#!/usr/bin/python           
# This is server.py file

import socket               
# Import socket module

s = socket.socket()         
# Create a socket object
host = socket.gethostname() 
# Get local machine name
port = 12345                
# Reserve a port for your service.
s.bind((host, port))        
# Bind to the port

s.listen(5)                 
# Now wait for client connection.
while True:
   c, addr = s.accept()     
# Establish connection with client.
   print 'Got connection from', addr
   c.send('Thank you for connecting')
   c.close()                
# Output the message and Close the connection
```
Weighing Shopware vs Magento 2
Tags: webdev, ecommerce, shopware, magento
Published: 2021-03-12 16:33:54

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mntxf7g7hg05q47n8lda.png)
Shopware or Magento? It’s an eternal question. Anyhow, this article intends to try to answer it, comparing these two e-commerce giants by the following indicators:

* Convenience in use;
* Customization;
* Technical support;
* Scalability.

### Convenience in use

*Shopware 6* is famous for its intuitive and simple design. It is a good choice for merchants who want to avoid complexities in their online business management. Shopware administrative panel can be easily customized with any coding skills.

*Magento 2* has a more complicated interface, compared to Shopware. It often requires at least minimal coding skills, so it’s not suitable for inexperienced sellers who only start their e-commerce path. 

### Customization

Both platforms are highly-customizable due to their open-source nature.

*Shopware* allows customization. But the number of extensions is much narrower in comparison with Magento. Nevertheless, these extensions can be enough for creating a unique design of your e-commerce shop.

*Magento* provides more than 5 000 free and paid extensions, leaving room for realizing the most exceptional ideas.

### Technical support

Both Shopware and Magento have a wide community of developers and dedicated vendors. 

The *Shopware* community comprises nearly 40 000 members, but it’s growing by the day. Another support option is support services, which are available at extra cost.

The *Magento* community is a little bit bigger. It comprises over 100 000 members, who are always ready to give advice. 

### Scalability

*Shopware* is mostly used for small and middle-size businesses, but if you need more sophisticated functions, you can always get the Shopware Enterprise edition for an additional fee.

*Magento* is the right system to bring your business to the highest level. It can process web-stores with up to 500 000 items in the catalog. Besides, this software supports multiple shipping and payment options along with multiple languages and currencies. 

### Conslusion

If you are looking for an innovative, but simple in use tool for website development and maintenance, it's better to focus on Shopware.

Magento can be the right choice for entrepreneurs who want their business to grow to the full height and have enough funds for this mission. 

[Follow this link](https://dinarys.com/blog/shopware-vs-popular-ecommerce-platforms) to find a comprehensive comparison of Shopware with other popular e-commerce systems.
Intégration continue avec GitHub
Tags: french, github, gitlab
Published: 2021-03-11 22:23:18

##Informations importantes
Travail présenté par : Charles-Antoine Poitras
[Page GitHub du projet](https://github.com/docmaillou/mega-vue-super-projet)
##Sources d'information
[Un tutoriel de base](https://docs.github.com/en/actions/quickstart)
Ce tutoriel de [GitHub Actions](https://docs.github.com/en/actions) provient de la documentation officielle de GitHub. Très simple à utiliser et bien documenté. Ce tutoriel m'a donc aidé a débuter mon projet avec GitHub Actions.
[Aide pour GitHub](https://docs.github.com/en/github/managing-files-in-a-repository/creating-new-files)
J'ai eu besoin d'utiliser cet aide, car j'avais de la misère avec GitHub au début. Doc officielle de GitHub et très bien documenté!

## Présentation des résultats
Pour commencer, j'ai créé un "Workflow" dans l'onglet "Actions" et puis j'ai ajouté du code dans le fichier `./github/workflows/wf_Poitras.yml`.
Voici le code :
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/thcnn69a7lk7qhogtl7s.png)
Ensuite, j'ai créé un "Pull Request" et, grâce au Workflow, l'action c'est lancée automatiquement :
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pdmbr5vued19uaygmqet.png)
Voici le résultat des tests :
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z5nv577okzwu7n3ce7wg.png)
Par la suite, un crochet vert très satisfaisant est apparu(Le "X" rouge est mon premier essai raté) :  
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4l7pycyy3kh63dxwo7y9.png)
Enfin, j'ai pu "pousser" ma branche vers master, car le "pull request" a été validé et testé : 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8fa9kby7tv5h5ah1m0ea.png)

## Comparaison entre GitLab et GitHub
L'intégration continue, dans les 2 plateformes Git, est très similaire et, au final, accomplissent les mêmes tâches. Par contre, avec GitLab, je n'ai pas réussi à créer plusieurs pipelines comme dans GitHub. Avec GitHub, je peux créer autant de workflow que je le désire, ce qui peux me permettre de classer mes fichiers `.yml`, et donc d'organiser mon projet clairement. De plus, GitHub propose une interface plus "épuré", et donc plus facile d'utilisation, ce qui permet de  naviguer agréablement dans les fonctions de GitHub. Ensuite, la visualisation de la confirmation était beaucoup plus claire, avec des animations et des retours d'erreurs en cas de problèmes(GitLab.com le fait aussi, mais simplement plus chaotique à mon avis). Aussi, dans GitLab, la page "Pipelines" contient TOUS les pipelines, ce qui peut porter à confusion, contrairement à GitHub, qui ne montre que les "succès, en attente ou raté". Bref, malgré leurs énormes similitudes, l'utilisation de GitHub était,  à mon avis, plus agréable et "smooth" en matière d'efficacité.
Hacking a SNES Controller
Published: 2021-03-12 16:31:09

I reached the end of the Arduino tutorial book the other day and finally got a look at what it takes to hack into an existing electronic device. Come to find out I don't have to many electronics in my house that my girlfriend was willing to potentially part with. Lucky for me she did have an extra SNES controller that was fit for the job. So I got to work on taking the controller apart. Which was surprisingly easy, and really cool to see that I actually understood, for the most part, what was going on inside. 

My plan was to find a SNES game that had a jump action in the game. My goal was to set up a tilt sensor on my breadboard and wiring that to the jump button on the controller. Making it possibly for me to kind of shake the breadboard in order to cause the character to jump. 

I had some varying levels of success. I got the functionality working but since I don't have a soldering kit and wasn't really willing to ruin the controller, I was left with taping the wires onto the SNES controller. This made short circuiting the SNES button a little shakey as far as when it would actually work, but in the end it did work! It was more about a proof of concept for me. I am now able to hack into existing electronics and that was a very rewarding feeling. 

The code for this project was really simple. I was able to take the tutorial code and make some tweaks here and there to fit my needs. The big new component for me on this was the optocoupler. Optocouplers are typically used to allow transfer of analog or digital information between circuits while maintaining electrical isolation. Basically it allows you to trigger things on and off without the opportunity for the power from each device overlapping. 

Heres the code for the project if you were interested:

```
const int optoPin = 2; 
const int switchPin = 8;
int switchState;

void setup() {
  Serial.begin(9600);
  pinMode(optoPin, OUTPUT);
  pinMode(switchPin, INPUT);
}

void loop() {

  switchState = digitalRead(switchPin);
  if ( switchState == 1) {
    digitalWrite(optoPin, HIGH);  
    delay(15); 
    digitalWrite(optoPin, LOW);  
  }
  
  Serial.println("switchstate:");
  Serial.println(switchState);
 
}
```

I had a really fun time building this project and am still super excited to continue down the path of microcontrollers. Hope this was a little insightful and have a great day!
My bookmarks folder is a cemetery
Tags: history, chrome, nostalgia, bookmark
Published: 2021-03-12 16:15:13

I was trying to clean up the mess I gathered since Google Chrome was created and that, despite anything we can say about Google or Chrome, was able to save trough time.

Here is a little resume of all the dead websites (hoping Dev.to won't get the same fate ;) ) : 

- megaupload.com / megabox.com -> hosting of files (exemple : http://www.megaupload.com/?d=PTR5COCG ) 
- mabul.org -> hosting of pictures, now an island org website
- https://cpasbien.com/fr-fr -> french p2p website
- so.cl -> social network of microsoft
- http://www.pokemon-legendary.com/downloads/utilitaires.html -> pokemon website
- http://astretchyhand.com/ -> the stretchy hand toy, web version, by Coca Cola
- http://anonops.pro/
- http://anonyops.org/
- http://www.totalemul.com/ -> this one is funny, i was one of the redactor for a website of retro gaming news, which served mainly as roms repertory. Still got the sourced tho.
- http://keygens.nl/cracked_warez_search.php?s=adobe+premiere&deep_crack=on -> 👀
- http://www.syacartoonist.com/ -> not dead but completely empty :/
- http://img11.hostingpics.net/pics/572430mesburo.jpg -> hostingpics is dead
- http://www.i-liquid.be/
- olympe-network.com -> a former association that hosted little pages for free, put down by a hacker who deleted all the disk content



A lot of graphism forum, lost forever with their content, that I can say helped a lot to get used to Photoshop / Illustrator: (remember the chatbox !)

- http://www.photoshop-creation.com/phpBB3/tutoriels-photoshop-cs2-cs3-f61.html
- evange.forumgratuit.fr
- https://www.artsoul.fr/t5607-fusions-comin#94553 -> now a fake money strategy website
- https://graphparadise.kanak.fr/ -> reseted for some reason
- https://neoarts.graphforum.com/
- https://candy-art.xooit.com/t625-Changer-le-curseur-sur-votre-forum.htm
- https://littlebirds.forumactif.org/
- http://css-actif.com/
- http://www.official-ultimate-diamond.com/
- http://www.goldheartofficiel.com/t19471-typo-mania -> caution this one is cybersquat by a chinese porn site
- https://pokeworldest.forum-pro.fr/h3-galery not dead by all my art on deviantart is dead (no visit for more than 21 days = deactivation, and can't recreate so deleted 🤡 ) 


-> not dead = http://art-design.forumactif.fr/ (something I always loved about the design forums was the webdesign : completely different, strange, unique, themed. Not a blank website).