teleren/devto huggingface dataset:
Project: Simplex Wireless
Tags: ios, sim, globalconnectivit, makers
Published: 2022-08-01 14:23:36

We've put together an easy to work with IoT SIM card offering for makers of things. With SPX Anywhere you get a full dashboard and a SIM card that will work in 187 countries and can connected to 500+ networks.

Our offering is technologically advanced using technologies such as eSIM however keeping the commercial models attractive and very easy for anyone to engage with us. 

 Website: https://simplexwireless.com
Recover your stolen cryptocurrency now.
Tags: recover, stolen, crypto, investment
Published: 2022-08-01 14:20:34

Ever since my last experience with a fake online investment company where i invested the total amount of $130k worth of BTC, in order to be in the company monthly payroll and make some interest, little did i know that i was dealing with a fraudulent company, when it was time for me to make withdrawal i was being restricted from doing so even when i can still read my money from dashboard, i got really depressed about this I almost gave up on life cause I felt it is over i was dying inside till I eventually opened up to a friend who referred me to a hacker who he claimed was able to recover my lost money, at first I was skeptical about it because there are a lot of fake recovery scams out there. well after plundering on it for several days I decided to give it a shot and to behold I can say categorically that I’ve been able to recover my stolen funds. I marvel at the level of expertise and how quickly my case was handled as I was able to recover my money within three days. I’m super excited hacktified was able to help me, they are the real deal. Reach out to them on hacktified {}. c  o   m. Thank me later.
Javascript image manipulation
Tags: javascript, html, webdev, css
Published: 2022-08-01 14:08:39

A well known and powerful library for image manipulation is Caman.js. It offers various built-in functions as well as the possibility to be extended. Also, the library is well documented and can be used both in NodeJS and in the browser. The functions provided by CamanJS work with <canvas> elements, so before getting started, you can either create a Canvas element yourself or let CamanJS replace an image with a canvas of the same dimensions.
The basic functions cover color manipulations like setting contrast/brightness or modifying the RGB channels individually as well as the possibility to increase or decrease the noise applied to the image. Advanced operations, for example working with layers, blending or cropping an image can be achieved by working with plugins.
For examples, a detailed documentation and downloading CamanJS, check out the official website.

```
<img id="caman-image" src="otter.jpg" />
<script src="caman.js"></script>
<script>
  Caman('#caman-image', function () {
    this.brightness(50).render();
  });
</script>

```
Smart Lock device
Tags: ideas, iot, meetingdisruption, opentosuggestions
Published: 2022-08-01 14:05:05

Well, we all have come across the situation where you will having a call with your manager and the other folks at home do things like sneak in, bring up the food to eat. This happens most of the time during meetings, We will get annoyed 😢 by this and keep asking the folks not to do it.

**What's the solution??????**
    I got an idea where we can accompolish the steps as follows

- 
Building an IoT project which locks the door automatically using Arduino or Node MCU.I would suggest this link to build smart lock.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jbgekiykfma0ajqp17g4.png)
 [Building a Smart Lock using Arduino] (https://create.arduino.cc/projecthub/robocircuits/iot-door-lock-project-0601f5?ref=part&ref_id=10308&offset=8552)

- 
The application which makes use of  controlling the smart lock can be customized to get the schedule of outlook meetings. If the meeting is up, then the door should be locked and releases the locked door as soon as the meeting gets over.

  _Case 1:_ If an application is not customizable then, switching 
  on and off can be done ourselves as soon as the meetings are up.

  _Case 2:_ Just sync it to google calendar and get the Resource 
  Id of  your email Id afterwards pull out the meetings resources 
  and sync it to the app.
 
_Feel free to reach out for any better suggestions
Made with  ❤️
By Rakshitha S_
Deep learning udemy course
Tags: udemy, deeplearning, machinelearning, python
Published: 2022-08-01 14:02:00

Hello world.

I am starting this deep learning [course](https://www.udemy.com/share/101W9O/) on udemy.

And I will be writing some blog posts about it.

If any of you is familiar with it I would love to get your opinion on it :)
Python Projects
Tags: python, vscode, api, programming
Published: 2022-08-01 14:00:00

Data Types In Python / Functions / Image Processing / Frameworks / Pandas, Numpy And Matplotlib

Data Analysis / Data Mining / Machine Learning /
[python projects](https://s17.picofile.com/file/8418966892/Python_Course_Reviews.rar.html)

My CVs and Resumes 

[Cakeresume](https://www.cakeresume.com/me/amirsaeiddehghan)
[XING](https://www.xing.com/profile/AmirSaeid_DehghanTarzejani)
Overview of Q – Commerce in 2022: An Era of HyperFast/Last- Mile Delivery
Tags: productivity, news
Published: 2022-08-01 13:46:00


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

The generation we live in is clearly, ‘Luxury To All’. Technology is now within everyone’s easy reach. Smartphone and internet penetration are paving the way for e-commerce services via apps and other digital touchpoints. But the last decade has seen a massive shift in consumer behaviour where a myriad of home/corporate services is expected to be delivered with the clap of a pair of hands. There calls the birth for a quick-commerce / on-demand delivery! 

Our lifestyles have taken a drastic shift and modernised and this business of q-commerce and hyperlocal delivery is undeniably skyrocketing. The emergence of E-commerce had many driving factors like the Shop from home comfort, Planned Deliveries, customised food delivery, event management as a package, housekeeping excellence and more. The Covid-19 pandemic has been a huge factor in normalising this modernised lifestyle. But due to this newer trend of q-commerce, there has been a tangible supply chain disruption.

[Read more](https://www.roamsofttech.com/blog/overview-q-commerce-2022-era-hyperfastlast-mile-delivery/)
Angular on Azure: make the routing works
Tags: angular, azure
Published: 2022-08-01 13:43:00

With Angular I can implement a Single Page Application. To manage the navigation between the various views, the Angular Router is used, which interprets the URL of the browser as an instruction to change the view. When you go to publish the app on Azure, the default behavior does not take a browser url change as a view change within the SPA, so the view breaks. It is therefore necessary to intervene to change the behavior and make Angular routing work again.

To do this, it may be sufficient to intervene by adding a web.config file in the base folder of the app:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/94iahoaxtkg96fuwxy8j.png)

with the following settings:

```
<configuration>
    <system.webServer>
         <rewrite>
            <rules>
              <rule name="Angular Routes" stopProcessing="true">
                <match url=".*" />
                <conditions logicalGrouping="MatchAll">
                  <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
                  <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
                </conditions>
                <action type="Rewrite" url="/" />
              </rule>
            </rules>
          </rewrite>
    </system.webServer>
</configuration>
```
With this setup, you will use a URL rewrite module. It is already pre-installed and available in Azure (alternatively it can be activated as an extension on IIS server).

Basically, we enter a rule to take the URL and check if there is a file or directory corresponding to the address. If not, apply a redirect to the root '/'.

In this way the default routing is bypassed and the SPA routing is made functional.

For more information see: 
[Creating Rewrite Rules for the URL Rewrite Module](https://docs.microsoft.com/en-us/iis/extensions/url-rewrite-module/creating-rewrite-rules-for-the-url-rewrite-module)
[Angular Routing](https://angular.io/guide/routing-overview)
Top .NET Framework Trends in 2022
Tags: dotnet, frameworks, webdev, programming
Published: 2022-08-01 13:37:00

The .NET framework helps programmers to create apps using a wide range of languages, such as C#, F#, and VB.Net. This makes a language accessible to speakers of other languages. It enables developers to create apps in the languages of their choice. Dot NET developers use the framework to build applications for the web, gaming, desktop, mobile, servers, and IoT.

**Here are some [.NET framework trends](https://www.clariontech.com/blog/top-.net-framework-trends-in-2022) that led to become the most popular framework among the developer community.**

* The Rise of ASP.NET Core
* Azure Cloud Development
* Xamerin
* .Net Framework Versions
* Security
* Open Source .NET Framework
* .NET Framework To .NET Core
* MVC Architecture

## Why Should You Look for .NET Developers?
Using .NET technology, .NET developers have been producing incredible applications for more than 20 years. The changing needs of software developers with .NET have become a crucial component of the Microsoft ecosystem.

Since .Net will be available natively on both Linux and Windows platforms, we may anticipate a rapid demand for developers on each platform.


Creating online enterprise applications is entering a new age with .NET Core. The capabilities of .NET are constantly improving, which makes the job of the developer much more straightforward and the web presence of companies more successful. This is why organizations now favor .NET Core when developing online applications.
Has Many Relations with Eager Load in Rails and also where conditions
Tags: ruby, rails
Published: 2022-08-01 13:35:50

We discuss has many relations in rails, so consider two tables one is authors and the other books table. Firstly, we create two tables with model and with migrations. One writer has many books but we consider that one book written by one writer. 

where condition with relations table

https://www.cstutorial.org/ruby-on-rails/has-many-relations-with-eager-load-in-rails
Building a BookHub with React.js
Published: 2022-08-01 13:32:24

**_Building a Web Client with React for Book App

Getting Started With React App — Part 1
About the project
We are going to do the following things in a multi-part series:
Create react app
Add multiple components on the application
Design page layout and styling
Connect our web client to our generated (API) db.json server using Apollo Client and making calls to our API.
*If you want to develop 

*Users will be able to create books, read, update, and delete their books.
*Users can view a feed of books created by other users. User can not update or delete other users books.

9. Users will be able to view the books.

Getting Started With React App
What is React?
A JavaScript library for building user interfaces

React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes.

React components implement a render() method that takes input data and returns what to display. This example uses an XML-like syntax called JSX. Input data that is passed into the component can be accessed by render() via this.

then,
When we run npx create-react-app my-app it automatically installs the latest version of Create React App.

Run command prompt as Administrator. Then type following command to install.

npm install -g create-react-app

Create React App
Go to project folder and create project

F:
cd F:\javascript-projects
npx create-react-app book-app
Running npx create-react-app book-app command will create a directory called book-app inside the current folder.

Inside that directory, it will generate the initial project structure and install the transitive dependencies:
We can delete or rename the other files.

We can create subdirectories inside src. For faster rebuilds, only files inside src are processed by webpack. You need to put any JS and CSS files inside src, otherwise webpack won’t see them.

Only files inside public can be used from public/index.html.

If you have Git installed and your project is not part of a larger repository, then a new repository will be initialized resulting in an additional top-level .git directory.

Run the application
Already app is running, no need to start. If your application is not running then you can use “npm start” command to run the application.
The Apprenticeship Begins
Tags: beginners
Published: 2022-08-01 13:24:33

***
###Unfamiliar Territory
Never having written any kind of blog or journal, this is a completely new thing for me, but lets give it a shot.

![Let's start this adventure!](http://4.bp.blogspot.com/-qVNO27Ceo0I/VbxqZ1ncHRI/AAAAAAAACjU/LVBy7pJxeB4/w1200-h630-p-k-no-nu/Bilbo-Baggins-I-am-going-on-an-adventure-in-the-hobbit-an-unexpected-journey.jpg)


###Introductions are in order
My name is Travis, and I'm just now really getting into the world of being an adult. After high school I took a gap year before going to college for Computer Programming and now I'm here as an Apprentice hoping to further my software development skills!

But more about me, I'm an avid nerd and gamer. I play numerous video games, board games, card games or even tabletop role playing games like Dungeons and Dragons. Along with that I enjoy hanging out with friends and listening to music.

***

###What's the point of this blog?
![I don't really know](https://www.memesmonkey.com/images/memesmonkey/da/daf2d66a771ca37b75c16384a66701e6.jpeg)
Well... to be honest I'm not sure. I know that this will help show the growth I have in Software development but also as a person too. Not only that but it may help other people get to know me better and better assess who I am before working with me.

This may also help me set goals for myself to improve personally within any ventures I take, but for now it'll serve as a journal for my Apprenticeship and journey through software Development.

***

###Settings some Goals
I have quite a few goals to achieve, especially with this apprenticeship but also with my career as a whole.

####1. Improve my Programming skills
Although I've had experience in programming due to college, I know there's a ton to learn still. There's so many languages, techniques, and practices that I do not know about that are common in the workplace.
Along with that, there's tons of things within the languages I do know that I would never have thought of existing I'm sure.


####2. Get better confidence
I have a lot of anxiety and frequently deal with Imposter syndrome. Despite my actual ability to make effective code and make tangible results, I often doubt my capabilities and worry a LOT about getting my code actually done.
Overtime I hope this will get better as I get more comfortable with my self in the programming space.


####3. Create lasting relationships
It's a hopeful goal that after this apprenticeship, I'll have a good lasting relationship with everyone in it. Where any of us can reach of for a consult, a get together to just hang out, or even help each other seize professional opportunities.

***

### Wrapping things up
Hopefully I'll keep up with the blog, I definitely aim to at least post once a month to recap my growth and things that have happened so far. Along with looking forward to the next month on what I hope to get done.

![That's all folks!](http://vignette2.wikia.nocookie.net/creepypasta/images/1/11/Thats_all_folks.svg.png/revision/latest?cb=20160320032917)
Cannot build iOS apps with Ionic/Capacitor and Vue.js
Tags: vue, ionic
Published: 2022-08-01 13:21:30

Lately I've been experimenting with Ionic/Capacitor to build native apps using Vue.js. But I had problems building for iOS and configuring all the dependencies... so I wrote this short guide to help you with that.

###### This is part of [#10stips](https://dev.to/t/10stips) (the column where you learn how to solve coding issues within 10 seconds or so, because I already tested it for you).

## The tech stack

**Vue** is a Javascript framework meant to be easy yet powerful, and it allows the creation of powerful web apps.

**Ionic** is a popular platform for building native-looking IOS/Android apps using HTML, CSS and Javascript. And adding native functionalities and Ios/Android support becomes super straightforward with **Capacitor**, that integrates perfectly with an Ionic project.

## The problem

After creating a sample app, that I tested on the browser with `ionic serve`, I felt ready to deploy it on my iPhone.

I plugged in the phone to my Mac Mini M1 via USB-cable, made sure it has been recognised, and in Visual Studio Code I launched a new terminal and typed...

```
ionic build
ionic cap add ios
```

and boom! command failed.

```
zsh: command not found: pod
```

I quickly recognised there were unmet dependencies and after checking the documentation ([here](https://ionicframework.com/docs/intro/environment) and [here](https://capacitorjs.com/docs/getting-started/environment-setup)) and following some online tutorials, I launched again and boom.... another error.

```
Invalid Podfile file: cannot load such file -- /Users/admin/CapProject/node_modules/@capacitor/ios/scripts/pods_helpers
```

WTF! It took me a while to make it work, so I created these steps for you:

```
# First, update your OS (at least MacOS 12+)
# this is to ensure the greatest compatibility between Apple Silicon and other libraries

# you will need NodeJS 14 or higher
node --version

# make sure to have the javascript package manager
npm --version

# ionic/cli should be present at this stage because you already built your amazing app
npm install -g @ionic/cli

# install Xcode
# just open the App store and search for it

# make sure you have Xcode Command Line Tools
xcode-select --install

# check the installation with
xcode-select -p
# should appear this /Applications/Xcode.app/Contents/Developer

# Install Cocoapods with Homebrew (do not install it manually using ruby gems as sometimes suggested)
brew install cocoapods

# Now, restart your computer (seriously, this is important!)
restart

# check the installation with
pod --version

# build your project to create a dist folder
ionic build

# add Capacitor IOS support
# this time it should work and it creates an ios folder
ionic cap add ios

# open up your IOS build in Xcode
ionic cap open ios
```

Few, you're done! Make your clients happy ;)

Matt
How to Build a Fitness Website Using HTML CSS JavaScript
Published: 2022-08-01 13:18:56

{% youtube QrS56MIl-CE %}

How to Build a Fitness Website Using HTML CSS JavaScript

This video will show you how to build a fitness website using html css javascript

[Live Website](https://codewithsadee.github.io/futras)
[Github Repo](https://github.com/codewithsadee/futras)

---

HI 👋
I'm Sadee (webdev)
In this channel I make videos about Complete Responsive website.
You can checkout my channel 👇

📺 My Channel : [codewithsadee](https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g)
🔔 Subscribe : [subscribe now](https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g?sub_confirmation=1)

---

🔗 Essential links
-----------------------------
[Download the starter file to practice](https://drive.google.com/file/d/10NEvNaWq9p7QDArur02HB58IaAPq6W4V/view?usp=sharing)

---

⏱️ Timestamps
-----------------------------
0:00 - Demo
4:35 - File structure
5:04 - Project initial
10:14 - Header
26:10 - Hero section
32:05 - Service section
39:18 - About section
49:09 - Course section
1:00:34 - Blog section
1:08:33 - App section
1:13:30 - Footer
1:29:46 - Media queries

---

[![Become a patreon](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fnjl14kdm5qf08hu5lop.png)](https://www.patreon.com/bePatron?u=62535867)
How to Backup Outlook Emails and Protect your Data
Tags: news, security, management
Published: 2022-08-01 13:17:43

Accidental file deletion, malware attacks, and other unexpected events threatening Outlook can disrupt email communication in organizations. Probably the most unwanted consequence of any issue is data loss. To avoid such an inconvenience, organizations want to save Outlook emails and ensure their recoverability. 


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

## How to backup Outlook emails?
In case you think that standard data management instruments provided by Microsoft, such as the recycle bin, archiving, exporting to PST and email forwarding can be considered backup
tools, you are not right. These tools can help you recover emails after a minor accidental deletion. But in case of major system disruption or, for example, a ransomware attack, using native Microsoft tools for data recovery can be impossible.

Read the full article here: [https://emailspedia.com/how-to-back-up-outlook-emails-and-protect-your-data/](https://emailspedia.com/how-to-back-up-outlook-emails-and-protect-your-data/)
Destructuring Props in React.
Tags: react, beginners, javascript, webdev
Published: 2022-08-01 13:11:25

Once you begin your journey of learning React, one of the first things you will learn about is Props. If you are already familiar with how functions and arguments work in JavaScript, grasping Props will not be difficult. 

**What are Props?**

Props are arguments passed into React components, Props are also passed to components by HTML attributes. 

 **What is Destructuring?**

It is a convenient way of accessing the multiple properties stored in objects and arrays. 

Let's get started with an example. 

```
function App() {
  const car = {
    brand: 'Jeep',
    model: 'gladiator',
    year: '2022',
    color: 'red',
    price: '37,000',
  };
  
  return (
    <div>
      <cars car={car} />
    </div>
  )
}

function displayCar({car}) {
  return (
    <div>
      <p>My car's brand is, {car.brand}</p>
    </div>
  )
}
```

Here we have our car object inside of App, we pass it as a prop to the component Cars. Inside of the Cars component we now have access to the car object. 

```
function displayCar({car}) {
  return (
    <div>
      <p>My car's brand is, {car.brand}</p>
    </div>
  )
}
```
As you can see above we now can use dot notation to access the information, but what if we can destructure the prop and clean up the code.

`const {brand, model, year,  color, price} = car`

we can destructure the car object and our code will be a bit cleaner and mode readable.  


```
function displayCar({car}) {
  const {brand, model, color} = car
  return (
    <div>
      <p>My car's brand is, {brand}</p>
      <p>My car's model is, {model}</p>
      <p>My car's color is, {color}</p>
    </div>
  )
}
```

This will be what you will see on screen. 

`My car's brand is, Jeep
 My car's model is, gladiator
 My car's color is, red`

From a beginners point of view this is one of the simple ways to destructure but it is far from the only one, things can get complicated really quickly when the amount of data you are working with is substantial.


resources:
https://reactjs.org/docs/components-and-props.html
react image:
https://mobile.twitter.com/reactjs