teleren/devto huggingface dataset:
Jesus Baquiax: Using Data Analytics to Inform Educational Approaches
Published: 2021-06-29 23:20:26

Over the past 6 years, I have worked in an Operations role at two different charter schools in Brooklyn. I had a variety of roles and responsibilities, but the favorite part of my job was always the data analysis of student investment, academic and behavior data, and teacher performance using google spreadsheets and excel. I enjoyed the google search for a method that someone else used that would work with the issue at hand and I would get a rush of excitement whenever I would figure out a long formula I was working on. 

I first learned about Data Science from a co-worker who was always impressed with what I was doing with google spreadsheets and strongly encouraged me to look into Data Analytic Bootcamp Programs. My co-worker also mentioned that someone they knew had taken the program and enjoyed it and was able to get a job after the program. As I began doing my research, I realized that this was similar to what I was doing in a different and more robust "language" and at a much higher difficulty/intensity.

I want to explore how data science can help schools and the education technology industry improve in order to better support the students they serve especially in lower income communities. 

One specific question I want to explore is how New York City (NYC) charter schools have performed over time with the New York State Exam (NYSE). The NYSE is a required exam that all NYC Department of Education (DOE) public schools have to administer and is used to determine whether a student will be promoted to the next grade. I don't believe there is a analysis that exists that answers this question and I think this is important to 1) to see if charter schools are a viable option for parents to send their kids to who want to see their children be well educated and 2) and which charter schools have performed more exceptionally than others. 

Flatiron School was the program my co-worker recommended to me and when I began looking deeper into the program, the two main factors that appealed most to me were its job application network and full-time program. Flatiron School has multiple locations across the U.S. and access to their respective job market and having the option to apply to various locations with the support and network Flatiron school offers will provide me an advantage when I begin applying for jobs. I was also intrigued by the schedule and curriculum that their full time program offers. I have discovered that the best way for me to learn a new skill is to fully dedicate myself to the absorption of the material and not get distracted by other commitments.

In the future, I want to apply the data analytic skills I learn from this program to become a data analyst or some similar capacity for a education technology company, a large charter school network, or State Department of Education.

Hopefully I'll have more exciting news and updates to offer in the coming weeks and months. Stay tuned!

- Jesús Baquiax
Epispot v3.0.0-alpha
Tags: post
Published: 2021-07-25 18:06:05

---
title: Epispot v3.0.0-alpha
published: true
date: 2021-06-29 21:56:00 UTC
tags: post
canonical_url: https://epispot.github.io/epiblog/post/2021/06/29/v3.0.0-alpha.html
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j12tmjd19mckr6emfzm0.png
---

Epispot v3.0.0 alpha is out, and we have a whole lot to talk about.

## New Plots

Epispot is getting new plots with plotly, and graph styling from science plots if you use matplotlib, not to mention a whole redesign of the plots module, which is now a sub-module, including the `epispot.plots.native` for native plots w/ matplotlib and `epispot.plots.web` for web-based interactive plotting w/ plotly. ![test_plotting_tfs](https://user-images.githubusercontent.com/46249765/122470333-c8fa4b80-cf72-11eb-8c05-b60243ff6a39.png)Plotly web chart (stacked area graph of the SEIR model)

## The CLI

We introduced this in the nightly package a while ago, and now it’s here in the alpha of v3.0.0.

```
epispot about 
```

Don’t worry, `3.0.0` will have much more than just that command.

## With more coming soon…

As far as we are concerned, v3.0.0-alpha is only the start, with the beta, rc, and of course, _the 3.0 release_, you can expect bug fixes and more coming to epispot.
[Vue.js] How to create beautiful and realistic confetti animations using tsParticles
Tags: vue, javascript, showdev, webdev
Published: 2021-06-29 23:10:00

I wrote a post about tsParticles and the new confetti animation created in the `1.30` version.

{% link https://dev.to/matteobruni/how-to-create-beautiful-and-realistic-confetti-animation-with-tsparticles-1lkm %}

This configuration can be used as is in any Vue.js 2.x tsParticles installation (`particles.vue` package).

*app.js*
``` javascript
import Particles from "particles.vue";

Vue.use(Particles);
```

*home.vue*
``` javascript
<!-- this component can be placed anywhere -->
<Particles :options="/* paste options here, remember to replace double quotes with single quotes */" />
```

A working sample can be found below

{% codesandbox quiet-violet-u4g4v %}

{% github matteobruni/tsparticles %}
Introducing NxDotnet
Published: 2021-06-29 23:03:47

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

## Adding .NET to Nx workspace
🔎 Nx is a set of Extensible Dev Tools for Monorepos and NxDotnet is one of the many plugins of Nx, which add capabilities for developing dotnet applications such as generating applications, libraries, etc as well as the devtools to test, and build projects as well.

## Installing NxDotNet
After creating an Nx workspace ([How to set up an Nx workspace? Click here!](https://asafarim.com/docs/nx-workspace/nx-basics#how-to-set-up-an-nx-workspace)), open a command line interface (CLI) like Windows ***PowerShell*** inside your existing workspace and run the command below to add .Net capabilities to your workspace.
```bash
yarn add @nx-dotnet/core
```
### Generate an application
To generate an application run:
```bash
nx g @nx-dotnet/core:app my-app
```
### Generate a library
To generate a library run:
```bash
nx g @nx-dotnet/core:lib my-lib
```
## Serve generated application locally
For a dev server, run the command below. This command can automatically reload if any of source file changes by watching for file changes and rebuilding the project.
```bash
nx serve my-app
```
## Build the project
To build the project run: 
```bash
nx build my-app
```
and for a production build, run:
```bash
nx build my-app --prod
```
## Dependency diagram
In order to see dependency diagaram of your application(s) and lib(s), run the command below:
```bash
nx dep-graph
```
[React.js] How to create beautiful and realistic confetti animations using tsParticles
Tags: showdev, react, javascript, webdev
Published: 2021-06-29 22:48:00

I wrote a post about tsParticles and the new confetti animation created in the `1.30` version.

{% link https://dev.to/matteobruni/how-to-create-beautiful-and-realistic-confetti-animation-with-tsparticles-1lkm %}

This configuration can be used as is in any React tsParticles installation.

``` javascript
import Particles from "react-tsparticles"

<!-- this component can be placed anywhere -->
<Particles options={/* paste options here */} />
```

A working sample can be found below

{% codesandbox strange-bohr-mfdz0 %}

{% github matteobruni/tsparticles %}
Coding Standards and Naming Conventions
Tags: codenewbie, standards
Published: 2021-06-29 22:17:48

Good coding standards makes it so you can find code faster, read and understand it easily, and increase reusability.  One hour of forethought and planning can prevent literally hundreds of hours of unnecessary upkeep, straining for interpretation, and possible future bugs.

*“Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live.”*
— John Woods

### Goals of Coding Standards / Naming Conventions

 * Readability 
 * Text Searching 
 * Consistency 
 * Reusability

## Coding Time

*“Indeed, the ratio of time spent reading versus writing is well over ten to one. We are constantly reading old code as part of the effort to write new code. …[Therefore,] making it easy to read makes it easier to write.”*
― Robert C. Martin

Robert C. Martin is an American software engineer, instructor, and best-selling author. He is most recognized for developing many software design principles and for being a founder of the influential *Agile Manifesto*.

If he's correct about how much time is wasted reading code, then as software developers it should be our utmost goal to improve our methodologies in order to fix this issue.

Imagine having to work 11 hours and knowing 10 of those hours will be reading and deciphering code so you can do one hour of coding and inserting it into the proper locations. If Coding Standards and Naming Conventions are strictly adhered to it is completely possible to change that so in an 8 hour day you spend only 4 hours reading code and the other 4 hours actually coding. Work 3 hours less and be 4 times more productive!

{% youtube 3mlWO01OWIo %}

Free PDF download plus link to the Programming Labs standards available at:
[Coding Standards and Naming Convention](https://wtk.pw/CodeStandard)

*“Weeks of coding can save you hours of planning.”*
Day 398 : I Can't Stand the Rain
Tags: hiphop, code, coding, lifelongdev
Published: 2021-06-29 21:59:43

_liner notes_:
- Professional : Had a pretty productive day. Had a quick group meeting. Worked out a small issue I was running into with a member of the Engineering team. Got a few cards put into review or done. Updated a couple of sections of the developer documentation. Merged a pull request that I got reviewed by some team members. Spoke with a Product Manager to get my input on a new use case. It's pretty cool. Looking forward to maybe doing a proof of concept. Updated some code in a GitHub repo. Yeah, not a bad day.

- Personal : Last night I was able to get the highlight video creation workflow finished. So now a user while watching the live stream add clips of things they found interesting, when the live stream is over, I take the video archive and cut out the timestamps the user picked and make a video out of the clips, then upload the highlight video to cloud storage. The next step is to let the user be able to download their video or share a link to Twitter that will have their video show up as the preview for the recorded video. The video looks super basic so I want to add some styling to it. I also watched another episode of "Loki". It's pretty good.

![View of a valley in Salcantay, Peru with brown mountains on the side with a little house and a large white mountain the in center at a distance.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iew8vixzwj61mqrh7akp.jpg)

The weather has been changing so quickly. I can't stand the rain that starts, I close my windows and then 5 minutes later it stops and then I open my windows and it repeats. haha Think I'm going to go through some tracks for the radio show. Then I want to design up how I want the video archives for the side project to look. Then, I'll catch another episode of "Loki" maybe.

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube eG4qQW7HbVg %}
FS Blog #6:  - My React/Redux Final Project
Published: 2021-06-29 21:43:37

For my React/Redux final project, I'm building Job Searcher, a web application and social platform that let users find, like, and save job postings. Users will be able to create accounts, login and log out of their accounts, search, filter, like, and save job postings base on location, company, keywords, etc. 

This project uses Rails API for the backend, and React, Redux, JavaScript, HTML and CSS for the frontend.  Since this is the final project of the program, I will also be using things I have learned in previous lessons, labs, and projects as well.  Hopefully the completed product will feel like an advance version of my previous projects. 

As I have learned from building my previous projects, a good practice is before start building a project is to first think through the user story, and design the user experience, then map out the models, classes and relationships, and with entity and function flow charts, then design your app including the logic, function and features, libraries/tools/resources/gems/dependencies you might need, then start building. 

- The app's user story is someone who is looking for a tech job that is personalized to their skills and with their preferred location, company, and salary range.
- The app's models are User, Job, and Skill. User has many skills, user has many jobs through skills,  and to simplify: job belongs to skill, job belongs to user through skills, skill has many jobs, and skill belongs to user.
- The app uses React, Redux, JavaScript, Rails API, Postgresql, etc. as its tech stack.

![https://images.unsplash.com/photo-1486312338219-ce68d2c6f44d?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb](https://images.unsplash.com/photo-1486312338219-ce68d2c6f44d?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb)
CSS Combinators: General Sibling Selector
Published: 2021-06-29 21:25:33

We've come to the end of the CSS combinator series. The final selector that will be discussed is the general sibling combinator.While it isn't as specific as we often aim when writing CSS rules, the selector still has it uses. The selector is used when a '~' symbol is placed between two elements. This tells our CSS to look for the second element that is a sibling of the first. No other requirement is necessary. Lets look at an example:
``` 
<div>
    <h1>The Messenger</h1>
    <p>Definitely on of my favorite indie games.</p>
    <div>Something within the div that isn't a p 
    element</div>
    <p>While I've played and finished the FFVII Remake, I haven't played the original.</p>
</div>
```

This HTML will end up on the browser like this:
![Screen Shot 2021-06-29 at 5.19.19 PM](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dqvm7pdokr65222c5b1x.png)

Lets create a CSS rule using the general sibling selector. In this case the goal is to affect the two p elements that are siblings of an H1 tag. 
 
```
h1 ~ p {
    font-weight: bold;
    background-color: #471;
    color: #fff;
    padding: .5em;
}
```

This rule will affect the appropriate elements that were specified in the written rule and end up looking like this: 

![Screen Shot 2021-06-29 at 5.17.54 PM](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c2nom81pcsvjxlsmo55o.png)

The two p elements are affected, as they should be, leaving the other sibling elements alone without any changes to the look of them. CSS sibling combinator can help so much. I'm still getting used to using them all, when it seems necessary. As always, take time to practice using these 4 selectors and see what else you may come across. Happy Coding!
Using Jest to check that a React Component doesn't render
Tags: javascript, react, testing, tutorial
Published: 2021-06-29 21:20:27

I was working on writing some Jest tests at work recently and ran into an issue with getting a false-positive when testing casing in which a component shouldn't be rendered.

The issue happened because I was using the React testing library's `queryByText` query. My expectation was that the test would fail if that test didn't exist, but that wasn't the case.

After playing around with the tests by throwing in some `queryByText` arguments that should have caused the test to fail, I was surprised to see the test still passing.

Here's what I had (modified for public consumption):

```javascript
test("does not render component if user is not logged in", async (done) => {
    // All other logic has been stripped from this test sample
    const { queryByText } = render(<AccountDashboard />);

    await waitFor(() => {
        expect(queryByText("Welcome to your dashboard!")).toBeNull();
        done();
    });
});
```

According to the React documentation, the `queryBy...` method:

> Returns the matching node for a query, and return null if no elements match. This is useful for asserting an element that is not present.

Unfortunately, the `expect` methods weren't failing the the tests were passing regardless of what the text was that I passed into `queryByText`. Feeling slightly frustrated, I set out to find a way to test for an empty component and settled on the following solution:

```javascript
test("does not render component if user is not logged in", async (done) => {
    // All other logic has been stripped from this test sample
    const { contaner } = render(<AccountDashboard />);

    await waitFor(() => {
        expect(container.childElementCount).toEqual(0);
        done();
    });
});
```

Have you been able to find a better solution to testing cases when you expect that a component will NOT render? Please let me know in the comment section!

Happy testing =)
I explain the way I prototyping software tools
Published: 2021-06-29 20:45:20

---
title: I explain the way I prototyping software tools
published: true
description: When I do prototyping on new software tools I usually create something quick and simple in order to show the concept in a straightforward approach. This might not be the solution to use but in this video, you will see one of my prototypes and I talk about the process of creating tools for prototyping software.
tags:
cover_image: https://i.ytimg.com/vi/-rnFqPML8v8/maxresdefault.jpg
---

{% youtube -rnFqPML8v8 %}

When I do prototyping on new software tools I usually create something quick and simple in order to show the concept in a straightforward approach. This might not be the solution to use but in this video, you will see one of my prototypes and I talk about the process of creating tools for prototyping software.
Top 6 Project Management Software Reviewed in 2021
Published: 2021-06-29 20:39:31


Here are some of the best project management software to help you begin your search:

#1. Kissflow Project

[Kissflow Project](https://kissflow.com/project/) is a project management tool that helps you keep track of all kinds of work.

It offers a simple, easy-to-use Kanban interface to keep track of progress. You can create as many project boards as you need and add as many users as you want. It’s ideal for non-project managers and creative teams to manage their work.

#2. Trello

Trello is a leading task management software with built-in collaboration tools to work with your teams. It uses boards, lists, and cards that are easy to use. It’s ideal for individuals or small teams that manage very few projects at the same time. The basic plan is free to use. However, there are paid plans that add automation, integrations, priority support, and more.


#3. Wrike

Wrike is a cloud-based collaboration and project management software to simplify planning, track your team’s work, and get visibility. It offers a lot of advanced features like task management and prioritization, Gantt Charts, real-time newsfeed, and more.
It’s ideal for different teams within the organization like marketing, for software development, and for professional services. There’s a freemium version with limited functionalities and up to five users.

#4. Zoho Projects

Zoho Projects is a popular offering Zoho that helps businesses keep track of tasks, collaborate, and run intuitive reports. It comes with powerful features like Gantt charts, task dependencies, milestones, and feeds for easy communication.
You can share documents from within the tool. There’s a forever free version with basic features and limited users.

#5. Monday.com

Monday.com is a leading collaboration and communication that acts as a central hub for all your projects. It helps streamline team member contribution, helping them work in the most efficient way. It’s easy to monitor the performance of teams and individuals and it helps you assemble data in understandable ways.
The basic plan starts at $17/month for two users and the price per user goes down as the number of users increases.

#6. Asana

Asana lets you create boards and lists visualize which stage your project is in and to know which tasks need your immediate attention. It also allows creating project templates to save time when managing similar projects in the future.
While not as powerful as others, it’s easy-to-use interface is a massive selling point. There’s a free, basic plan and paid plans start at $9.99/user/month.
Jasonette on The Runtime Podcast
Tags: podcast, jasonette
Published: 2021-06-29 20:33:01

---
title: Jasonette on The Runtime Podcast
published: true
description: A good conversation with The Runtime Podcast
tags: podcast, jasonette
//cover_image: https://direct_url_to_image.jpg
---


Hey I had a wonderful talk with Rafael in [The Runtime](https://anchor.fm/rafael-kennedy0/episodes/001---CLSource-e13dt79) podcast.

Please check it out :)

{% spotify spotify:episode:719RSecenORPfHC0bxnV4Y %}
GITHUB COPILOT: YOUR ULTIMATE CODE GENERATOR
Tags: git, githubcopilot, code, autocompletion
Published: 2021-06-29 20:21:46


<blockquote><i>
Finding the ultimate code autocompletion and suggestions tool has always been a headache…
But not anymore, the massiah is there: <font color="red">Github copilot</font>.</i></blockquote>

## LET'S GET STARTED

Github has just introduced an amazing tool for code <strong>autocompletion and suggestions</strong>. GitHub Copilot tries to understand your intent and to generate the best code it can

## What is GitHub Copilot ?

GitHub Copilot is an AI pair programmer that helps you write code faster and with less work. GitHub Copilot draws context from comments and code, and suggests individual lines and whole functions instantly. The GitHub Copilot technical preview is available as a Visual Studio Code extension.

## How to install github copilot in vscode?

As said above, github copilot has  a Visual Studio Code extension that you can install in no time.

Here is the link : https://marketplace.visualstudio.com/items?itemName=GitHub.copilot


## _Happy Coding_ 📝
What is CDN?
Tags: cdn, cache, webdev, server
Published: 2021-06-29 19:51:05

CDN stands for **Content Delivery Network**. 

A CDN is a system of multiple servers distributed geographically which works together to provide fast delivery of Internet content like HTML pages, javascript files, stylesheets, videos and images etc.

![CDN Image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q7mv223001hzzx2n6ox1.png)

#### Why do we need CDN?

- It reduces latency, thus it improves the website load time. Since the contents are distributed globally, the distance between clients and the content also gets reduced, resulting in faster access to the content.

- Minimize downtime and increases availability due to their distributed nature.

- Improves website security by providing DDoS mitigation and using secured and updated  SSL/TLS certificates.

- It also helps in reducing bandwidth consumption costs of the origin server.

---

> Originally published on [blog.bibekkakati.me](https://blog.bibekkakati.me/what-is-cdn)

---

Thank you for reading 🙏

If you enjoyed this article or found it helpful, give it a thumbs-up 👍

Feel free to connect 👋

[Twitter](https://twitter.com/kakatibibek) | [Instagram](https://instagram.com/bibekkakati) | [LinkedIn](https://linkedin.com/in/bibekkakati)


---

If you like my work and want to support it, you can do it here. I will really appreciate it.

<a href="https://www.buymeacoffee.com/bibekkakati" target="_blank">
<img src="https://img.buymeacoffee.com/button-api/?text=Buy me a coffee&emoji=&slug=bibekkakati&button_colour=FF5F5F&font_colour=ffffff&font_family=Cookie&outline_colour=000000&coffee_colour=FFDD00">
</a>