teleren/devto huggingface dataset:
Android Contributor to Google Dev Library | Exploring an Android Open Source Project : Pokedex
Tags: android, programming, techtalks, opensource
Published: 2023-03-06 09:59:13

[![Alt text](https://img.youtube.com/vi/RG9ATodwbT4/0.jpg)](https://www.youtube.com/watch?v=RG9ATodwbT4)

In this tech talk, Google Dev Library contributor Jaewoong Eum discusses Pokedex, which follows Google's official Android architecture guidance and demonstrates modern Android development with Hilt, Coroutines, Flow, Jetpack (Room, ViewModel), and Material Design based on MVVM architecture. The repository includes the app's layout, features, and functionality, as well as documentation on how to implement and utilize its resources.


About [Google Dev Library](https://devlibrary.withgoogle.com/) is a curated platform for technical content written or built using Google technologies like Android, Google Cloud, TensorFlow, and more. 

- [Learn more about Pokedex](https://goo.gle/3E1Ca0Q)   
- [Jaewoong Eum’s author page on Dev Library](https://goo.gle/3lx6vho) 
- [Check out what other Android developers have built](https://goo.gle/androiddevlibrary) 
- [Subscribe to Google Dev Library Newsletter](https://forms.gle/jVUfxD9bwQchJyAM8)  
- [Join us on Discord](https://discord.gg/AbwzvEqdCu)
Todo List Application using the useState Hook in React
Published: 2023-03-06 09:56:57

{% youtube bS5b8AcHvA8  %}
React is a popular JavaScript library used to build user interfaces. One of its main features is the `useState` hook, which allows you to manage state in functional components.

In this post, we'll walk through how to build a simple todo list application using the `useState` hook in React. The app will allow users to add, complete, and delete tasks from their todo list.

To get started, we'll need to create a new React app using create-react-app. This will give us a basic template for our app to build upon.

Next, we'll create a new component for our todo list. Inside this component, we'll use the `useState` hook to manage the state of our todo list. We'll also create functions to add, complete, and delete tasks from the list.

Once our todo list component is complete, we can render it in our main App component and test it out in the browser.

Overall, building a todo list application using the `useState` hook in React is a great way to learn how to manage state in functional components. It's a useful skill for any React developer to have, and can be applied to a wide range of applications beyond just todo lists.

To access the code for this todo list application, you can visit my [GitHub](https://github.com/SidraMaq/ReactJs/tree/main/todoapp) repository. The code is available for you to view, clone, and customize to fit your own needs. I encourage you to check it out and explore how the `useState` hook is used to manage state in this React application. Happy Learning!
Core Java - Executer Framework.
Tags: java
Published: 2023-03-06 09:54:39

If we follow traditional approach to create a thread or implement a runnable interface, then we have certain limitations.

Time Consuming - every time we need to create a thread its time and resource consuming.
Poor Resource Management - Lets take a example of our application creates 1000 threads and only 500 threads is used remaining thread lies as not used.
Robust - if a million threads access came our application stops.

To overcome this Executer framework was introduced to overcome this. It overcomes the limitations of thread.


It will have a pool of thread whenever needed a thread perform a task and again moved to pool.


Callable and future - using runnable we cannot return a value. To overcome this callable is introduced. Call method is
GitHub eMarket Project
Tags: git, php, javascript, opensource
Published: 2023-03-06 09:52:43



![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j4g8z8hr6oytvmd8nrpo.png)
Dear Colleagues. I want to introduce you to our project on GitHub, which was founded in 2018. This is an online store engine project made in PHP and JS. We also used Bootstrap 5. I would like to describe everything in detail, but it seems to me that on the project page it will be more convenient to get acquainted with the project itself and its capabilities. I hope that our project can be useful to many developers. Sincerely, Alexander.

https://github.com/musicman3/eMarket
User Insights = Strong Book
Tags: go
Published: 2023-03-06 09:45:53

Hi,

We are planning to come up with a fourth edition of one of our successful books titled, Mastering Go. It's written primarily for Go programmers who have a bit of experience with the language and want to become expert practitioners

We are gathering feedback from Go developers to understand what are the challenges they are facing and how this book can help them. It would be worth to hear your insights which will help us to develop a better fourth edition.

In case you are interested, share your email address and we will share a ebook copy with you.

Regards,
Denim
My Journey as a Young Prokopton in Software Engineering
Tags: beginners, programming, productivity, codenewbie
Published: 2023-03-06 09:35:05

As a young prokopton (meaning "one who is making progress" in Greek), I'm just beginning my journey in the exciting world of software engineering. While there's a lot to learn and many challenges to overcome, I'm passionate about this field and eager to see where it takes me.

I've always been interested in technology, and I began teaching myself to code in my early teens. However, it wasn't until recently that I decided to pursue software engineering as a career. As someone who is still relatively new to the field, I know there's a lot I need to learn, and I'm committed to doing whatever it takes to become a skilled and knowledgeable software engineer.

I've gotten an internship in a startup named Lightrun and am exited to help them in any way I can. I have also been working on developing my programming skills by taking on coding challenges and participating in online coding competitions. I know that there's always more to learn, and I'm constantly seeking out new resources and opportunities to improve my skills.

One thing that has helped me tremendously in my journey as a young prokopton is being part of a supportive community of fellow developers. I've joined online forums, attended meetups, and connected with other developers on social media. Through these interactions, I've learned valuable tips and tricks, gotten feedback on my code, and received encouragement and motivation to keep going.

As I continue on my journey as a young prokopton in software engineering, I know that there will be many challenges ahead. But I'm excited to take them on, knowing that with hard work, dedication, and the support of my fellow developers, I can achieve my goals and make a meaningful impact in this field. If you're just starting out on your own journey as a software engineer, I encourage you to keep going and never stop learning. Who knows where your passion for programming will take you!
7 Libraries You Should Know as a React Developer
Tags: react, reactnative, javascript, webdev
Published: 2023-03-06 09:34:46

As a **[React developer](https://69thedeal.com/react-js-webdesign/)**, there are several libraries you should be familiar with to make your work more efficient and effective. Here are seven of them:

## Redux

A predictable state container for JavaScript applications. It helps manage the state of your application in a more organized and centralized manner.


## React Router 

A popular routing [library for React](https://reactjs.org/). It allows you to define routes for your application and manage navigation between different pages.


## Axios

A library for making HTTP requests in JavaScript. It is commonly used with [React](https://69thedeal.com/react-js-webdesign/) for fetching data from APIs.


## Styled Components

A library for styling **React components** with **CSS**. It allows you to write CSS code directly in your JavaScript files, making it easier to manage styles for individual components.


## React Bootstrap

A popular UI library for React that provides pre-built components and styles for building responsive and mobile-first web applications.


## React Native Elements

A library of customizable UI components for **React Native**, a framework for building mobile applications with React.


## React Testing Library

A library for testing React components in a user-centric way. It provides a set of utilities for testing components as if a user were interacting with them.
How To Sell WooCommerce Subscriptions on Your eCommerce Store
Published: 2023-03-06 09:27:29

Firstly, if you own a physical store and plan to begin online. Then, WooCommerce is your way to go. You can completely [set up your online store with WooCommerce](https://wpswings.com/blog/complete-guide-how-to-setup-woocommerce-store/). Further one may wonder,

1. Can I provide services on WooCommerce? Yes, you can.
2. Can WooCommerce do subscriptions? Double Yes.
3. How do I sell my monthly subscriptions?
Date/Time Functions and Operators（4）
Tags: opengauss
Published: 2023-03-06 09:20:40

**date_part**

The **date_part** function is modeled on the traditional Ingres equivalent to the SQL-standard function **extract**.

**·** date_part(**'**field**', **source)
Note that here the **field** parameter needs to be a string value, not a name. The valid field names for **date_part** are the same as those for **extract**. For details, see EXTRACT.

Example:

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

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

Table 2 specifies the schema for formatting date and time values.

Table 2 Schema for formatting date and time values

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vm53o04vmn310v2kb0by.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5td5aqy03z0mh2kyuw68.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a1gohv5ew0tl6xhgi2me.png)

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

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

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vrpv1f2dbguqa5b5xpsv.png)
Lexington Themes on Product Hunt
Published: 2023-03-06 08:44:17

Hello everyone!

I am  Excited to anounce that Lexington Themes is on Product Hunt today!

It's finally live and any support would mean the world and beyond to me, after so many months of working my arse off,  now is time to rock.

https://www.producthunt.com/posts/lexington-themes

Lexington Themes

Outstanding themes and UI kits for designers, developers, businesses, & personal use — Crafted with Astro and Tailwind CSS

You will find:
✺ Landing pages
✺ UI Kits ( Multipage Templates )
✺ Personal
✺ Blogs
✺ Free

Celebrate Lexington's launch with a 25% discount on the bundleUse code LEXINGTON25 at checkout
Get it here ⇢ https://lexingtonthemes.com/

You can support Lexington Themes launch here:
- https://www.producthunt.com/posts/lexington-themes

Thank so much in advance!

//mike
Date/Time Functions and Operators（2）
Tags: opengauss
Published: 2023-03-06 08:45:46

**TIMESTAMPDIFF**
**·** TIMESTAMPDIFF(unit , timestamp_expr1, timestamp_expr2)
The **timestampdiff** function returns the result of **timestamp_expr2** – **timestamp_expr1** in the specified unit. **timestamp_expr1** and **timestamp_expr2** must be value expressions of **timestamp**, **timestamptz**, or** date** type. unit determines the **unit** of the difference between two dates.

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

**·** year

Calculates the number of years between two dates.

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

**·** quarter

Calculates the number of quarters between two dates.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/883ziqisre6i7omx9vmp.png)

**·** month

Calculates the number of months between two dates.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4qo4vznu22dht0ufdoya.png)

**·** week

Calculates the number of weeks between two dates.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/72p14c1lgokwdhrbyxh8.png)

**·** day

Calculates the number of days between two dates.

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

**·** hour

Calculates the number of hours between two pieces of time.

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

**·** minute

Calculates the number of minutes between two pieces of time.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9zgfdjpy3bh0xgql8jt9.png)

**·** second

Calculates the number of seconds between two pieces of time.

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

**·** microseconds

Calculates the number of seconds between two pieces of time, including fractional parts, multiplied by 1,000,000.

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

**·** timestamp_expr (with a time zone)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m1t6xpwdi98svm75suln.png)
ShortId Factory
Tags: webdev, csharp, sql, database
Published: 2023-03-06 08:42:38

**ShortIdFactory**

> A library that generates unique random identifiers by set characters length. Identifiers generated can be used as primary keys for databases and unique identifiers.

**Install ShortIdFactory with Nuget**

`dotnet add package ShortIdFactory`

**Usage**
`var shortId = new ShortIdFactory(characterCount: 11).Generate();
// _6ulErifjS0`

[Source code](https://github.com/realkarimfahmy/ShortIdFactory)

enjoy
Nuxt 3, Algolia, Storyblok, and TailwindCSS Crash Course
Tags: vue, javascript, webdev, tutorial
Published: 2023-03-06 08:40:49

Some time ago I have recorded a Crash Course about building a simple image gallery with Nuxt 3, Algolia, Storyblok and TailwindCSS. This project is an example of building a relatively simple application that utilizes more advanced concepts such as composable architecture.

It can be easier to explain this concept by looking at the below simple diagram:


![Nuxt, Algolia, Storyblok](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7o56wifxjsk45ea6q8bz.png)

How this application will work is basically we will be fetching results from Storyblok and Algolia inside our Nuxt application but we will also keep both these sources in sync so that once we will create a new Cat Image record in Storyblok, it will also be added to Algolia index so that we can easily search through it fast.

Take a look at the video below to see all the code step by step:

{% youtube MQGIxPmgSCM %}

## Links

Below you can see the links that I have also used in my video for reference:

* Original article on Storyblok website -> https://www.storyblok.com/tp/digital-experience-nuxt-3-algolia-tailwindcss
* Deployed application to Vercel -> https://nuxt-storyblok-algolia-tailwindcss.vercel.app/
* GitHub repository with source code -> https://github.com/Baroshem/nuxt-storyblok-algolia-tailwindcss

## Summary

And that's it! This shows how quickly and easy you can build an application with Nuxt 3, Algolia, and Storyblok that will be able to fetch data from several source and update it on demand.

Let me know what other crash courses you would like me to cover next time :)
How to Make Money With Clickbank
Tags: beginners, testing, webdev, javascript
Published: 2023-03-06 08:40:34

<p>&nbsp;</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE6MQhxHWLO1p68Qu66ApbJj_prQN2wvYhWksKWsRFXSS2jSXqEGvn9k9VuQ9-Ii1okFV5RMUQ4By-9eJ3sKuyonXDeJoO6_60ccHlyxE8cEbI2pPpLGoZA74bprLi_gKAk_b1GU2OB1EcLkl8lNM7cyC2x49I9HodHq4jsYqbdznNOX72Um0YVZSJTA/s600/clickbank.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="315" data-original-width="600" height="336" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE6MQhxHWLO1p68Qu66ApbJj_prQN2wvYhWksKWsRFXSS2jSXqEGvn9k9VuQ9-Ii1okFV5RMUQ4By-9eJ3sKuyonXDeJoO6_60ccHlyxE8cEbI2pPpLGoZA74bprLi_gKAk_b1GU2OB1EcLkl8lNM7cyC2x49I9HodHq4jsYqbdznNOX72Um0YVZSJTA/w640-h336/clickbank.png" width="640" /></a></div>ClickBank is an online marketplace that allows entrepreneurs to sell digital and physical products. Founded in 1998, ClickBank has become one of the leading platforms for affiliate marketers and vendors to connect and make money. In this article, we'll explore what ClickBank is, how it works, and how you can use it to make money.<p></p><p><br /></p><h2 style="text-align: left;">What is ClickBank?</h2><p>ClickBank is an affiliate marketing network that connects vendors with affiliate marketers who can promote and sell their products. Vendors can list their products on ClickBank's platform, and then affiliate marketers can choose which products they want to promote. When a sale is made, the vendor pays a commission to the affiliate marketer, and ClickBank takes a small percentage of the sale as well.</p><p>ClickBank offers a wide range of digital and physical products, including e-books, courses, software, and physical products like weight loss supplements and skin care products. The platform has more than six million unique products listed, making it one of the largest online marketplaces in the world.</p><p><br /></p><h2 style="text-align: left;">How does ClickBank work?</h2><p>As a vendor, you can list your product on ClickBank by [READ MORE](https://www.technicalbulu.xyz/2023/03/Money-with-clickbank.html)
What will the code below output to the console and why?
Tags: webdev, javascript, programming, react
Published: 2023-03-06 08:28:58

`(function (){ var a = b = 5; })();

console.log("a define ? :- "+ (typeof a !== 'undefined')) console.log("b define ? :- "+ (typeof b !== 'undefined'))
`
Since both a and b are defined within the enclosing scope of the function

most JavaScript developers would expect typeof a and typeof b to both be undefined in the above example.

However, that is not the case. The issue here is that most developers incorrectly understand the statement var a = b = 3; to be shorthand for:

`var b = 3;

var a = b;`

But in fact, var a = b = 3; is actually shorthand for:

`b = 3;

var a = b;`

As a result (if you are not using strict mode), the output of the code snippet would be:
`
a defined? false

b defined? true`

But how can b be defined outside of the scope of the enclosing function? Well, since the statement var a = b = 3;

is shorthand for the statements b = 3; and var a = b;, b ends up being a global variable (since it is not preceded by the var keyword) and is therefore still in scope even outside of the enclosing function.

Note that, in strict mode (i.e., with use strict), the statement var a = b = 3; will generate a runtime error of ReferenceError: b is not defined, thereby avoiding any headfakes/bugs that might othewise result. (Yet another prime example of why you should use use strict as a matter of course in your code!)
Enjoy Programming-Themed Humor? Here's today's daily developer joke!
Tags: jokes, dailydeveloperjokes
Published: 2023-03-06 08:00:29

---
title: "Enjoy Programming-Themed Humor? Here's today's daily developer joke!"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
published: true
tags: #jokes, #dailydeveloperjokes
---

Hi there! Here's today's Daily Developer Joke. We hope you enjoy it; it's a good one.

![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e1258c78158d.png)

---

For more jokes, and to submit your own joke to get featured, check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/). We're also open sourced, so feel free to view [our GitHub Profile](https://github.com/dailydeveloperjokes).

### Leave this post a ❤️ if you liked today's joke, and stay tuned for tomorrow's joke too!

_This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit._

<!--
Joke text:
I never tell the same joke twice

I have a DRY sense of humor.
 -->
Hobbyist Coders: Why Do You Code?
Tags: discuss, beginners, codenewbie
Published: 2023-03-06 08:00:00

Becoming a hobbyist coder can offer many benefits, from personal fulfillment to career development. Plus, it’s fun! There's always something new to learn and explore in the world of coding. 

So, tell us why you code. Is it personal interest? For career development? Flexibility or entrepreneurship? And what about community? Are you finding community and like-minded individuals on CodeNewbie and DEV?  

If you’re a hobbyist coder and have ideas for what we can do to make your experience here more fulfilling, helpful, or enjoyable, drop a note in the comments!
What Difficulties Do You Expect to Encounter As You Pursue a Career in Coding?
Tags: discuss, beginners, codenewbie
Published: 2023-03-06 08:00:00

Entering the world of coding can come with its own set of challenges. One challenge is the constantly evolving nature of technology and the need to continuously learn and adapt to new programming languages, frameworks, and tools. 

Another challenge could be the complexity of certain projects, which may require a high level of technical expertise and problem-solving skills. 

Communication and teamwork can also be challenging in a career in coding, especially when working on large projects with multiple team members. 

Last but not least, imposter syndrome is real!

Are these things that resonate with you? What other challenges do you anticipate facing as you explore a career in coding, and how do you plan to overcome them? 

Let's help each other navigate the coding world and overcome any obstacles we may encounter!
CSS Position
Tags: css, beginners
Published: 2023-03-06 07:57:14

CSS Position is one of the core concepts of CSS. however, the concept is pretty confusing for some beginners, including me.

The CSS Position property has 5 different values: 
- `static`
- `relative`
- `absolute`
- `fixed`
- `sticky`

**Position Values**

`static` is a default value on the HTML elements. You cannot use: the top, bottom, left, and right properties on the static element.

`relative` is almost similar to `static`. The difference is The relative value supports the top, bottom, left, and right properties. 

`absolute` is positioned relative to the parent element. 

`fixed` is positioned relative to the viewport. which means that the element is unaffected by the scrolling. `fixed`  value usually use for the ad box.

`sticky` element looks similar to `fixed` but is different.
 So we could say a `sticky` element is a toggle between ***relative*** and ***fixed***, depending on the scroll position. Before the user scrolls the page, the position of the element is `relative` and the element will transform to fixed after a user scrolls the page.

I think that is pretty much it.

<br>

Preference I used :

[Cover](https://unsplash.com/photos/6JVlSdgMacE)
[CSS-trick position](https://css-tricks.com/almanac/properties/p/position/) 
[W2-School position](https://www.w3schools.com/css/css_positioning.asp)