teleren/devto huggingface dataset:
How I got 2 Internships
Tags: javascript, webdev, beginners, react
Published: 2022-10-31 09:47:39

**Which type of Internships?**

I have done two internships in two startups in my 2nd Year of B.Tech, one is in ReactJS and the other one in React Native.






**How I got the First One?**

So my first internship was from linkedin, I got it because I have worked on a tech stack, which the company wants to implement on their project. It was of about 3 months and it was unpaid.








**How I got Second One?**

The Second one I got from college, it was a training of ReactJS of about 45 days for which we have to give about 1500 rupees, and after the training there will be an interview and those who qualify, will get an internship. I know react before I enrolled for that so I have enrolled so that I'll easily get an internship.
Same Happened, there was some assignments followed by a group interview. 3 of us get selected for the internship and I was one of them.








**Some Tips for you**

1. Make your Linkedin Profile Strong.
2. Do Solve Coding problems, but try to solve a real world problem.
3. Find out what work for you, what tech stack you love.
4. Explore if you're in first or second year.
5. Keep Trying, you'll find your way.




**Bonus**

Attendance matters but you are engineers, you know how to get "attendance without attending".


```
Me who writing this blog after bunking the class.
```







Thank you so much for Reading it. See you somewhere :)
Product of Array Except Self
Tags: python
Published: 2022-10-31 09:06:11

## Instructions
Given an integer array nums, return an array answer such that answer[i] is equal to the product of all the elements of nums except nums[i].

Attempt [here](https://leetcode.com/problems/product-of-array-except-self/)
### Example

```
Input: nums = [1,2,3,4]
Output: [24,12,8,6]
```

## Approach
The first idea you are likely to come up with is to find the product of all the elements in the array and divide the product by nums[i] to get the product at a given i.
However, the questions requires that we do not use the division operator.

Another approach would be to maintain a prefix that stores the product of elements before array[i] and a postfix that stores the product of elements occuring after array[i].

## Implementation

```python
def productExceptSelf(self, nums: List[int]) -> List[int]:
        
        result = [1] * (len(nums))
        prefix = 1
        postfix = 1

        for i in range(len(nums)):
            result[i] = prefix
            prefix *= nums[i]        
        for i in range(len(nums) - 1, -1, -1):
            result[i] *= postfix
            postfix *= nums[i]
        return result
```

> When calculating the postfix we iterate through the array with -1 step. A negative step value in a range() function generates the sequence of numbers in reverse order.

This solution uses O(1) space complexity and O(n) time complexity.

[Video Solution](https://www.youtube.com/watch?v=bNvIQI2wAjk)
Happy learning !!!
Django Dynamic DataTables - Free Library
Tags: webdev, django, tools, opensource
Published: 2022-10-31 08:44:55

---
title: Django Dynamic DataTables - Free Library
published: true
description: Open-source library for Django that provides a powerful data table interface (paginated information) with minimum effort
tags: webdev, django, tools, opensource
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/btxdn8c04zspwufecvlc.jpg
canonical_url: https://blog.appseed.us/django-dynamic-datatables-free-library/
---
Hello coders!

This article mentions an `open-source library` for **Django** which provides an easy way to build a [data tables](https://github.com/app-generator/django-dynamic-datatb) interface for any model defined in a project. The source code, published on GitHub (MIT license), can be installed via PIP, extended, or used as it is in commercial projects or eLearning activities.

> Thanks for reading!

- 👉 [Django Dyamic DataTables](https://github.com/app-generator/django-dynamic-datatb) - `Source code`
- 👉 [Django Dyamic DataTables](https://github.com/app-generator/django-dynamic-datatb-sample) - `Sample project`
- 👉 [Django Dyamic DataTables](https://appseed.us/developer-tools/django-dynamic-datatables/) - `Product Page` (for support)

The sample project mentioned above was coded during this short video that starts from an empty project.

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

---

## ✨ Library Highlights

The library can be used to prototype fast [data tables](https://github.com/app-generator/django-dynamic-datatb) UIs using minimal configuration and no coding. Once a new model is migrated to the database and the library configured to use it, the UI is ready to manage the data without writing any code using a simple `data table` layout.

> Here is the required configuration for a model

```python
DYNAMIC_DATATB = {
    # SLUG -> Import_PATH 
    'cities'  : "app2.models.City",
}
```

The above snippet enables the [Dynamic Data Table](https://github.com/app-generator/django-dynamic-datatb) module for the [City](https://github.com/app-generator/django-dynamic-datatb-sample/blob/main/app2/models.py) model defined in the [app2](https://github.com/app-generator/django-dynamic-datatb-sample/tree/main/app2) Django application.

```python
class City(models.Model):     
name    = models.CharField(max_length=100)    
info    = models.CharField(max_length=100, default='')    
visited = models.CharField(max_length=100, default='false')
```

Using the model definition, the UI is automatically generated and presented to the users.

Might be important to mention that `all future updates on the model` (add, remove fields) `are reflected in the UI without writing code`.

![Django Dynamic Data Tables - Cities Model (free tool)](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sawsa2i39qg49wuuz70x.png)

---

> Thanks for reading! For more resources, feel free to access: 

- 👉 More [Django Dashboards](https://appseed.us/admin-dashboards/django/) - a curated index 
- 👉 [Django App Generator](https://app-generator.dev/django/) - A 2nd generation App Builder
Which programming language should you learn for data science and machine learning: R or python?
Tags: r, python, datascience, machinelearning
Published: 2022-10-31 08:35:57

If you’re looking to become a professional data scientist, you’re going to need to learn at least one programming language. In this blog, our focus will center on Python vs. R. We will also dive a little bit into what these programming languages are all about (what is Python and what is R?)  R and Python are free and open-source programming languages for data science and analytics. Both of them have their own strengths and weaknesses, and hence choosing the right one depends on your use cases and the problems that you are trying to solve. At the end of this blog, you will be in a position to choose the right language according to your situation.

Read full article at: https://enlear.academy/r-vs-python-3ba306912b59
Setup React App with esbuild
Tags: esbuild, javascript, react, webdev
Published: 2022-10-31 08:28:32

Usally we create our react application using "create-react-app" which takes too much time to setup and installing packages. Also It takes more time start the server. 

[ESBuild](https://esbuild.github.io/) is the solution of that frustrating issue. 

When we setup react application with "create-react-app", it will install many packages which takes more time. Also webpack is slow compared to esbuild.

Let's start with initiating project by `npm init`. Thereafter install `react` and `react-dom` using following command.
```
npm i react react-dom
```
Once react dependencies have been added, install dev dependencies `esbuild` and `live-server`. Here live-server will be used to run the server.
```
npm i esbuild live-server --save-dev
```
Once all the dependencies have been installed, create `public` and `src` folder. All the react files should be placed inside `src` folder and index.html file should be placed inside `public` folder.

Folder Structure should be look like this.

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

Now create a `server.js` file in which we will define build related code. 

Code of `server.js` should be as follows:
```
const { build } = require("esbuild"),
    liveServer = require("live-server");

build({
    entryPoints: ['./src/index.js'],
    outfile: './public/bundle.js',
    bundle: true,
    loader: {
        '.js': 'jsx'
    },
    watch: {
        onRebuild(error, result) {
            if (error) console.error('watch build failed:', error)
            else console.log('watch build succeeded:', result)
        },
    },
}).then(result => {
    liveServer.start({
        port: 8000,
        host: 'localhost',
        root: "public",
        open: true,
        watch: "everything",
        ignore: 'scss,my/templates',
        file: "index.html",
        wait: 1000,
        mount: [['/components', './node_modules']],
        logLevel: 2,
        middleware: [function (req, res, next) { next(); }]
    });
    console.log('watching...', result)
})
```

And That's all. Now just add your react code inside `src` folder and us the `bundle.js` in `public` folder. 

Sharing [Github](https://github.com/dhruvangg/react-esbuild-boilerplate) link for reference.
Read Constraints the Right Way
Tags: computerscience, interview, programming, python
Published: 2022-10-31 08:26:25

In case you've found it rigid to observe what approach should be the optimal or how to get rid of the annoying time limit error, reading constraints in an important step towards a better approach for problem solving.

N denotes the number of operations for a range.

1. **N == 10^5** - One of the most sought-after constraints in competitive programming and interviews and a boundary line solution to your code in the front of the interviewer. The Time Complexity encompassing under it are O(N), O(N*logN(base2)) and O(N*root(N))

2. **N == 10^6** - The increment of a single power will bar the later one to keep only O(N) and O(N*logN(base2)) enclosed.

3. **N >= 10^9** - The one supportive complexity at this point is O(logN) with all the other failing at such an insurmountable number of operations. Binary Search much?.

4. **N == 10^3** - Apart from O(N), it extends its support to O(N^2) and O(N^2 * logN) solutions. This one is a Breath of fresh air to the beginners.

5. **N == 10^2** - The cubic computations are allowed in this special case. Going the brute force might not be a sign of concern in this case. You can opt for O(N), O(N^2), O(N^3) and O(N^3*logN) solutions beforehand. 

6. **N <= 20** - Exponential complexity is accepted in this constraint with recursion and backtracking the goto approach for solving such problems.


**Problem Categorization**
If at an interview, the constraints can give you the hints on which method would be most suitable for to solve your problem at a single go: -

```

1. 10^2 - Brute force/ Greedy
2. 10^5 - Sorting/ Combinations on Binary Search 
3. 10^8 - HashMap/ Sliding Window/Two Pointer/Stack/Queue
4. 10^10 - Binary Search
5. 4-20 - Recursion/Backtracking
```

As obvious, all of them are going to support O(1) in case you are wizard enough at an interview. Hope this helps you with interview. Grind Hard till You Make It.
run audacity without gui
Published: 2022-10-31 08:26:04


## docker compile audacity
### run container
```
docker pull ubuntu
docker run -idt -v {audacity_src_path}:/audacity_src ubuntu -name audacity_compile

# login container
# docker exec -it audacity_compile /bin/bash
```

### install deps

```
apt-get update

# ubuntu22.04 
# apt-get install sudo
apt-get install -y build-essential cmake git python3-pip
pip3 install conan
apt-get install libgtk2.0-dev libasound2-dev libjack-jackd2-dev uuid-dev
apt-get install libasound2-dev
apt-get install Xvfb
#compile audacity source code
```

### compile audacity source code

```
cd /audacity_src
mkdir build
cd build

# compile release version
cmake -G "Unix Makefiles" -DCMAKE_BUILD_TYPE=Release ..
# waitting
make -j`nproc`
make install 
# waitting
```

## make a virtual monitor by Xvfb
```
# running background
nohup Xvfb :7 -screen 0 1366x768x24 2>/dev/null &
```

## run audacity

```
export DISPLAY=:7
audacity
# run background
# nohup audacity &
```


## config audacity

vi /root/.config/audacity/audacity.cfg

```
[GUI]
ShowSplashScreen=0

[Module]
mod-script-pipe=1
```

### install declicker

```
cp DeClicker.ny /usr/local/share/audacity/plug-ins/
cp DeEsser.ny /usr/local/share/audacity/plug-ins/

# restart audacity
```

### test pipe-line

```
cd /audacity_src/scripts/piped-work#
python3 pipe_test.py
# print command ok
```
Chrome extension for recruiters
Tags: recruiter
Published: 2022-10-31 08:16:59

Dear Community,

We created a [chrome extensions for recruiters](https://chrome.google.com/webstore/detail/talent-acquisition-linked/iogffmglhkiajlbnlkfmfobhdhlfadkj). The extension is dedicated to recruitment teams and aims to eliminate spam and improve performance.
Any feedback is welcome.

Extension can be found here: [Talent Acquisition](https://chrome.google.com/webstore/detail/talent-acquisition-linked/iogffmglhkiajlbnlkfmfobhdhlfadkj)
A Fun Programming Joke To Start Your Day
Tags: jokes, dailydeveloperjokes
Published: 2022-10-31 08:00:19

---
title: "A Fun Programming Joke To Start Your Day"
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/5e1259ce87a7e.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:
___Q:___ What did the Network Administrator say when they caught a nasty virus?

___A:___ It hurts when IP
 -->
Utilizar varios archivos de configuración en Spring
Tags: spring, springconfig, kotlin, spanish
Published: 2022-10-31 08:00:00

En anteriores publicaciones vimos [cómo agrupar parámetros de configuración](https://dev.to/gekyzo/archivos-de-configuracion-en-spring-4k) mediante el uso de la anotación **@ConfigurationProperties** con el elemento *prefix*, así como [definir la ruta hasta un archivo de configuración](https://dev.to/gekyzo/como-definir-la-ruta-de-un-archivo-de-configuracion-en-spring-448d), pero en ocasiones un único archivo de propiedades puede extenderse demasiado por lo que es más conveniente separarlo en varios ficheros.

Podemos por ejemplo organizar los archivos de configuración de la siguiente manera:

```yaml
// file: resources/admin_cfg.yml
name: "John"

// file: resources/user_cfg.yml
user.firstname: "Ben"
user.lastname: "Stuart"
```

Ahora podemos crear sus clases de configuración, e indicar la ruta de los archivos utilizando la anotación **@PropertySource**

```kotlin
@Configuration
@ConfigurationProperties
@PropertySource("classpath:admin_cfg.yml") // <- Indicamos la ruta
data class AdminConfig(
    var name: String = "",
)
```

```kotlin
@Configuration
@ConfigurationProperties(prefix = "user") // <- Indicamos el prefijo (si fuera necesario)
@PropertySource("classpath:user_cfg.yml") // <- Indicamos la ruta
data class UserConfig(
    var firstname: String = "",
    var lastname: String = "",
)
```

El acceso a estas propiedades se realiza instanciando la clase de configuración que deseemos, y llamando a la propiedad que nos interese:

```kotlin
@Service
class UsersService(
    val config: UserConfig,
) {
    fun getFullName(): String = "${config.lastname}, ${config.firstname}"
}
```

Fuente: [24.8 Type-safe Configuration Properties @ Spring Boot Reference Guide](https://docs.spring.io/spring-boot/docs/2.1.13.RELEASE/reference/html/boot-features-external-config.html#boot-features-external-config-typesafe-configuration-properties)
New loading screen design: vote!
Tags: programming, gamedev, python
Published: 2022-10-31 08:00:00

Pycraft v9.5.5 will feature many changes, one of these changes is the new load screen, however we are torn between two different styles and will therefore leave it up to you to decide by way of a vote.
Option 1:
![Thinner loading bar](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o5ll202w56u45j8tsnbs.png)

Option 2:
![Thicker loading bar](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jbct5pi25a076j2o6xsc.png)

You can vote by leaving a comment to this post. 

Voting closes on Wednesday the 2nd of November at 20:00 (24-hour format) and this post we be removed once all the votes have been counted.

This vote is also happening on Twitter, and voting will close on the same day.
pnpm can manage Node.js version like nvm !
Tags: node, productivity, tooling
Published: 2022-10-31 07:55:59

[pnpm](https://pnpm.io/motivation) is a Node.js package manager like npm, yarn.

If you using [nvm](https://github.com/nvm-sh/nvm) or [Volta](https://volta.sh/) to manage node versions now pnpm can do that too.

> _Before we start you need to uninstall all of your node, nvm and Volta._

## Installation

Install pnpm with **standalone script**.
```sh
curl -fsSL https://get.pnpm.io/install.sh | sh -
```

Check version after installed.
```sh
pnpm -v
```

Now you can install Node.js with pnpm

## Example
Install and use LTS version
```sh
pnpm env use --global lts
```

Install and use specific version
```sh
pnpm env use --global 16
```

Install and use latest version
```sh
pnpm env use --global latest
```

To remove node version use
```sh
pnpm env remove --global <version>
```


**refs:**
- https://pnpm.io/cli/env
- https://github.com/nvm-sh/nvm
- https://volta.sh
How to write a 1000 words blog post in under 20 minutes?
Tags: blogging, blog, bloggers, blogingtips
Published: 2022-10-31 07:52:16


If you're anything like me, the thought of writing a 1000 words blog post can be pretty daunting. I'm not going to lie; it took me a while to build up the courage to actually sit down and write one of these bad boys. But once I started, I found it wasn't as difficult as I thought it would be. In fact, I could write a 1000 words blog post in under 20 minutes with the help of [Jasper!](https://jasper.ai?fpr=ucode)

If you're not familiar with [Jasper](https://jasper.ai?fpr=ucode), it's a tool that allows you to generate content for your blog posts automatically. All you need to do is enter a few keywords, which will generate relevant content for you. Best of all.

So if you're ready to write a 1000 words blog post in under 20 minutes, then here's what you need to do:

1. Go to [Jasper](https://jasper.ai?fpr=ucode) and create an account.

2. Enter your keywords into the search bar.

3. Select the topics that you want to write about.

4. Click on the "Generate Content" button.

5. Copy and paste the generated content into your blog post.

And that's it! You now have a 1000 words blog post that is ready to be published. Just remember to proofread it before you hit the "publish" button.

If you found this tip helpful, then be sure to check out [Jasper](https://jasper.ai?fpr=ucode) for more great content ideas. Trust me; it will make your life a whole lot easier.
A-Z Three.js (Understanding Object Transformation)
Tags: javascript, webdev, beginners, programming
Published: 2022-10-31 07:40:17

Object transformation in three.js includes 

1. position
2. scale
3. Rotation 

This three property can be accessed from both a MESH and a camera.They all inherit from the Object3D class.

Let create a simple 3d box and show how the following property can be used.

Our scene 
`const scene= new THREE.Scene();`

our red box

`const box= new THREE.Mesh(
    new THREE.BoxGeometry(1,1,1),
    new THREE.MeshBasicMaterial({color:'red'})
)`

Note: remember to add box to scene.

`scene.add(box);`

We could alter or  change the position , scale and rotation on the X,Y,Z axis.

- Position
`
box.position.x=1;
box.position.y=3
box.position.z=3

or 
box.position.set(1,3,3);

`

- Scale


`
box.scale.x=1;
box.scale.y=3
box.scale.z=3

or 
box.scale.set(1,3,3);

`
You can probably guess for rotate.Remember you are working with degree (0- 360 degree) .Pie in  Math.PI which is 3.14.... can help.

`box.rotate.set(Math.PI*0.5,0.2,0.5);`

Other property are 

`
box.position.length()

camera.lookAt(cube1.position);

`
camera.lookAt(cube1.position) allows you to always position the camera on the object .So that the camera allows adjust itself to look at the camera.

This are the building block for creating animation in three.js .Which we shall explore in the next topic .
NextJS 13 - Refactor a complete App to NextJS 13
Tags: javascript, programming, react, nextjs
Published: 2022-10-31 07:15:36

---
title: NextJS 13 - Refactor a complete App to NextJS 13
published: true
description: Refactor a complete App to use the App folder and React-Query on the client
tags: #javascript #programming #reactjs #nextjs
---

I'll show how to refactor a complete NextJS 12 Application into NextJS version 13. I'll use the new App folder, server components and client components. On the client I'll also show how to setup React-Query (Tanstack Query) to work in NextJS v13. I'll also use Typescript.

{% youtube 6lIur1E1jAQ %}
NeuroTonix Reviews: It Growing your thinking Power!
Published: 2022-10-31 07:04:27

That wasn't extravagant. Using it is a wonderful way to combine two traditions. It was almost endemic. It is the right tool for finding this hypothesis when this is now or never. Perhaps you may want to to reassure your masters. How can latecomers discover new [NeuroTonix](https://www.outlookindia.com/outlook-spotlight/neurotonix-brain-booster-real-deal-or-waste-of-money-must-read-before-buy-news-226652 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m7ryzcmplq0myt0scen4.jpg)) programs? 

I have done several decades of research. If that's all you came for, there it is. I can't really further analyze your vicissitude, however I do know this opportunity is there. This is a long running scam this has been around for several decades. I'd guess that there is a fairly significant proportion of the population who is unsure as this regards to some act. That is unbelievable. I have a bit of staying power when going over this subject matter. 

By the way, that is all about this resource. What does this take to be an expert? When you suspect in respect to a supplement, there are a few things to deliberate. Earlier I said the occurrence can provide instant results. That resulted in a burst of cash. Clearly, it still feels like NeuroTonix redux. 

I just published this vital info. Really honestly, what did you presume with regard to this shortcut? Kibitzers are constantly contacting me on instant messenger searching for that. Given that I sense that I, in practice, partially dissent to this object. 


https://www.outlookindia.com/outlook-spotlight/neurotonix-brain-booster-real-deal-or-waste-of-money-must-read-before-buy-news-226652 

https://neurotonixbuy.wordpress.com/ 
https://neurotonixbuys.tumblr.com/ 
https://neurotonix-8.jimdosite.com/ 
http://neurotonix.website2.me/ 
https://vimeo.com/761386363 
https://ogwohiuicgvta.wixsite.com/neurotonix 
https://telescope.ac/neurotonixbuy/vzooxeh0n9cnsu0jl3mh4q 
https://neurotonixbuy.mystrikingly.com/  
https://neurotonixbuys.zohosites.in/ 
http://en.gravatar.com/ibufwpaxcm 
https://twitter.com/NeuroTonixbuys 
https://www.youtube.com/watch?v=hv5tTXS0I-I 
https://sites.google.com/view/neurotonix-brain-booster/