teleren/devto huggingface dataset:
Coming back for more - OSD700
Tags: opensource
Published: 2022-01-15 23:17:44

After finishing my OSD600, I felt like I want to come back and learn more. This time it is more focus on the project **telescope**. I am glad that my other courses did not overlap the slots for OSD700. 

## My Goal
This time my goal for this course is to get in more depth on open-source code. I want to understand the back-end of **Telescope**. As of right now I had to setup on my local computer. It took a while since there are a lot of documents to read. Did it felt like a Easter hunt.

I had my first experience of the **Triage meeting** with my classmates. We went over PR to see if we can close it and assign one or more of us to that PR if needed. After that we quickly went over the Issues. There was a lot of issues, so are from 3 years ago. Also, I will be a Sheriff with **Tim Roberts** for next week.

My first issue that I took is to add testing for the search function. [Issue-2621](https://github.com/Seneca-CDOT/telescope/issues/2621) This won't be an easy task to do since there are endless possibility of testing. 

## Conclusion
This course will get really busy very soon but, I look very forward to contributing to this community.
Linux üzerinde Intel 6. nesil işlemcilerdeki titreme sorunu
Tags: intel, skylake, flickering, titreme
Published: 2022-01-15 22:48:18

Intel 6. nesil işlemcilerin (Skylake) entegre ekran kartlarında "Screen Flickering" adı verilen ekranda hafif bir titreme sorunu bulunmakta. 

# Sorun çözümü

Bu sorunu gidermenin en önemli yollarından birisi X11 üzerinde ekran kartı ayarlarının düzenlenmesi olarak görülmekte.

Sisteminizde yetkili kullanıcı olarak **/usr/share/X11/xorg.conf.d/20-intel.conf** dosyası oluşturup içeriğini aşağıdaki gibi yapabilirsiniz.

```
Section "Device"
    Identifier "Intel Graphics"
    Driver "intel"
    Option "AccelMethod" "sna"
    Option "TearFree" "true"
    Option "DRI" "3"
EndSection
```

Daha sonrasında X11 servisini yeniden başlatmak veya daha doğrusu olarak sistemi yeniden başlatmak gerekecektir.
How to get a literally free CDN
Tags: cdn, server, free, opensource
Published: 2022-01-15 22:24:20

---
title: How to get a literally free CDN
published: true
description: 
tags: cdn, server, free, opensource
canonical_url: https://gist.github.com/jcubic/a8b8c979d200ffde13cc08505f7a6436
//cover_image: https://direct_url_to_image.jpg
---

1. Create repo on GitHub where you'll put your files.
2. Use [jsDeliver](https://www.jsdelivr.com/) or [statically](https://statically.io/) to get your assets.

Here is repo I'm using:

https://github.com/jcubic/static

And links to files look like this:

* https://cdn.statically.io/gh/jcubic/static/master/js/lzjb.js
* https://cdn.jsdelivr.net/gh/jcubic/static@master/js/lzjb.js

I use this when I need static JavaScript files for NPM packages that don't support UMD. If I need to use it on CodePen. 

If I have a package like this. I use `browserify` + `uglifyjs`:

```bash
npm install name
browserify -s name -r name | uglifyjs > name.min.js
```

Then I can commit the files to git and use them on CodePen.

`browserify` and `uglifyjs` I have installed globally:

```bash
npm i -g browserify uglify-js
```

Interesting Browserify plugins that you may use:

* [licensify](https://github.com/twada/licensify) - to include the license in output file,
* [esmify](https://github.com/mattdesl/esmify) - to allow ES Modules,
* [common-shakeify](https://nicedoc.io/browserify/common-shakeify) - to enable tree shaking.
Another journey to open-source world
Published: 2022-01-15 22:04:53

#OSD700
That is the name of the course that I am taking this semester. It will mainly focus on open-source just like OSD600, but I will need to put more effort on contributing to projects. Also, OSD700 will focus on Telescope a lot. For those who do not know about Telescope, it is an open source web server and client application that show a timeline of Seneca's open source blogs. It is a combination of different features from front-end to back-end so everyone can choose their own areas of interest to contribute to.
#My Goal
My first goal is to understand Telescope in more depth, especially the front-end. Telescope has React which is the JavaScript framework that I like the most. Moreover, TypeScript is something that I would love to learn. Docker is popular at the moment and many companies use it to ship their projects. And luckily, Telescope is also using Docker to run its services. This is a good chance for me to understand it in more detail. For now, all I did was installing it in my PC to run Telescope services. Last but not least, this is project of a community, so most of the time, you have to read and understand the code of other developers. This is awesome since it can be a good example of working at a company, on a software that has been developing by many developers. It is quite a bit challenging but I feel excited and ready.
#Progress
So far I have picked an [issue](https://github.com/Seneca-CDOT/telescope/issues/2622) in Telescope. If there is no current build, it will display an error message to the browser and it is not a good practice. My job is to show the previous build instead so the terminal will not be empty and the error message should be gone or replaced with a better UI. At the moment, I already had everything set up  for Telescope, but I am still finding the way to understand the build log in local. It would be hard to test since I need to put some code for the build log to run. Not only that, I have still not found the <code>/status</code> which was the route to show <code>current</code> ,<code>previous</code>, and <code>processing</code> build logs. The code said it was at port <code>4000/status</code> but when I ran everything locally, port <code>4000</code> was not found and with the Docker service, it was related to Firebase instead.
Sidebar Widget Error Facing?
Published: 2021-11-20 20:17:10

Recently my browser requested a sidebar widget and I declined. Now however, I am unable to navigate the website, and all the links for content on this page are broken. 

If you're struggling with the same issue you'll find that it's not as difficult as it seems like it will be.

The sidebar widget Error Facing Problem: When your browser requests a new side bar widget but you decline; sometimes websites can't function properly because of this error and so they will appear broken or unresponsive when they load.
First thing you want to do is navigate to your browser settings and go to the plugins or add-ons page. Then remove the sidebar widget one by one. That should do the trick.

If however, that does not work simply click on the disable button to disable all your plugins. After this, restart your browser and check if the problem persisted. If it does not go back to plugin mode and enable them one by one until you find the problematic one(s).

If you've taken care of that already then try resetting or refreshing your browser settings by holding Ctrl + Shift + Delete simultaneously for at least 10 seconds until a "Are you sure?" message pops up. Click "yes".
As this: https://www.unionwellspain.com/
Sunnyside Landing Page using HTML CSS JS
Tags: css, tutorial, javascript, beginners
Published: 2022-01-15 21:14:54

{% youtube ZATT0Gbfz0c %}

How to make sunnyside landing page using html css and javascript

In this video, I will show you how to create (mobile-first responsive) sunnyside landing page using html css and javascript.

---

HI 👋
I'm Sadee (webdev)
In this channel I make videos about Complete Responsive website.
You can checkout my channel 👇

📺 My Channel : [codewithsadee](https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g)
🔔 Subscribe : [subscribe now](https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g?sub_confirmation=1)
🕐 New Videos Every Week

---

🔗 Essential links
-----------------------------
[All Images](https://drive.google.com/file/d/1jm3UHodIVONbOiUkGqc38TDPoXLipqUm/view?usp=sharing)
[Text](https://drive.google.com/file/d/1slD2cPRLpp7SeO7RLzmfEILYLnlh_2CT/view?usp=sharing)
[Font - Barlow](https://fonts.google.com/specimen/Barlow?query=barlow)
[Font - Fraunces](https://fonts.google.com/specimen/Fraunces?query=fraun)
[Ionicon](https://ionic.io/ionicons)
[Source Code](https://www.patreon.com/posts/source-code-page-61209046?utm_medium=clipboard_copy&utm_source=copy_to_clipboard&utm_campaign=postshare)

---

⏱️ Timestamps
-----------------------------
0:00 - Demo
2:13 - File structure
2:37 - Html initial
2:54 - Css variable & reset
4:38 - Header section
10:58 - Home section
14:38 - About section
19:44 - Service section
24:06 - Testimonials section
28:20 - Projects section
30:40 - Footer
34:17 - Media queries
42:21 - Javascript


---

💜 Like - Follow & Subscribe Me
-----------------------------
Twitter : https://twitter.com/codewithsadee
Github : https://github.com/codewithsadee
YouTube : [codewithsadee](https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g)
Buy Me A Coffee : https://www.buymeacoffee.com/codewithsadee
Patreon : https://www.patreon.com/codewithsadee

---

[![Buy Me A Coffee](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9kn6vwn4mulhsx6o69is.png)](https://www.buymeacoffee.com/codewithsadee)
Glimmer Metronome - Tap-based Tempo & Up/Down Beat Toggling
Tags: ruby, desktop, gui, music
Published: 2022-01-15 21:13:59

A while ago, I reported [building a Glimmer Metronome sample using Glimmer DSL for SWT in only 10 minutes for the first version](https://dev.to/andyobtiva/glimmer-metronome-hello-canvas-animation-data-binding-1476).

Well, I extracted that sample into an [external sample project](https://github.com/AndyObtiva/glimmer_metronome) in order to enable packaging as a native executable for one of my laptops ([Download version 1.1.1 DMG file for Mac x64 Catalina and Older](https://www.dropbox.com/s/ecwe0ukjldag6hu/Glimmer%20Metronome-1.1.1.dmg?dl=1)) and be able to run independently as its own app.

![Glimmer Metronome](https://raw.githubusercontent.com/AndyObtiva/glimmer_metronome/master/screenshots/glimmer-metronome.png)

Furthermore, I added a number of new features in version 1.1, which I needed for my drumpad practices:

- Tap-based calculation of tempo through hitting ENTER key repeatedly
- Mute metronome
- Stop/Start metronome
- Let user pick which beats are up or down by clicking on them (switching color between red [up] and yellow [down])
- Show "play logo" triangle inside "ON" beat for accessibility support (e.g. color blind users)
- Show only 8 beats max horizontally, creating lines of beats if beat count is greater than 8

![Glimmer Metronome Animated Gif](https://raw.githubusercontent.com/AndyObtiva/glimmer_metronome/master/screenshots/glimmer-metronome.gif)

Here is a video/audio demo:

<video controls="" loop="" width="800">
  <source src="https://raw.githubusercontent.com/AndyObtiva/glimmer_metronome/master/screenshots/glimmer-metronome.mp4" type="video/mp4"></source>
  Your browser does not support the video tag.
</video>

The external sample project is found at: 

https://github.com/AndyObtiva/glimmer_metronome

Happy [Glimmering](https://github.com/AndyObtiva/glimmer-dsl-swt)!

p.s. For hardcore music buffs out there who are shocked at my reversal or wrong usage of Up beat and Down beat, here are a few explanations to keep in mind. First of all, I am a drumkit (Rock) drummer, not a melodic musician. As such, drumkit drummers call every beat on the rhythm count a DOWNBEAT (i.e. 1, 2, 3, 4). Next, I am a Punk Rocker and I've been known to do some Punk drumming. What do I mean by that!? Punk drummers have a complete lack of respect for music rules. In fact, they write their own rules every day, and OFTEN IN TOTAL OPPOSITION TO MUSIC RULES. So, I just came up with the idea of calling the first beat the UPBEAT because the Metronome makes this HIGHER note shrill sound when it clicks on the first beat. Thank you for your understanding and have an awesome Punk Rocking day while at it!
TypeScript and Vue3 in VS Code Setup
Tags: typescript, vue, vscode, eslint
Published: 2022-01-15 20:58:29

Vue is great framework for developing web applications. For mid-size and large projects, using TypeScript can help prevent many potential runtime errors and enforce better coding practices. 

I'd like to share how to setup a project to use Typescript (`.ts` and `.tsx`) and Vue in VS Code with eslint.

Create a vue project using `vue-cli`
```
vue create vue-tsx
```
If you need to install vue-cli: `yarn global add @vue/cli`

From the CLI, choose at least Vue 3, TypeScript, Babel, and Linter:
![vue-cli choices for setting up project](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/50d9si98xmiyelhvsor3.png)

`vue-cli` will install all the dependencies based on these selections.

To use ESLint in VS Code for Typescript and Vue, install the [Vetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur) and [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) extensions for VS Code.

Then we can add the following into VS Code's setting (`settings.json`):

```
{
  "eslint.validate": [
    "vue",
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact"
  ]
}
```
Create a `.eslintrc.js` file to specify ESLint configs and rules:

```
module.exports = {
  root: true,
  env: {
    node: true,
  },
  extends: [
    "plugin:vue/vue3-essential",
    "eslint:recommended",
    "@vue/typescript/recommended",
  ],
  parserOptions: {
    ecmaVersion: 2020,
    jsx: true,
    tsx: true
  },
  rules: {
    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
    "semi": ["warn", "never"],
    "quotes": ["warn", "single", {"avoidEscape": true}],
    "comma-dangle": ["warn", "never"],
    "indent": ["warn", 2]
  }
};

```

Then you can see warning and options for autofix in VS Code for your `.tsx` and `.vue` files:
![VS Code ESLint warnings and options for autofix](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t1yxfiue1m7nj243kaf9.png)

That's it. Happy building!
PhaseOne Week 1  Thoughts, != "iDkWtT";
Published: 2022-01-15 20:42:49

**// The process to keep pushing as everything, that looks somewhat recognizable to myself, at the very same time thought provoking. //(title is a work in progress giving nothing but ERROR! while I'm processing all this info)

Example: Last night was Friday after labs with our live instructor, I started my dinner, I sat down, and relaxed on the couch. While watching the TV, my brain kept saying, ok you know what to do, just go over everything again and slowly there will be less daze... 

Good luck to Myself. Will update after Reviewing material.
#17 - The highest profit wins! CodeWars Kata (7 kyu)
Tags: javascript, webdev, tutorial, 100daysofcode
Published: 2022-01-15 20:33:04

##Instructions

**Story**
Ben has a very simple idea to make some profit: he buys something and sells it again. Of course, this wouldn't give him any profit at all if he was simply to buy and sell it at the same price. Instead, he's going to buy it for the lowest possible price and sell it at the highest.

**Task**
Write a function that returns both the minimum and maximum number of the given list/array.

**Examples**

> minMax([1,2,3,4,5])   == [1,5]
> minMax([2334454,5])   == [5, 2334454]
> minMax([1])           == [1, 1]

**Remarks**
All arrays or lists will always have at least one element, so you don't need to check the length. Also, your function will always get an array or a list, you don't have to check for null, undefined or similar.

---

##My solution:

```javascript
function minMax(arr){
  return [Math.min(...arr), Math.max(...arr)];
}
```


##Explanation
I just returned an array that contained the minimun number of all the array in the index 0 and in the index 1, the maximum array value

---

**Comment how would you solve this kata and why? 👇🤔**

[My Github](https://github.com/Cesardlr)
[My twitter](https://twitter.com/cesar__dlr)
[Solve this Kata](https://www.codewars.com/kata/559590633066759614000063)
Geolinux 1 : San-Diego
Tags: linux, watercooler
Published: 2022-01-15 20:23:29


So this is the first of Geolinux...

If you don't what that is , [check this out](https://dev.to/pandademic/geolinux-0-intro-4f60)

Lets dive in!

### VM CONFIG
----

- RAM : 2048 mb

- Storage: 35GB virtual

- OS: cutefish os 0.7 beta
----

# Install
---
There wasn't anything remarkable about the installation , prettstandard branded Calamares . It took a while though.

# First look
---
When I rebooted it looked like this:


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

Not my favorite look 

So:
# Customization time !
----

after some exploring I :

1) made the resolution bigger

2) make everything the medium sized Noto sans mono font

3) changed accent color

4) changed background

5) made dock icons small

**after**:



![After image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6kxj3fatf571da5bnqfq.png)

----
# Package Management
----

Pretty standard apt , but I must say …  I really prefer Pacman.

Also , -y flag was enabled by default.

A big problem was that standard things like git & curl weren't pre installed.

My Main issue was that the Debian 11 repo which Cutefish uses was extremally outdated . So when I tried to install neovim , I got **neovim 4.4** !

---

# Pro's and cons
----------

pro's         | con's
--------------| -----------------
-nice ux | - DE still in development , has it's kinks
- system is nice n' small            | - debian based
-  well intergarted            | - packages are severly outdated 
- nice window management              | - still in beta 
              | - not great touchscreen / tablet mode support

------------
Overall cutefish still has  room for improvement , but still one of my favorite De's.
You'll definitely be seeing more of the cutefish DE in the geolinux series.

Hope you enjoyed reading!
What's Here for Ruby String
Tags: rub, string, documentation
Published: 2022-01-15 20:20:32

---
title: What's Here for Ruby String
published: true
description: Categorized 1-liners for String methods.
tags: rub, string, documentation
---

I've added a "What's Here" section to the documentation for Ruby class String -- categorized 1-line descriptions for its methods:  https://ruby-doc.org/core-3.1.0/String.html#class-String-label-What-27s+Here.
CI test for OSD600-SSG
Published: 2021-11-19 23:41:02

# Overviews
After creating test for the tool, this week I have a chance to approach GitHub Action CI Workflow. With this, my future contributors who would like to push or merge their branches with me must pass the tests that I created. 
# Set up
- In your Github site, choose "Actions"
- Choose you Workflows options. I chose <code>Node.js</code> By GitHub Actions. And Click "set up this workflow"
- Then a node.js.yml will be created then you can modify it, then commit the change.
Here is the <code>yml</code> file
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1x0cmkkw4xi5sq5lq879.png)
# Testing with partner
Jun Song was my partner before, and now he and I will work for this CI test. But at first, I created my own testing branch and wrote a test. Then I sent a PR to my own project to make sure the CI work. Jun then send me another PR from him and everything was perfect, the Github CI was working and it showed him what to fix. And looks like we had the same workflows, testing with Jest and ESLint only.
Writing a test for Jun's project was interesting, but there was also a big challenge. His functions were quite big and not combined from smaller functions. So in order to write the best test, I need to understand the output of function clearly.
#Thought about CI test
This would be helpful for me and my tool. This will automatically do the test for me and my future contributors in case they forget whenever they push or create a pull request.

#Link
Repo: https://github.com/nguyenhung15913/OSD600-SSG
My Own PR: https://github.com/nguyenhung15913/OSD600-SSG/pull/22
PR to Jun: https://github.com/juuuuuuun/jun-ssg/pull/20
Geolinux 0 : Intro
Tags: watercooler, linux
Published: 2022-01-15 20:08:58

Hey!

I've been trying to setup a nice Linux machine recently...

But can't find anything.

I have a bunch of distro's and stuff I like.

So ...

I'm going to test a few out on VM's , and name them after city's (hence geo)

I'll  be starting with San-Diego (Cutefish OS) and all the way around back to California.

I'll be posting my up's and down's with each here on DEV

I'm planning this route for the first few:
- San-Diego - Cutefish OS

- Vegas - Solus

---
I like arch and know my Linux so I should be fine to explore .

----

This should be pretty fun !
Engineering overview of 5 app ideas
Tags: webdev
Published: 2022-01-15 19:48:36

---
title: Engineering overview of 5 app ideas
published: true
description: "Photo by Danial Igdery on Unsplash"
tags: webdev
cover_image: https://images.unsplash.com/photo-1534665482403-a909d0d97c67?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80
---
Hello everyone!

For my first post, I will review app ideas and give an engineering overview of how it could be done. I was inspired by [this comment](https://dev.to/eyewritecode/comment/1l7hk) and [this post](https://www.intelegain.com/app-ideas-for-startups-to-launch-in-2022/).


Without further ado, let's dive in!

## 1. Scan and Convert to PDF Mobile App

All you need is the OpenCV library and a way to access the camera and filesystem (excluding App Store and Google Play fees 🙃). Try porting [this Python code](https://dontrepeatyourself.org/post/learn-opencv-by-building-a-document-scanner/).

You would monetize this app with ads.

## 2. Health Check-Up and Daily Goal App

First, you need a database of calories and recommended amounts per day for nutrition (sugar, fat, etc.).

Then, you would implement login/signup functionality using a database. Request the maximum amount of calories the user wants every day.

After that, all you have to do is implement "Add Nutrition" functionality, and using the database of calories, display if the user has achieved their daily goal and their health level (Healthy or Unhealthy).

The best way to monetize this app would be ads and premium features.

## 3. Language Learning App (aka. Duolingo clone)

You need learning material for this.
After you have the material, track the user's process in a database and recommend lectures. That might sound easy, but it's not, trust me.

The best way to monetize this app would be ads and premium features.

## 4. Criminal alert app

Allow the users to submit crime alerts and save it with geolocation data in a database. Then, get the user's location and query for nearby alerts.

## 5. On-Demand Fuel Delivery App

Partner with providers. When the user clicks the "Request Fuel" button, get their location, and query the database for nearby gas stations.

Find the nearest one and send a request to the provider associated with the station.


And there you have it! An engineering overview of 5 app ideas.

Please leave feedback in the comments.
Connecting local postgresql database to laravel in Ubuntu 
Published: 2022-01-15 19:47:29

Step 1.Install laravel:~

```
curl -s "https://laravel.build/example-app?with=mysql,redis" | bash
composer create-project laravel/laravel example-app
cd example-app
php artisan serve
```

Step 2. Install postgesql:~

```
sudo apt install postgresql postgresql-contrib
```

Step 3. In the config/database.php file set the default database as psql:~
`default' => env('DB_CONNECTION', 'pgsql')``

Step 4. Create a database for your project:~

```
sudo -u postgres psql
sudo -u createdb database_name
sudo -u adduser Username
```

Step 5. To setup the path for the database, go to the .env file and setup:~


```
DB_CONNECTION=pgsq
DB_HOST=127.0.0.1
DB_PORT=5432
DB_DATABASE=database_name
DB_USERNAME=Username
DB_PASSWORD=password 
```
 

Step 6. Start the server:~

```
sudo service postgresql-9.3 start
```

Step 7. Migrate the files:~

```
sudo service postgresql-9.3 start
```


For more information check on this project
https://github.com/EKivutha/clothes_e-commerce
For more postresql tricks check out 
https://gist.github.com/Kartones/dd3ff5ec5ea238d4c546