teleren/devto huggingface dataset:
Why Frontend Developers Should Learn Node.js and Express?
Tags: javascript, node, frontend, webdev
Published: 2021-03-17 22:26:19

When I was using Vue (doesn't matter which framework) for Frontend I didn't understand this weird folder structure, I didn't understand how these files are served and how they are built and when I started learning Nuxt which is for Vue Server-Side Rendering, It was weirder for me like how SSR Works, how routes are being generated automatically and how middleware works and this when I decided to learn Node and the reason why I picked node wasn't to understand frontend stuff but to be a Full-stack developer and I was confused what to choose PHP and Laravel or Node and Express and thanks god I chose Node not because Node is better than PHP or this stuff but because I was so Lazy to learn a new language (PHP) and I didn't know that I am so lucky.

Now, I know how NPM Scripts, task runners, and building tools work and I know how to solve problems or bugs that I face in the Frontend part easily or at least much easier than before.

Something else if you are only a Frontend developer learning Node and Express will give you some knowledge about how the backend works and don't worry they are not hard to learn.

Also, Cloud Functions (serverless) will be easy for you when you learn node, and don't tell me why cloud functions are Important for Frontend Developers as every single Frontend developer I know knows about cloud functions.

Even if you don't want to be a Full-stack developer or you are but you don't know Node.js then I think you should learn Node and Express or even take some crash courses for the reasons I wrote above.

---

I hope you enjoyed this tiny article and this is article is about my thoughts and should doesn't mean must :-)

[**Subscribe to my newsletter**](https://amrelmohamady.hashnode.dev/)

You can also buy me a coffee that would help :)
<a href="https://www.buymeacoffee.com/amrelmohamady" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ></a>

Twitter: [@Amr__Elmohamady](https://mobile.twitter.com/Amr__Elmohamady)
Pagina Ilimita 2021
Tags: react, nextjs, firebase
Published: 2021-03-17 22:15:37

## Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In egestas accumsan tellus, nec facilisis sapien porta et. Quisque nisi magna, consectetur eget maximus at, interdum vel risus. Curabitur ac dolor lectus. Cras eget semper sem. Morbi sit amet bibendum orci. Fusce ut lacus sodales, hendrerit velit nec, suscipit nunc. Proin eget libero lectus.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x4fx0h8z1454a5iqza8x.jpg)
Quisque aliquet sed turpis vel porttitor. Aenean vitae leo id massa malesuada congue sed non urna. Quisque consectetur malesuada massa, at fermentum nulla pharetra a. Mauris id magna ex. Nunc tristique, ligula sit amet efficitur feugiat, justo justo faucibus nibh, eget vestibulum justo metus quis elit. Praesent volutpat aliquet accumsan. Suspendisse placerat lobortis aliquam.
How to Deploy Spring to China?
Tags: spring, java, webdev, china
Published: 2021-03-17 22:00:49

---
canonical_url: https://www.21cloudbox.com/solutions/how-to-deploy-java-spring-in-produciton-server.html
---
# What is Spring?
Spring is an open source web application framework developed based on the Java language.

21YunBox provides a very simple Spring project deployment method. You can deploy on the 21YunBox by using the **Java** runtime environment.

# How to Deploy a Spring Project to the Server in Minutes
1. Register to become a [21YunBox member](https://www.21yunbox.com/u/signup/)
1. On Gitee Fork [Spring Boot Startup Template](https://gitee.com/eryiyunbox-examples/spring-boot-starter)
2. Create a **Cloud Service** on 21YunBox, and allow 21YunBox to access your code base (repo)
3. Create with the following configuration:

| Environment        | `Java`                                                     |
| ------------------ | :---------------------------------------------------------:|
| **Build Command**  | **`./gradlew bootJar`**                                    |
| **Start command**  | **`java -jar build/libs/spring-boot-0.0.1-SNAPSHOT.jar --server.port=10000`** |

> Note:
>
> 1. Please modify the `jar` package path in **Start Command** according to your project name, such as: `java -jar build/libs/xxx.jar --server.port=10000`
>
> 2. 21YunBox default read port `10000`
>
> [Spring Boot Startup Template](https://gitee.com/eryiyunbox-examples/spring-boot-starter) is based on the [Startup Project](https://github.com/spring-guides/gs-spring-boot) as a basis.

Within seconds, your Spring service can be accessed at `app_id.21yunbox.com`.

# Why Choose 21YunBox?

> 21YunBox is a Cloud Service Platform based out of Beijing, China. We specialize in modern web hosting and automation solutions. This enables you to set up websites instantly.  

> **Have questions about hosting and deploying in China? Let us know, we are happy to help!** <21YunBox@gmail.com> 

To learn about the differences between 21YunBox and these foreign (outside of China) cloud service platforms, please refer to:

* [21YunBox vs Heroku](https://launch-in-china.21yunbox.com/solutions/how-to-speed-up-heroku-in-china.html)
* [21YunBox vs Netlify](https://launch-in-china.21yunbox.com/blog/solutions/alternatives-to-netlify-in-china.html)
* [21YunBox vs Vercel](https://launch-in-china.21yunbox.com/solutions/how-to-speed-up-vercel-in-china.html)
* [21YunBox vs Gatsby Cloud](https://launch-in-china.21yunbox.com/solutions/how-to-speed-up-gatsby-cloud-in-china.html)
* [21YunBox vs Github Pages](https://launch-in-china.21yunbox.com/solutions/how-to-speed-up-github-pages-in-china.html)
* [21YunBox vs Surge.sh](https://launch-in-china.21yunbox.com/solutions/how-to-speed-up-surgesh-in-china.html)
* [Compare in terms of function and price: 21YunBox vs Heroku, Netlify, Vercel](https://www.21yunbox.com/compare-others/)

<br>
*This article's content originated [here](https://launch-in-china.21yunbox.com/solutions/how-to-deploy-java-spring-in-produciton-server.html)*

*For additional detail and future modifications, refer the original post.*
How to Deploy a React.js Project to a Server?
Published: 2021-03-17 21:34:45

# What is React.js?

React originated from an internal Facebook project. Because the JavaScript MVC frameworks available on the market at the time could not meet Facebook's requirements of Facebook, the set of frameworks aka React.js was made internally, which was mainly used on the website of Instagram (a picture social app acquired by Facebook). Later, it was open sourced in May 2013, making it available for everyone to use.

[21YunBox](https://www.21cloudbox.com/) provides a very simple React.js deployment method. You can quickly and easily deploy with 21YunBox in a **static Site** environment.

# How to Deploy React.js?

1. Register as a [21YunBox member](https://www.21yunbox.com/u/signup/)
2. Fork [React.js example](https://gitee.com/eryiyunbox-examples/react-app)
3. Create a **Cloud Service** on 21YunBox, and allow 21YunBox to access your code base
4. Create with the following configuration


| Environment                | `Static Site`         |
| -------------------------- | :----------------------: |
| Build command              | **`yarn && yarn build`** |
| Release Directory          | **`./build`**            |


If you'd like a step by step example, please refer to the video on the [original post](https://launch-in-china.21yunbox.com/solutions/how-to-deploy-reactjs-project-in-production-server.html).

<br>
# Why Choose 21YunBox?

> 21YunBox is a Cloud Service Platform based out of Beijing, China. We specialize in modern web hosting and automation solutions. This enables you to set up websites instantly.  

> **Have questions about hosting and deploying in China? Let us know, we are happy to help!** <21YunBox@gmail.com> 

To learn about the differences between 21YunBox and these foreign (outside of China) cloud service platforms, please refer to:

* [21YunBox vs Heroku](https://launch-in-china.21yunbox.com/solutions/how-to-speed-up-heroku-in-china.html)
* [21YunBox vs Netlify](https://launch-in-china.21yunbox.com/blog/solutions/alternatives-to-netlify-in-china.html)
* [21YunBox vs Vercel](https://launch-in-china.21yunbox.com/solutions/how-to-speed-up-vercel-in-china.html)
* [21YunBox vs Gatsby Cloud](https://launch-in-china.21yunbox.com/solutions/how-to-speed-up-gatsby-cloud-in-china.html)
* [21YunBox vs Github Pages](https://launch-in-china.21yunbox.com/solutions/how-to-speed-up-github-pages-in-china.html)
* [21YunBox vs Surge.sh](https://launch-in-china.21yunbox.com/solutions/how-to-speed-up-surgesh-in-china.html)
* [Compare in terms of function and price: 21YunBox vs Heroku, Netlify, Vercel](https://www.21yunbox.com/compare-others/)

<br>
*This article's content originated [here](https://launch-in-china.21yunbox.com/solutions/how-to-deploy-reactjs-project-in-production-server.html)*

*For additional detail and future modifications, refer the original post.*
Day 331 : Time To Go
Tags: hiphop, code, coding, lifelongdev
Published: 2021-03-17 21:23:26

_liner notes_:
- Professional : Not a bad day today. Got a chance to sit in on a coworker practicing the workshop they will be holding later this month. Cool stuff. Gave some feedback. Rest of the day, I reformatted and cleaned up the code for the demo I've built for a blog post and presentation. There's just a couple of things I want to do with the UI and should be good to go.

- Personal : Worked on the admin section of my side project. I reformatted some of the code so that it now creates and sends a file to where I'll be storing files so that I can get the upload url and save all that to the database. Pretty surprised that it went relatively smoothly. I then set up the dashboard portion of the project. It will be the section where users upload files to the storage. Then I went through a bunch of tracks for the radio show.

![Overhead view of a beach in Kelingking Beach, Indonesia with a large rock formation with green moss on top and water all around.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mlt79vd207krga2jk7gc.jpg)

Been uploading radio show tracks all day to the archive so I can clear up some space on my laptop. It's all the tracks and albums submitted last year. Going pretty slowly on the park WiFi Making sure to do them a few folders at a time, just in case something messes up. It's Wednesday so I'm going to make some time to go to the supermarket to get some $5 sushi and other things. When I make it back to my spot, going to work on the dashboard of my side project. I want to get the authentication working and display items based on roles. Just realized that I don't thing I have the ability to edit users in the admin section. May work on that also. If there's time, I'd like to go through some tracks for the radio show also. Can't believe half the week is over!

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube LEtlbQnfhxU %}
100 Bytes Of Wisdom: Day 28
Tags: career, journey, advice
Published: 2021-03-17 21:13:11

---
title: 100 Bytes Of Wisdom: Day 28
published: true
description: Bytes of Wisdom is a new project by Sam Jarman that brings together snippets of advice for software engineers
tags: career, journey, advice
//cover_image: https://direct_url_to_image.jpg
---

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w6yg682k84kz0sczuh8k.png)


Users are the most important thing in software. They pay for it, they use it, they let you earn money from it. They pay your bills, feed you, keep you warm. Listen to them. Do right by them. Get to know them. Every engineer has the power to impact them, for better or worse.

Heads up: As with any terse bit of advice, there will be exceptions of course, and subtleties and nuance that can't possibly be captured in a Byte of Wisdom. This has been what I've experienced, I'd love to hear yours in the comments too!

You can catch up with all the other bytes at http://bytesofwisdom.com/
Feedback on personal website
Tags: feedback, help, webdev
Published: 2021-03-17 21:12:47

---
title: Feedback on personal website
published: true
description: Asking for feedback on personal website/portfolio
tags: feedback, help, webdev
//cover_image: https://direct_url_to_image.jpg
---

Hello! I just went through a rebuild of my personal website/portfolio, and I'd greatly appreciate feedback as I'm not a designer.

https://alvaromontoro.com

Any feedback, comment, or suggestion on design, a11y, bugs, etc. is welcomed. Thanks in advance!
How to Create Responsive Sign Up Form with HTML5 CSS3 | Create HTML CSS Registration Form
Tags: html, css, webdev, codenewbie
Published: 2021-03-17 21:09:37

Hi, developer community I am improving my web designing skills with practice and learning. In this tutorial, I design a beautiful Sign-Up form using html5 and css3 programming languages. This was the mini project I have completed with the passion of learning and improving my coding skills. During this project, I have learned many new CSS tricks for the styling of HTML elements. If there are the following questions popping up in your mind you must watch this video tutorial, I bet you will learn many new CSS tricks and skills:

**How do I create a signup page?**
**How do I create a simple signup form in HTML?**
**How do I create a login and signup form in HTML?**
**How do I create a login form?**

##Video Tutorial:##
.
{% youtube TuznhDaF3rw %}


##Steps to Create Responsive Sign Up Form##

Step 1:Adding HTML 
Use a “form” element to process the input.Then add inputs (with a matching label) for each field
Step 2:Adding CSS 
Add the required CSS to design the login page try to keep the design as simple as possible.

Online Signup and registration forms, HTML Login Form Templates are important.This kind of html5 form template is created by a simple PHP script for signing up, logging in or HTML5 & CSS3 Register Login Responsive Template Example. sign up form html code, sign up form bootstrap, bootstrap responsive registration form template, registration form design in html and css with code, how to create application form in html, responsive form,  how to create registration form in html with database, registration form template html,

----------------------------------------------------------------------
Please have a look at my website for more details!
https://hmawebdesign.com
------------------------------------------------------------------

Suggested Videos:

How to Make CSS Background Image Fit to Screen | Create a Responsive CSS Background Image
https://youtu.be/Asoth7MIggM

How to Send Email to Client Using PHP Mail Function | Sending Email in PHP 2021 Tutorial
https://youtu.be/DeqOVJ-aXkg

$_POST | What is the Post Variable in PHP | How to Use Post Variables in PHP 2021
https://youtu.be/HO-TrXY4a1A

How to Define Variables in PHP | How to Create PHP Variables | (PHP tutorial-3) - 2021
https://youtu.be/bfqAa0Gm3YY

How to Start First PHP Web Project on Local Server/Localhost PHP Tutorial-2
https://youtu.be/18I7U4-nJb0

How to Start Web Project with Microsoft Visual Studio 2021 | Visual Studio Project
https://youtu.be/MLzuQ_pH9Ew

How to Get Start PHP Hello World Page on Live Web Server  |  PHP Tutorial - 1
https://youtu.be/Uc7uLD7Ur6M
------------------------------------------------------------------
Contact me through social media for web development work:

- Fiverr             https://www.fiverr.com/haaddison1?up_rollout=true
-  witter:          https://twitter.com/HmaWebdesign
- Facebook:    https://web.facebook.com/HmaWebdesign
- LinkedIn:      https://www.linkedin.com/in/engrmianayub/
- Instagram     https://www.instagram.com/hmawebdesign/
Free Maker accounts for Stream
Tags: chat, flutter, go
Published: 2021-03-17 21:03:11

---
title: Free Maker accounts for Stream
published: true
description: 
tags: chat, flutter, go
cover_image: https://camo.githubusercontent.com/2b507540e2681c1a25698f246b9dca69c30548ed66a7323075b0224cbb1bf058/68747470733a2f2f676f6c616e672e6f72672f646f632f676f706865722f6669766579656172732e6a7067
---

As some of you know I've been working on my startup Stream for about 5 years now. We've just raised a large series B and it enabled us to make Stream free for hobby/side projects. We [announced it](https://getstream.io/blog/maker-account/) today and I'm pretty excited to see what people will build :)

Stream is available for iOS, Android, React, RN and Flutter. I think the [Flutter SDK](https://getstream.io/chat/flutter/tutorial/) is especially interesting for side projects. It's been amazing to see what small teams can ship on that platform.
python vs php
Published: 2021-03-17 20:44:21

<div class="fi"><img src="http://95.182.121.107:9900/up/1462/4.webp" alt="python vs php"></div>

<div>There is no bad programming language. Each one is created for a specific purpose. So the choice between Python and PHP is what your goal from development is. To see the difference, you need to learn what you can create in Python and PHP.</div><h3>Using PHP</h3>

<div>PHP is a general-purpose scripting language that is heavily used for web application development. Currently supported by the vast majority of hosting providers.</div>

<div>How to use PHP:</div><ul class="u"><li>Templates for dynamic sites</li><li>The main goal of PHP is to write scripts running on the server side </li><li>Websites</li><li>Online communities</li><li>Easy handling of images</li><li>E-commerce Applications</li><li>Content, information, and resource management systems</li><li>Database</li><li>Mobile Apps</li></ul>

<div>And much more. PHP can integrate with all existing operating systems. Even users who are just beginning to get acquainted with the world of website development can make web pages easy to use and easy to manage.</div><h3>Using Python</h3>

<div>Python is a high-level programming language. Python is easy to use because of its syntax and simple code. There are a huge number of libraries and frameworks based on Python. It is used when you need a unique solution and easy scaling of the project.</div>

<div>How to use Python:</div><ul class="u"><li>Artificial Intelligence (AI)</li><li>Database</li><li>Graphical user interface</li><li>Robotics</li><li>Machine Learning</li><li>Face Recognition</li><li>Enterprise Applications</li><li>Websites</li><li>Games</li><li>Mobile Apps</li><li>System programming</li></ul>

<div>And much more. Python is often used by beginners or junior developers who are just learning about data science. Python has large libraries, including machine learning.</div><h3>Conclusion</h3>

<div><b>Each of the languages is good at its job.</b></div><ul class="u"><li>Python is used for machine learning. </li><li>PHP is used for server-side scripting and web development.</li></ul>

<div>Therefore, your choice should be based solely on the purpose of the project that you have to develop.</div>

<a href="https://exceed-team.com/tech/python-vs-php">Python vs PHP | Exceed Team Blog</a>
Uber to employ more than 70,000 drivers in Britain
Published: 2021-03-17 20:41:38



<div>Uber will officially employ more than 70,000 British drivers. This decision was taken by the company after the UK Supreme Court ruled that drivers should not be considered self-employed. This was reported by The Verge.</div><h2>What happened</h2>

<div>The trial in the Uber case lasted since 2016. Then two drivers of the service said that their actions are too controlled by Uber, although the company is not an official employer. More than two dozen people soon joined the class action. After a series of appeals, Uber lost the trial in February 2021. The company was required to officially employ more than 70,000 people.</div>

<div>Thus, British drivers will be given the status of an employee with benefits and paid leave. In addition, they will also be registered in the pension program and will receive at least the minimum wage in the country (8.72 pounds per hour for persons aged 25 and over). The calculation will be carried out without taking into account the time spent waiting for the order.</div><div class="bq">"The Supreme Court's decision has provided us with a clearer plan for the way forward so that we can develop a model that provides drivers with guarantees as employees, while allowing them to work on a flexible schedule, as has been the case with Uber since its introduction in the UK in 2012," commented Uber Chief executive Dara Khosrowshahi.</div><br><br><a href="https://exceed-team.com/tech/uber-to-employ-more-than-70,000-drivers-in-britain">Uber to employ more than 70,000 drivers in Britain | Exceed Team Blog</a>
New Package Curved Splash screen
Tags: flutter, dart, package
Published: 2021-03-17 20:37:39

Hello everyone, I made a new package called curved_splash_screen

https://pub.dev/packages/curved_splash_screen

https://github.com/hosain-mohamed/curved_splash_screen

It is splash screen with curved custom bottom sheet and dots indicator within it.
You can add your custom splash screens according to it's index.
You can change any color of the items of the bottom sheet.
You can specify the text of back and skip button and their color.
All items in the bottom sheet is responsive to the screen size.

Don't forget to like it. If you have any modifications let me know.

Thanks & regards
Reactive Rails: Hotwire
Published: 2021-03-17 19:51:14

Hotwire was recently introduced, and we at Flagrant have given
it a hard look. In our series exploring Reactive Rails, we use
Hotwire in what we think is a canonical way to implement our simple chat introduced earlier. 

Join us in our
exploration: [Reactive Rails: Hotwire](https://www.beflagrant.com/blog/reactive-rails-hotwire)
Build Time CSS-in-JS: Explained
Tags: webperf, webdev, css, javascript
Published: 2021-03-17 19:51:10

### 🧵 Have you heard about Build Time CSS-in-JS libraries?

---

🔥 **Build Time CSS-in-JS** libraries are moving a step forward about use CSS-in-JS in a performance-first manner remaining the ergonomic CSS-in-JS design and processing the CSS in build time instead of leaving it to JS runtime. It aims to remove the current CSS-in-JS negative cost.

⚡️ Still, **Build Time CSS-in-JS** libraries reduce significantly or remove completely the downsides while parsing, generating, and rendering CSS through JS, which impacts directly and positively memory consumption and metrics like [Largest Contentful Paint](https://web.dev/optimize-lcp/), which also impacts the page load UX and performance.

---

🙅‍♂️ There are a few examples and proof of concepts exploring the Build Time CSS-in-JS approach. The most popular proposals that I know are:

👉 **Linaria**

The most popular, powerful, and active on the list.

🔗 https://github.com/callstack/linaria

👉 **Compiled**

A familiar and performant compile time CSS-in-JS library for React created by Atlassian. 

🔗 https://github.com/atlassian-labs/compiled

👉 **astroturf**

A library that lets you write CSS in your JavaScript files without adding any runtime layer, and with your existing CSS processing pipeline.

🔗 https://github.com/4Catalyzer/astroturf

👉 **style9**

CSS-in-JS compiler based on the ideas of [Facebook's stylex](https://www.youtube.com/watch?v=9JZHodNR184&t=229s)

🔗 https://github.com/johanholmerin/style9

---

🎬 And that’s it from me - I’m fascinated by this and still learning. So let me know if you know more libraries like these and/or more about this topic.
How To Integrate SonarQube With Jenkins For Code Analysis
Published: 2021-03-17 19:38:07

Analyze Code Standard, Bugs, Vulnerabilities Before Jenkins Build Jobs

I want to ensure the quality of the code, identify bugs, code vulnerabilities, code smells, and align with code standards after committing codes into repositories such as Github and Gitlab. And the same way build my code automatically, using Jenkins. I want to perform this task whenever I commit code and see the static code analysis report at SonarQube.
In this tutorial, I will demonstrate to you how to configure and integrate SonarQube with Jenkins. To read the complete tutorial, please visit my blog using the link below…
Read Complete Article…
https://digitalavenue.dev/SonarQube-Integration-With-Jenkins/