teleren/devto huggingface dataset:
JavaScript: String Method
Tags: javascript, beginners
Published: 2022-08-25 20:24:00

1. `.search()` `.match()` `.replace()` with RegExp

* RegExp is a sequence of characters that form a search pattern. Syntax: `/pattern/modifiers;`. 
* Modifiers: 

`i`(perform case-insensitive match). Return the index of the first match.

`.match(/char/g)` performs global match, doesn't stop after find the first matched. It will return an **array** containing all the matching result.

`m`(perform multiline matching)


* `.search()` and `.replace()` are case-sensitive, adding RegExp can make it case-insensitive.

[source referenced: W3school](https://www.w3schools.com/js/js_regexp.asp)
<hr>

2. 

```
const first = string.indexOf(searchString)
const second = string.indexOf(searchString, (first +1));

//starts from the position after the first index
```
3.`.split()`

```
const str = 'ssss=dddd';
const back = str.split('=')[1];
console.log(back). //output: 'dddd' 
console.log(str.split('')) //output: [
  's', 's', 's',
  's', '=', 'd',
  'd', 'd', 'd'
]
```
iDreamers - Helping dreamers become doers
Tags: socialmedia, planning, productivity, networking
Published: 2022-08-25 18:51:00

iDreamers is a new positive social network where dreamers can make their dreams come true. Here you can sell your dream and earn money too.

Share your dreams and set goals, whether material or immaterial, track your achievements, raise funds, and share them with a global community of supporters and like-minded people. United under a great dream, you have more chances of success. Do it with love.

We want dreams to come true! Our platform can be your life organizer to help you reach them. Do you like to use the app? Please leave us a rating and a review! 
If you have any problems with the app, feel free to contact us by email. We are always looking to improve.

Visit us at: https://idreamers.com
Availability in Network Security
Tags: availability, network, security, networksecurity
Published: 2022-08-25 18:46:05

Do you know what Availability in Network Security is? Protection of support system operation and assurance that data is entirely accessible at the precise moment (or duration required) when it is required by its users are two aspects of availability.


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

#networksecurity #availability #network #security #availabilityinnetworksecurity
Read more at:
https://hecodesit.com/availability-in-network-security/
Hacktember to Remember 9/10/2022
Tags: hackathon, opensource
Published: 2022-08-25 18:33:40

Looking for an open source project to contribute to?

Does it make sense to post hackathons on dev.to? Let me know.

[DemocracyLab.org](https://www.democracylab.org/events/hacktember2022) and CodeForAmerica are facilitating Hacktember to Remember on 9/10/2022.  A hybrid (in person/online) hackathon.

Join them [online](https://www.democracylab.org/events/hacktember2022) or in-person (at the [Microsoft Reactor in Redmond, WA](https://www.google.com/maps/place/Microsoft+Reactor+Redmond/@47.6436745,-122.133279,17z/data=!4m5!3m4!1s0x54906dedffea113f:0x7f826f445223322e!8m2!3d47.6436742!4d-122.131051?shorturl=1)) on September 10th for a convening of our tech-for-good community. It’s a chance to get inspired, imagine a better future, and contribute your talent to projects that need your help.

DemocracyLab and Code for America are convening this hybrid hackathon event focused on helping tech-for-good projects make incremental progress toward their long-term goals. Projects will need coders, designers, researchers, project managers, marketers, subject matter experts, test users, and just ordinary people. Bring your creativity, your collaborative spirit, and a smile to share.

Check out the participating projects at [https://www.democracylab.org/events/hacktember2022](https://www.democracylab.org/events/hacktember2022) and reach out to project leaders now to start preparing for the event.
Low-Code Platforms- Have Complete Clarity
Tags: javascript, webdev, beginners, programming
Published: 2022-08-25 17:56:52

Low-Code platforms have already started redefining the world of software development- for good reasons. When it comes to developing mobile or web apps, low-code solutions have made things easier for developers with limited experience.

As the experts in this field and the creators of DEW Studio the best [low-code platform](https://www.dewstudio.io/), we have seen the evolution and advantages of using low-code solutions first hand. Now, this article tells you about the key benefits of using low-code platforms for your development projects
I am looking for a job related to the web development
Published: 2022-08-25 17:51:00

[For Hire][Remote]
I am a smart, creative and passionate full-stack Web & Mobile app Developer who has strong technical skills.
I like working with well defined projects and hardworking within team environment.

Experienced industry:
E-commerce, Healthcare, SaaS, Booking, Defi, DApp, NFT marketplace, Gaming platform, Metaverse.

Skills:
Front End

HTML/CSS/Javascript/Typescript
Bootstrap/Tailwind CSS/Material UI/Vue storefront UI, Vuetify.
React/Next/Gatsby, Vue/Nuxt. React-Native.
Web3, Ethers.js, Three.js, D3.js, WebGL, GSAP.
GraphQL, Restful API.
Blockchain

Hardhat, Truffle, IPFS, Pinata.
Solidity, Rust, PyTeal, Reach.
Backend

Node, Express, Python, Flask.
Firebase, MongoDB, MySQL, PostgreSQL.
Please contact me if you are looking for a developer or need some help for the development.
Thank you very much.
Koala Engine Update
Tags: programming, webdev, typescript, design
Published: 2022-08-25 17:43:19

Hi, welcome to the first update of the Koala Engine.
Today I want to introduce you to the main changes since the [koala-engine](https://dev.to/lorenzo774/koala-engine-525) announcement.

- Editor Design in figma
![img](https://i.imgur.com/BsXHdmL.png)

- Scene system
![img](https://i.imgur.com/w1nn2UK.png)

- Server with SSL certificate (https)
The editor will use the File System Access API that works only in secure contexts

----

github: https://github.com/lorenzo774/koala-engine
twitter: https://twitter.com/774Lorenzo
20 principles I learned from 10 years of developing software
Tags: beginners, programming, career
Published: 2022-08-25 17:38:25

It's been 10 years since I started my first job in the software industry. Here are 20 principles that I have learned and try to follow in my day-to-day life.

1. **Be humble** - No engineer in the world knows everything, the same applies to you.
2. **Make it work, make it right** (and sometimes make it fast).
3. **Optimize for change** - Prefer duplication over the wrong abstraction.
4. **Always write tests** - If you're not writing tests, you're testing manually.
5. **Solve 80% of use cases** - You never gonna solve everyone’s problem.
6. **Prefer functional programming** - It's easier to understand. If your code requires a Ph.D. to understand, you’re most likely doing it wrong.
7. **Delete as much code as you can**
8. **Good Enough is Better than Perfect** - Don't discard meaningful improvement just because it's not perfect.
9. **Criticize in private, praise in public**
10. **Make notes** - If you think you will remember it, you're lying to yourself.
11. **Talk to your users** - The best software is built by engineers who have empathy for their users.
12. **Learn with intention** - Practice with a clear and specific goal in mind - what you want to improve and exactly how (deliberate practice).
13. **Do not generalize early** - Wait until you have at least 3 duplicates of code before you make an abstraction (aka. Rule Of Three).
14. **Fix broken windows** - One hack in code leads to another hack. Soon your code will become unmanageable.
15. **Fix the problem** - doesn't matter whose fault it is, it is your problem.
16. **Do what works, not what's fashionable** - Try it first with a small team. If it works, expand. If not, abort.
17. **The best work requires a good rest** - Regular time off is essential for top performance. You also don’t expect professional sprinters to sprint all the time.
18. **Take small steps** - Big rewrites don't work. You will lose motivation and focus along the way. Aim to release daily. It gives you the freedom to change focus when necessary.
19. **Praise for good work** - Something we've observed in animals, but works for people too. You will get better results when you praise people for good work rather than punishing them for a bad one.
20. **Perfect code doesn't exist** - It's better to accept this as a fact rather than wasting time and chasing the impossible.
How To Explain Each Machine Learning Model In Brief
Tags: machinelearning, ai, datascience, python
Published: 2022-08-25 17:30:30

In this blog, I want to share a resource that provides concise explanations of all machine learning models ranging from Simple Linear regression to XGBoost to Clustering techniques.

Models Covered
1.  Linear Regression
2.  Polynomial Regression
3.  Ridge Regression
4.  Lasso Regression
5.  Elastic Regression
6.  Logistic Regression
7.  K Nearest-Neighbors
8.  Naive Bayes
9.  Support Vector Machines
10. Decision Trees
11. Random Forest
12. Extra Trees
13. Gradient Boost
14. Ada Boost
15. XGBoost
16. K Means Clustering
17. Hierarchical Clustering
18. DBSCAN Clustering
19. Apriori 
20. PCA

[Read More](https://levelup.gitconnected.com/explaining-each-machine-learning-model-in-brief-92f82b41ba71)
Typescript Series - Array Push Type
Tags: javascript, typescript, webdev, tutorial
Published: 2022-08-25 17:23:07

I'd like to start by saying that I am doing this series to learn and understand better Typescript, so feel free to correct me or contact me.

Let's create a type for the JavaScript Array.push function. Which takes pushes an element into the array in the last position. 

```
Push<[1, 2], '3'> // [1, 2, '3']
Push<['1', 2, '3'], boolean> // ['1', 2, '3', boolean]
```

So we know we have an array and our type should return an array + the new value.

```
type Push<TArray extends unknown[], U> = [...TArray, U]
```

`TArray extends readonly unknown[]` We first check our TArray is of type array.

then we simply spread the array and the new value into an array `[...TArray, U]`


Thank you!

you can find me here [My Twitter] (https://twitter.com/sarmunbustillo?t=pztqXmT7DH2pa9lDLjfrdQ&s=09)
Heroku no longer offers free service, what's the best alternative now?
Tags: heroku, hosting, server
Published: 2022-08-25 17:16:58

---
title: Heroku no longer offers free service, what's the best alternative now?
published: true
description: 
tags: heroku, hosting, server
# cover_image: https://www.shutterstock.com/image-photo/shot-data-center-multiple-rows-fully-1394052911
# Use a ratio of 100:42 for best results.
---

Heroku was such a simple and free experience to host side project and start developing. What is the best alternative now in terms of user-friendly and pricing?
This Little Tool
Tags: css, webdev, frontend, tools
Published: 2022-08-25 17:11:28

I made this little tool mainly for myself but threw it up on Netlify in case maybe a few others found it useful. I'm feeling humbled that it has been shared in a bunch of newsletters, added to tiny-helpers.dev and somebody has thrown it up on r/web-design today as well.

👉 [https://mediaquery.style/](https://mediaquery.style/)

Thank you and I hope it helps you out 🙏
Day-2 of Machine Learning
Tags: beginners, machinelearning, python, self
Published: 2022-08-25 17:10:00

Day-2 of Machine Learning:

- Learnt Cost function (Squared error cost function for linear regression model)


Also 
- Started week-5 (Unit tests) of [CS50 python] (https://cs50.harvard.edu/python/2022/weeks/5/)
- Did some basic recursion questions
Get All Substrings
Tags: javascript, leetcode
Published: 2022-08-25 16:32:37

```
var theString = "abc",
  allSubstrings = [];

getAllSubstrings(theString);

function getAllSubstrings(str) {
  for (let i = 0; i < str.length; i++) {
    for (let j = i + 1; j <= str.length; j++) {
      allSubstrings.push(str.substring(i, j));
    }
  }
}

console.log(allSubstrings);

```
Leetcode Solutions: Maximum Depth of Binary Tree
Tags: python, leetcode, problemsolving
Published: 2022-08-25 16:23:00

Given the root of a binary tree, return its maximum depth.

A binary tree's maximum depth is the number of nodes along the longest path from the root node down to the farthest leaf node.



```py

class Solution(object):
    def maxDepth(self, root):
        stack = [[root, 0]]
        res = 0
        
        while stack:
            node, depth = stack.pop()
            res = max(res, depth)
            if node:
                stack.append([node.left, depth + 1])
                stack.append([node.right, depth + 1])

                
        return res
    

```
Tech Notes
Tags: redishackathon, javascript, webdev, beginners
Published: 2022-08-25 16:18:01

[Instructions]: # (To submit to the Appwrite Hackathon on DEV, please fill out all sections.)


### Overview of My Submission
user can save their temporary notes in this application 


### Submission Category: 
Wacky Wildcards


### Link to Code

[`{% https://github.com/harshit-paneri/Notes-Web %}` 
](https://github.com/harshit-paneri/Notes-Web)

### Live application 

[`{% https://harshit-paneri.github.io/Notes-Web/ %}` 
](https://harshit-paneri.github.io/Notes-Web/)

### ScreenShot of Application

## New Notes
<img src="https://github.com/harshit-paneri/Notes-Web/blob/main/ImagesOfApplication/new.png?raw=true" alt="Image description" loading="lazy" width="880" height="449">

## Add Note
<img src="https://github.com/harshit-paneri/Notes-Web/blob/main/ImagesOfApplication/add1.png?raw=true" alt="Image description" loading="lazy" width="880" height="449">

## View Note
<img src="https://github.com/harshit-paneri/Notes-Web/blob/main/ImagesOfApplication/view1.png?raw=true" alt="Image description" loading="lazy" width="880" height="449">


## Add Note 2
<img src="https://github.com/harshit-paneri/Notes-Web/blob/main/ImagesOfApplication/add2.png?raw=true" alt="Image description" loading="lazy" width="880" height="449">

## Search Note 
<img src="https://github.com/harshit-paneri/Notes-Web/blob/main/ImagesOfApplication/search.png?raw=true" alt="Image description" loading="lazy" width="880" height="449">

## Delete Note 
<img src="https://github.com/harshit-paneri/Notes-Web/blob/main/ImagesOfApplication/delete.png?raw=true" alt="Image description" loading="lazy" width="880" height="449">








[Note]: # (Be sure to include the DEV usernames of your collaborators, if any. Prizes for winning projects with multiple collaborators will be sent to the person who posts this submission and they will distribute the prize evenly.)

## Future Plans
To make it saved for every user personally so that they will always able to access it from every where 

## Video Explainer of My Project

https://youtu.be/NZoBohMtT1U
Luos & Micro-ROS: Control your distributed robot with micro-ROS and Luos in resource-constrained MCUs.
Tags: opensource, microservices, tutorial, luos
Published: 2022-08-25 16:04:49

At Luos, we are exploring how to integrate micro-ROS into distributed systems.

⏩ https://www.luos.io/blog/ros-controlling-your-distributed-robot-using-micro-ros-and-luos

With this article, we aim to guide you through the integration of a Luos custom middleware used for the communication between multiple micro-ROS nodes.
CSS from a Novice Perspective.
Published: 2022-08-25 15:42:00

We didn’t spend too much time learning about CSS, it was always kind of an afterthought when compared to our studies in JavaScript. Playing around with it now, I kind of understand why this was the case. CSS is incredibly intuitive, and incredibly easy. Unless there is a massively secret set of mechanics inside CSS, that no one has decided to share with me, then all the language does is allow you to apply stylistic information outside of your html. Theoretically, you absolutely could do most (if not all) of the same stylistic detailing directly inside your HTML document.

**You shouldn’t**, *obviously*, that would be impossible to look at. It just fascinates me that, CSS is primarily just used as a notepad for your HTML script to reference when deciding how things look. 

Outside of how it’s mechanically used, I’ve found myself having a ton of fun using CSS. It is very gratifying to make a page look good, and that is the entire purpose of the language. It is also incredibly simple and intuitive; half the time, whenever I’m trying to do something new, I can just type something adjacent into the console, and it will autocomplete the exact command I’m trying to do. Between the satisfaction of good looking U.I. and the simplicity of use, I have to say that CSS is my favorite part of front end design so far. I wish it was organized a little nicer however.




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

^
I'm **certain** there has to be a nicer way to organize all this.
THE NEW IPHONE 14 SECURITY BUGS
Published: 2022-08-25 15:42:00

The new iPhone 14 has a few bugs that are causing some users to experience issues. One bug causes the phone to crash when trying to open certain apps. Another bug is causing the phone to overheat when used for extended periods of time. Apple is aware of the issues and is working on a fix. In the meantime, users are advised to avoid using affected apps and to limit their phone usage to avoid overheating.

More over there are two new security bugs that have been discovered in the iPhone 14. The first bug allows unauthorized access to the device's microphone, and the second bug allows unauthorized access to the device's camera. These bugs are serious security concerns, and Apple is working on patches to fix them. In the meantime, it is recommended that users disable the microphone and camera on their devices.

Read about [iphone 14 security bugs](https://cybertub.com/iphone-14-cyber-vulnerabilities) in cybertub
How to build a CRUD thing (dynamically) with React
Tags: react, help, javascript
Published: 2022-08-25 15:41:00

Can somebody that's like super smart on React tell me what would be needed to implement [this thing](https://sakila.aista.com) in React? The current stuff is Angular, and its code can be found [here](https://github.com/polterguy/sakila). What I would need is as follows.

1. A suggestion to which components and plugins (middle of the road stuff, the stuff that _"everybody"_ is using)?
2. A suggestion to which CSS framework (or whatever) to use?

The way it's generated is [as follows](https://github.com/polterguy/magic/tree/master/backend/files/misc/templates/angular). If you want to reproduce the generate process you can sign up for a cloudlet [here](https://aista.com).

Alternatively, if somebody wants to actually do this, feel free to hook me up at th@aista.com if you'd like to get paid doing it for us ...

At moderators; I've had the tag _"discuss"_ removed from 3 of my posts. What is its purpose? I would assume something like this would be OK, or ...?
HTML from a Novice Perspective.
Published: 2022-08-25 15:40:00

My initial thoughts about HTML were about how simple it appeared, but how messy it could very easily become. It’s simple, in the way that whenever you want to add an element, all you have to do is make sure it's contained within the appropriate tag. If you want an element inside another element, then that element has to be within the tags of the second element. Easy to understand, absolutely, but it is devastatingly ugly to look at after the sixth nested div tag. My only solace is that you can at least make it look nicer by adding classes and ids, so all your styling can be done on your style sheet.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sralx0dkr9hkfe1bid36.png)
^
Not included in the picture, is the <div> tag containing it, as well as the <body> and <html> tags. I feel like its a bit cluttered.
Python Tips & Tricks For Beginners
Tags: python, programming, beginners, tricks
Published: 2022-08-25 15:39:00

In this short yet effective post,  we will discuss some of the top tips and tricks in python that might help you write your code faster 🚀

### Reversing a string
```py
s = "This is a String"
print(s[::-1])
```

### Removing duplicates from a list
```py
a = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
b = list(set(a))
print(b)
```

### Merging Two or More Dictionaries
```py
a = {'a': 1, 'b': 2}
b = {'c': 3, 'd': 4}
c = {**a, **b}
```
- This trick might only work for Python version >= 3.5

### Converting a list of strings into a string
```py
a = ['a', 'b', 'c']
b = ''.join(a)
print(b)
```

### Retrieving the memory size
```py
a = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
print(sys.getsizeof(a), "Bytes")
print(sys.getsizeof(a) / 1024, "Megabytes")
```

### Formatting Numbers
```py
num1 = 100_000_000_000
num2 = 100_000_000_000
num3 = num1+num2
print(f"{num3:,}")
```
- The output will be `200,000,000,000`

### Final Thoughts
- This post may get updated from time to time
- If you would like to mention any tricks kindly mention them in the comment section below

P.S:- [Vultr](https://www.vultr.com/?ref=9086643-8H)(Get a $100 credit by registering using this link) is a good hosting choice if you're looking for one
Learning at Flatiron
Published: 2022-08-25 15:37:00

About three weeks ago, I started my programming education at Flatiron School in Denver, Colorado. It is an *interesting* educational experience when compared to all my previous schooling. The Flatiron school seems to have a strong focus on being able to teach yourself, in whatever way works best for **you**. 
At the very start of the course we were being given lectures, video tutorials, challenge labs, and ‘textbook’ readings. It was, quite frankly, a little intimidating. As someone who has a tough time focusing on assigned readings and lengthy videos, I was worried that I would struggle to keep up. I found myself skipping directly to the challenge labs, thinking that I would need to complete them or I would flunk out of the course. This all changed at the end of the second week, when an upperclassman told me that they never actually attended the lectures.
We had been commiserating over the fast pace of the lecturer, when the upperclassman cut in and shared our sympathies. According to them, they never watched the lectures or the videos, instead opting to teach themselves primarily using the written modules. Another upperclassman then said that they had never read the modules, instead learning largely through the videos. This conversation made it clear to me exactly why **all** the educational material was so intimidating, I was never meant to consume all of it. All of it was available so prominently, and in so many forms, so that every student would be able to pick and choose what educational tools worked for them. Once I understood this, I became much more confident in my education. I opted to continue cutting straight to the challenges, I find it way easier to learn by doing, than by any other method.