teleren/devto huggingface dataset:
JavaScript Project
Tags: javascript, ruby, rails
Published: 2020-07-21 18:09:27

When leading up to the Ruby on Rails project, I felt like I knew what I wanted to do and how to properly do it. Which was a considerably different feeling than the one I had the week before JavaScript project week. It took me a day or two to think of and settle on a project idea. The requirements for this project were a lot looser than the previous project which made it more difficult to decide what to do!

I finally decided to do a simple garage application, there were a few different ways to go about creating this. I thought it would be easiest to structure my models where a user has many cars and a car belongs to a user, then make the illusion of a “garage” by using div to encapsulate each user’s data. This was great because this idea covered the basic MVP requirements while manipulating the DOM and practicing the Object-oriented JavaScript(OOJS). I was surprised how comfortable I was with OOJS, it almost felt natural to encapsulate data and behavior that way.

Throughout the curriculum and project, I would constantly say to myself how much I love Ruby. I find that JavaScript syntax is hard to learn and understand, especially after coding in Ruby for the past few months. I found Ruby to be easy on the eyes and brain where JavaScript is a lot more challenging to comprehend however the concepts make a lot of sense. The JavaScript project made me realize how powerful the language is and I feel that the more I code with JavaScript, the more I will enjoy it!
Data science in Python
Tags: python, datascience
Published: 2020-07-21 18:08:01

{% youtube 3kTOLVD0ZCg %}

This month, Python Frederick heard about many of the amazing data science tools available in Python.  Christine Lee, one of Python Frederick's organizers, showed a very interactive presentation that highlighted some amazing features used by scientists all over the world.

Christine's presentation is available online at [Python Frederick's GitHub repo](https://github.com/python-frederick/talks/tree/master/2017-12-data-science).

This article first appeared on [mattlayman.com](https://www.mattlayman.com/blog/2017/data-science-in-python/).
Hello World!
Tags: codenewbie, career
Published: 2020-07-21 18:06:38

---
title: Hello World!
published: true
description: 
tags: #codenewbie #career
//cover_image: https://direct_url_to_image.jpg
---
Hello all! I have been a member of Dev.To for longer than a year, but I have not created a post. I think it is time I say hello to the community and introduce myself.

I think this is strange, I almost don't know what to say, but I am an aspiring "DevOps" person, and while I do not have adequate experience in DevOps, I'm doing what I can to expose myself to the DevOps tools and world.

I still program on the side, with the never ending tutorials about how to build something, but I'm trying to break out of the habit of tutorial, and create something that I can call my own.

It is a pleasure to meet everyone and hopefully we can connect!
From Ruby To JavaScript
Tags: ruby, javascript, rails
Published: 2020-07-21 18:06:34

Learning ruby as a first programming language has been truly enjoyable. Once I had finished my Rails project and was starting my JavaScript curriculum, I quickly noticed how readable and expressive Ruby was. I find Ruby to be expressive, intuitive, simple and powerful in many ways!

Code in Ruby seems to be easier on the eyes and brain when you’re learning it, where as in JavaScript, it sometimes can get a little confusing! For example, in Ruby, to declare a variable would be something like variable_name = value. In JavaScript you have a few different options on what kind of variable you want to declare. It could be either a var, let, or const. To Declare a variable would be something like this var varName = value. It’s small things like this in JavaScript that constantly trip me up! I feel like in ruby we are spoiled with the concept of convention over configuration. In Ruby there is more of a set way to do things and if you follow those guidelines, usually your code is clean and gentle on the eyes. I feel like JavaScript is best compared to the Wild West. There are a million ways to do something and all of those ways are acceptable as long as the goal is accomplished!

As I code with JavaScript more and more I start to understand how powerful it is. I find myself enjoying the language the more I learn about it! Being able to pass in functions as a parameter seems super powerful! Another thing that I enjoy about JavaScript is that you can make changes to how things work in the browser. When I first learned about event listeners I thought they were the coolest things. Having the power to make web pages more responsible is pretty cool!

Even though JavaScript is intimidating I’m eager to learn more and become proficient in the language !
Show me light, Saviour: Need some advice to jump in the industry
Tags: help, discuss, career
Published: 2020-07-21 18:05:29

Hola Señores,

I hope you all are being awesome 😎😎 and developing cool stuff.


I am currently in the final year of my Master's Degree in Computer Applications. I am preparing for placements to get me started in the industry.

Prior to this, I have a continuously growing skill set which is better than Average Students. I have experience developing apps as a freelancer and hobbyist. I have also worked with a Non-Profit Organisation as a team lead and intern guide. Not undermining or Over-evaluating my skills, I would say that I will do good in the industry. I have a passion to work in computer science and the ability to solve problems.

Everything good so far. But here is an obstacle: I have observed from past years and now more than ever that software companies are shortlisting candidates with Competitive Programming (CP). And let me admit that after trying multiple times, I have miserably failed with this heck of a thing. I have read multiple articles even here on Dev that CP is not relevant for working in real-world applications. It's more of a sport. 

Anyways, I face this situation where I am not even allowed to present my case to some technical lead or someone who might understand my skills. They will reject me on the basis of the CP Test. This is all because of the cut-throat competition in the placements. But that is completely different and out of the scope of this post.

As for now, I need advice on how to handle this mess and get out of the muddle. I am really worried about it.
My Rails Project
Tags: rails, ruby, html
Published: 2020-07-21 18:05:03

About a week before starting my rails project I started thinking of ideas for the application I wanted to build. I had thought of a “Renters Review” app. In this app, there would be two different types of users (Landlords and Tenants). I had to research on how to keep one user class but have two different types of users with different attributes/ relationships to other models. With the help of a friend from my cohort, we thought it would be best to make the class polymorphic. This means that there would be different variations of the user class. After about 3 days of doing this project, I decided it was best for me to put it on the back burner and try to finish it some other time. The polymorphic relationship was causing me to have a lot of trouble using OmniAuth and I didn’t want to risk falling behind and not having my project done in time!

After letting go of the Renters Review, I jumped right into my backup project, The IPA Reviewer. This project idea was a lot less complex and met all the requirements the are suppose to be met. To my surprise, I found little complications in creating this project and had a really fun time doing. The associations were simple, a user has many IPAs through reviews and a IPA has many users through reviews. Reviews was my join table that also had a title and content attribute. I decided to add an Admin attribute with a default of false to add authorizations into the app. Only admins would be able to delete and edit IPAs and reviews. Regular users would only be able to edit reviews they have created. Although this application was more on the simpler side, I found that it solidified a majority of what was taught in the curriculum while giving me the opportunity to learn a few more little things as well.

Overall, my takeaways from the rails project was to always have an MVP backup idea if you plan trying something new. It was a lot of fun trying to get my first idea to work, and I’m sure with a little more tinkering I can get it up and running!
Reactive dom 
Published: 2020-07-21 17:46:02

This is my first post to the wonderful community of dev.to.

I have used angular vuejs and react. All these frameworks or libraries add a lot of abstraction just for the sake of keeping there framework good looking when a developer uses it. With browsers adding features everyday I feel that in few years time hopefully all these things will be packed in browser.

Me being less patient I started experimenting my own ways I wanted to use what is provided by browser avoiding blunders, virtual Dom etc.

I am looking for volunteers to contribute into a project which I am experimenting called reactive Dom. 

The philosophy behind that would be generate a reactive model which will force Dom to update when it’s shape is changed.

Anyone who is interested in social coding brain storming please visit this repository https://github.com/kmughal/reactive-dom and contact me.

Until then happy reading.
How I Learned React and Built Archbee
Tags: javascript, react
Published: 2020-07-21 17:44:06

---
title: How I Learned React and Built Archbee
published: true
description: Short story on how a backend guy learned frontend and built a notes app/knowledge base for developers
tags: javascript, react
cover_image: http://www.danielledeveloper.com/wp-content/uploads/2018/04/Reactjs-logo-e1523253944211.png
---

As a developer, you know it's not good to stay in your comfort zone for too long. Technology changes too fast.

So after a couple of years of doing backend Java, I tried to learn frontend.

That was 2013, when Angular 1 came around. 

I learned Angular and I enjoyed it, but went back to doing backend with Node.js for a couple years.

When React came along, I didn't think it would get big.

Like a lot of other developers.

Boy was I wrong...

But in 2015 I recognized I was wrong when I read all the material about React's philosophy.

So I learned React on the side, as I was also doing consultancy on backend Java.

That turned out to be a really good choice because it allowed me to not rely on other developers to build a full product.

When my first idea came along, I built it myself in 2 months in my spare time. 

That was Archbee v1, a diagramming app for software architects.

It failed to get traction on its own, so I tried something else.

The foundation for the second idea was that documentation for software teams was an unsolved problem.

Documentation is much more than text. 

It's diagrams, API docs, notes, know-how, bottlenecks, legacy information, changelogs and so on.

But no solution existed that would address all those usecases so I decided to build Archbee v2 as a documentation tool for developers and dev teams.

Give it a shot at [https://archbee.io](https://archbee.io) and let us know what you think of it.

P.S. We have some dev teams that say they prefer it to Notion!
JavaScript30: Day 3 - CSS Variables😲😲🙀
Tags: javascript, codenewbie, beginners, css
Published: 2020-07-21 17:41:47

**I've created** a project based off of the <a href="https://javascript30.com/">JavaScript30</a> Challenge by Wes Bos. 
It was about using CSS variables!! I am not sure about you, but I was quite surprised when Wes Bos said that CSS has variables!! I couldn't just wait to try it out. 

## What So Special About CSS variables?
CSS variables are not like SASS variables. You can change the CSS variables value from HTML via JavaScript DOM manipulation. How cool is that!💗

## What the project about?
It is to create some input control for blur effect, padding, and changing the background on an image. 

## Lesson
+ My main lesson was to try the CSS variables and changing their values using DOM manipulation. 
+ CSS variables should be declared at the root with --
```CSS
/*these are the css variables*/
:root {
    --space: 10px;
    --blur: 0px;
    --color: #fa8072;
}
```
+ We assign them like-
```CSS
img {
    background: var(--color);
    padding: var(--space);
    filter: blur(var(--blur));
}
```
+ Also got a chance to know more about the template string. I was stuck for a while because of this-
``` javascript
 //create property and set value accordingly
    document.documentElement.style.setProperty(`${--this.name}`, this.value + unit);

//`${--this.name}` is so wrong. I thought it would give me output like: --space
//correct way: `--${this.name}`
```
## Live URL
There you go: http://blur-it.surge.sh/

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

## Code
Here's the Js code, plz refer to GitHub for full code-
```javascript
//changeTheImage method
const changeTheImage = function () {
    //get the unit
    const unit = this.dataset.sizing || ``;

    //create property and set value accordingly
    document.documentElement.style.setProperty(`--${this.name}`, this.value + unit);

    /********PERSONAL EXPERIMENT*********/
    //console.log(`--${this.name}`) //this is correct
    //console.log(typeof `--${this.name}`) //string
    //console.log(typeof this.value) //string
    // console.log(--this.name) //this is wrong
    // console.log(--`${this.name}`) //this is wrong
    /*************************************/
}

//select all the inputs
const inputs = document.querySelectorAll('input');

//addEventlistener to each of the input to detect change
inputs.forEach((input) => input.addEventListener('change', changeTheImage));
inputs.forEach((input) => input.addEventListener('mousemove', changeTheImage));
```
## GitHub

<a class="gh-btn" href="https://github.com/AKdeBerg/Day3_Js30_MakeItBlurry">View on GitHub</a>
Before You Start Coding...
Tags: computerscience, codenewbie, productivity
Published: 2020-07-21 17:34:18

Hey!! Dev Community, it's my first post here so I thought I'd go back to the basics. So, guys, let's go in.

I get approached with questions like, "Samuel, I want to start coding. What do I do?"

A lot of blog or articles online may just tell you to pick a language and start learning because..well, it's popular or trending or likely to rise in ranks as time goes by. I know because that's how I wrote my first "Hello World". I wrote my first code in Python and now I code in JavaScript.

Okay, **Before you start coding..**, what should you do?

**KNOW YOUR AIM:** Ask yourself this question, why am I coding? What do I want to build? Do I like the web or do I want to make desktop applications? Do I want to get into Cyber Security? Basically, I advise people looking to learn a programming language to research on **Careers in Programming** and then make a choice.

**KNOW YOUR STACK:** After picking your chosen field(you could decide to switch later though..), you'd do well to know the languages needed to learn to achieve your goal. Make research based on your geographical location, that way you'd avoid learning a language that's obsolete.

**START LEARNING!!** You could decide to get taught by registering for a Bootcamp or take an online tutorial in your chosen field. You can find online tutorials at Udemy, freeCodeCamp and a lot of other websites.

Following this outline has helped me pick a field and it gives me some sort of direction. I feel like just picking any language to code is like just learning how to use a tool without knowing what to use it for.

Although, some people learn languages just for educational purposes, if you looking to get into programming as a career, you should definitely choose a field.

Okay guys, I guess I've enlightened you a bit, you can leave a comment if you have contributions to this post or criticisms. I'll appreciate your feedback. Have wonderful evening(yea!, I'm writing this in the evening).
YouTube Video | CSS Crash Course - 4
Tags: css, youtube, webdev, showdev
Published: 2020-07-21 17:15:48

Welcome to another beginners course specially targeted at people, who want to start with web-development. You should first learn about HTML, before moving to CSS. **CSS** is known as **C**ascading **S**tyle **S**heets and is used to style websites.

Here is the final part of the series.

{% youtube RcZFmNts7M8 %}

Please do like it and [Subscribe](https://www.youtube.com/channel/UCRf7mazcufqZxd2pR3oQJuQ?sub_confirmation=1) to my channel for more videos.
We made a place to promote github projects & find contributors
Tags: github, webdev, productivity, career
Published: 2020-07-21 17:06:32

3 Years ago I questioned myself - "I have a cool Github project (it was a 3D graphics lib). How can I promote it & find collaborators?".

The thing is - Github is so nice, but it it's hard to find contributors there until you spend a lot of time. So I did.

Recently my group of friends from Github asked me if I want to participate in development of a HUGE project for making Product community yet a bit more social & interactive (I mean those cool visualizations)

Right now we already have a rough MVP - [Projectium](https://alpha.projectium.network/?utm_source=devto&utm_medium=buzin) that is growing fast, but we need your projects to test it & improve UX. Not everyone will probably find it interesting - but if you have a project, it is worth checking it out
Create:Frontend - ¡Un evento online y grátis para FrontEnders!
Tags: javascript, webdev, frontend, node
Published: 2020-07-21 16:51:48

---
title: Create:Frontend - ¡Un evento online y grátis para FrontEnders!
published: true
description: ¿Quién gustaria saber las últimas noticias sobre FrontEnd relacionadas con Azure? Si su respuesta es sí, ¡vea este súper artículo comentando un evento en línea que ninguna persona debe mirar! 
tags: javascript, webdev, frontend, nodejs
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/3y9bak4t8svpn2x786rm.png
---

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

> Agregue a su calendario: el 29 de julio tendremos la primera versión en línea del evento: **[Create:Frontend](https://aka.ms/createfrontend)**

¡Hola coders! ¿Todo bien? Sabemos que numerosos eventos están ocurriendo en línea durante este período de pandemia. Pero, este es un evento más que especial. ¡Porque es un evento global y totalmente dedicado a las personas desarrolladoras que son FrontEnd!

¡Lo mejor de todo es que este evento será completamente en línea y gratis! Sí! Es eso que estás escuchando: **¡totalmente en línea y gratis!**

Pero, ¿qué cubriremos durante este evento en línea? Miren cuántas platicas geniales tendremos:

⭐ **Welcome:** Burke Holland
⭐ **Keynote:** Daria Grigoriu & Craig Shoemaker
⭐ **Talk 1:** Azure Maya Mystery: The inner workings of a static web app - Jen Looper & Chris Noring
⭐ **Talk 2:** Why static sites are back: From static, servers, browsers to static - Debbie O'brien & Wassim Chegham
⭐ **Talk 3:** A11y for everyone: Building inclusive and accessible web applications - Gift Egwuenu & Jen Looper
⭐ **Talk 4:** Observability in serverless applications - Ran Ribenzaft & Simona Cotin
⭐ **Talk 5:** Sketchnoting 10 - Nitya Narasimhan
⭐ **Talk 6:** Developing an inclusive product - Chris Nwamba, Stephen Fluin & Nitya Narasimhan
⭐ **Panel:** Working remotely - The struggle is real - Brian Rinaldi, Jonathan Carter, Loiane Groner & Piyali Dey

Y para concluir, tendremos un súper taller con nuestros queridos **[John Papa](https://twitter.com/John_Papa)** y **[Burke Holland](https://twitter.com/burkeholland)** enseñando cómo crear aplicaciones FrontEnd con su framework FrontEnd favorito y desplegarlas de manera automática, simple y rápida usando **[Static Web Apps](https://docs.microsoft.com/azure/static-web-apps/?WT.mc_id=devto-blog-gllemos)**

Y solo para recordar: **¡este taller también será grátis!**

Y otra cosa genial: durante el evento habrá muchos quiz durante las platicas y quien participe y sea ganador, ¡ganará camisetas o stickers que se enviarán directo a sus hogares!

¡Y habrá muchas otras sorpresas geniales que sucederán durante el evento!

¿Y tu? No te perderás este evento increíble, ¿no?

Vamos a participar? Los espero a todos el 29 de julio en el evento: **[Create:Frontend](https://createfrontenddevelopers.splashthat.com/)**

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

¡Te veo muy pronto!❤️❤️❤️
Create:Frontend - Um evento online e grátis para FrontEnders!
Tags: javascript, webdev, frontend, node
Published: 2020-07-21 16:50:36

---
title: Create:Frontend - Um evento online e grátis para FrontEnders!
published: true
description: Quem aqui quer saber das últimas novidades sobre FrontEnd relacionado ao Azure? Se a sua resposta for sim, vejam esse super artigo comentando a respeito de um evento online que ninguém deve perder!
tags: javascript, webdev, frontend, nodejs
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/3y9bak4t8svpn2x786rm.png
---

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

> Grave/Adicione no seu calendário: no dia 29 de Julho teremos a primeira versão online do evento: **[Create:Frontend](https://aka.ms/createfrontend)**

Fala coders! Tudo certo? Sabemos que está acontecendo inúmeros eventos online durante esse período de pandemia. Mas, esse é um evento mais do que especial. Pois é um evento de caráter global e totalmente dedicado as pessoas desenvolvedoras que são FrontEnd!

E o melhor de tudo é que esse evento será totalmente online e **gratuito**!! Isso mesmo que vocês estão ouvindo: **totalmente online e gratuito!**

Mas, o que estaremos abordando durante esse evento online? Vejam só quantos temas legais estaremos falando:

⭐ **Welcome:** Burke Holland
⭐ **Keynote:** Daria Grigoriu & Craig Shoemaker
⭐ **Talk 1:** Azure Maya Mystery: The inner workings of a static web app - Jen Looper & Chris Noring
⭐ **Talk 2:** Why static sites are back: From static, servers, browsers to static - Debbie O'brien & Wassim Chegham
⭐ **Talk 3:** A11y for everyone: Building inclusive and accessible web applications - Gift Egwuenu & Jen Looper
⭐ **Talk 4:** Observability in serverless applications - Ran Ribenzaft & Simona Cotin
⭐ **Talk 5:** Sketchnoting 10 - Nitya Narasimhan
⭐ **Talk 6:** Developing an inclusive product - Chris Nwamba, Stephen Fluin & Nitya Narasimhan
⭐ **Panel:** Working remotely - The struggle is real - Brian Rinaldi, Jonathan Carter, Loiane Groner & Piyali Dey

E para fechar, teremos um super workshop com o nosso querídissimo **[John Papa](https://twitter.com/John_Papa)** e **[Burke Holland](https://twitter.com/burkeholland)** ensinando como criar aplicações FrontEnd com seu framework predileto e realizar deploy de maneira automática, simples e rápida usando o **[Static Web Apps](https://docs.microsoft.com/azure/static-web-apps/?WT.mc_id=devto-blog-gllemos)**

Ah... só para lembrar: esse workshop também será de graça! 

E outra coisa legal: durante o evento ocorrerão vários quiz a qual quem participar e for vencedor, ganharão camisetas ou stickers que serão enviados para as suas casas! 

E vai ter muitas outras surpresas legais que acontecerão durante o evento!

E ai? Você não vai perder esse evento de jeito nenhum né?

Bora participar? Espero por todos vocês no dia 29 de Julho às 12h:30 (horário brasileiro) no evento: **[Create:Frontend](https://createfrontenddevelopers.splashthat.com/)**

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

Nos vemos até lá!❤️❤️❤️