teleren/devto huggingface dataset:
Is Node.Js a Framework
Published: 2022-03-03 09:43:55

Node.js is not a framework, nor is it a programming language. Node.js is a runtime environment that allows software developers to launch both the frontend and backend of web apps using JavaScript.

Node.js is an open source, completely free, and used by thousands of developers around the world. Being fast, scalable, and lightweight, Node.js is an ideal option when it comes to developing both the server side and the client side of an application.

Node.js can be used to build several different types of applications, such as command line applications, web applications, real-time chat applications, REST API servers, networking tools, and much more.

Frameworks enforce certain structures and give you certain APIs to work with. As Node.Js does not offer that, we can conclude that Node.Js is not a framework.

If you are looking to use Node.Js in your application development then hire a dedicated Node.Js developer with the required experience and skills.

I hope the post helps you in understanding the use of Node.Js
Elegant WebApp Template using Flask + Bootstrap + PythonAnywhere
Tags: python, flask, bootstrap, beginners
Published: 2022-03-03 09:40:21

{% embed https://github.com/hrishikeshrt/flask-bootstrap-anywhere %}

## Motivation

In general, many web applications require some level of user-management.
While `Django` can be suitable for big projects, for relatively small projects
it might be an overkill. Further, `Flask` offers more flexibility.
However, with `Flask` being a "microframework", we have to choose from a variety
of plugins to build a working system.

This application fits together a handful of such commonly used plugins
for commonly required tasks, and aims to save developers' effort.

## Features

### Back-end

* User Management
    * Registration
    * Login
    * Session Management
    * Password Recovery
    * Roles
* Database Support
    * MySQL
    * SQLite
* Mail
* Migrations (Powered by `Flask-Migrate`)
* Deployment
    * Support for Git-powered release on on `PythonAnywhere`

### Front-end

* `Bootstrap`-powered clean front-end
* Elegant themes powered by https://bootswatch.com/
* Ability to change themes on the fly
Python for everyone: "Mastering Python The Right Way”
Tags: python, datascience
Published: 2022-03-03 09:37:33

Python is a language that anyone can learn regardless of which area of technology they wish to work in. whether a web developer, data scientist, game developer or machine learning engineer python serves them well. Python has easy syntax compared to other programming languages. However, python has some specific practices that one should master if they want to write good code. Foundational concepts such as variables, data types, functions, classes, data structures, and algorithms are compulsory for every python enthusiast. However, specific frameworks such as Django and flask may not be very essential for someone who is not willing to major in python for web development. 
It is very important to decide the area in which they want to use python programming. For instance, if one decides to take the data science path they should familiarize themselves with libraries such as pandas, Numpy, matplotlib, and keras.
Once you become conversant with the foundational concepts of python and settle on the appropriate implementation area its time to move to the most important steps. 

1. Create the environment for python projects. This may include, python installation, a suitable code editor, python package manager to install all the necessary libraries. 
2. Find the best method of learning such as the official python documentation, Video tutorials, or e-books written to facilitate learning python.   
3. Settle on a simple project to practice the acquired concepts. 
4. Push your project to a version control system such as GitHub.
 
Another important aspect to mastering python the right way is by understanding the specific rules that govern coding in python. These include.

- How to do indentations.
- Best conventions when naming variables, functions, and any user-defined classes
.

Finally, mastering python just like any other programming language requires a lot of practice.
Cypress Data-picker handling problem
Tags: cypress, angular, testing
Published: 2022-03-03 09:36:49

Hi,
I have a problem with datapicker handling. I'm working on E2E script for e-commerce webapp (Angular) and i have problem with filing date inputs.

This is how it looks, (as you can see only the light options are available to choose)

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


This is how DOM looks:

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

I tried to choose available date but i can't find a way toc do it.

I'll appreciate all kind of help

PS. Sorry for my bad English
Wordle CLI
Tags: wordle, python, cli, solve
Published: 2022-03-03 09:30:37

{% embed https://github.com/hrishikeshrt/python-wordle %}

[`python-wordle`](https://pypi.org/project/python-wordle/) is a Wordle toolkit containing the game, a solver and a helper! 

## Example

![Example](https://raw.githubusercontent.com/hrishikeshrt/python-wordle/master/screenshot.png)

## Features

* Comprehensive CLI Application
    * Play Wordle in your terminal!
    * Let the solver play it out for you!
    * Use the helper mode for solving Wordles provided by other platforms!
* New Wordle every day.
    * **Disclaimer**: This has nothing to do with the NYTimes Wordle.
* Play more using `--random` option.
* Reproducible random Wordle by specifying `--seed`.
* `WordleSolver()` class for solving Wordle.
* `--solve` option to let `WordleSolver()` do its work in front of your eyes!
* `--helper` option to activate the helper mode for help with solving Wordles provided by other platforms.

## Install

To install, run this command in your terminal:

```console
pip install python-wordle
```

## Usage

```console

usage: wordle [-h] [--random] [--seed SEED] [--solve] [--helper]

Wordle on your terminal

optional arguments:
  -h, --help   show this help message and exit
  --random     Show a random Wordle
  --seed SEED  Seed the RNG
  --solve      Simulate WordleSolver
  --helper     Take help from WordleSolver for a Wordle in a different platform
```
Health Mate - Collect body parameters with speech
Tags: azuretrialhack, cognitiveservices, xamarinforms
Published: 2022-03-03 09:29:57

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


### Overview of My Submission
My submission to this app is a client app that uses Azure Cognitive services to provide a natural language interface to collect various health parameters.
I created this app to help people who have difficulties to enter data via a keyboard because they have an impairment or because they think it is easier to communicate with the computer via a speech interface.

### Submission Category: AI Aces
My submission is in the category AI Aces because the core of the app is the Natural Language processing of the speech input in the Azures Cognitive Services. This LUIS app transforms speech into text and analyses this text and transforms it into intents and entities.
These intents and entities are evaluated in the client app and translated into actions/behavior of the app.

### Link to Code on GitHub
The Github repository contains mainly the Xamarin.Forms app and the definition of the LUIS app. 
{%embed https://github.com/FrankPohl/healthmate %}
The code on Github contains everything that is necessary to compile and run the code with Visual Studio 2022. The necessary keys to connect to the LUIS app are part of the repository, too. They shouldn't be but this was the easiest way to make my submission testable.

The MIT license can be found in the LICENSE file and is part of the repository.

### Additional Resources / Info
I have published a video with a demo on YouTube.
[DEV Hackathon- Healthmate Demo](https://youtu.be/PqGQ7eDsDRo)

The readme.md file in Github contains more details about the implementation.

There were no other developers involved in this work.
Make a Soap call in React js by a webservice
Tags: react, webservic, soap, javascript
Published: 2022-03-03 09:24:12

I am doing an application on react where i need to receive some data coming from webservice. I already have the sample of soap request and response, and i already had done some request by the postman and it is working fine. But when i want to make a soap request and response on react, it ives me the same problem every time that is CORS has blocked my access to XMLHttpRequest. Is somebody able to help me?
Parallelism and custom variables in CircleCI
Tags: circleci, rspec
Published: 2022-03-03 11:15:27

---
title: Parallelism and custom variables in CircleCI
published: true
date: 2022-03-02 20:14:47 UTC
tags: circleci,rspec
canonical_url: https://www.mrinmoydas.com/blog/2022/03/02/parallelism-and-custom-variables-in-circle-ci.html
---

CircleCI allows us to specify a job’s parallelism level. In this post, we will try to further customize that using a custom CircleCI parameter.

## Premise

We can use CircleCI’s [parallelism](https://circleci.com/docs/2.0/parallelism-faster-jobs/) feature to split a job in parallel by spreading them across multiple separate executors.

But sometimes we want to customize the parallelism count based on various other parameters.

One example of this would be, let’s say we have two kinds of workflows. A `ci-workflow` that runs every time. And a `nightly` workflow that runs at a certain time every night and builds the nightly release.

```
jobs:
  rspec:
    executor: rspec-executor
    parallelism: 30
    steps: ...

workflows:
  nightly:
    triggers:
      - schedule:
          cron: "00 10 * * *"
          filters:
            branches:
              only:
                - master

    jobs:
      - rspec:
          requires:
            - bundle-install

  ci-workflow:
    jobs:
      - rspec:
          requires:
            - bundle-install

```

We are using parallelism of 30 for our RSpec tests. For both the workflows. Now `nightly` runs happen at a low traffic time when most of the devs are asleep. We can reduce the number of parallelism for just the nightly workflow.

## Solution

CircleCI does not provide an out-of-the-box solution for the above problem. We will need to rely on a custom parameter to solve this problem.

```
jobs:
  rspec:
    executor: rspec-executor
    parameters:
      machines:
        type: integer
        default: 30
    parallelism: << parameters.machines >>
    steps: ...

workflows:
  nightly:
    triggers:
      - schedule:
          cron: "00 10 * * *"
          filters:
            branches:
              only:
                - master

    jobs:
      - rspec:
          requires:
            - bundle-install

  ci-workflow:
    jobs:
      - rspec:
        machines: 10
          requires:
            - bundle-install

```

Using a pipeline parameter like above we can customize the parallelism value in CircleCI.

Until next time! :heart:
Create an NFT Collection Website Landing Page in ReactJS🔴
Tags: react, javascript, webdev, beginners
Published: 2022-03-03 09:21:55

Hey there👋,

I saw some cool animations and effects on different websites few days ago. So I made this landing page "The Weirdos" Kind of like NFT Collection Website.
 
You can see the Demo from here👇
https://the-weirdos.netlify.app/

For this project I have used these libraries,
▶️ React JS (CRA)
▶️ GSAP for smooth scrolling animations
▶️ Styled-Components for styling
▶️ Typewriter-Effect
▶️ React-Confetti
▶️ React-Use

First I wanted few svgs or images which kind of looks like NFT or similar, So I found this awesome website 👉 [Bigheads](https://bigheads.io/) where you can have randomly generated characters.
I have used typewriter-effect to add writing effect on main title.
Also, Gsap for scrolling animation as well as react-use to use different hooks.  
I wanted to make it more interactive so I have made some custom animations like in Showcase section and moving circle on the home section. 

Here is the tutorial how I have created this website!

{% youtube edr2o59Twrs %} 

Things that I have learned building this project,
▶️ Complex Animaitions in React
▶️ How to create Scrolling effects using Gsap
▶️ How we can leverage advantages of component structure
▶️ How to use confetti in React JS for awesome background effects
▶️ Uses of Lazy and suspence in reactJS to make components load faster
▶️ How to use different Hooks from react-use
▶️ How to draw svg path on scroll 

> You can use this website and if you want to use it else where small credit would be appreciated (not compulsory), just check license of all images and other assets before using it commercially.

I will try to improve it's speed and performance.
Feel free to try different designs and animations with it, 
Try to tweak some of this effects and you can also tag me or share your link in the comments.

Any suggestions are welcomed!

#### Share your website in the comments, So that all the other people/beginners can get the different ideas as well as inspiration.


### Thanks For Reading😄

Feel free to visit my youtube channel: 
####[@CodeBucks](https://www.youtube.com/channel/UCeYt6blRBKuNrEg_-282fSA)

Follow me on Instagram where I'm sharing lot's of useful resources!
####[@code.bucks](https://www.instagram.com/code.bucks/) 😉
Prototyping in Figma
Tags: design, figma, prototype, uiux
Published: 2022-03-03 09:08:18


Prototyping is usually employed in software building, through testing of the overall design, by checking its functionalities and performance before being launched for real life use. 
Prototyping in Figma involves testing the functionalities of the design app for effective usability and enjoyability. It involves interactive flows that explore how a user may interact with your designs.    
How to use the Prototype feature in Figma
**Step 1: **Launch the Figma app version 

**Step 2: **You should have the whole website design which you want to prototype right in front of you.

**Step 3**: Assuming you have 3 mobile frames which you want to prototype, the flow should be based on ease and use and not just your own impulse. For example, the prototype flow could begin from the home icon to signup to keyboard to order icon to pay icon  to send icon- (this could differ based on the model you have made)

**Step 4**: Once you have the design right in front of you, move up the cursor to where you have the prototype feature, which is next to Design.
 
**Step 5**: Click on it, then some options would appear such as Trigger, and On click. Decide on the mode of design flow you want and begin the process. I, however, suggest master component feature for speeding up prototyping connections. 

**Step 6:** Once you have linked up every of the important icons/features on the design in such a way that each icon will lead the user to another icon on clicking any of them, then, click on done.

**Step 7:** Once done, you can now copy the prototype link and send it out to your client or your team in order to test-run its performance. 

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



As a product designer, you can now keep calm and expect a feedback from your client to give a remark or corrections required. 
Prototyping is of great benefit but requires you as a product designer to be very attached and knowledgeable about the overall design you have done. One needs to study well the work flow and be more empathetic about the design. 
So many product designers use prototype framework in testing their work which reduces the stress of recreation and eliminates redundancy in design. 
You can compare:
AdobeXD
Invison Studio
Miro
Framer
Photo credit: uxdesign.cc, sitepoint.com
8 Mistakes to avoid starting an online business
Published: 2022-03-03 09:03:12

**Do you have an existing online business or want to start one?**

1. Waiting too long to launch
2. Starting a business you aren't passionate about
3. Trying to do everything yourself
4. Expecting to make a quick buck in a little time
5. Not bothering with an online marketing
6. Not defining your target audience
7. Ignoring the competition
8. Not being unique enough
Infinite free biz name ideas
Published: 2022-03-03 08:55:15

## 1. brandroot.com

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

## 2. Biznamewiz.com

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

## 3. namesmith.com

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

## 4. businessnamegenerator.com

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

## 5. namestation.com

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yk6cmssjegt8bxu3tv80.jpg)
Python for everyone: Mastering Python The Right Way
Tags: python, programming, beginners
Published: 2022-03-02 19:58:40

Python is one of the most popular programming languages and has been widely adopted even by beginners in programming. However, mastering this language the right way is not an easy feat. I will share some tips to guide you in the right path to mastering Python the right way. 
In your Python journey, you’ll see that picking up the basics correctly is the best part. Mastering the basics opens up a whole new world of endless possibilities and endless things that you can build from creating games, developing websites, machine learning, etc. 
To master Python, you will first need to download and install Python on your computer. Then, install a code editor of your choice. You can choose Jupyter, Pygame, VScode, etc depending on what works for you. 
Next, ensure you learn and master things like data structures and algorithms, variables, data types, all of which are important and form the backbone of mastering the language. Ensure you put this knowledge into practice by trying to write simple programs that test your understanding of each of these topics. Don’t worry if you get an error; that is a chance for you to learn more. There is also StackOverflow which is usually overflowing with answers and you can get the help you need.
 Master the basic syntax of the language then work on projects from simple ones and progressing on to more complex projects. You will definitely encounter errors or bugs in your code and I promise you that some of them will give you a headache. However, do not fear at all. You can always find help in StackOverflow or even on Google. These errors you encounter everyday help you learn more and become a badass Python developer as you move forward. Work on as many projects as you can and build up your portfolio. Post your projects on Github and even invite others to take a look and give you feedback. 
Documenting what you learn helps you understand it better. So, with every new topic that you learn, it is advisable that you write a blog about it and post it on sites such as Dev.to, Meduim, etc. Invite your friends or peers in Python to read and criticize your work. Learn from your mistakes and always strive to do better.
Finally, join a community. You can search online for a community of Python developers such as LuxTech academy, where you can work together, share ideas, collaborate on projects, and even ask for help whenever you feel stuck. This community will also teach you new things and you can learn from people who have been in this field longer. Seek for a mentor who can guide you on this journey and always be willing to learn and commit your time to it. Eventually, it will all pay off and you will become the badass Python programmer you always dreamed of.
Build a Messenger Clone with MERN Stack (MongoDB, Express, React, Node JS) + Socket.io (Day 5)
Tags: javascript, react, webdev, tutorial
Published: 2022-03-03 08:49:40

In this Facebook Messenger   Clone  Tutorial series, we will learn to build an Awesome Full Stack  Facebook Messenger Project with realtime messaging functionality with socket.io . We have one on one chat as well as group chatting functionality in this app.

In this video, we will be Creating user Routes


{% youtube fHByOt8deTA %}
tsParticles 1.41.6 Released
Tags: showdev, javascript, typescript, webdev
Published: 2022-03-03 08:49:00

# tsParticles 1.41.5 Changelog

## Bug Fixes

- Fixed emitters issues, some presets were broken

---

# tsParticles 1.41.6 Changelog

## Bug Fixes

- Fixed issue with canvas resize

---

{% link https://dev.to/matteobruni/new-tsparticles-confetti-website-is-now-live-pej %}

---

{% github matteobruni/tsparticles %}
11Best Online Platforms To Showcase Your Designs.
Published: 2022-03-03 08:46:06

A designer’s aim is to clinch the next job with their portfolio. Yet, most fail to create one that intrigues, engages, and sells the designer effectively. Following recommendations and best practices from industry professionals empowers designers to craft an ideal portfolio that perfectly showcases their talent and skill. Here are some best platforms to showcase your works.

**1. Dribbble**

Dribbble is a self-promotion and social networking platform for digital designers and creatives. It serves as a design portfolio platform, jobs and recruiting site and is one of the largest platforms for designers to share their work online. The company is fully remote with no headquarters.

Link for Dribbble - https://dribbble.com/

**2. Behance**

Behance is a social media platform owned by Adobe whose main focus is to showcase and discover creative work.

Link for Behance - https://www.behance.net/

**3. Muzli**

Muzli curates the latest content from hundreds of online design, tech & news publications. you can pick-and-choose what interests you and we'll take care of the rest by surfacing the best content and bring it all together.

Link for Muzli - https://muz.li/

**4. Designs inspiration**

Find inspiration for your next design project. We've gathered examples of great design from across the web, so you can say goodbye to your creative blocks.

Link for Designs inspiration - https://www.designspiration.com/

**5. Smashing magazine**
Smashing Magazine is a website and eBook publisher that offers editorial content and professional resources for web developers and web designers

Link for Smashing magazine - https://www.smashingmagazine.com/

**6. Awwwards**

Awwwards is a professional web design and development competition body. It aims to recognize and promote the best of innovative web design. It is a website competition that developers can submit to.

Link for Awwwards - https://www.awwwards.com/

**7. Pinterest**

Pinterest is an image sharing and social media service designed to enable saving and discovery of information on the internet using images, and on a smaller scale, animated GIFs and videos, in the form of pinboards.

Link for Pinterest - https://in.pinterest.com/

**8. Deviantart**

DeviantArt is an American online art community featuring artwork, videography and photography.

Link for Deviantart - https://www.deviantart.com/

**9. The favorite website award**

Web Awards recognising the very best in cutting edge website design.

Link for The favorite website award - https://thefwa.com/

**10. webdesigner depot**

Web Design Resources for Web Designers. We include Photoshop Tutorials, WordPress Plugins, and Web Development tools.

Link for webdesigner depot - https://www.webdesignerdepot.com/

**11. designr fix**

Daily Inspiration and useful online Resources for Web Design and Graphic Design.

Link for designr fix - https://designrfix.com/

_Start building your portfolios using these platforms._
Building React Application (without installing any dependencies)
Tags: discuss, javascript, programming, tutorial
Published: 2022-03-03 08:44:44

So today, I was able to make some push on this react application by @marizoo without actually installing any dependencies on my local computer.


Quickly check out the React Application by [clicking here](https://github.com/mrpaulishaili/marizoo-lampa-website/blob/main/README.md): 

### [Here's how I did it](mailto:paulishaili@gmail.com)