teleren/devto huggingface dataset:
A Simple Way To Read JSON Data In Your Angular App
Tags: angular, webdev
Published: 2022-10-18 13:38:37

I was playing around with a small Angular app and I wanted to get some data from a json file that I saved in src/assets.

There are several ways to read a json file in an Angular app.
However, here is the easiest one for people approaching Angular from scratch.

## Use The Fetch API

Simple like that!
You don't need to import anything, you don't need to use HttpClient and you don't need to know RxJS!

The native Fetch API is available in all browsers and it can be used to read local json files.

Here is the snippet of code that read the data in the json file and logs it in the console:

```
// app.component.ts

ngOnInit(): void {
    fetch('./assets/data.json').then(res => res.json())
    .then(console.log); // do something with data
}

```

### Things To Remember
**Is this the best way? No, it is not!**

There are at least two better ways to [read json data from a local folder](https://betterprogramming.pub/how-to-read-a-json-file-from-assets-in-angular-7c8313cd4fb1):
- Use the import statement
- Use Angular HttpClient

On top of this, it would be better to fetch data in a service but for the sake of simplicity I did it in ngOnInit.

However, this is the easiest way for someone approaching Angular. 

If you don't know Angular HttpClient and some RxJS, this is a patch. However, don't stop here!

Soon or later you will have to learn about Angular HttpClient and [RxJS](https://www.vitainbeta.org/).

What is your take? I'd be curious to hear other opinions!
Salesforce automation and form
Tags: salesforce, form, automation, nocode
Published: 2022-10-18 13:34:51

[Salesforce automation](https://arrify.com/salesforce-automation/) can help your company manage its sales process more efficiently. By automating salesforce, your company can more accurately keep track of its sales pipeline, **leads, and opportunities**. This can save your company time and money by reducing the need for manual input and data entry.

[Salesforce flow builder](https://arrify.com/ultimate-guide-on-salesforce-flow/) is a powerful tool that can automate business processes, saving businesses time and money. It is easy to use, and can automate simple tasks like sending emails or creating records, or more complex tasks like creating workflows or approvals.

**Salesforce Forms** are a great way to keep in touch with Salesforce and perform various actions, such as creating and saving records. [Salesforce Online Forms](https://arrify.com/salesforce-form-guide/) help you get rid of paperwork and provide Salesforce integration with real-time read and write access to Salesforce Objects.


The **web-to-lead** function works by creating a small piece of HTML code based on the fields that you have selected. This code is then placed into the code of the web form that already exists on your website. By doing this, you can easily collect leads from your website visitors.
Angular's standalone router APIs
Tags: angular, typescript, coding, frontend
Published: 2022-10-18 13:28:35

---
title: Angular's standalone router APIs
published: true
description: 
tags: Angular, TypeScript, Coding, Frontend
# cover_image: https://angularexperts.ch/assets/images/blog/angular-router-standalone-apis.jpg
# Use a ratio of 100:42 for best results.
---

✅ Explore the new standalone APIs
✅ Learn how to migrate your app to the new standalone APIs
✅ Case study which explores how much of the router implementation can be tree shaken when using new standalone APIs

[Read the full story here](https://angularexperts.ch/blog/angular-router-standalone-apis)
Quick Guide to Find the Best eLearning Vendor - 2022
Published: 2022-10-18 13:24:48

Quick Guide to Find the Best eLearning Vendor - 2022

Finding the best eLearning vendor can be a daunting task. From understanding your needs to researching and vetting vendors, the process can seem overwhelming. However, with the right approach, you can streamline the process and find the best eLearning provider for your organization.
Outsourcing eLearning content development can be a large investment, both financially and time-wise. To avoid these risks, you should consider outsourcing when you have proven processes and implementation expertise that can manage the volume of content creation, manage quality standards and ensure timely delivery while keeping costs down. In this article, we will go over how to find the best eLearning provider for your organization by outlining key steps to finding an excellent eLearning developer for your needs.
With all the considerations when choosing an eLearning vendor, knowing the pros and cons of outsourcing eLearning development can be a helpful guide. In this article, we’ll walk you through common questions about outsourcing eLearning content creation for your organization and describe the benefits and challenges that accompany these decisions.
Outsourcing eLearning content is not just for large companies with massive budgets. According to a 2017 report b
y Coursera, many small and midsize businesses are also looking to outsource their learning needs via online courses. Learn More about elearning Vendor
BlogLinks:https://www.kytewayelearning.com/post/quick-guide-to-find-the-best-elearning-vendor-2022
L&D Strategy: Creating Powerful Learning Experiences (Empowering Workforce)
Published: 2022-10-18 13:22:52


L&D Strategy: Creating Powerful Learning Experiences (Empowering Workforce)
 
Let learning cultures affect every aspect of your business, from productivity to retention. In fact, an IBM study revealed that 84% of employees at the highest-performing companies are getting the education they need, compared to 16% at the lowest-performing companies. Employees indicated in a recent eLearning study that 94% of them would prefer to stay in a job if they were given more training and development opportunities. learn More.
Most of the information available about the return-on-investment (ROI) of employee training is unhelpful in justifying the time and expense involved. Recently, a few of our customers contacted us and said that even though their staffs were now more satisfied and productive, they’d only achieved it through training. However, they’d dedicated the equivalent of six months of training expenditures to only one team. Of course, in many organisations, the ROI of employee training is defined by retention and productivity, not learning. That’s where we can help. Ask us how!
To assist with your learning management operations, keep certain critical bits in mind: The LMS must connect to the information you need and distribute it across your company; It is one thing to create a fantastic learning management system (LMS) that links to the data you need and disseminates it across your company; Employees must understand how to utilise the system and how to leverage its capabilities to create rich learning experiences. In order to become a successful learning organisation, we must delve deeper into how employee education has benefited your business. To find out how investing in employee education has benefited your firm, we must consider how to establish a successful learning organisation. According to the survey, 95% of employees who were trained by their employer are pleased or extremely pleased with it. We should also remember the steep price tag of failure, even though the price may be higher than the carat of benefits.
BlogLinks: https://www.kytewayelearning.com/post/how-to-create-powerful-learning-experience-that-empowers-workforce
Mobile Digital ICs Market
Published: 2022-10-18 13:14:41

This report contains market size and forecasts of Mobile Digital ICs in global, including the following market information:

Global Mobile Digital ICs Market Revenue, 2017-2022, 2023-2028, ($ millions)
Global Mobile Digital ICs Market Sales, 2017-2022, 2023-2028, (K Units)
Global top five Mobile Digital ICs companies in 2021 (%)

[](https://www.statsmarketresearch.com/download-free-sample/7447206/global-mobile-digital-ics-forecast-2022-2028-957)
Trabalhando com Ambientes Virtuais em Python 🐍
Tags: python, conda, virtualenv, braziliandevs
Published: 2022-10-18 13:10:46

É sempre interessante isolar as dependências de um projeto e toda linguagem ou framework tem a sua ferramenta: Java e Gradle, Node e npm, etc. No caso do Python, eu uso o Anaconda e Virtualenv e por isso criei uma pequena referência para ajudar a trabalhar com os ambientes virtuais.

## Anaconda

Anaconda gera um ambiente em um diretório padrão da ferramenta, exceto se for especificado o diretório.

Criando um ambiente virtual

```bash
conda create --name <nome>
```

Mudando de ambiente virtual

```bash
conda activate <nome>
```

Saindo do ambiente virtual

```bash
conda deactivate
```

Listar pacotes instalados

```bash
conda list
```

Listar ambientes instalados

```bash
conda env list
```

Exportar configurações de um ambiente virtual. Usa-se a flag `--from-history` para manter a compatibilidade entre plataformas.

```bash
conda env export > environment.yml
```

```bash
conda env export --from-history > environment.yml
```

Removendo um ambiente

```bash
conda remove --name myenv --all
```

Duplicando um ambiente virtual a partir do `environment.yml`

```bash
conda env create -n conda-name -f environment.yml
```

Atualizar as dependências de um ambiente pelo arquivo `enviroment.yml` 

```bash
conda env update -f enviroment.yml --prune
```

Mais informações [Conda environments](https://conda.io/projects/conda/en/latest/user-guide/concepts/environments.html)

## Virtualenv

O Virtualenv gera um ambiente virtual na pasta local onde você estiver trabalhando. No Linux, geralmente, coloca-se um ponto no começo do diretório para ocultá-lo, mas não é obrigatório.

Criando ambiente virtual (o ponto significa que  a pasta do ambiente fica oculta em ambientes Unix, neste caso opcional).

```bash
virtualenv .<nome>
```

Ativando o ambiente

```bash
source .<nome>/bin/activate
```

Para sair

```
deactivate
```

Para excluir o ambiente virtual basta deletar a pasta onde foi criado.
Como crear un portafolio base con ASTRO js
Tags: programming, opensource, webdev, beginners
Published: 2022-10-18 13:09:05

## Herramientas previas para iniciar con ASTRO js

Para inicializar un proyecto con Astro debemos tener en cuenta que herramientas tener previamente preinstaladas para su optimo funcionamiento, por ejemplo que editor de texto utiliza en mi caso recomiendo visual estudio code VSCODE lo encontramos en este link: https://code.visualstudio.com/

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

Visual estudio es una gran herramienta en la que podemos instalar extensiones que también nos facilitan la creación de código o corregir el mismo, en nuestro caso podemos instalar la extesión de ASTRO js: astro-build.astro-vscode


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

También necesitamos instalar NODE js ya que con este podemos instalar fácilmente el paquete de astro js  o librerías a utilizar. allí nos permite utilizar los comandos npm que es el sistema de gestión de paquetes por defecto para Node.js, Node js es un entorno de ejecución para JavaScript donde no solo lo utilizaría para ASTRO sino para gran cantidad de frameworks que hay en la actualidad, puedes usar el ultimo o el más recomendado lo encuentras en el link: https://nodejs.org/es/


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

## Uso de la terminal en visual estudio code

Al interior de visual estudio code podemos utilizar todo tipo de terminales como lo es el cmd, el PowerShell, Git Bash entre otros y esto nos permite a tener una visualización del código principal vs los comandos que utilizamos en la terminal adicional de los cambios que produce el código cuando está expuesto a un local host entre otras funciones como alertas, problemas o errores.

Habilitar la terminal es muy fácil desde el menú superficial tenemos la opción:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6u8k2z0gl1tnkbr47nqo.png)
Day27 of #100DaysOfCode
Tags: 100daysofcode, webdev, javascript, nextjs
Published: 2022-10-18 13:07:37

I had to take another detour to learn more about git.

Now that I have deployed the website, I now understand why we need a production branch (main) and development branches. 😂

This is basically to allow myself to code and experiment without pushing the unfinished code to github and vercel.

Well, you gotta learn from your mistakes and I spent an hour or so fixing the codes so that now the main branch will only be for production and I’ll only code on other branches as I try to code other features 😂. I can now say that I have totally internalized this mistake now, lol.

Still, there is still a lot to do and a lot of bugs to fix.  Yesterday and today, I had a lot of work so I didn’t get to code much.  Hopefully tomorrow I’ll have more free time to work on the project.

The three main things to get out of the way are: 
- fix all of the bugs
- setup Google Analytics & Google Search Console (including generating the sitemap XML)
- finishing the editorial system so I can hand off the curation of articles to someone else so I can focus only on developing and coding.

Hopefully, I can finish these three points in two days! 😍
How to configure React JS app on WSL2 Windows 10
Tags: react, javascript, linux, ubuntu
Published: 2022-10-18 13:00:39

Salut,
If you use a windows machine with windows installed on it but also want to work using Linux/Ubuntu environment. There are mainly three approaches. (There can be more)

1. Virtual Machine
2. Dual Boot
3. WSL

I would recommend you WSL because of two reasons. One, the first two approaches would be required a lot of resources like RAM and Hard Drive memory, etc. WSL consumes minimal resources and secondly, it allows you to export its image and import it on another computer within minutes.

**Enable Windows Subsystem for Linux**

1. Open Start on Windows 10.

2. Search for Turn Windows features on or off and click the top result to open the experience.

3. Check the “Windows Subsystem for Linux” option.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/12ug9u8234ala8xxlu58.jpg)

4. Click the OK button.

5. Click the Restart button.


Enable Virtual Machine Platform

1. Open Start, Search for PowerShell, right-click the top result, and select the Run as administrator option.

2. Type the following command to enable the Virtual Machine Platform feature and press Enter:

```
Enable-WindowsOptionalFeature -Online -FeatureName VirtualMachinePlatform
```

**Install WSL2 on Windows 10**

Search for Command Prompt, right-click the top result, and select the Run as administrator option.

Type the following command to install the WSL on Windows 10 and press Enter:

```
wsl --install
```

Another way is to go to the Microsoft store and install Ubuntu 18.04.

Once you install Ubuntu run following commands.

```
sudo apt update
```

```
sudo apt-get install curl
```

```
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/master/install.sh | bash
```

```
source ~/.bashrc
```

```
nvm install 16
```

```
sudo apt-get install build-essential
```

Now go to your home directory and install react js app.

` cd /home `

```
npx create-react-app my-app-on-wsl
```

```
npm start
```

You may face a permission error (mostly this occurs with the Next JS app). To resolve this error you need to give app folder permission to your user as well.
I hope this would be helpful for you guys. Do like and follow for more updates. 

**

## Other links:
**

1. [Custom 'Tooltip' component using Tailwind and React Js](https://dev.to/muhammadazfaraslam/custom-tooltip-component-using-tailwind-and-react-js-186g)
2. [JavaScript: Falsy(False) and Truthy(True) values explanation with example](https://dev.to/muhammadazfaraslam/falsyfalse-and-truthytrue-values-explanation-with-example-4470)
Quasar Admin CRM New Version [Premium] .. Quasar 2/Vue 3
Tags: quasar2, vue, crm
Published: 2022-10-18 12:57:25

I have re-designed my Admin CRM template and given it a totally new look. You can buy the new version for $79. If you are interested, please email me at mayur091193@gmail.com

Live preview — https://quasar-admin-crm-premium.netlify.app/

By at cheap price at https://techforest9.gumroad.com/l/gbrmmzj

Few Features:

- Modern and responsive design
- CRM Dashboard
- Analytics Dashboard
- Charts
- Calendar
- Export Feature

Please provide your valuable feedback and I will try to work on it. I will be adding a few more screens to the premium version in the near future.

Please find some screenshots of the new version below.

CRM
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lbicvade633onupg4srw.png)
Analytics
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k2osdoeca70qxqb9yua7.png)
Customer List
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7qpctj7kv1iwvcaqi8u2.png)
Login
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/70eeffwahq1o722v3y9o.png)
To buy, email me at mayur091193@gmail.com or buy directly from https://techforest9.gumroad.com/l/gbrmmzj
Best Practices to Containerise a NodeJS application
Published: 2022-10-18 12:51:08

Containerizing your Node application has numerous benefits. First, Docker’s friendly, CLI-based workflow lets any developer build, share, and run containerized Node applications. Second, developers can install their app from a single package and get it up and running in minutes. Third, Node developers can code and test locally while ensuring consistency from development to production.

Containerizing a NodeJS application is easy. There are numerous articles online that can help you effectively package your apps. However, many important concerns like Docker image vulnerabilities, image bloat, missing image tags, and poor build performance aren’t addressed. We’ll tackle those common concerns while sharing nine tips for containerizing your Node application.


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

[Read the complete blog here](https://www.docker.com/blog/9-tips-for-containerizing-your-node-js-application/) 

## Getting Help

Have a question about NodeJS? Search the Docker Forum NodeJS tag for answers, or post a question in our [Docker Community Forum](https://forums.docker.com).
How one can become a programmer? Uni vs Apprenticeship
Tags: beginners, programming, webdev
Published: 2022-10-18 12:49:25

 Actually the answer would be the same for testers and SDET role. There're 4 main routes into profession:
1) University
2) Bootcamp
3) Apprenticeship
4) Self study

But which one would be the right one for you? In this videos I score every route based on the following criteria:
- cost
- time investment
- CV weight
- employability chances

This is the first video in which we will cover uni and apprenticeship

{% embed https://youtu.be/ZEqJXxZzsHw %}
What is Amazon Detective?
Tags: aws, beginners, detective
Published: 2022-10-18 12:49:12

# What is Amazon Detective?

## Pre-study image

I feel like I've never heard of it.

## Research

### What is Amazon Detective?

It will be a service to help analyze and investigate the cause of security issues or suspicious activity in applications on AWS.
Since Detective means detective, this service monitors, investigates and analyzes the cause of the problem like a detective.

Detective collects the following logs and analyzes the information.

- cloudtrail logs
- vpc flow log
- GuardDuty

### Recommended Conditions

- aws cli must be 1.16.303 or higher
- Amazon GuardDuty must be enabled
	- Must be enabled on master account
	- Must wait 48 hours after activation 
- Amazon GuardDuty's cloudwatch notifications are every 6 hours, so we'll set them to 15 minutes.

### Use Cases

- Investigate the impact of a security issue

Check credentials in case of compromise, API calls from malicious IP addresses, etc.

- File Identification

Scan for files that behave suspiciously like malware on EC2.

## Image after study

Basically, I think of it as information gathering and analysis.
It seems like we can see where the suspicious IPs are accessing from.
Get Hired as a Web Developer.- mdjunaidap
Tags: webdev, career
Published: 2022-10-18 12:36:39

####   Original Tweet From  [@mdjunaidap](https://twitter.com/mdjunaidap)
{% embed https://twitter.com/mdjunaidap/status/1582260404608466944 %}
Get Hired as Web Developer.

Thread: 🧵 

What's Inside: 👇

♦︎ Importance of Github
♦︎ Build your brand.
♦︎ Update the code regularly
♦︎ Write well-organized, well-commented code
♦︎ Deploy your projects
♦︎ Add a readme to each project you work on.
♦︎ Contribute to open source projects
♦︎ Make it green 

♦︎ Free websites to create an amazing readme file
♦︎ Amazing Github profiles for reference. 

###Importance of Github

These days, companies hire developers based simply on their GitHub accounts, which serve as their portfolios.

A Good GitHub profile gives you incredible opportunities.

It enables you to be noticed among the crowd. 

###Build your brand.

It can be referred to be social media for programmers and developers.

We must thus create a great brand of our own. 

###Update the code regularly.

Recruiters look into your account's behavior as well as its content.

It's not just a straightforward backup tool.

It is better to make small changes and keep posting them on a frequent basis.

Maintain versions of your projects. 

###Write well-organized, well-commented code.

Create a readme file that concisely outlines the project's objectives.

The code must not be copied or duplicated. 

###Deploy your projects.

Use platforms like GitHub Pages to publish your projects.

Other hosting platforms are:
  - Netlify
  - Heroku
  - Vercel

Include the project's deployed link in the readme section of the repository. 

###Add a readme to each project you work on.

What should be in the Readme?

What about a description?
What is the result?
What is the stack?
What is the project's vision?
What stage is the project? 

###Contribute to open source projects.

It improves your coding skills and makes you better.
Getting suggestions from experts with similar viewpoints is beneficial.

It helps you learn from your errors.

It provides your GitHub portfolio a huge boost. 

###Make it green

code daily.

Maintain GitHub contribution graph greenish.

It's the first impression. 

Free websites to create an amazing readme file.

🔗 {% embed https://www.profileme.dev %}

🔗 {% embed https://rahuldkjain.github.io/gh-profile-readme-generator/ %}

🔗 {% embed https://arturssmirnovs.github.io/github-profile-readme-generator/ %} 

Amazing Github profiles for reference.

🔗 {% embed https://github.com/abhisheks008 %}

🔗 {% embed https://github.com/arpanaditya %}

🔗 {% embed https://github.com/ahammadshawki8 %} 

🔥 700+ Tools &amp; Resources for Developers, Designers, and Creators. 

Learn. 
Build. 
Sell. 

I've Curated incredible tools and learning resources for developers, designers &amp; content creators.

{% embed https://mdjunaidap.gumroad.com/l/kEZkq %} 



Click [Here](https://www.knowledge-twitter.com/?utm_source=dev.to)  For More Posts Like This [https://www.knowledge-twitter.com](https://www.knowledge-twitter.com/?utm_source=dev.to)
I made an admin dashboard for NextJS using Typescript! Use it for free!
Tags: nextjs, typescript, webdev, showdev
Published: 2022-10-18 12:36:34

Hey guys,
I made an admin dashboard for NextJS using Typescript! Use it for free!

Presentation: https://horizon-ui.com/
Live demo: https://horizon-ui.com/horizon-ui-chakra-nextjs/
Download on Github: https://github.com/horizon-ui/horizon-ui-chakra-nextjs