teleren/devto huggingface dataset:
ONLINE TASKIZO - EASY EARNING
Tags: javascript, webdev, tutorial, devops
Published: 2023-12-24 12:58:17

1 Ad = .50$

About? 

OnlineTaskizo - Make Money Online By Ads. You May Need To Watch Full Ad And Click On Ad For Your Earning.

We Provide A Easy Way To Earn Money And Easy Withdraw On Your Account

How To Withdraw?

You Need Atleast 100$ Dollars On Your Account For Request Withdraw, Its Usally Take Upto 2-3 Business Days To Reflect On Your Provided Withdraw Account.

Payment Method For Withdraw? 

We Provide 7 Payment Method For Withdraw | Paypal, Payoneer, (Paytm India), Bank Transfer, CashApp, Amazon Pay, (Easypaisa For Pakistan)
ONLINE TASKIZO - EASY EARNING
Published: 2023-12-24 12:56:09

1 Ads = 0.50$ Dollar
****About? **

**OnlineTaskizo - Make Money Online By Ads. You May Need To Watch Full Ad And Click On Ad For Your Earning.

We Provide A Easy Way To Earn Money And Easy Withdraw On Your Account

How To Withdraw?

You Need Atleast 100$ Dollars On Your Account For Request Withdraw, Its Usally Take Upto 2-3 Business Days To Reflect On Your Provided Withdraw Account.

Payment Method For Withdraw? 

We Provide 7 Payment Method For Withdraw | Paypal, Payoneer, (Paytm India), Bank Transfer, CashApp, Amazon Pay, (Easypaisa For Pakistan)****
Get Paid to Complete Online Jobs and Easy Tasks – No Experience! mini miko jobs make a mony
Tags: webdev, programming, tutorial, learning
Published: 2023-12-24 12:53:21

Making money by doing simple online tasks is now possible with the increase of people seeking assistance through the internet. The tasks that need to be completed are quite varied and include testing websites, data entry and taking online surveys among others.

[**click**](https://bit.ly/48xA2uf)
Phase 1 blog
Published: 2022-09-19 01:19:50


I completed phase one at Flatiron School! This was definitely a challenge but I'm so proud I completed it. These past 3 weeks went by so quickly and I can for sure say I learned a lot. I enjoyed getting to know my cohort and learning along with them. 

During phase one we learned about the basics of JavaScript. After spending 2 weeks learning about the DOM, event listeners and fetch requests, the class was able to use their skills to make a functioning website. For my website, my partner and I created a movie review website where people can read descriptions of top rated and new releases movies. A part of my project required me to fetch the json file and display the information from it on the dom. To do that I had to use either innerText, innerHTML or innerTEXT. While I could’ve used either 3 of those to complete my task, I was still confused about which one to use. So here’s a breakdown of the three make your life easier!

This will be out sample code. 
We used a div element and set the id to exampleCode. We have a bold and code tag. The bold tag will make the content inside it bold and the code tag will display the content inside it as monospace font. 
```
<div id=‘exampleCode>
   
  This world is <bold>bold</bold>. There is a space       <code>here</code>
  </div>

```
To get the text to display we can declare an element to it and then call it using innerHTML, innerText and textContent.

 const exampleCode = document.getElementById('blog-test');
  exampleCode.innerHTML
  exampleCode.innerText
  exampleCode.textContent

When we call the code using .innerHTML, it will return this. 
```
"This world is <bold>bold</bold>. There is a space       <code>here</code>"
```

 .innerHTML will return the html markup within the code as we can see with <bold> and <code>. Use this when you want to see the html content of a code. 

When we call the code using .textContent, it will return this. 
```
 "This world is bold. There is a space       here"
```
.textContent will return this code with the html markups applied to it. We can see the extra spacing added between “space” and “<code>here</code>” have been applied. Use this when you want to see the value of an element with the formatting applied. 

When we call the code using .innerText, it will return this.
 ```
"This world is bold. There is a space here"
```
.innerText will return the code with the html markups applied to it but the extra spacing in the code will be ignored. Use this when you want to see the value of an element but with the formatting ignored.

Reference list 
https://betterprogramming.pub/whats-best-innertext-vs-innerhtml-vs-textcontent-903ebc43a3fc
https://www.w3schools.com/
71. Assignment 3 submitted (Day 69)
Published: 2023-12-24 12:40:26

I finished my assignment just in time for Christmas! For two weeks, I worked on making a travel checklist app using Python. This app lets you add, see, delete, and mark items as done. It’s pretty easy to use, but making it wasn’t easy at all.

Right before I had to submit it, I found a problem. Something was missing in the code. Fixing it took me an extra hour and a half. Luckily, my tutor saved the day! Even though it was Christmas Eve and he was traveling, he checked our school's chat and helped me out. The fix was simple—just moving one line of code up a bit. It's crazy how such a tiny thing caused so much trouble!

This whole experience made me realize that coding is more about thinking logically than doing math. It’s not just about numbers; it’s about making sense of things. So now, my goal for the holidays is to get better at this logical thinking in coding. I want to learn Python, HTML, and CSS really well, and I'm going to work on it every day during the holidays. It’s my way of celebrating the season—learning something new and getting better at it!

Merry Christmas everyone!
Variable variables - depths of PHP docs pt. 2
Tags: php, programming, news, webdev
Published: 2023-12-24 12:40:17


Welcome. That's me again and I have something interesting to show you.

Have you ever dreamed of being able to create a variable based of a value from another variable? 
No? Me neither. 

But there is an option to do so in PHP

## What does it look like?

So, let's suppose we have one variable called `$a`

```php
$a = "hello";
```

And then, If we want to have a variable called `hello` - we can just add additional `$` to `$a`

```php
$$a = "world";
```

Now, If we need to display it - we will use either
```php
echo "$a $hello";
```

Or 
```php
echo "$a {$$a}";
```

And there is also one thing to remember - If you have numerical variable

```php
$var1 = 200;
```

And then, you create a variable variable out of it
```php
$$var1 = 500;
```

You can refer to it only via `$$` and not as `$100`

You can't make variable variable out of superglobal

And to summarize it - `Variable Variables` are variables with dynamically set name

But, 

## Why should we even use them?

They may sometimes help with readability - how?

We have this class - it's for storing employees data

```php
class Employee{
    public $emp_firstName;
    public $emp_lastName;
    public $emp_age;
    public $emp_position;

    //Rest of the class
}
```

I think you noticed, that every attribute has `$emp_` as a beginning 

So now, Instead of writing a constructor like this
```php
    public function __construct($data) {
        $this->emp_firstName = $data['FirstName'];
        $this->emp_lastName = $data['LastName'];
        $this->emp_age = $data['age'];
        $this->emp_position = $data['position'];
    }
```

We can write a shorter function with `foreach` loop
```php
    public function __construct($data) {
        $types = ["firstName", "lastName", "age", "position"];
        foreach($types as $type){
            $this->{$type} = $data[$type];
        }
    }
```
That's actually the only way I think they might be used

## Conclusion 

That's one of those features, that you don't really know are they really necessary.

But still, sometimes they are used so we should at least know, something like this exists

And, If you can you should avoid them - there are better options like associative tables and/or temporary variables

That's it i guess. Thanks for reading, share you feedback in the comments and merry christmas
Make Money Online by Doing Easy Task
Published: 2023-12-24 12:38:39

[Understanding the Landscape](https://sites.google.com/view/onlineearningbyboxput/home)
Numerous websites and applications cater to individuals looking to earn money by performing simple tasks. These tasks can range from taking surveys, watching videos, testing websites or apps, data entry, transcription, and more. The key is to find legitimate platforms that offer fair compensation for your time and effort.

Top Platforms for Easy Online Tasks
Swagbucks: This platform rewards users for various activities like taking surveys, watching videos, shopping online, and browsing the web. Points earned, known as Swagbucks, can be redeemed for gift cards or cash.

Amazon Mechanical Turk: Commonly referred to as MTurk, it allows users to complete Human Intelligence Tasks (HITs) for pay. Tasks include data validation, content moderation, and more.

Clickworker: Clickworker provides a variety of tasks such as text creation, categorization, surveys, and app testing. Payments are based on the complexity and time required for each task.

Fiverr and Upwork: These platforms are more freelancing-centric. You can offer your services for tasks you excel in, setting your own prices and working on projects like graphic design, writing, social media management, and more.

Tips for Maximizing Earnings
Diversify Tasks: Try out different types of tasks to find what suits you best. Experimenting with various platforms and tasks can help you discover the ones that align with your skills and preferences.

Time Management: Set a schedule and allocate specific times for completing tasks. This helps maintain a balance between your online earning activities and other responsibilities.

Quality Matters: Some tasks may have quality requirements. Ensure you meet these standards to receive higher ratings and access more lucrative opportunities.

Stay Vigilant: While there are many legitimate opportunities, watch out for scams. Research platforms, read reviews, and never pay to join a task platform.

The Realistic Side
While making money from easy online tasks is feasible, it's essential to keep expectations realistic. Earnings may vary depending on the time and effort invested. It might not replace a full-time income, but it can certainly be a valuable supplementary source.

Final Thoughts
Engaging in easy online tasks can be a convenient way to earn money from the comfort of your home. With the right approach—researching, exploring different platforms, managing time efficiently, and staying cautious—you can turn your spare time into a fruitful income stream. Remember, consistency and perseverance often lead to greater opportunities and increased earnings in the world of online task completion.

Explore, adapt, and embrace the possibilities the digital world offers to harness your skills and earn an income on your terms.

For More Details Visit : https://bit.ly/3Tw2bOi
Task 2
Published: 2023-12-24 12:30:42

1.
https://docs.google.com/spreadsheets/d/1PN3VO5cW_HKLnQePUdACPuHctWrg_bU0-YSmkxQ0u4E/edit?usp=sharing

2.
https://docs.google.com/spreadsheets/d/1WLEIi5bgbC-mINHzE0E2XU4OgRjD_n2l87ZFxj6NP0E/edit?usp=sharing
Navigating the AI Era: Opportunities and Strategies for Junior Developers
Tags: ai, webdev, devtools, programming
Published: 2023-12-24 12:07:50

Today, we'll be exploring a hot topic in the world of web development: the impact of artificial intelligence (AI) on junior developers.

AI has become an indispensable tool in the world of development and developers, offering numerous possibilities for innovation and creation, and enabling us to improve and accelerate productivity in our development processes. The question is: will this technological evolution make junior developers obsolete? Or on the contrary, should junior developers take advantage of the power of AI to learn and progress?

In my opinion, a junior developer should absolutely use AI and take advantage of its functionalities, provided he makes sure he understands everything the AI generates for him. It's crucial not to simply copy and paste the solutions offered by AI, but rather to understand the underlying principles, algorithms, libraries and frameworks. It is advisable to seek clarification from the AI on unclear or complex aspects, and to supplement this information with in-depth personal research, until you reach the stage of mastering everything you write and being able to do it again autonomously.

Finally, AI is not a threat to junior developers, but an opportunity. AI can help developers solve complex problems. But it's important to remember that AI must be a complete tool.
Is programming a form of art? Learn what philosophy has to say about it 🤓
Tags: philosophy, watercooler, art, discuss
Published: 2023-12-24 12:01:28

---
title: Is programming a form of art? Learn what philosophy has to say about it 🤓
published: true
description: Have you ever wondered if programming can be considered a form of art? Do you feel as an artist in front of the computer sometimes? Here's me, my friends and philosophy have to say about it.
tags: philosophy, watercooler, art, discuss
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uuf1gp3yqomynoj9v25g.png
# Use a ratio of 100:42 for best results.
# published_at: 2023-10-27 19:36 +0000
---

Have you ever wondered if programing can be considered a form of art? Do you feel as an artist sometimes?

I did wonder so I went deeply into the topic - asking my programmer friends about it and reading philosophical articles about what defines an art. 

In the video below I gathered all my knowledge and tried answering the question as a true engineer - using boolean logic 😉

Do you agree with my point of view?

{% embed https://youtu.be/P9KnEUyTkoM %}
Placeholder Maintainer
Tags: hack23maintainer
Published: 2023-12-24 11:46:54

<!-- ✨This template is only meant to get your ideas going, so please feel free to write your own title, structure, and words! ✨ -->

### Intro
<!-- Share a bit about yourself as a maintainer. Is this your first Hacktoberfest, or have you maintained in others? Feel free to embed your GitHub account by using {% embed LINK %} -->

### Project
<!-- Tell us about the repository that you hosted. What processes did you set up to review and merge pull requests? Feel free to embed your GitHub repo by using {% embed LINK %} -->

### Highs and Lows
<!-- What were some of your biggest accomplishments or light-bulb moments this month? Did any problems come up that seemed impossible to fix? How did you adapt in those cases?  -->

### Growth
<!-- What was your skillset before Hacktoberfest 2023 and how did it improve? Have your project goals changed since publicly maintaining it? -->
Placeholder Contributor
Tags: hack23contributor
Published: 2023-12-24 11:46:40

<!-- ✨This template is only meant to get your ideas going, so please feel free to write your own title, structure, and words! ✨ -->

### Intro
<!-- Share a bit about yourself as a contributor. Is this your first Hacktoberfest, or have you contributed to others? Feel free to embed your GitHub account by using {% embed LINK %} -->

### Highs and Lows
<!-- What were some of your biggest accomplishments or light-bulb moments this month? Did any problems come up that seemed impossible to fix? How did you adapt in those cases?  -->

### Growth
<!-- What was your skillset before Hacktoberfest 2023 and how did it improve? Have your learning or career goals changed since working on these new projects? -->
MongoDB: a complete guide
Published: 2023-12-24 11:46:07

In programming, when working with a database, you need a language for querying and manipulating data. The most common language is SQL (structured query language). 

**MongoDB** is a NoSQl (not only SQL) database. It is a non-relational database; it is a document-based database. This means data is stored in JSON format. 

In MongoDB, data is called a record or a document. The documents have a key-value structure and look like JSON. Example: 

```javascript

{"name": "Lil baby"}

```

All documents have a unique id. Documents are stored in collections, and a collection can hold many records. You need to use the collection name in your queries such as insert, retrieve and delete.


### Commands

``show dbs`` : This will show all the database on your server.

``use testDB`` : This will create a new database.

``show collections`` : This will show all the collections in a database.

``db.dropDatabase()`` : This will delete a database.

### Installation

To install the latest version of mongodb, [click the link](https://www.mongodb.com/try/download/community)

**MongoDB compass**: This is a GUI you can install locally.

**MongoDB Atlas**: This is a cloud implementation of mongo.

<a href="https://www.buymeacoffee.com/ifeanyichima" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/default-orange.png" alt="Buy Me A Coffee" height="41" width="174"></a>

**Thank you, Please follow me**

[![HTML](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://linkedin.com/in/ifeanyi-thankgod-chima)&nbsp;[![GitHub](https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white)](https://github.com/masterifeanyi)
🎄✨ Spread the Joy with Personalized Christmas Wishes! 🌟🎅
Tags: webdev, cristmas, holiday, wish
Published: 2023-12-24 11:39:35

Experience the magic of the season with our new Christmas Wishes website! 🎁✉️ Create cherished memories by sending heartfelt messages to your loved ones. 🎉

🔍 How it works:

**[Visit our website](https://wiahareena.blogspot.com/)** and easily input your name.
Craft a personalized Christmas wish with love and warmth.
Hit send to deliver your special message directly to your friends and family.
🌟 Why choose us?

Unleash your creativity with a user-friendly interface.
Make it personal – your name adds an extra touch to every message.
Spread festive cheer effortlessly with just a few clicks.
🎅 Perfect for:

Connecting with distant loved ones.
Surprising friends with delightful messages.
Adding a personal touch to your holiday greetings.
Share the joy, share the love! Visit our Christmas Wishes website today and let the season of giving begin. 🎄💖 #SpreadTheCheer #ChristmasWishes #SeasonsGreetings 🌟
Why did I build another status page
Tags: svelte, opensource, tailwindcss, node
Published: 2023-12-24 11:32:25

The status pages that are opensource look dated. I wanted to build a modern looking one and I wanted to keep it minimal effort. There is a project called upptime.js.org which uses github to power a status page. It also looks old and has limitation of minimum 5 minute check.

So, I thought to myself what the heck, let us do it. I know svelte, NodeJS and I like [shadcn-svelte](https://www.shadcn-svelte.com/) 

So here it is 

## Kener - Status Page System 

Visit [https://kener.ing](https://kener.ing) | [Github](https://github.com/rajnandan1/kener)

### Features 

- Real-time monitoring
- Customizable status page
- Easy installation and setup
- Automated incident management
- GitHub integration for issue tracking
- Environment variable configuration
- Production and custom deployment options
- Detailed documentation and examples
- API for status updates
- Badge generation for status and uptime display
- Branding and theme customization
- Flexible monitor configuration using YAML
- Cron-based scheduling for monitors
- Secrets management for headers and bodies
- Evaluators for HTTP response parsing
- Incident tagging and labeling
- Meta tag customization for SEO
- User-friendly interface
- Support for light and dark themes
- Responsive design for various devices


Do spare a ⭐ on [github](https://github.com/rajnandan1/kener)

### Roadmap
- [ ] Add notification
- [ ] Add api to create incident
- [ ] Add Mysql adapter
Merry Christmas Tree!
Tags: codepen
Published: 2023-12-24 11:22:34

That's all for this year - thanks for all the love and support over the year.

CodePen is still my favourite place in the world mainly because the community here is so friendly and encouraging.

Here's to a happy and prosperous new year! ❤🎉

{% codepen https://codepen.io/chrisgannon/pen/KZMYmp %}
Rive: Better collaboration between designers and developers on interactive animations?
Tags: animation, javascript, motiondesign, rive
Published: 2023-12-24 11:21:23

How do interactive designers work hand in hand with web developers? This seems to be a tough nut to crack since Adobe Flash was discontinued. 

Rive promises a new way of enabling collaboration between design and development with their State Machine approach: Designers are able to create states and events for their animation - and developers can trigger these from outside (via JavaScript). 🤝  

Here is a good, brief example to trigger a state via JS (react) by [Anthony Rimet](https://marmelab.com/blog/2023/01/30/rive-animation-state-machine.html): 

```javascript
const isHandsUpInput: StateMachineInput | null = useStateMachineInput(
        riveInstance,
        STATE_MACHINE_NAME,
        'hands_up',
    );

// ...

<input
    onFocus={() => (isHandsUpInput!.value = true)}
    onBlur={() => (isHandsUpInput!.value = false)}
/>
```

![Character animation which is animated when password input is selected](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6wm1hki3fis4zha70tlm.png)

![Character animation which is animated when password input is selected - second screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yapa69jhd51h02sj7cog.png)

Full tutorial: ["Rive: Animate Web UIs with State Machines" - Anthony Rimet]( https://marmelab.com/blog/2023/01/30/rive-animation-state-machine.html)

In this podcast episode, one of the Rive founders - Guido Rosso - shares their vision: "Is this the new Flash? Rive and the future of interactive design" - School of Motion Podcast

{% embed https://www.youtube.com/watch?v=U0Jd5-eStu4 %}

- Spotify https://open.spotify.com/episode/64pOVsEV32RAcgHJo4sSIt

"Intro To Interactive Animation In Rive | UI Animation Tool" - School of Motion:

{% embed https://www.youtube.com/watch?v=yaP07L5J50E %}

A comparison between Rive and Lottie (by Rive): https://rive.app/blog/rive-as-a-lottie-alternative

_Although it has to be said that Lottie is an Open Source animation format whereas Rives file format is proprietary. Only the Rive runtimes are Open Source._

Check out Rive here: https://rive.app/

Let's see how this will play out in 2024. 🪄

Thanks very much to motion designer Olga Vikhrova for sharing the podcast episode about Rive with me - check out Olgas amazing work here: https://www.instagram.com/olga_a_vikhrova/