teleren/devto huggingface dataset:
Simple weather API Project Javascript | Weather App Javascript
Tags: javascript, webdev, programming, beginners
Published: 2022-05-09 17:36:18

https://www.codewithrandom.com/2022/05/simple-weather-api-project.html

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dumqke7i71lvp1xtoudg.jpg)
Learners, In this article we are going to design a very important and impressive project which is Simple weather API Project in Javascript with detailed functionality.

```
<div class="container">  
  <div class="title">  
   <h1 id="city"></h1>  
   <div id="graphic" class="weather-icon"></div>  
   <div id="description" class='important-info text'></div>  
   <div id="farenheit" class="temp-info"></div>  
   <div id="celsius" class="temp-info"></div>  
  </div>  
 </div>  
 <div class="description-container">  
  <div class="block-1">  
   <div class="text">  
    <span>Max</span>  
    <span id="max" class="important-info"> </span>  
   </div>  
   <div class="text">  
    <span>Min</span>  
   <span id="min" class='important-info'> </span>  
   </div>  
  </div>  
  <div class="block-2">  
   <div id="longitude" class=" text important-info">Lon: </div>  
   <div id="latitude" class="text important-info">Lat: </div>  
  </div>  
  <div class="block-3">  
   <div id="humidity" class="text important-info">Humidity: </div>  
   <div id="pressure" class="text important-info">Pressure: </div>  
   <div id="windSpeed" class="text important-info">Winds: </div>  
  </div>  
 </div>  
 <div class="container-button">  
    <div class="switch-button">  
     <span class="active"></span>  
     <button class="text switch-button-case left active-case">Celsius</button>  
     <button class="text switch-button-case right">Farenheit</button>  
    </div>  
 </div>  [read more](https://www.codewithrandom.com/2022/05/simple-weather-api-project.html)
```
Microservices meetups were all over the place in April 2022
Tags: microservices, tutorial, webdev, beginners
Published: 2022-05-09 17:35:31

A new roundup for you folks: let’s see what the four most crowd-pleasing meetups were last month. Deep dive into implementation, fundamentals, enterprise microservices and many more topics!

[Implementing Event-Driven Microservices architecture in Functional lang | Nikhil Barthwal](https://meetupfeed.io/talk/implementing-event-driven-microservices-architecture-in-functional-lang-nikhil-barthwal-fn-conf-22)
Web services are typically stateless entities that need to operate at scale at large. Functional paradigm can be used to model these web services and offer several benefits like scalability, productivity, and correctness. This talk describes how to implement Event-Driven Microservices in functional programming languages with examples in F#.

[Fundamentals of Microservices | Michael Kingston](https://meetupfeed.io/talk/fundamentals-of-microservices)
Get an introduction to microservices that will give you a working understanding of hybrid architectures, containers and Kubernetes, Ingress controllers and much more.


[Start a Microservice by Building a Simple Node.js App |Coding Tech](https://meetupfeed.io/talk/start-a-microservice-by-building-a-simple-node-js-app)
What are microservices? Why and when to use them? How to build them with Node.js? In this video, Ashley provides answers to all these questions, and more. Ashley Davis is a software developer, entrepreneur, stock trader, and the author of Manning’s Data Wrangling with JavaScript.

[Building Enterprise Microservices using Ocelot and Azure | Patrick Zhao](https://meetupfeed.io/talk/building-enterprise-microservices-using-ocelot-and-azure-patrick-zhao-ndc-sydney-2021)
In his talk, Patrick will show you how he architected an enterprise solution with cloud native services on Azure and by using Ocelot. He will walk through Ocelot in-depth and show the in-and-out of building an API gateway and protect the services using VNet.
Prioritization, Roadmaps, and Feedback Tracking Free for Open Source
Tags: opensource, productivity, management, product
Published: 2022-05-09 17:35:16

Hi,
I'm working on a tool for collecting user feedback and prioritizing it with your internal initiatives.

We just launched a program for supporting open-source developers. Feel free to get our product for free https://help.ducalis.io/free-for-open-source-non-profit-projects/

## How Ducalis can be helpful for your Open Source product
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tgiypvqhleoxpsl9wwvi.png)
Share beautiful roadmaps with user request tracking
Nice design for any screen. Customize the look and feel to reflect your band. Connect custom domain.

##Connect your public feedback with your internal tasks
There are at least two idea buckets: what your team is planning to do (product backlog) and what your users are demanding.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bbq5iu7spxxze8a9qzk0.png)
You can manage your backlog at Ducalis or sync with your task tracker like Jira, Asana, Trello, ClickUp, YouTrack, etc.

###Task Trackers for Open Source and Non-Profits:
- Jira is free upon request for Open Source. And a form for non-profit organizations that are non-government, non-academic, non-commercial, non-political, and have no religious affiliation.
- Asana has a 50% discount for non-profits
ClickUp has robust features for a free plan and offers a non-profit discount
Trello has a free plan. And you can request Open Source and Non-Profits.
- YouTrack is free for non-commercial open-source projects by request.

##Prioritize your ideas and requests
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pcuoizd7nlrz9utn9afy.png)
It’s not easy to choose what to do next. Prioritize all types of ideas you have. Apply any popular prioritization framework to your backlog and customer requests. Use our prebuilt templates like RICE, ICE, WSJF, REAN, and AARRR, or build your own.

##Keep in the loop with your customers
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w0k2nhl92zfiqbbe7rj1.png)
Never miss a new request or comment. Update users with how it’s going on particular feature development.
My Experience With React
Tags: react, node, beginners, discuss
Published: 2022-05-09 17:31:39

After spending the past three weeks learning the 'ins and outs' of javascript, HTML, and CSS at Flatiron School (the coding bootcamp I'm currently attending) - _we finally began our journey into React_. For a little background information, I have a few friends who have been in the web dev industry for the past few years and as I began coding on my own and learning different languages, **they all told me that React was something that I should definitely take a look at**.

Fast forward a few months and I have finally decided to attend a coding bootcamp to pursue my goal of becoming a web developer. While going through the options - Flatiron School stood out to me as it was the only one I found offering in-person teaching at the time as well as React as a focal point. 

I had seen a few examples of React from templates as well as some demonstrations on YouTube, etc. but it was a totally different experience trying to absorb all of the features and hooks as well as really understanding how to conceptualize what your website and its components should look like. However, after spending a few weeks working through countless examples and tests, **I feel like I'm really beginning to break into what makes React so amazing**. The organization of components, fetching info from API's with useEffect, understanding state and how to best utilize it to fit your needs - _each new feature you learn seems to add another layer of understanding to web development_ and just how far you can take it.
Tricks to create an impressive GitHub repository 🔥🔥
Tags: github, webdev, beginners
Published: 2022-05-09 17:25:43

Here are some of the tricks to create an impressive GitHub repository

We all have seen the same old repository as every other repository looks the same and feels the same. If you want to attract some attention then here are some simple tricks

1. 𝗨𝘀𝗲 𝗗𝗲𝘀𝗰𝗿𝗶𝗽𝘁𝗶𝘃𝗲 𝗖𝗼𝗺𝗺𝗶𝘁 𝗠𝗲𝘀𝘀𝗮𝗴𝗲𝘀
Using descriptive commit messages might look like a chore, but it too helps in taking the appeal of the repository higher. Make sure the commit message is explanatory.

There are various schools of commit message structures, any of which is acceptable. I personally like the following one:

<type>[optional scope]: <description>

2. 𝗔𝗱𝗱 𝗘𝗺𝗼𝗷𝗶 𝗮𝗻𝗱 𝗚𝗜𝗙𝘀 𝗶𝗻 𝘁𝗵𝗲 𝗥𝗲𝗮𝗱𝗠𝗲 𝗳𝗶𝗹𝗲
The ReadME file is the first thing that a user sees. The ReadMe is the first thing a visitor sees when they visit the repository, so taking some time to create a polished repository is crucial. It should describe what problem the code solves, how to set it up, and any other relevant information.

- Use backticks to highlight the code snippets
- Add some hyperlinks
- Add emojis if required
- Add stat figures like no. of stars, commits, PRs etc.

3. 𝗔𝗱𝗱 𝗟𝗶𝗰𝗲𝗻𝘀𝗲
No point denying it, this is the most boring step, but essential for fair use of the repository. Moreover, it also shows up in the info tab, so just get it done with.

To add a License, create a file called LICENSE at the root of the project.

4. 𝗔𝗱𝗱 𝗧𝗮𝗴𝘀 𝗮𝗻𝗱 𝗼𝗻𝗲 𝗹𝗶𝗻𝗸
Adding tags is the next and most crucial step in this article. It not only makes it easier for GitHub to promote the repository but also makes it look much more professional!

5. 𝗔𝗱𝗱 𝗗𝗲𝘀𝗰𝗿𝗶𝗽𝘁𝗶𝗼𝗻 (𝘄𝗶𝘁𝗵 𝗘𝗺𝗼𝗷𝗶𝘀 & 𝗟𝗶𝗻𝗸)
This is the lowest hanging fruit in creating an impressive GitHub repository. You can just add a short description of the repository to heighten its appeal. Make sure to throw in some emojis too 😉.

These are some of the most common tricks for the GitHub repository. That's all for today guys, follow for more tips and tricks :)

#github #project #coding #webdevelopment
Introducing the Mayfield + DEV discussion series
Tags: discuss, productivity, startup, career
Published: 2022-05-09 17:24:49

Hey DEV Community!

Over the next two weeks, we will be hosting a daily discussion series in collaboration with our DEV partners at [Mayfield](https://mayfield.com/).

Mayfield is deeply invested in dev-centric companies such as [HashiCorp](https://www.hashicorp.com/) — and they came to us hoping to learn from the community on topics such as the best perceived companies to work for and to get into the nuance of what developers need and want most out of their careers these days. Naturally, we felt like some [#discuss](https://dev.to/t/discuss) threads were the perfect outlet.

**Starting later today, we will be posting one discussion per weekday every for the next two weeks (10 posts total).** They are just normal discussion threads, like are posted every day here on DEV, but we hope to get some great answers to dive into and share more broadly.

We are very much looking forward to what people have to say! Look for the first post coming out later today.

Happy coding!
Code And Filters Video editors using
Published: 2022-05-09 17:19:27

## Filters

Numerous TikTok clients began liking a video-altering application called CapCut, an application claimed by ByteDance, a similar organisation that claims TikTok. This could clarify why the application has become so famous with TikTok clients, however the [latest version of CapCut mod apk video editor](https://capcutapks.com/) premium unlocked in addition to compatibility with all android, desktop, IOS as well as tablets versions is additionally famous on Twitter, especially fan accounts. 
Presently, one of the primary  variables for the prominence of this stage is [latest CapCut filters](https://capcutapks.com/capcut-filter/) with full guidance for beginners. It has heaps of altering abilities for clients' straightforwardness. In this aide, we'll for the most part take a gander at the 5 Top-performing CapCut channels that merit applying in your altering projects in 2021! In this way, we should view their presets moving along.

Top 5 CapCut Filter Presets
1. Stylish Filter CapCut Preset
By utilising these stylish channel presets, you can totally change your photos' whole look and feel. A solitary channel can add warmth and congeniality or strike a confined, loosened up vibe.
2. Dull and Soft Esthetic Filters
You can customise every one of these channel presets to  accommodate your shared vision. You can change the layer, blur, and even paint them on or off in a specific region.
3. Energetic CapCut Filter
This energetic channel presets are best with pictures and scenes with an incredible assortment of foundations and different  beautifications to consider.
4. Delicate Vintage CapCut Filter
There are different strategies to utilise delicate vintage  channels, explicitly when wishing to give your scenes a retro look.
5. Sweet Crystal CapCut Filter
These sweet gem channels are practically like the electrical circuit channels utilised with regards to usefulness. As they go through a picture or a video, it unexpectedly sparkles and starts vibrating.
For more articles about filters, I have discussed [Latest CapCut 3d zoom effects full guidance for beginners](https://capcutapks.com/capcut-3d-zoom-effects/) in detail so visit it for more information.
Phase 2 of Flatiron
Tags: javascript, beginners, react
Published: 2022-05-09 17:15:12

React has been quite the journey. It started out with lots of frustrations after dealing with only vanilla Javascript. However, I can see now why React is such a powerful framework/library. The use of components is quite elegant and it has definitely made my code a lot cleaner. I'm currently trying to use React to make a website where you can like restaurants near you, order from said restaurant, and save the items that you ordered. You can then go back to the items and like/dislike them to keep a record of your food journey. I always forget what I got at a restaurant unless I order from them all the time, so this will be cool to do. Ideally, this would be synced up to the restaurant side of things such that your order information is automatically added to our database if you eat in person. Maybe you can even take a picture of your receipt and it's added in that way. Right now, I don't have the ability to do the back-end work necessary to make this happen. I'm just focusing on the front-end portion of how this website would work with my partner Hyun currently.
Elixir Pipe in Python
Tags: python, functional, programming
Published: 2022-05-09 16:38:37

I really like the [Pipe operator](https://elixirschool.com/en/lessons/basics/pipe_operator) in Elixir. This is something from the future!

As I work with Python more often, I was trying to implement that pipe functionality in Python with few lines of codes.


```python
from functools import reduce


def pipe(*fn_list):
    return reduce(
        lambda x, f: f(x) if not isinstance(x, list) else f(*x),
        fn_list,
    )

```

How to use it?

Example -

```python
import json
from dataclasses import dataclass
import requests


@dataclass
class Request:
    url: str
    method: str


def parse_request(req: str):
    return pipe(
        req,
        json.loads,
        lambda x: Request(**x),
    )


def validate_url(req: Request):
    return req if req.url.startswith("http") else None


def validate_method(req: Request):
    return req if req.method in ["GET", "POST", "PUT", "DELETE"] else None


def get_content(req: Request):
    return requests.get(req.url).content


def check_content_type(content: str, content_type: str):
    return content if content.startswith(content_type) else None


print(
    pipe(
        """{"url": "https://google.com", "method": "GET"}""",
        parse_request,
        validate_url,
        validate_method,
        get_content,
        lambda content: content.decode("utf-8"),
        lambda content: check_content_type(content, "<!doctype html>"),
    )
)

```

You can use `lambda` and functions in `pipe`.

Notice the last function in pipe, `check_content_type` takes two arguments, the first one `content` is passed from the previous pipe function, so we take that in lambda argument and then call the `check_content_type` with that `content` and another argument.

Let me know your thoughts!

**The cover image is taken from [here](https://thinkingelixir.com/course/code-flow/module-1/pipe-operator/).
Build a discoverable change password form
Tags: webdev, security, ux, webperf
Published: 2022-05-09 16:33:09

---
title: Build a discoverable change password form
published: true
description: How to create a discoverable change-password form in a website.
tags: 'webdev, security, ux, webperf'
cover_image: 'https://raw.githubusercontent.com/cloudx-labs/posts/main/posts/navarroaxel/assets/well-known-change-password-cover.jpg'
id: 487021
date: '2022-05-09T16:33:09Z'
---

We can use a well-known URL in our websites to make our _change password_ forms discoverable by tools, like 1Password, LastPass, Bitwarden, etc.

For `https://example.com`, this magic URL would be `https://example.com/.well-known/change-password`.

Let's see how this works. 💪

## A well-known URL

What is a [well-known URI](https://ldapwiki.com/wiki/Well-Known%20URIs)? It's basically a group of predefined "links" inside a `/.well-known/` directory of a website.

These links can be either a HTTP redirect, like the change-password URI, or a document with a specific format, like the "well known" OpenID Connect configuration in JSON format located at `/.well-known/openid-configuration`. We can find an example here <https://login.microsoftonline.com/common/v2.0/.well-known/openid-configuration>.

## Just a redirect

The [specification](https://w3c.github.io/webappsec-change-password-url/) for Well-Known Change Password URL is still in draft, but we can find examples in popular websites like [GitHub](https://github.com/.well-known/change-password), [Slack](https://slack.com/.well-known/change-password), or [Wikipedia](https://wikipedia.org/.well-known/change-password).

💡 If you can't find the reset password link in a website, you can use this Well-Known URL.

## Conclusion

We can programmatically advertise where a user can change their password, improving the **security** and **usability** of a website that requires authentication.

Now you can create a semantic HTML form for changing passwords and the password manager tool will do the rest.
Day-83 Training At Ryaz
Tags: javascript, webdev, beginners, programming
Published: 2022-05-09 16:32:48

- Date:9/05/2022
- Day:Monday

Today, I started at about 11:00 am as I was in progress to complete the java script course so, today I started with the left over task so, I started with the resolving errors of the biding project firstly I was having error of mongodb connection so, today I was able to resolve it and after it when I redirect to home page it displays the error as reason: BSONTypeError: Argument passed in must be a string of 12 bytes or a string of 24 hex characters or an integer and I was unable to resolve it so, in rest half of day I started with the java script course so, I started with introduction to npm instructor started that npm is committed to making JavaScript development elegant, productive, and safe. The free npm Registry has become the center of JavaScript code sharing, and with more than one million packages, the largest software registry in the world after this I started with building with parcel and npm Parcel is a zero configuration build tool for the web. It combines a great out-of-the-box development experience with a scalable architecture that can take your project from just getting started to massive production application. so, this way my day ended up and I got to learn various new things.
🥳 200 stars, 200 thanks!
Tags: opensource, devjournal, github, luos
Published: 2022-05-09 16:07:01

Our main luos_engine repository has just reached 200 stars on Github, and it’s a good indicator for us to keep going further to make life easier for edge and embedded developers!

![200 stars, 200 thanks!](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oypskd98z1nusyi7g8a4.png)

A big thank you to all of you and especially to our amazing community.
⭐ https://github.com/Luos-io/luos_engine
What do I do when I get stuck?
Published: 2022-05-09 16:04:23

You may be stuck on a certain challenge. But no matter the size or complexity of this challenge. You can overcome it by applying this simple and easy technique.

Step 1.
Step away from the challenge.

Step 2.
Close your eyes.

Step 3.
While keeping your eyes closed. Take 3 deep breaths.

Step 4. 
In your imagination. See yourself already having solved the challenge. 

Step 5. 
Let yourself **feel the emotion** of having solved that challenge. 

Step 6. 
Enjoy that feeling.
And then you're done!

Go back and attempt the challenge with this new feeling that you just experienced. You will be surprised at how quickly the answer comes to you. You are smarter and more capable than you think. 

Please share your experience in the comments to encourage others.

Happy coding!!
Guide to Backend Developer Career Paths
Tags: devops, javascript, programming, python
Published: 2022-05-09 15:59:00


Wondering how to become a Backend Developer? What skills required for a Backend Engineer and what is the path for Backend Developer?

In this [article](https://blog.getace.io/all-posts/backend-developer-career-paths), you will find Backend Developer levels descriptions, what skills you need to be a Backend Developer and Backend Engineer career goals examples.

## Backend Development Career Path Templates

Click on the role & get the list of career path levels (or grades) for Backend Developers and top Backend Developer skills on each level.

- [Java Developer](https://www.getace.io/templates?category=Back-end#skill-matrices)
- [Go Developer](https://www.getace.io/templates?category=Back-end#skill-matrices)
- [ASP.NET Developer](https://www.getace.io/templates?category=Back-end#skill-matrices)
- [Android Developer](https://www.getace.io/templates?category=Back-end#skill-matrices)
- [iOS Developer](https://www.getace.io/templates?category=Back-end#skill-matrices)
- [Rust Developer](https://www.getace.io/templates?category=Back-end#skill-matrices)
- [Ruby Developer](https://www.getace.io/templates?category=Back-end#skill-matrices)
- [Node.js Developer](https://www.getace.io/templates?category=Back-end#skill-matrices)
- [Python Developer](https://www.getace.io/templates?category=Back-end#skill-matrices)
- [PHP Developer](https://www.getace.io/templates?category=Back-end#skill-matrices)
- [DevOps Engineer](https://www.getace.io/templates?category=Back-end#skill-matrices)
- [Blockchain Developer](https://www.getace.io/templates?category=Back-end#skill-matrices)
- [Backend Developer](https://www.getace.io/templates?category=Back-end#skill-matrices)
- [Solution Architect](https://www.getace.io/templates?category=Back-end#skill-matrices)

## 50+ tech roles
Need more roles? Go to [Ace’s career path templates](https://www.getace.io/templates) for 50+ tech roles.

You’ll find career paths for Front End Developer, Game Development, Software Testing (QA), Data Science, Design, Management roles, and more.
Difference between SQL and NoSQL databases.
Published: 2022-05-09 15:57:25

SQL is a standard language for accessing and manipulating databases. NoSQL Database stands for a non-SQL database. NoSQL database doesn't use table to store the data like relational database.

*SQL*
SQL databases are relational,it use structured query language and have a predefined schema.SQL databases are vertically scalable, it's table-based databases, SQL databases are better for multi-row transactions.

*NoSQL*
NoSQL databases are non-relational.It's have dynamic schemas for unstructured data.It's a horizontally scalable databases. NoSQL databases are document, key-value, graph, or wide-column stores. NoSQL is better for unstructured data like documents or JSON.