teleren/devto huggingface dataset:
What I learned streaming about Azure
Tags: devchats, webapps, serverless, azure
Published: 2020-09-03 21:24:21

---
title: What I learned streaming about Azure
published: true
description: 
tags: devchats, webapps, serverless, azure, 
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/neo1qqfdyfm0utrn0cmp.PNG
---
# Hanging out with Lizzie, talking community and learning about Microsoft Azure #GreatHairCodeShare 

Today I got to hang out with one of my favorite people in devrel - @lizziepika from [Twilio](https://dev.to/twilio) and talk about some of my favorite things - devrel, Canada 🍁, webapps, and more! [twitch.tv/lizziepikachu](twitch.tv/lizziepikachu)

To recap what we talked about: 

- rethink and redefine hackathons 

- the shift to digital - can you still capture your goals (for events, communities, etc.) and how you rethink community

- communities mean different things to different people 
 
- not that much difference between junior and senior devs - you're always going to need to learn new things 
 
- communication, communication, communication - no matter what role you have, you need to know how to express yourself, how to convey a message so learning those skills are important

- overusing the exclamation mark! 

- [Twilio Signal event](https://signal.twilio.com/) from last year - favorite parts, attending as a [Twilio Champion](https://www.twilio.com/champions), being developer focused, developer energy, impactful and diverse projects
    - --> [scholarship to attend Signal 2020](https://www.twilio.com/blog/signal-conference-2020-scholarship-program)  <--

![Group of Twilio champions and scholarship winners](https://dev-to-uploads.s3.amazonaws.com/i/xgoi6tkz5a29agrin8j7.png)
it me :) 

And then I went into a demo for Azure Static Web Apps which I will write a separate blog post ([blog post here](https://dev.to/kimcodes/static-web-apps-vs-code-streaming-and-azure-1of9)) to go through the steps I took! But to summarize:

- [VSCode](https://code.visualstudio.com/) and how customized it can be, it's extensibility, and how powerful it is! 
    - Should it be VS Code vs VSCode 

- [Azure Static Web Apps (Preview) extension](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azurestaticwebapps) for VSCode 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/buw6pr7i0r0vq12vqhcd.PNG)

** update ** here is the blog post walkthrough is here : https://dev.to/kimcodes/static-web-apps-vs-code-streaming-and-azure-1of9
Mid Meet Py - Ep.21 - Interview with Jesper Dramsc
Tags: python, talkshow, podcast, chat
Published: 2020-09-03 21:18:57

---
title: Mid Meet Py - Ep.21 - Interview with Jesper Dramsc
published: true
description: We meet in the middle of the week to chat about Python! This week we have Jesper Dramsc with us.
tags: python, talkshow, podcast, chat
---
PyChat
  Very important - [Pyjamas CfP ends this Saturday!!!!](https://twitter.com/PyjamasConf/status/1300780564929228803)
  [PyCon TaiWan (Maybe) the first non-online PyCon since COVID outbreak (5-6 Sep 2020)](https://tw.pycon.org/2020/en-us/)
  At the same time - [PyConline AU (4-6 Sept) you can join anywhere in the world](https://2020.pycon.org.au/)
  [PyData Global tickets are now available!](https://global.pydata.org/pages/tickets.html)
  You can get PyData Swag [here](https://twitter.com/PyData/status/1296998059591774208)
  [Bokeh 2.2 is out!](https://medium.com/bokeh/bokeh-2-2-d9096a223df6)

Mid Meet - Hall of Fame
  Jesper Dramsc - ML engineer
  Follow Jesper on [Twitter](https://twitter.com/JesperDramsch)
  Skill share course [here](https://www.skillshare.com/site/join?teacherRef=6379366&via=teacher-referral&utm_campaign=teacher-referral&utm_source=ShortUrl&utm_medium=teacher-referral&t=Data-Science-and-Business-Analytics-with-Python&sku=1489151284)
  [Pyrocko](https://pyrocko.org/)
  [StatsQuest](https://www.youtube.com/channel/UCtYLUTtgS3k1Fg4y5tAhLbw)

PyPI highlights
  [Docker Compose](https://pypi.org/project/docker-compose/) (is a Python library!!!!)
  [Present](https://github.com/vinayak-mehta/present) - make your slides with a terminal window with flare
  [Opacus](https://ai.facebook.com/blog/introducing-opacus-a-high-speed-library-for-training-pytorch-models-with-differential-privacy/)

[Listen to MidMeetPy podcast](https://anchor.fm/midmeetpy)
What's your favorite workstation hack?
Tags: workstations, workfromhome, remotework
Published: 2020-09-03 20:54:43

Many of us have spent significantly more time at our home offices than we intended to in 2020, I'm curious to hear what creative hacks you may have made to accommodate your new normal.  

Mine:  The ring lights work great for zoom calls, but the tripod was taking too much space on my desk, so I bought a cheap table-mounted post to mount monitors with & attached the light to that instead.    
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/9w99m71q44b8sojx440g.jpg)

Now if I can only hack the actual switch on the light & hook it up to a wifi controller... I'd be all set.
Pages to learn javascript
Tags: javascript
Published: 2020-09-03 20:43:01

Hello everyone, If you are interested in learning about javascript, I recommend you these pages.

- [Javascript Info](https://javascript.info/)
- [You dont know js](https://github.com/ronnymedina/You-Dont-Know-JS)
- [Wtfjs](https://github.com/denysdovhan/wtfjs)
Which is your favourite static website generator?
Tags: webdev, discuss
Published: 2020-09-03 20:34:08

Static websites are becoming more and more popular. This is because of its speed. Sites are generated in build-time. It offers high level of security because these aren't CMS based sites. The development workflow is really simple without backend and any database connections.
You can find a list of these tools here: https://www.staticgen.com/

Which is your favourite and why?
Day 14 of 100DaysOfCode
Tags: 100daysofcode, freecodecamp, javascript, regex
Published: 2020-09-03 20:26:11

Didn't have as much time for my own projects today. Had some physics homework that had to be done which took longer than expected. 

Did a Python project at school as I had our Introduction to Programming final test. So almost two hours of programming there, but not going to count it as the rules of the challenge state. 

I did start the Regular Expression challenges at FCC today. 

Good day, all in all :)

###What I did today:

####1. Started Regex on FreeCodeCamp 
https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/regular-expressions/

#### What I learned from it:
* What are regular expressions
* How and why to use them

####Time spent learning:
Task 'FCC'. Elapsed time: 0 h 26 min 28 s


#### Total time: 26 min
Time spent is tracked by my [TaskTimer](https://www.arttupyykonen.com/tasktimer/) script and the [WakaTime app](https://wakatime.com/about)

### Further reading

#### [FreeCodeCamp](https://www.freecodecamp.org/learn)
Check out FCC for the best interactive exercises! I have finished the Basic JavaScript and ES6 lessons and can recommend them for a beginner! You can read more about the Basic JS and ES6 challenges at posts "Day 8" and "Day 11"

#### [Eloquent JavaScript book](https://eloquentjavascript.net/)

###Psst
You can check my answers to the exercises of Eloquent JavaScript. You'll find them [here](https://www.arttupyykonen.com/ejs-solutions/).

See you all tomorrow!
The Art of Destroying A USB
Tags: ubuntu, usb, datascience
Published: 2020-09-03 20:20:40

So, As some people know, for my birthday, i got some nice 128gb usb drives, to help me on my quest to banish the bane my chromebook has ![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/8ux0f8awd313fu8x5313.png)


so, yea, I had about 30 6 gb usb drives i no longer needed... so, i guess we shall get to the art of destroying one, eh?


so, first off, We gently pull off all the caps ( rip em off if it is a spindial usb ), and pull out the ssd...

next, remove the board from the usb socket, the socket can be quite handy in making broken usb ports unusable, or just being a nuisance to others.

After that, we don't want our credit card data being hijacked ( or our very strange youtube videos ), so, we gotta destroy the data, Grab a grenade, go to a shooting range, drop the grenade, pull the lever using a string, and watch all those 1s and 0s in the latch traps ( i think that is what they are called ) have their electrons ripped right from them... or just use acid... don't throw it in a dumpster, you got no clue if some sci-fi hacker is gonna come from the future and steal your data!


Thanks for readin mates! Hope you enjoyed reading what i did to get rid of 37 Usb drives with very **sensitive** data on them!

Cya on my next post!
Top 5 DEV Comments from the Past Week
Tags: bestofdev
Published: 2020-09-03 20:06:02

---
title: Top 5 DEV Comments from the Past Week
published: true
description: Highlighting some of the best DEV comments from the past week.
tags: bestofdev
cover_image: https://res.cloudinary.com/practicaldev/image/fetch/s--7VrAA2ln--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://thepracticaldev.s3.amazonaws.com/i/qmb5wkoeywj06pd7p8ku.png
---

This is a weekly roundup of awesome DEV comments that you may have missed.  You are welcome and encouraged to boost posts and comments yourself using the **[#bestofdev](/t/bestofdev)** tag.

---

@krukru shared a true "Explain Like I'm Five" answer here. Love it!

{% devcomment 14a0f %}

Some true wisdom from @dorgan:

{% devcomment 14ao6 %}

Your sage advice has convinced me to pursue time-travel more seriously, @scroung720! I could have really used "A" when I was younger.

{% devcomment 147hi %}

It's _all_ about that literal step back, @timmybytes!

{% devcomment 14b3c %}

Great job, @andrewbaisden!

{% devcomment 14774 %}



See you next week for more great comments ✌
How to create a Flip Card with CSS
Tags: html, tutorial, beginners, css
Published: 2020-09-03 20:03:21

Hello People🙋, 

In this post, We will see how we can create Flip Card with CSS. 

####HTML:
```html
    <div class="card-container">
     <div class="card">
       <div class="side">
         <h3>Front</h3>
       </div>
       <div class="side back">
         <h3>Back</h3>
       </div>
     </div>
    </div>
```
####CSS:
```css
/*card container with the height and width of 150px and used perspective for 3d*/
.card-container{
  cursor:pointer;
  height:150px;
  width:150px;
  perspective:600;
  position:relative;
}
/*card to fit the size of the card container by giving the width and height of 100% and position of absolute which is relative to the card container*/
.card{
  height:100%;
  width:100%;
  transform-style:preserve-3d;
  position:absolute;
  transition:all 1s ease-in-out;
}
/*card rotate from y axis on hover*/
.card:hover{
  transform:rotatey(180deg);
}
/*Front side of the card with the property of backface visibility to make the other side of card hidden*/
.side{
  backface-visibility:hidden;
  height:100%;
  width:100%;
  position:absolute;
  border-radius:6px;
  background-color:limegreen;
}
/*back side of the card*/
.back{
  transform:rotatey(180deg);
  background-color:hotpink;
}
```
Happy Coding! 🙌
What is the web scraping and how it works?
Tags: python, javascript, webdev, security
Published: 2020-09-03 19:56:39


![Alt Text](https://media-exp1.licdn.com/dms/image/C4E12AQFFXRRp2Urp6w/article-inline_image-shrink_1000_1488/0?e=1604534400&v=beta&t=36omjGyrsCEsOV2eQGXCdgaFCmmBaq5Z2tFNKWZkV3A)

#**What is web scraping?**
Web scraping is a way to take some data from a large amount of data on the website and export it in different types of shapes such as JSON, CSV, Excel sheets and various extensions depending on the application or framework we use all of this for the purpose of analyzing that data to draw conclusions and comparisons from it.

![Alt Text](https://media-exp1.licdn.com/dms/image/C4E12AQGxCLqM0OABSg/article-inline_image-shrink_1000_1488/0?e=1604534400&v=beta&t=q07Nae-k3HJnw8X62wD2Rt6yOqbZW7gsUFNMluOeTMU)

#**How does web scraping work?**
* the web scraping first take one or more websites URL
* then the scraper loads the HTML page, and if you use advanced scrapper it will render the entire page including CSS and JavaScript
* than scraper extract all the page data or specific element base on what we need
* then it will export the data in CSV, Excel, JSON or any other sport extinctions


![Alt Text](https://media-exp1.licdn.com/dms/image/C4E12AQF1W4KocY7PyQ/article-inline_image-shrink_1000_1488/0?e=1604534400&v=beta&t=HlQKHz64OZwYdNj2v6tWA2M9OYNSTFgAld3iI8Ph5rM)

#**What are the uses of web scraping?**
* Scraping data from websites to generate leads
* Scraping product data from sites like Amazon for competitor analysis
* Scraping product details for comparison shopping
* Scraping financial data for market insights and research
* Scraping jobs websites to find most Appropriate for clients
* there are a lot of things to use scraping with that is based on the person who uses it



![Alt Text](https://media-exp1.licdn.com/dms/image/C4E12AQF8lR0VSumZ0Q/article-inline_image-shrink_1000_1488/0?e=1604534400&v=beta&t=SdYCvj6JS5gel5IQ2IP8ouNYa9eC44-_z0CZIPS9eUY)

#**What do I need as a programmer to learn it?**

* Basic knowledge in programming languages like python or JavaScript
* Basic knowledge in a framework that is for scraping and this is some example for python (Scrapy, PySpider, Selenium)
* Basic Html knowledge that is for knew the type of element in the target web site to scrape it
* Basic CSS or XML knowledge that for use it to select the HTML * elements from the website by the framework tools
* (Optional) basic knowledge in the regular expression to search for the HTML elements in the website

![Alt Text](https://media-exp1.licdn.com/dms/image/C4E12AQF8slpeJDeJZA/article-inline_image-shrink_1000_1488/0?e=1604534400&v=beta&t=TL3p15wOI4gq17YaEwYYyTCfFag6K9rO7ysi-rkJnRg)

#**Conclusion:**
in the end, web scraping is an important topic and easy to learn by some basic knowledge you can begin to work in this niche
Potentials of Digital Marketing in Nigeria 
Tags: digital
Published: 2020-09-03 19:42:02

Digital marketing in Nigeria is now the order of the day in our day-to-day marketing activities. Our phones and computers help us achieve this aim of digital marketing via the internet.

It’s said that we are in a “computer age” and of course it’s true as every grown-up individual you see today in Nigeria has a phone or computer that will help him or her access the internet.

The internet we know shows us the world the latest trends around the globe as it relates to the marketing of products and services. Most of the sellers or traders in Nigeria use digital marketing to advertise their goods via the internet such as Amazon, Google, and other E-Commerce sites, through their blogs, or through their social media accounts like Facebook, Twitter, or Instagram public to see.
https://tropics.ng/2020/09/01/the-potentials-of-digital-marketing-in-nigeria/
Nigerian News Headlines, 9ja news
Restaurant reviews app made using Flutter and Firebase
Tags: flutter, flutterdev, opensource, github
Published: 2020-09-03 19:26:10

So, a couple of days ago I developed a food restaurant reviews app using Flutter and Firebase, and made it open-source by uploading the source code on my GitHub profile.

##About the app
Foodspace is an app made using Flutter, where people can register and start exploring wide categories of restaurants present in their cities and also check the reviews and feedback for a specific restaurant. There is also a ‘likes section’ where all the restaurants liked by the user are displayed.

I was using the Zomato API for fetching details of these restaurants by place, and using the co-ordinates that I received from the API, created a map that shows a pointer which points to the location of the restaurant that you have clicked using flutter_map dependency.

Firebase was used to store the login credentials and all the restaurants any particular user has liked. Stored user login data using shared_preferences to avoid users to login everytime they close and reopen the app. Used firebase_auth for user authentication.

Here is the link to the source code: https://www.github.com/ahmedgulabkhan/Foodspace

If you like the project, you can star the repository on GitHub, or contribute to it by making Pull requests.

The final app looks something likes this

<img src="https://raw.githubusercontent.com/ahmedgulabkhan/Foodspace/master/snapshots/foodspace_snapshots.png" alt="Markdown Monster icon"/>

##Dependecies used
- introduction_screen
- firebase_auth
- google_sign_in
- cloud_firestore
- flutter_spinkit
- shared_preferences
- font_awesome_flutter
- shimmer
- flutter_map

<b>I also made a medium article explaining how I implemented most of the things, you can check it out [here](https://medium.com/@ahmedgulabkhan/food-app-made-using-flutter-and-firebase-fd4cb77d29a2).</b>

Hope you like this project, would love to hear your feedback on this :).
DJANGO/ is this the right steps to getting info to show in admin? 
Tags: django, python, html, style
Published: 2020-09-03 19:14:25

1)Urls.py - create path

[templates folder]

2)Views.py - create HTML to render

3)Models.py - create class to use

4)Apps.py - create config in settings 

5)Admin.py - import models classes to show.... and they show?
Prevent blank and initial search with Algolia
Tags: gatsby, tips, beginners
Published: 2020-09-03 19:17:39

---
title: Prevent blank and initial search with Algolia
published: true
date: 2020-09-03 19:12:47 UTC
tags: gatsby,tips,beginner
canonical_url: https://www.mskog.com/posts/prevent-blank-and-initial-search-in-algolia
---

 ![Prevent blank and initial search with Algolia](https://s3-eu-central-1.amazonaws.com/mskog-cms/2020/09/photo-1528911104572-560677f3996b.jpeg)

[Algolia](https://www.algolia.com/) recent updated their [pricing](https://www.algolia.com/pricing/). You no longer have to pay a hefty monthly fee to get search going. It is now entirely based on your search volume and you get 10000 search requests for free every month. This makes it very attractive for blogs like this one.

I follow the [official Gatsby guide](https://www.gatsbyjs.com/docs/adding-search-with-algolia/) to get search going which was easy enough, but I ran into a problem. Algolia will by default make a search request on every single page load _and another_ when you focus the search bar. The reasoning for this is that firing off a blank request make the next request faster. However, for people who are trying to limit the number of requests this is a problem. For a popular blog you'd very easily hit the 10k limit even if no one is using your search.

There is no official way to skip the initial or blank search using the [Algolia React client](https://github.com/algolia/react-instantsearch) so we have to do it ourselves. You probably have something like this in your code if you use the official client:

```javascript
  const algoliaClient = algoliasearch(
    "ID",
    "KEY"
  );

  return (
    <div ref={rootRef}>
      <InstantSearch
        searchClient={algoliaClient}
        indexName={indices[0].name}
        onSearchStateChange={({ query }) => setQuery(query)}
      >
        <SearchBox onFocus={() => setFocus(true)} hasFocus={hasFocus} />
        <SearchResult
          show={query && query.length > 0 && hasFocus}
          indices={indices}
        />
      </InstantSearch>
    </div>
  );
```

To fix the issue all you have to is to create your own search client and hook into the search method like so:

```javascript
  const algoliaClient = algoliasearch(
    "ID",
    "KEY"
  );

  const searchClient = {
    search(requests) {
      if (requests[0].params.query === "") {
        return [];
      }
      return algoliaClient.search(requests);
    },
  };

  return (
    <div ref={rootRef}>
      <InstantSearch
        searchClient={searchClient}
        indexName={indices[0].name}
        onSearchStateChange={({ query }) => setQuery(query)}
      >
        <SearchBox onFocus={() => setFocus(true)} hasFocus={hasFocus} />
        <SearchResult
          show={query && query.length > 0 && hasFocus}
          indices={indices}
        />
      </InstantSearch>
    </div>
  );
```

There you go! No more searches being fired on initial page load and no more blank searches.
AzureFunBytes Episode 13 - DevOps on @Azure with @DonovanBrown
Tags: devops, azure, beginners, tutorial
Published: 2020-09-03 19:08:06

#AzureFunBytes - from 9/3/2020.

This week, my guest is [Donovan Brown](https://twitter.com/DonovanBrown)!  Donovan joins me to discuss DevOps! We discuss how bringing people and processes together improves the experience for our customers.  Donovan helps me "rub some DevOps" on some deployment targets we'll spin up to ensure repeatable, reliable releases.

We take questions, discuss how Donovan's ideas about DevOps, and more

{% youtube leuQITlWDGQ %}

AzureFunBytes! - Byte-sized content with a live Twitch show!

Learn about Azure fundamentals with me!

Live stream is available on Twitch at 2 pm EDT Thursday. You can also find the recordings there as well.

https://twitch.tv/azurefunbytes
https://twitter.com/azurefunbytes

Join me, ask questions, and learn about Azure!

[Microsoft Learn: Azure Fundamentals](https://cda.ms/1jV)
[Microsoft Azure: $200 Free Credit](https://cda.ms/1tj) 
[DevOps at Microsoft](https://cda.ms/1B2) 
[What is Azure Pipelines?](https://cda.ms/1zZ) 
[What is Azure Repos?](https://cda.ms/1B0) 
[What is Azure Boards?](https://cda.ms/1B1)
[Azure DevOps Documentation](https://cda.ms/1zY)
Populate Ansible from Amazon secrets manager
Tags: secrets, aws, ansible
Published: 2020-12-27 21:19:25

---
title: Populate Ansible from Amazon secrets manager
published: true
date: 2020-09-03 18:06:58 UTC
tags: secrets,aws,ansible
canonical_url: https://medium.com/shanes-tech-tips/populate-ansible-from-amazon-secrets-manager-8eac77127e37
---

### Populate Ansible from AWS Secrets Manager

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

One of the ways to improve your security and avoid passing around env files is to follow the [twelve factor app](https://12factor.net/config) and start populating your secrets from the environment. Another improvement is to pull those secrets from a known secret store, with features like rotation, auditing etc.

### **Requirements**

- [Ansible](https://www.ansible.com/)
- Have some secrets stored in [AWS Secrets Manager](https://aws.amazon.com/secrets-manager/)
- Ansible should have access to the latest [aws-cli](https://aws.amazon.com/cli/) command(secrets manager is a recent addition)
- [Jq](https://stedolan.github.io/jq/) if you’re storing json in your secrets

It’s worth testing your AWS calls to just extract the secret you’re interested in to stdout, from the terminal tests some calls like:

```
aws secretsmanager get-secret-value --secret-id some/secret/name --query SecretString --output text
```

Or for json you might do something like:

```
aws secretsmanager get-secret-value --secret-id secrets| jq --raw-output '.SecretString' | jq -r .API\_KEY
```

### Ansible Config

Once you have secrets manager outputting your secrets to stdout, you can utilise it in Ansible. In this example I’m outputting to an env file but this could but used anywhere in Ansible. Instead of outputting to a file you could set its own environment variables then spin up the project from Ansible without outputting to a file anywhere.

```
- name: Setting env with some secret
  args:
    executable: /bin/bash
  shell: |
    aws secretsmanager get-secret-value --secret-id some/secret/name --query SecretString --output text
  register: some\_secret

- name: pass response of ssm to .env file
  become: no
  blockinfile:
    dest: '{{ some\_environment\_path }}/.env'
    state: present
    create: yes
    marker: "# {mark} MY SECRET FROM AWS #"
    block: |
      SOME\_SECRET='{{ some\_secret.stdout }}'
```

And that’s it! Anything I could’ve done better(which I’m sure there is), do let me know!

* * *