teleren/devto huggingface dataset:
Let's learn Angular
Tags: 100daysofcode, javascript, angular, programming
Published: 2022-08-08 13:13:02

In this video, we will be covering Angular, a frontend framework that one can use to develop awesome and sleek looking user interfaces. It is an extremely powerful framework that you can use these days to build the frontends of your application. Angular has always been in high demand in the tech industry. So what are you waiting for, go check out the video and learn Angular. 

{% youtube bw4Cueeoesg %}

Reference links : 
1. Property Binding in Angular : https://angular.io/guide/property-binding
2. Promises in JavaScript : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise 

----------------------------------------
⏱ Timestamps ⏱

📌 let's start and setup (0:00)
📌 structure of a typical angular application (9:37)
📌 creating our first angular component (11:12)
📌 using the mustache syntax for string interpolation (16:41)
📌 understanding the property binding syntax (17:40)
📌 understanding the class binding (20:14)
📌 understanding the event binding syntax (23:10)
📌 on our way to learn the TWO WAY data binding (27:30)
📌 let's learn about Directives now  (32:42)
📌 passing data from child component to parent component using Input and Output decorators (49:09)
📌 understanding Lifecycles in Angular (57:03)
📌 DEPENDENCY INJECTION (1:10:17)
📌 Observables in Angular (1:17:02)
📌 Important differences between a PROMISE and an OBSERVABLE (1:18:09)
📌 Using the HttpClientModule for making HTTP async requests & using RxJS operators (1:21:46)
📌 Performing Error Handling in Angular (1:30:28)
📌 Transforming Data using Pipes (1:35:00)
📌 Exercise : Creating a Custom Pipe for Filtering a list of items based on some search term. (1:38:39)


🐱‍💻 🐱‍💻 Course Links:
Complete Code - https://github.com/The-Nerdy-Dev
Visual Studio Code - https://code.visualstudio.com
Git - https://git-scm.com/downloads

--- 
Support my channel:
💜 Join the Discord community 👨‍👩‍👧‍👦: https://discord.gg/fgbtN2a 
💜 One time donations via PayPal
Thank you! 🙏

---
Follow me on:
👉 Twitter: https://twitter.com/The_Nerdy_Dev
👉 Instagram: https://instagram.com/thenerdydev
Amazon HoneyCode - A Worthy No-Code App Builder?
Tags: programming, discuss, aws, nocode
Published: 2022-08-08 13:43:00

[Amazon](https://www.amazon.com/) through their [Amazon Web Services](https://www.linkedin.com/company/amazon-web-services/) (AWS) has a tool/software/application known as Amazon Honeycode (still in beta stages), which is a fully managed platform to develop mobile apps or web apps without code. 

The platform offers a visual builder which can be accessed through Signing In. In the visual builder, the user can choose to import the data through CSV file into a plain workbook or use one of the pre-existing templates or completely start from scratch. 

When selecting a pre-existing template in the visual builder, the data models, logic, and applications are pre-existing and ready-to-use out of the box as it is. With the underlying database data can be linked, changed, sorted to our preference and can also be filtered easily using the visual builder and the structure is similar to typical spreadsheets. 

Moreover, the user can also add notifications, reminders, approvals and other actions as required through the visual builder. 

You can find more about Amazon's honeycode platform [Here](https://www.honeycode.aws/)

![Amazon's Honeycode](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vxtex9pnd4idjs7r7qxa.jpg)

But there are more platforms existing similar to this in the market like,

1. [DraftBit](https://draftbit.com/?grsf=s8x8zz) - Beta and Invite Based

![DraftBit](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/deh3j185cc35ot1xe29e.jpg)

2. [Appgyver](https://www.appgyver.com/)

![Appgyver](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c0v1nqwi2eyq0gv664od.jpg)

3. [Microsoft's Power Platform](https://powerplatform.microsoft.com/en-us/)

![Microsoft's Power Platform](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/47yqpqjmn6btpunc5jgg.jpg)
5 macOS apps you didn't know about (free and paid)
Tags: apps, macos, mac, productivity
Published: 2022-08-08 13:16:00

##[Raycast](https://www.raycast.com/)

Raycast is a blazingly fast, totally extendable launcher. It lets you complete tasks, calculate, share common links, and much more.

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

##[Craft](https://www.craft.do/)

When your work needs to wow, Craft gives you the tools to make it magnificent.

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

##[Zen Mode](https://zenmode.carrd.co/)

Hide Everything. Mute Everything.
![Zen Mode](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hc3ijny8jvsoyb07qpyi.png)
 

##[Cleanshot X](https://cleanshot.com/)

Capture your Mac’s screen like a pro.
![cleanshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jfkeu68onnfrx1o5923i.png)
 

##[ngrok](https://ngrok.com/)

ngrok is the programmable network edge that adds connectivity,
security, and observability to your apps with no code changes
![ngrok](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kr7a8b5ddfp6gl8nwr85.png)
What is in the box? (CISCO WS-C2960-48TT-L)
Published: 2022-08-08 13:13:55

---
title: What is in the box? (CISCO WS-C2960-48TT-L)
published: true
description: I got a new fancy box with a network switch. This is just a unpacking and first impression kind of video of a bargen buy for my new rack.
tags:
cover_image: https://i.ytimg.com/vi/R-UDirnTYps/maxresdefault.jpg
---

{% youtube R-UDirnTYps %}

I got a new fancy box with a network switch. This is just a unpacking and first impression kind of video of a bargen buy for my new rack.
Build a Word Guessing Game in Python
Tags: 100daysofcode, python, programming
Published: 2022-08-08 13:11:11

In this video, we will build a Word Guessing Game in Python. The code for the video (if any) can be found on GitHub. 

{% youtube M1t4RJ5XRHE %}
----------------------------------------

🐱‍💻 🐱‍💻 Course Links:
Complete Code - https://github.com/The-Nerdy-Dev/Word-Guessing-Game
Visual Studio Code - https://code.visualstudio.com
Git - https://git-scm.com/downloads

--- 
Support my channel:
💜 Join the Discord community 👨‍👩‍👧‍👦: https://discord.gg/fgbtN2a 
💜 One time donations via PayPal
Thank you! 🙏

---
Follow me on:
👉 Twitter: https://twitter.com/The_Nerdy_Dev
👉 Instagram: https://instagram.com/thenerdydev
Mistakes to Avoid When Backing Up Your VMware
Tags: vmware, backup, webdev
Published: 2022-08-08 13:05:43

Backing up a virtual machine (VM) is a complex process that requires knowledge and preparation. In this post, we are not going to discuss how to back up your VMware VM, but rather about basic mistakes that you need to avoid while backing up your VMware VM. 

**Treating Your VMware Snapshots as Backups**
A common misconception is that a snapshot can be used as a backup. True, you can create multiple snapshots with different recovery points. However, if you use a snapshot from a previous point in time, you won’t be able to come back to your initial VM state. The only thing you can do is to use yet another snapshot from a previous point. Another problem is that snapshots can grow if they are retained for a long time. This happens due to the changes in your system, such as new installations or deletions. Your original snapshot may even end up bigger than a disk. In addition, your Logical Unit Number (LUN) is locked when your snapshot is growing. Because of this, other hosts cannot write to the LUN. A LUN is a number that identifies a logical disk, the storage area of your data.

Source: [https://techbullion.com/mistakes-to-avoid-when-backing-up-your-vmware-virtual-machine/](https://techbullion.com/mistakes-to-avoid-when-backing-up-your-vmware-virtual-machine/)
Apache spark to find nearest neighbor in road networks
Tags: beginners, help, java, spark
Published: 2022-08-08 12:53:47

I am trying to write an distributed algorithm that helps to find a nearest answer object for every query objects in a road network. I am using Apache spark core Java API. Since, this is a very first time for me to write code in Apache spark, I find it very challenging. Additionally, I am not able to get any help from the developer community. Hence, I would like to get some suggestions from the experts. It would be a great help to help me build the programming logic, so that I could write the code by myself.
Rescript bindings for Typescript union types
Tags: react, rescrip, typescript, webdev
Published: 2022-08-08 12:51:17

Hi

Typescript has a beautiful concept of combining different types for a given interface attribute/variable/parameter etc.
Rescript is more strict you can have only one type for a given attribute/variable/parameter. So in this post, I would like show on how to create a union type in Rescript which would be accepted by typescript as well.

Let's assume we have a prop type, which accepts string | number.

```
interface Props {
  ...otherProps,
  badgeContent: string | number
}

```

In rescript side we have to come up with module which would wrap Number and String like this

```
@unboxed
type rec t = Any('a): t

module String_or_number: {
  type t
  type case =
    | Number(float)
    | String(string)
  let number: float => t
  let string: string => t
  let classify: t => case
} = {
  @unboxed
  type rec t = Any('a): t
  type case =
    | Number(float)
    | String(string)
  let number = (v: float) => Any(v)
  let string = (v: string) => Any(v)
  let classify = (Any(v): t): case =>
    if Js.typeof(v) == "number" {
      Number((Obj.magic(v): float))
    } else {
      String((Obj.magic(v): string))
    }
}

```

The usage of the String_or_number type

```
module Badge = {

  @genType.import("./Badge") @react.component
  external make: (
    ...,
    ~badgeContent: String_or_number.t=?,
  ) => React.element = "Badge"
```

In case we want to pass number to badgeContent then we use it as follows

```
<Badge badgeContent=String_or_number.number(1.0) />
```
Which JS loop is fast?
Tags: javascript, tutorial, webdev, beginners
Published: 2022-08-08 12:43:29

Hello Guys Today i will discuss which loop among "for","while" and "do-while" is faster?
I am comparing only these 3 loops in this post.

Let's get started...

I am going to perform this test at 10 billion value for the loops

## For loop -
```js
let count = 0;
let start = new Date().getTime();
for(let i = 0; i<10000000000;i++){
  count += i
}
let end = new Date().getTime();

console.log((end - start)/1000)
```

## OUTPUT - 
I performed it 10 times and got the result in seconds

```
22.01
14.56
14.49
14.93
15.03
15.10
15.30
15.11
16.34
15.92
```

## While loop - 
```js
let count = 0;
let start = new Date().getTime();
let i = 0;
while (i < 10000000000){
    count += i;
    i++;
}
let end = new Date().getTime();

console.log((end - start)/1000)
```

## OUTPUT - 
I performed it 10 times and got the result in seconds

```
21.20
14.69
14.42
15.64
16.93
15.79
16.40
16.09
19.05
18.27
```

## do-while loop - 
```js
let count = 0;
let start = new Date().getTime();
let i = 0;
do{
    count += i;
    i++
} while (i < 10000000000)
let end = new Date().getTime();

console.log((end - start)/1000)
```

## OUTPUT - 
I performed it 10 times and got the result in seconds

```
22.36
14.83
15.36
14.82
15.48
18.17
22.48
17.08
18.64
18.11
```

## Averages - 
* For loop - 15.87
* While loop - 17.14
* Do-while loop - 17.73

## From my test results , For loop is slightly better than while and do-while but i am saying this with test results and i can be wrong as well

NOTE - While running the loop first time in every case the time taken is higher compared to other 9 test case, please mention the reason in the comment section if you know that.

THANK YOU FOR CHECKING THIS POST
^^You can help me by some donation at the link below Thank you👇👇 ^^
☕ --> https://www.buymeacoffee.com/waaduheck <--

Also check these posts as well
https://dev.to/shubhamtiwari909/javascript-map-with-filter-2jgo

https://dev.to/shubhamtiwari909/e-quotes-3bng

https://dev.to/shubhamtiwari909/deploy-react-app-on-netlify-kl
What is an example of how an application can anticipate user behavior?
Tags: anonymous, discuss, help
Published: 2022-08-08 12:43:12

_This is an anonymous question sent in by a member who does not want their name disclosed. Please be thoughtful with your responses, as these are usually tough posts to write. Email sloan@dev.to if you'd like to leave an anonymous comment or if you want to ask your own anonymous question._ 

***
How To Manage a List of NESTED Entities with Laravel and Vue3
Tags: laravel, tutorial, vue
Published: 2022-08-08 12:37:02

---
title: How To Manage a List of NESTED Entities with Laravel and Vue3
published: true
description: Laranerds Tutorial - Common Application Features
tags: laravel, tutorial, vuejs
series: Laranerds Common App Features
cover_image: http://laranerds.dev/wp-content/uploads/2022/07/LaranerdsCommonAppFeatureThumbnail.png
---

> **You'll make more money and earn more respect when you deliver quality code faster.** [Laranerds.dev](https://laranerds.dev) helps you do just that. [Sign up](https://laranerds.dev) to be notified when new resources are published.

In a previous post I shared a simple approach to managing a list of entities -- a pattern seen in many applications.

In this post I would like to share an approach I take to managing a list of nested entities, where the top-level entities also have child entities.

## Our Imaginary Feature Request - Tags

Tags or Labels are a helpful feature that can make managing your application data easier.

In this example we'll look at creating Tags as well as Categories to organize those Tags. Our top-level entity is the Tag Category, and the child entities would be the Tags themselves.

If you want to follow along with this example you can either clone this [Laranerds Example Application](https://github.com/patrickodacre/laravel-snippets/tree/ManageEntities-2), or you can implement these changes in your own practice Laravel application.

Ensure you checkout this tag - [Manage Entities v2](https://github.com/patrickodacre/laravel-snippets/tree/ManageEntities-2)

After cloning the repo run `git checkout ManageEntities-2` in your terminal.

## Explanation

For a detailed explanation, check out the video here:: 

{% youtube yyaxa7qRXMA %}

But sure to sign up at [Laranerds](https://laranerds.dev) if you want to be notified when new tutorials and code snippets are published.
How to run a single Clojure test from the terminal using Leiningen
Tags: clojure
Published: 2022-08-08 12:29:00

## Use case

You may want to target and run a specific test or set of tests when testing your code so that you don't keep executing the entire suite each time you make changes to specific tests. This creates a faster feedback loop for you to build and fix code. Usually tests are executed with Leiningen using `lein test`. You can extend this command to meet the necessary objectives.

## How

```
lein test :only my.namespace/my-test
```

---

## Thanks

Thanks to [this](https://stackoverflow.com/questions/41484746/clojure-test-and-leinigen-how-to-run-just-a-single-test-from-command-line) question and answer on Stack Overflow. <3
Full Stack Developer Master Program
Published: 2022-08-08 12:25:00

Sprintzeal’s [Full Stack Developer certification](https://www.sprintzeal.com/course/full-stack-developer-master-program-certification-training) Masters program is designed by industry experts and experienced faculty. It is curated to help software developers and other IT professionals enhance their career. This includes all the essential skills and concepts necessary to handle applications. With this full stack web development master training, professionals transform into better skilled and successful web developers.
python花式读取大文件(10g/50g/1t)遇到的性能问题（面试向）
Tags: python, 生成器, 文件, 超大文件
Published: 2022-08-08 12:20:27



最近无论是面试还是笔试，有一个高频问题始终阴魂不散，那就是给一个大文件，至少超过10g,在内存有限的情况下（低于2g），该以什么姿势读它？

所有人都知道，用python读文件有一套”标准流程“：

```
def retrun\_count(fname):
    """计算文件有多少行
    """
    count = 0
    with open(fname) as file:
        for line in file:
            count += 1
    return count
```

为什么这种文件读取方式会成为标准？这是因为它有两个好处：

  
with 上下文管理器会自动关闭打开的文件描述符  
在迭代文件对象时，内容是一行一行返回的，不会占用太多内存

  

但这套标准做法并非没有缺点。如果被读取的文件里，根本就没有任何换行符，那么上面的第二个好处就不成立了。当代码执行到 for line in file 时，line 将会变成一个非常巨大的字符串对象，消耗掉非常可观的内存。  
  
如果有一个 5GB 大的文件 big\_file.txt，它里面装满了随机字符串。只不过它存储内容的方式稍有不同，所有的文本都被放在了同一行里  
  
如果我们继续使用前面的 return\_count 函数去统计这个大文件行数。那么在一台pc上，这个过程会足足花掉 65 秒，并在执行过程中吃掉机器 2GB 内存

为了解决这个问题，我们需要暂时把这个“标准做法”放到一边，使用更底层的 file.read() 方法。与直接循环迭代文件对象不同，每次调用 file.read(chunk\_size) 会直接返回从当前位置往后读取 chunk\_size 大小的文件内容，不必等待任何换行符出现。  
  
所以，如果使用 file.read() 方法，我们的函数可以改写成这样:

```
def return\_count\_v2(fname):

    count = 0
    block\_size = 1024 \* 8
    with open(fname) as fp:
        while True:
            chunk = fp.read(block\_size)
            # 当文件没有更多内容时，read 调用将会返回空字符串 ''
            if not chunk:
                break
            count += 1
    return count
```

在新函数中，我们使用了一个 while 循环来读取文件内容，每次最多读取 8kb 大小，这样可以避免之前需要拼接一个巨大字符串的过程，把内存占用降低非常多。  
  
利用生成器解耦代码

假如我们在讨论的不是 Python，而是其他编程语言。那么可以说上面的代码已经很好了。但是如果你认真分析一下 return\_count\_v2 函数，你会发现在循环体内部，存在着两个独立的逻辑：数据生成（read 调用与 chunk 判断） 与 数据消费。而这两个独立逻辑被耦合在了一起。  
  
为了提升复用能力，我们可以定义一个新的 chunked\_file\_reader 生成器函数，由它来负责所有与“数据生成”相关的逻辑。这样 return\_count\_v3 里面的主循环就只需要负责计数即可。

```
def chunked\_file\_reader(fp, block\_size=1024 \* 8):
    """生成器函数：分块读取文件内容
    """
    while True:
        chunk = fp.read(block\_size)
        # 当文件没有更多内容时，read 调用将会返回空字符串 ''
        if not chunk:
            break
        yield chunk


def return\_count\_v3(fname):
    count = 0
    with open(fname) as fp:
        for chunk in chunked\_file\_reader(fp):
            count += 1
    return count

```

进行到这一步，代码似乎已经没有优化的空间了，但其实不然。iter(iterable) 是一个用来构造迭代器的内建函数，但它还有一个更少人知道的用法。当我们使用 iter(callable, sentinel) 的方式调用它时，会返回一个特殊的对象，迭代它将不断产生可调用对象 callable 的调用结果，直到结果为 setinel 时，迭代终止。

```
def chunked\_file\_reader(file, block\_size=1024 \* 8):
    """生成器函数：分块读取文件内容，使用 iter 函数
    """
    # 首先使用 partial(fp.read, block\_size) 构造一个新的无需参数的函数
    # 循环将不断返回 fp.read(block\_size) 调用结果，直到其为 '' 时终止
    for chunk in iter(partial(file.read, block\_size), ''):
        yield chunk
```

  

最后只需要两行代码，就构造出了一个可复用的分块读取方法，和一开始的”标准流程“按行读取 2GB 内存/耗时 65 秒 相比，使用生成器的版本只需要 7MB 内存 / 12 秒就能完成计算。效率提升了接近 4 倍，内存占用更是不到原来的 1%，简直完美。
Non-standard Flutter custom bottom navigation bar
Tags: flutter, dart, design, android
Published: 2022-08-08 12:09:11

Are you tired of the usual navigation solutions in Flutter apps?
I have something to show you 😎

## Bottom bar with sheet
💥Non-standard way to use more space of screens in your application💥
😳Custom bottom Sheet under Bottom Navigation Bar😳
😩Sounds sucks? 😉 First of all look at screens!

**In the near past, a new version of the package 2.4.0 was released.**

| ![Image](https://github.com/Frezyx/bottom_bar_with_sheet/blob/master/example/rep_files/e1.gif?raw=true) | ![Image](https://github.com/Frezyx/bottom_bar_with_sheet/blob/master/example/rep_files/e2.gif?raw=true) | ![Image](https://github.com/Frezyx/bottom_bar_with_sheet/blob/master/example/rep_files/e3.gif?raw=true) | ![Image](https://github.com/Frezyx/bottom_bar_with_sheet/blob/master/example/rep_files/e4.gif?raw=true) | 
| :------------: | :------------: | :------------: | :------------: |

😳Custom bottom Sheet under Bottom Navigation Bar😳
😩Sounds sucks? 😉First of all look at screens in [repository](https://github.com/Frezyx/bottom_bar_with_sheet)!

Show some ❤️ and star the repo to support the project!
Search for a co-founder/CTO
Tags: startup, career
Published: 2022-08-08 12:03:47

Hi community,
How is your Monday?

I am Fei from OneofUs.
OneofUs is a soon-to-be startup supported by Berlin Startup Incubator. 
We are building a software for newcomers to learn the local language and help them integrate into society better. 

The product should connect locals and newcomers in Germany and help newcomers learn German in an intuitive way.

If you are interested in us, you can check us on Linkedin and send us a message.

OneofUs: https://www.linkedin.com/company/oneofus/   
LinkedIn Fei: www.linkedin.com/in/yangfei-619
LinkedIn Rico: https://www.linkedin.com/in/rico-l%C3%B6ffler-a85537181/  
LinkedIn David: linkedin.com/in/david-wybranietz-b8ab55127

We welcome everyone sharing opinions, suggestions or ideas with us!

Have a nice day!

Fei
Movie Ticket Service Web app - W1
Tags: redishackathon, devto, javascript, react
Published: 2022-08-08 12:00:00

Overview of my submission: I've always been fascinated by the idea of creating my very own ticketing service several years ago, and I've wanting to build my own ever since. I thought this might be the best opportunity for me to make my dream come true and see if I can improve more on my skill on creating this one. Might post my specifications as soon as I get my stuff at work done. :) 
Just wanted to keep track on my progress going forward and make this post as a start.
Debt Consolidation Benefits
Published: 2022-08-08 11:34:06

Unsecured loans for [debt consolidation](https://www.debtconsolidationg.com) are loans that do not require collateral. Debt consolidation loans are claimed to help debtors avoid bankruptcy, eliminate debts, terminate hassling creditors calls, lower debt payments, and one low monthly payment. Of course, no one wants to file for bankruptcy. 

Lawyers are notorious for telling people that there is no other way but to file for bankruptcy. Likewise, any source that tells you that they can eliminate debt is leading you on. Reality is structured to keep everyone in debt. No one has the ability to get out of debt unless they die. However, there are solutions for minimizing debts so that you can remain stable. 

To give you an idea of unsecured loans for debt consolidation, I am going to breakdown the balance of a hypothetical loan scenario.

The unsecured loans for debt consolidation are nothing more than subtracting a series of debts and adding new debts. Sure, you may pay less, but in the long run, you still owe something to someone. 

Let's say that you owe a number of creditors $10,000: you can go to a debt consolidation organization that offers you the loan amount. Now, you have depleted your debts from the other lenders, but you incurred a debt from another lender. Let's say there are fees (which in most instances is true) and those fees equal $39 plus a 4.49% interest. On a $10,000 unsecured loan for debt consolidation, you would pay around $834 per month to repay the debt. If the company charges $39 plus interest and the capital on the loan, it would only equal around $759.30 per month when applied to the loan. This means that it would take you longer than one year to repay the debt. 

Finally, there are solutions for paying off debts without getting in more debt; however, most of these solutions will need you to actually deal with your own creditors and will also require you to exercise an enormous amount of personal restraint in your financial decisions.
Your Own YouTube to MP3 Web App (Tutorial)
Tags: codenewbie, python, tutorial, webdev
Published: 2022-08-08 11:20:00

This project was created as a tutorial for people that are trying to improve their coding skills.

To-Do apps are ok for a quick look, but the best way to learn is by trying to do something a little bit complex and being able to change parts of the code and see what happens.

https://gdi3d.github.io/learning-to-build