teleren/devto huggingface dataset:
Loops in JavaScript
Tags: loops, iteration
Published: 2020-07-09 18:20:55

While going through the Vets Who Code coding bootcamp we were introduced to loops, mainly for loops.  It was not until I completed the cohort and started digging deeper into JavaScript and learning more through books and podcasts that I actually found out there were more to loops that just the for loop.  In this article I will be giving an overview of the loops and statements that work with them and how they are used.  Maybe in a later article I will dig even deeper into this subject.

While the for loop is used to repeat something until the statement is false, some of the statements used in conjunction with loops are:

```break
continue
do....while
for...in
for...of
labeled
while

```The break loop is used to terminate a loop or switch the loop when it is used with a labeled statement.

The <i>Continue</i> loop is used to restart the do...while, for, label and while statements.

The <i>do...while</i> statement repeats until a condition returns false.

The <i>for...in</i> statement through the properties of an object.

The <i>for...of</i> statement through the value of iterable objects.

The <i>label</i> statement utilizes a statement which you can break out of code block with a break statement or a continue statement.

The <i>while</i> statement executes a statement as long as the statement is true.

With this just touching the surface of loops and iterations, it was more than I was aware of or had time to dig into while in the bootcamp.  From here on out I just look forward to finding the time to dig deeper into more and more subjects to keep my learning process going.
The .NET Docs Show: An accessibility audit of .NET Blazor with Chris DeMars
Tags: dotnet, aspnet, webdev, dotnetdocsshow
Published: 2020-07-09 18:20:14

---
title: The .NET Docs Show: An accessibility audit of .NET Blazor with Chris DeMars
published: true
description: In this episode, Chris DeMars exemplifies best practices for considering web accessibility in the real-world. We put our https://dotnetdocs.dev website under a full accessibility audit, and learned about ways to improve our rating using Lighthouse, Axe extensions, and contrast-ratio. We learned about numeronyms, and various ways to develop empathetically with a user-first mindset. Chris said it best, "accessibility is a must"!
tags: dotnet, aspnet, webdev, dotnetdocsshow
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/iwfr1vmtrlpsracvp2e8.jpg
---

Continuing our recent theme on [The .NET Docs Show](https://dotnetdocs.dev) of discussing Blazor - we had an amazing show focusing on [Web Accessibility](https://en.wikipedia.org/wiki/Web_accessibility). Blazor is a framework for building interactive client-side web UI with .NET!

In this episode, [Chris DeMars (Microsoft MVP)](https://mvp.microsoft.com/en-us/PublicProfile/5003243) exemplifies best practices for considering web accessibility in the real-world. We put our https://dotnetdocs.dev website under a full accessibility audit, and learned about ways to improve our rating using [Lighthouse](https://github.com/GoogleChrome/lighthouse), [Axe extensions](https://www.deque.com/axe/browser-extensions), and [constrast-ratio](https://contrast-ratio.com). We learned about [numeronyms](https://a11yproject.com/posts/a11y-and-other-numeronyms), and various ways to develop empathetically with a user-first mindset. Chris said it best, "accessibility is a must"! We also got to experience what our site might look like to someone with a visual disability using [Spectrum](https://chrome.google.com/webstore/detail/spectrum/ofclemegkcmilinpcimpjkfhjfgmhieb).

{% youtube cil7-oyyrMo %}

If you liked this video and would like to see some more of our .NET content, please subscribe to our [The .NET Docs Show YouTube Channel](https://www.youtube.com/channel/UCIy_nKrwrd-naf_MPWtXdLA).

As promised, this is the Chris and Dave origin story pic:

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

# Useful links

- [Introduction to ASP.NET Core Blazor](https://docs.microsoft.com/aspnet/core/blazor?WT.mc_id=devto-thedotnetdocs-dapine)
- [Lighthouse - GitHub](https://github.com/GoogleChrome/lighthouse)
- [Axe extensions](https://www.deque.com/axe/browser-extensions)
- [Contrast Ratio](https://contrast-ratio.com)
- [Chrome DevTools: Accessible Colors]( https://uxdesign.cc/chrome-devtools-accessible-colors-300ec462a63c)
- [Spectrum](https://chrome.google.com/webstore/detail/spectrum/ofclemegkcmilinpcimpjkfhjfgmhieb)
- [The .NET Docs Show](https://dotnetdocs.dev)
🔥🔥 How to Use WebdriverWait in Selenium?
Tags: testing, tutorial, beginners, webdev
Published: 2020-07-09 18:17:46

✅ Join us - https://sendfox.com/thetestingacademy
✅ Master API Testing - https://learnapitesting.com.

In this video, We are going to learn How to Use WebDriver wait in Selenium?

[![ WebdriverWait in Selenium](https://i.imgur.com/BL6AMED.png
)](https://youtu.be/5HROcdUrQAM "WebdriverWait in Selenium")

🚀 Day 30 Task :  WebdriverWait in Selenium
🚀 All Task List : https://scrolltest.com/automation/task
🚀 Watch Full Playlist : https://apitesting.co/30days

✅ What is WebDriver Wait?
 It is applied on certain element with defined expected condition and time.
 It is Type of Explicit Wait.
 Explicit Wait is code you define to wait for a certain condition to occur before proceeding further in the code.
 wait is only applied to the specified element
 It can also throw exception when element is not found.

✅Types of Explicit Wait in Selenium?
 1. WebDriverWait - 

  - alertIsPresent() 
- elementSelectionStateToBe() 
- elementToBeClickable() - 
elementToBeSelected() 
- frameToBeAvaliableAndSwitchToIt() 
- invisibilityOfTheElementLocated() 
- invisibilityOfElementWithText() 
- presenceOfAllElementsLocatedBy() 
- presenceOfElementLocated() 
- textToBePresentInElement() 
- textToBePresentInElementLocated() 
- textToBePresentInElementValue() 
- titles() 
- titleContains() 
- visibilityOf() 
- visibilityOfAllElements() 
- visibilityOfAllElementsLocatedBy() visibilityOfElementLocated()
```java
  //WebDriverWait wait = new WebDriverWait(WebDriverRefrence,TimeOut);
  WebDriverWait wait = new WebDriverWait (driver, 10);
 wait.until(ExpectedConditions.VisibilityofElementLocated(id(“btn-make-appointment”)));
```
 2. FluentWait.

```java
Sample usage:

   // Waiting 30 seconds for an element to be present on the page, checking
   // for its presence once every 5 seconds.
   Wait<WebDriver> wait = new FluentWait<WebDriver>(driver)
       .withTimeout(30, SECONDS)
       .pollingEvery(5, SECONDS)
       .ignoring(NoSuchElementException.class);

   WebElement foo = wait.until(new Function<WebDriver, WebElement>() {
     public WebElement apply(WebDriver driver) {
       return driver.findElement(By.id("foo"));
     }
   });
```

--
Be sure to subscribe for more videos like this!

[![ TheTestingAcademy](https://dev-to-uploads.s3.amazonaws.com/i/r7vcy6wbvyjbk1y1uu0o.png
)](https://www.youtube.com/TheTestingAcademy?sub_confirmation=1 "TheTestingAcademy")
Class And Objects
Tags: oop, computerscience, codenewbie, tutorial
Published: 2020-07-09 18:12:24

A **Class** is a blueprint, template, or prototype that defines the variables and the methods common to all objects of the same kind. 
**Object** acts as a member, specimen, or instance of the class.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/8ymxw9fwclrj6lzux5w8.jpg)
**Objects** help programmers to use *variables* and *methods* as specified in the class.

>Classes have logical existence and Objects have a physical existence.

Enough theory🥱, Let's take a real-world example of the laptop💻 on which you might be reading this tutorial:

Take a laptop class has: 
* variables(states): Brand, Operating System, Processor, and RAM
* methods(behavior): start, restart and shutdown
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/rro6k046jqez7ipdet1r.JPG)

Now, Let's real objects i.e real Laptops which follow the same blueprint as specified in the laptop class:

Object LAP-01:![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/vrkzio02tv6ynmfv4xpi.JPG)
Object LAP-02:![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/0hdrf86vc9n3ngnoiyog.JPG)

Taking look at these two objects: LAP-01 and LAP-02, You will observe that they have differences but they share the same prototype as specified in the parent class.

>Thus, **Class** is a sketch while **Object** is the same sketch of a parent class with different colors.
Onboarding - Building SaaS #48
Tags: python, django, saas, onboarding
Published: 2020-07-09 18:08:04

{% youtube _AZbG44sFpk %}

In this episode, we did some design work to plan out the onboarding flow for new users.  I spoke through my design process, outlined what a new user will need to do to succeed, wrote down the plan in GitHub issues, then started to implement that flow.

I started the stream with a quick fix to the main app view.

After that, we started a new project in the app.  I needed to design the starting experience for a user.

I explained to the stream all of the data that a user needs to be successful with the app.  We looked at `django-extensions` and the graph of all the models that it can produce.

After we had the data in mind, I listed the steps required to get that minimal set of data.  We put all those ideas into GitHub and put together a GitHub milestone to track the work.

Once the work was set, we got started on the onboarding flow.  We finished the stream by connecting that onboarding starting point to the signup page.

This article first appeared on [mattlayman.com](https://www.mattlayman.com/building-saas/onboarding/).
A Deep Dive into POWERful Serverless Application 
Tags: ama, powerfuldevs, azure, powerplatform
Published: 2020-07-09 17:57:15

--- 
title: A Deep Dive into POWERful Serverless Application 
published: true 
description: In this session, Simona Cotin will teach how to build serverless application that scale seamlessly and automatically and leverage the Power Platform to create reliable and low-code applications. 
tags: ama, powerfuldevs, azure, powerplatform
--- 
<hr /> 
  
#### #PowerfulDevs Conference 
  
`RSVP HERE BY JULY 15:` 
[https://aka.ms/powerfuldevsconf](https://aka.ms/powerfuldevsconf) 
  
The [Powerful DEVs Conference](https://aka.ms/powerfuldevsconf) is the first virtual conference of its kind. We will showcase how developers can leverage the Power Platform to build applications faster and with far less effort. Connect with industry-recognized ProDev influencers, Microsoft Cloud Advocates, trusted and diverse community leaders, and members of the Power Platform Team. 
  
`BOOKMARK THIS FOR RESOURCES AND DISCUSSION WITH SPEAKERS`  
{% link https://dev.to/azure/powerfuldevs-conference-join-us-on-july-15th-online-fe3 %} 
 
Revisit this page during the event to engage in live (and post-event) discussions on those topics with both speakers and community. The speakers will be here for a live Q&A for at least 30 minutes immediately after their session concludes. After the event, come back to find additional slides, videos, and resources for this session. 
  
<hr/> 
  
## About This Session: 
  
`July 15, 2020: 09:30 PDT – 09:55 PDT` 
  
Far from being the latest 'tech trend', serverless applications help your organization scale quickly and efficiently. They take the hassle out of provisioning infrastructure, configuring web servers, debugging configuration, and managing security settings, allowing your team to focus on coding and testing. The one aspect where serverless functions fall short is when it comes to state management. When missing state management abilities, building up complex flows in your data processing will prove to be quite daunting, and often, will require you to provide custom mechanisms for enabling you to communicate between your functions. Join this session to learn how to build serverless applications that scale seamlessly and automatically and leverage the Power Platform to create reliable and low-code applications.   
 
Additional Resources: [25 Day of Serverless](https://25daysofserverless.com/) 
[Learn Serverless](https://aka.ms/learn-serverless)
[Intro to Azure Functions](https://aka.ms/PowerServerless)
 
## About the Speakers: 
Simona Cotin is a Cloud Advocate @ Microsoft and the ServerlessDays Co-organizer. Follow [@simona_cotin](https://twitter.com/simona_cotin) on Twitter.
Top 5 SyntaxFM Episodes
Tags: webdev, podcast
Published: 2020-07-09 17:50:59

5. Ep #241 "Hasty Treat - 5 More Things That Make Your Site Slow"

4. Ep #164 "A Story About Kanye West and Learning to Code"

3. Ep #200 "Show 200!"

2. Ep #192 "Spooky Web Dev Horror Stories"

1. Ep #11 "Our favorite Productivity Hacks 🔥"
7 Pitfalls that ruin the testing cycle | 7 Mistakes to avoid when doing manual testing
Tags: testing, beginners, qa
Published: 2020-07-09 17:40:15

Countless projects with great potential have tanked as a result of the inability to achieve intended product goals within the specified time frame. While this can happen for a myriad of reasons, in the world of software development, QA engineers bear a great responsibility as gatekeepers of quality to ensure the products are ready for release. 

Here are 7 software testing tips and considerations to help you prevent product release disasters as a manual tester.

1. Testing without understanding Requirements
2. Not Prioritizing Test Cases
3. Testing Only after you have deployed the code
4. Not reporting defects correctly
5. Not implementing traceability across the project
6. Not time-boxing exploratory testing
7. Not performing root cause analysis

{% youtube uG3xrm1LHQA %}
Day 12 of #30DaysOfCode | Conditionals In Go (golang)
Tags: go, codenewbie, challenge, motivation
Published: 2020-07-09 17:27:59

Hey wonderful people! How are you doing today? I hope you are healthy in the pandemic. I hope that you are living your life and learning new things every day. Today is Day 12 of #30DaysOfCode challenge and I learnt about conditionals in Go.
<i>
Whenever you are writing a program, you don't want to execute from the first line to the last line. You want to have control over your program. You want to run some lines code only when a certain situation is met and the conditionals help you to do so.
</i>
The conditionals help you to control the flow of your program. In Golang, we have many conditionals. These conditionals are very similar to other C like languages. Let's talk about them one by one.

1. If conditional: The <code>if</code > conditional executed the code inside its block when a condition is true.

2. If-Else conditional: The if-else conditional executes the code inside the <code>if</code> block when a certain condition is true and it executed code in <code>else</code> block when the condition is false.

3. If, Else-If and Else conditional: The if, else if, else conditional execute the code in <code>if</code> block when the <code>if</code> condition is true. If the condition is not true, it moves to the <code>else if</code> block and executes the code in its block if the condition in <code>else if</code> is true. If none of the <code>if</code> and <code>else if</code> conditions are true, it execute the code in the <code>else</code> block.

4. Switch Case statement: The switch case statement is used to select one of many blocks of code to be executed. It executes the code of a case when the condition for that case is true.

These conditionals work almost the same in practice in Go as they work in other C-like languages. Here is a simple example of <code>if, else if, else</code> in Go.

![Conditional exanple in golang](https://dev-to-uploads.s3.amazonaws.com/i/dlp1fsnm5uu0flacihih.png)

Alright! That's gonna be it for today's post.
Bye.

Connect With Me:
Youtube: <a href="https://www.youtube.com/c/ShubhamSauravYT" target="_blank" rel="noopener noreferrer">ShubhamSauravYT</a>.
Twitter: <a href="https://www.twitter.com/hiShubhamSaurav" target="_blank" rel="noopener noreferrer">@hiShubhamSaurav</a>
Instagram: <a href="https://www.instagram.com/hiShubhamSaurav" target="_blank" rel="noopener noreferrer">@hiShubhamSaurav</a>
Facebook: <a href="https://facebook.com/hiShubhamSaurav" target="_blank" rel="noopener noreferrer">@hiShubhamSaurav</a>
Reusing Functionality – Azure Functions and the Power Platform 
Tags: ama, powerfuldevs, powerplatform, azurefunctions
Published: 2020-07-09 17:27:25

---  

title: Reusing Functionality – Azure Functions and the Power Platform 

published: true 

description: In this session, Lee Baker is going to show us how to use Azure Durable functions to separate log running functionality and then integrate and use this from all types of Power Apps. 

tags: ama, powerfuldevs, powerplatform, azurefunctions 

--- 

<hr /> 

  

#### #PowerfulDevs Conference 

  

`RSVP HERE BY JULY 15:` 

[https://aka.ms/powerfuldevsconf](https://aka.ms/powerfuldevsconf) 

  

The [Powerful DEVs Conference](https://aka.ms/powerfuldevsconf) is the first virtual conference of its kind. We will showcase how developers can leverage the Power Platform to build applications faster and with far less effort. Connect with industry-recognized ProDev influencers, Microsoft Cloud Advocates, trusted and diverse community leaders, and members of the Power Platform Team. 

  

`BOOKMARK THIS FOR RESOURCES AND DISCUSSION WITH SPEAKERS`  
{% link https://dev.to/azure/powerfuldevs-conference-join-us-on-july-15th-online-fe3 %} 

 

Revisit this page during the event to engage in live (and post-event) discussions on those topics with both speakers and community. The speakers will be here for a live Q&A for at least 30 minutes immediately after their session concludes. After the event, come back to find additional slides, videos, and resources for this session. 

  

<hr/> 

  

## About This Session: 

  

`July 15, 2020: 10:00 PDT – 10:25 PDT` 

  

How many of you know how to use Azure Durable functions to do great things? Lee is going to show us how to use Azure Durable functions to separate long running functionality and then integrate and use this from all types of Power Apps. Don’t miss it! 

  

## About the Speakers: 

  

Lee Baker is a lead technologist focused on modernizing businesses with Azure and the Power Platform. Follow [@leembaker](https://twitter.com/LeeMBaker) on Twitter.
Extending your Powerful Apps with Azure, GitHub Actions, and .NET
Tags: ama, powerfuldevs, azure, devops
Published: 2020-07-09 17:21:46

--- 
title: Extending your Powerful Apps with Azure, GitHub Actions, and .NET
published: true 
description: In this session, Abel Wang, Brady Gaster, and Ralph Squillace will show you how the Azure Power Platform, DevOps, and .NET can be used together. 
tags: ama, powerfuldevs, azure, devops 
--- 
<hr /> 
  
#### #PowerfulDevs Conference 
  
`RSVP HERE BY JULY 15:` 
[https://aka.ms/powerfuldevsconf](https://aka.ms/powerfuldevsconf) 
  
The [Powerful DEVs Conference](https://aka.ms/powerfuldevsconf) is the first virtual conference of its kind. We will showcase how developers can leverage the Power Platform to build applications faster and with far less effort. Connect with industry-recognized ProDev influencers, Microsoft Cloud Advocates, trusted and diverse community leaders, and members of the Power Platform Team. 
  
`BOOKMARK THIS FOR RESOURCES AND DISCUSSION WITH SPEAKERS`   
{% link https://dev.to/azure/powerfuldevs-conference-join-us-on-july-15th-online-fe3 %} 
  
Revisit this page during the event to engage in live (and post-event) discussions on those topics with both speakers and community. The speakers will be here for a live Q&A for at least 30 minutes immediately after their session concludes. After the event, come back to find additional slides, videos, and resources for this session. 
  
<hr/> 
  
## About This Session: 
  
`July 15, 2020: 13:00 PDT - 13:55 PDT` 
  
In this session you'll see how Azure, Power Platform, .NET, and DevOps can be used together.  
  
* Brady shows us how Visual Studio 2019's 16.7 updates make it easier than ever to get your ASP.NET Core APIs into Azure API Management, then how those APIs can be used to extend your Power Apps.  
  
* Abel walks us through how GitHub Actions and Azure DevOps can be used to automate the deployment of your back-end APIs.  
  
* Ralph introduces us to the brave new world coming soon, in which your entire application topology can be packaged and deployed automatically.  
  
This lap around how the Azure and Power Platform can be used together will surely show you the power of the Microsoft development ecosystem. 
  
## About the Speakers: 
  
Abel Wang is a Principal Cloud Advocate and DevOps Lead @ Microsoft. Follow [@abelsquidhead](https://dev.to/abelsquidhead ) on dev.to. 
  
Brady Gaster is a Senior Program Manager in the Developer Division @ Microsoft. Follow [@bradygaster](https://twitter.com/bradygaster) on Twitter. 
  
Ralph Squillace is a Principal Program Manager on the Azure App Platform Team @ Microsoft. Follow [@ralph_squillace](https://twitter.com/ralph_squillace) on Twitter. 

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

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/5kdipvrzz1rpn807b5b9.jpg)


![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/0wsizf0o9sc8ndyra1my.png)
You have to try out this API. 
Tags: sideprojects, showdev, mentalhealth
Published: 2020-07-09 16:40:52

Hi!

I'm Matt I created Safe Streaming in April, the API service provides a means for developers to deliver video content recommendations to users.

In simple terms, the service gives more information about video content to parents and survivors of trauma to empower them to make a safe choice before clicking play.

![Dashboard](https://dev-to-uploads.s3.amazonaws.com/i/2lw921rg3u0tfzauf10f.png)

Our newest feature set is foundational to our continued development on our Alexa Skill.

Our new tagging system detects and covers sensitivities over these items:

- Nudity
- Violence
- Bad Language
- Sexual Assault (implied or explicit)
- Abuse
- Substance Abuse
- Drugs
- Racism

68 thousand sensitivity tags that cover 46 thousand movies and TV shows. 

It goes deeper though.

With the API you can set up individual consumers with their unique needs and deliver instant recommendations. A given recommendation will show exactly what issues a piece of content contains and how it connects to a consumer's preferences.

![Instant Recommendation](https://dev-to-uploads.s3.amazonaws.com/i/bske0ccve0wj7por37c4.png)

The missing piece of the puzzle, providing clearer labels for video so viewers can avoid sensitive content.

Probably the most data-rich content labeling system in the industry #boldaf 😎

I mentioned earlier that we are working on an Alexa Skill to complement the API. After the release and some marketing, I will be running a **paid hackathon** and looking for innovative solutions.

Happy to answer any questions.

Fancy a chat with me? 👇