teleren/devto huggingface dataset:
Stress in software development industry.
Published: 2021-11-22 07:45:45

Hello folks, 
Hopefully, everything went well this last week! As I promised I will be sharing my every-week experience in TaskForce at Awesomity and codeOfAfrica. This week was not easy at all but after all, it was worth it.

I know many of you guys might have been through what I have been through this week and you managed to get away from it gracefully. So guys this week which were my week4 I was in a team of 4 developers and we were tasked to set up the project structure and implement all the endpoints by the end of Friday and it was a stressful week for us as setting up a project is not an easy task.

The good thing is that we had a session about stress management and all the things we did learn in that session helped me to cope up with the stress I had this week it was really a good session to have. 

The good part about my team is that we managed to 4devide the task into parts and we had to take tasks one by one and each task was allocated to one team member. this approach we had in the team was the one that helped us to deliver and join the demo with working features.

There is one thing I have learned this week. That one thing is to prioritize the tasks. Yeah prioritizing your tasks will help you meet the customer's needs because you will be hitting on the points that are needed compared to other features. I am saying this because the task I had this week was to work on the authentication of the project we were working on and I had to first look at the features that are needed most and to see which feature depends on what feature.
HTML tags | ruby
Tags: html, tags, ruby
Published: 2021-11-22 07:21:48

It is used to **represent small extra text**, attached to the main text and rendered above, below or next to it, and usually used for **showing the pronunciation or meaning of East Asian characters**.

This kind of annotation is often used in Japanese publications. It can also be used for annotating other kinds of text, but this usage is less common.

The term ruby originated as [a unit of measurement used by typesetters](https://en.wikipedia.org/wiki/Agate_(typography)), representing the smallest size that text can be printed on newsprint while remaining legible. 

Use `<ruby>` together with `<rt>` and `<rp>`: the `<ruby>` element consists of one or more characters that needs an explanation/pronunciation, and an `<rt>` element that gives that information, and an optional `<rp>` element that defines what to show for browsers that do not support ruby annotations.

- Type: *inline*
- Self-closing: *No*
- Semantic value: *No*

[Definition and example](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ruby) | [Support](https://caniuse.com/ruby)
HTML mistakes, Rust, coding challenges, NoSQL, and more

My 10 favorite Tech Twitter tweets from this week:
Tags: webdev, javascript, beginners, programming
Published: 2021-11-22 07:20:39

_If you found value in this thread you will most likely enjoy my tweets too so make sure you follow me on [Twitter](https://twitter.com/VladPasca5)  for more information about web development and how to improve as a developer. This article was first published on my [Blog](https://vladpasca.hashnode.dev/)_

Persistence is key

By VittoStack

{% twitter 1460506830732419073 %}


Make sure you avoid these HTML mistakes

By _georgemoller

{% twitter 1460658368457154561 %}


The internet is the best learning resource if we use it right

By SimonHoiberg

{% twitter 1460633176234246144 %}


Must have tools for all web developers

By Prathkum

{% twitter 1460971694911213574 %}


Coding challenges are the best. Here are a few sites you can start with

By csaba_kissi

{% twitter 1460918046319599619 %}


Learn NoSQL from here

By sunilc_

{% twitter 1460618541070180352 %}


Interested in learning Rust? Use this:

By oliverjumpertz

{% twitter 1460585350582226946 %}


Great resource if you're using Linux

By ravinwashere

{% twitter 1460613129335762952 %}


Make writing and coding habits of yours

By catalinmpit

{% twitter 1461014732865945608 %}


The most important skill of a developer? Just read the replies

By FrancescoCiull4

{% twitter 1460495934341754885 %}

_I hope found this useful and if you did please let me know. If you have any questions feel free to DM me on  [Twitter](https://twitter.com/VladPasca5)_
Share your experience in STEM as a women
Tags: womenintech, career, experienceintech
Published: 2021-11-22 07:20:18

## Hello you all!

Hope you are doing great!

I started a series of interviews called **Women Experience in STEM** and I was wondering if you would like to share your experience as well. That would mean the world to me if you could do that and maybe share it with women in STEM you know.
Here is the link of the form to share your experience: [Interview form](https://docs.google.com/forms/d/e/1FAIpQLSe4azsrIroWYnfrt6mKDpBtL_s_M0x6xi37rvmkuCdo8kZkrw/viewform?usp=sf_link)

Also, if you want to have a look at the first two interviews published here it is: [interviews](https://thetrendycoder.com/women-in-tech/)

If you have any feedback, I'll be happy to listen so I can improve.
Have an amazing day,
Sara - thetrendycoder
Coding is fun when it's running week 4 taskforce 4.0
Tags: awesomity, codeofafrica
Published: 2021-11-22 07:01:46

## The Origins

We started the week with a lot of fun cause we started real coding stuff, where we set up the project and start working on the database setup and distributing task among the team,

after doing project setup and structure we continued with the session with Axel, which was about stress management and resilience.
we learned that stress is inevitable but how you cop with it is whats important, i also come to realize that stress comes from ignoring things you shouldn't ignore.

And continued with designing our end-point (API), where we focused more on the present entity and designed important Endpoints.

## Team culture
We continued the week by learning about team culture especially team culture of awesomity, and codeofafrica

## Communication in Agile
we wrapped up the  week by learning about communication in agile environment.

And right after we ended the week with the team demo where as a team we did a demo of what we've been working on the whole week , and we got feedback and some changes to include to make our product better.

in general the week was great, as i'm an engineer i like hands one work and i did have a chance to do more of codding work.
Back to Basics: Conditional Logic with Python if else if
Tags: generalprogramming, python
Published: 2021-11-22 06:40:59

Whether you are new to Python programming or returning to it after a break, you may need to learn or re-learn about decision-making and branching statements in Python.

In this tutorial, you will learn about different if, else if, else scenarios that may arise while writing a Python program.

Read the full blog on [Adam The Automator](https://adamtheautomator.com/python-if-else-if/).

Thanks for reading 💜

---

I publish a [monthly newsletter](https://www.ravsam.in/newsletter/) in which I share personal stories, things that I am working on, what is happening in the world of tech, and some interesting dev-related posts which I come across while surfing on the web.

Connect with me through [Twitter](https://twitter.com/ravgeetdhillon) • [LinkedIn](https://linkedin.com/in/ravgeetdhillon) • [Github](https://github.com/ravgeetdhillon) or send me an [Email](mailto:ravgeetdhillon@gmail.com).

— [Ravgeet](https://www.ravgeet.in/), *Full Stack Developer and Technical Content Writer*
Solution to Problems that Beginners Encounter ~React/Deploy~
Tags: beginners, react
Published: 2021-11-22 06:36:00

I've been learning React only for three weeks, but I've had so many problems. I'll share one of them I encountered while I was deploying my project. It was not the same way I usually do  since this time I was using API.


The project was to create a weather app using OpenWeatherMap, push the code to GitHub and deploy it to Netlify.
I hid the API key in a ".env" file with a variable name, just like this:  VARIABLE_NAME_FOR_API = abcde12345


Here is what I needed to do:

_ _ _ _ 
Netlify
- - - - 
(1) Set Environment Variables
     Deploys > Deploy settings > Environment 
     > Environment variables > Edit variables

     Key => VARIABLE_NAME_FOR_API
     value => abcde12345


(2) Set Build Command
     Deploys > Deploy settings > Continuous Deployment
     > Build settings > Build command

    Build command => CI= yarn run build

    * You can change 'yarn' to 'npm' if you're using npm
    * Make sure it is capital i, and there's no space
      between "CI" and "=". I typed "CI = yarn run build" 
      and failed so many times.



I hope this will help those who have the same problem.
Cracking the code: Material UI
Tags: react, uiweekly, css, webdev
Published: 2021-11-22 06:35:23

<h1>WHY?</h1>
<p>Here I am, back again to lay out the simplicities of programming. <em>If you can find yourself to combine simple and programming in the same sentence...</em>  My first experience with Material UI, wasn't the best nor the easiest. It felt as if I was learning another language, but again like my last post...<strong>WHY?</strong> would we want to learn and implement Material UI into our projects?
<h1>THE PRELUDE!</h1>
<p>I prefer to express concepts in a simplistic form. More often than not, learning and applying new languages can be difficult with some of the documentation we find online. I'd like to change that; With understanding the purpose and the problem a language or framework library is solving. I mean I don't mind almost going bananas, to simplify learning for new web devs on their journey. <em>So...</em> </p>
<h1>WHAT IS MATERIAL UI?</h1>
<p>Material UI is a component library made for react to streamline a faster, easier web development and user experience. Basically, Material UI allows us to style our react applications with prebuilt buttons, navigation bars, grid systems, etc. Everything from their library is styled following their very own specifications. It even integrates best coding practices, so that users and developers can easily understand and navigate your project. If you're familiar with Bootstrap, it's quite similar, but designed by Google and quite fancier if you ask me! No shade to Bootstrap though.</p>
<h1>IMPLEMENTING MATERIAL UI.</h1>
<h4>FIRST THINGS FIRST...</h4>
<p>To get started, and view changes to the styling of our webpage, we have to install a few things.</p>

```react
// in your terminal, run
npm install

// then to view our website in the browser, run
npm start
```


<p>In order to use Material UI within our code editor, we must install all the dependencies necessary to implement styling. Otherwise, it wouldn't alter the design of our webpage.</p>

```react
// with npm
npm install @mui/material @emotion/react @emoticon/styled

// with yarn
yarn add @mui/material @emotion/react @emoticon/styled
```

<p>We're now able to style our components, and import from Material UI. </p>

```react
import { makeStyles } from '@material-ui/core'

const useStyles = makeStyles ({
   page: {
     margin: '10px',
     display: 'flex',
     paddingLeft: 200,
     paddingTop: 70
   }
});

function AlbumCards ({ props }) {
     const one, two = props

     const classes = useStyles()
return (
   <div className={classes.page}>
   <Box>
   <Grid item xs={12}>
   <Card variant='elevation'>
    <CardHeader
      title={one}
      subheader={two}
    />
```

<p>In the above example, we declare a variable and set it equal to makeStyles. We also have to declare another variable inside our function to call makeStyles. In React, always use camel casing to apply styling, such as 'paddingLeft'.</p>

<p>Now we're set to apply our newly created styling components as a className or call the component in our return. So enough of my post, start creating and happy programming!</p>
Poetic devices basics to advance 
Tags: tutorial, career
Published: 2021-11-22 06:34:44

Hello guys, today I am coming back with a new blog on English literature. Poetic devices are the tools that help to make writing very interesting, convincing, perfect tone and impressive, etc. 
Why are poetic devices necessary in writing or academic writing?

It has a great role in writing or life both. because it helps writers to evoke emotional things. Make writing very interesting, it found that essay writing content likely not considered very much as both like funny plus informative content, I feel it help us to refresh the mind.

some types of <a href="https://www.assignmenthelppro.com/blog/poetic-devices/">poetic devices</a> you can use in your academic writing

Alliteration 

One of the most popular poetic devices which are known for the repetition of consonant words. 

Example: Killer Kangaroos Kick Koalas.

Simile

Similies and metaphors are not too much the same but both compare two opposite things. In which simile includes words "as" and "like". 

Example Smith looks like a fairy tale.

Personification

When we give human characteristics and feelings to nature, non-living objects, and animals. It is also a powerful storytelling tool to create imagery and fantasy in readers' minds. 

Metaphor

It is used in books, stories, songs, poems, and films, etc it is near to same as a simile.  

Ironic Expression 

It is a decent poetic device. In which two conflicting thoughts are assembled.

Source Link: <a href="https://onlineassignmenthelperaustralia.blogspot.com/2021/11/poetic-devices-basics-to-advance.html">https://onlineassignmenthelperaustralia.blogspot.com/2021/11/poetic-devices-basics-to-advance.html</a>
react在非受控下读取form表单
Published: 2021-11-22 06:32:23

```

const Form = ()=>{
 const handleSubmit = (e)=>{
    e.preventDefault();
    const formData = new FormData(e.target)
    const data = Object.fromEntries(formData.entries())
    console.log(data )
}

return (
 <form  onSubmit={handleSubmit} >
    <input type="text" name='username'  placeholder='username'/>
    <input type="email" name='email' placeholder='email'/>
    <input type="password" name='password' placeholder='password'  />
    <input type="password"  placeholder='confirm password' />    
     <button>submit</button>
  </form>
)
}
export default Form

```
Week four in Taskforce 4 at Awesomity and Code of Africa
Tags: awesomity, codeofafrica, taskforce
Published: 2021-11-22 06:26:12

Hello my good people😊

Where to start from? I really don't know where to start from, because the last wasn't easy at all. But to start with let me tell you that I was an interesting week, and demanding one😪. 

Our task the last work was to create all business logic for Show App and having all the end points up and running, and as if that was not enough we also had to learn a new frame work nestjs as it was the one we were going to use creating the end points. We had to work day and night to be able to learn the frame and as well deliver the end point. As you can understand it not something easy to do, but guess what we did it 🤩🤩.

We also had other two interesting soft skills sessions one on stress management which I think was really needed considering the week we were in 😂😂. An other one was with Joseph about Agile communication where we learned a lot about agile process and the it help in project success.

As you are used to it now, We ended our week with a presentation or a demo of what we did throughout the week meaning the endpoints, and Every one was impressed by our work 👌😎

Yeah, that's how my last week looked like and I am forward to what see what week 5 bring with it💪🏿. see you then.
React / JSX Style Guide For Developers
Tags: webdev, programming, react
Published: 2021-11-22 06:14:19

The blog is originally written on my site: [crestinfosystems.com](https://www.crestinfosystems.com/)

Style guides are written so that new developers may quickly become comfortable with a code base and then generate code that other developers can understand.

##TABLE OF CONTENTS:

* [Basic Rules]
* [Naming]
* [Declaration]
* [Alignment]
* [Props]
* [Refs]
* [Tags]
* [Methods]
* [Ordering]
* [Code Style Best Practices]

For more information you can [visit here]: (https://www.crestinfosystems.com/react-jsx-style-guide/)
How to Export Gantt Chart Data to Excel and CSV Formats
Tags: blazor, dotnet, csharp, webdev
Published: 2021-11-22 06:03:23

Learn how to export data from Syncfusion [Blazor Gantt Chart](https://www.syncfusion.com/blazor-components/blazor-gantt-chart) in a Blazor WebAssembly app. This video explains how to export Gantt Chart data to Excel and CSV formats. Also, it explains how to include hidden columns while exporting, customize the theme for exported excel documents, and provide a file name for the exported document.

Product Overview: https://www.syncfusion.com/blazor-components/blazor-gantt-chart

Example project: https://github.com/SyncfusionExamples...

Explore tutorial videos: https://bit.ly/3fAz0Ch

{% youtube LcsTwT5Lqdw %}
Best current affairs for UPSC
Tags: upsc, beginners, tutorial, career
Published: 2021-11-22 06:03:04

Current affairs form a part of the syllabus. If you are looking for the <a href="https://officerspulse.com/">Best current affairs for UPSC</a> ? It is the right place for you. There are a number of websites available which provide it, but it depends on which one needs the current affairs. Today's current affairs UPSC is the most useful resource for UPSC aspirants. From here, you can gather questions related to current events. You will get more than 5-6 years of study materials. They update only quality and useful content for the IAS aspirants. Wish you all the best!
Python GUI with Tkinter - Calculator app
Tags: python
Published: 2021-11-22 05:43:34

Hey everyone! Today I show you how you can create a calculator with a GUI. We are using Tkinter for this. Have a nice day! :)

{% youtube Q56J736uWPA %}

➤ Github: https://github.com/Lumary2/Python/blob/master/calculator.py
➤ Tkinter Doc: https://docs.python.org/3/library/tk.html
Week IV Task Force 4.0
Tags: coding, taskforce, team, task
Published: 2021-11-22 05:42:38

> Hands on Keyboard 🤩

Hi, I hope your week was totally great if not I am really sorry that's how life is !! have you ever wondered how programmer or developers lifestyle looks like in __Task Force__ 🤔. Here is, basically all nerds are supposed to work on different feature and once it is done they merge together so as to deliver a production ready software. This week I have experienced more, whereby I have worked on an endpoints from where I was using new stack(__NestJS__) which was really incredible and fantastic language but I can not say that the flow was that easy there are some *road blocks* and the great thing is that, it is also part of the journey, well saying on new stack we have to come with a good project structure of that new stack and surely we came to build it 😎. As you can see I have said __*"We"*__ that means I was not alone in that, we have a good team as well great advisor who were there supporting us which pretty much reflect an image of task-force developer lifestyle @awesomity and [@codeofafrica]('https://www.codeofafrica.com/').

With that being said, I have come to realize that coding it is a career where you get to learn new things and from that, it is where great programmers are made because  they are always open to new technology and they are willing to learn and apply that particular skills acquired. And of course that's wraps up the lifestyle of task-force developer .

Thank you let's meet again on _week V_ !!🤑
What is Webserver, httpd, Yum repository, Installing Web Package & Bootstrap scripts
Tags: devops, aws, webdev, cloud
Published: 2021-11-22 05:37:40

What is Webserver :
----------------------
A Web server is a program that uses HTTP (Hypertext Transfer Protocol) to serve the files that from Web pages to users, in response to their request.

Ex:
1) Apache HTTP Server
2) Internet Information Services (IIS)
3) nginx
4) httpd by Apache


What is httpd :
---------------------
HTTP Daemon is a software program that runs in the background as a web server.
It waits for the incoming server requests. The daemon answers the request  and serves the hypertext and multimedia documents over the Internet using HTTP.


Creating Web Server :
-------------------

We need to install web package, it is called web server.
package is nothing but software.

Step 1: Launch Linux machine - Amazon Linux 2  ( Delete any keypair,  and security groups except default )   Name - MyLinux, Security Group Name - LinuxSG ,   View Instances.

TO Connect to the machine
Open puttygen  ---  generate ppk file.
Open putty and connect to the machine.


What is Yum repository :
--------------------------------
YUM Repositories are warehouses of Linux software.
Sometimes the software we want to install  is not available in Linux OS default.
In such situations , we can use  YUM Repositories. 
We can install new software on  Linux with 
"yum install packagename" command from console.


Installing Web Package :
-------------------------
sudo su
yum update -y
yum install httpd -y
cd /var/www/html
echo "MyGoogle" > index.html
service httpd start
chkconfig httpd on   (  This command will help to start httpd service        automatically, whenever machine is                                         restarted )


Now, Our Linux machine is webserver.

Now, Lets test are we able to access the web pages?

Copy the public IP and paste in browser
We are unable to access?

Browser communicates using http port
We should also open http port

Lets open http port
-----------------------

IN AWS Dashboard, click on security groups
Select our security group ( LinuxSG )  ---> Inbound --> Edit --> Add rule
Select Type - HTTP -- Save.

Observation: We get two entries for HTTP port.
One for ipv4 and other for ipv6

---------------
Now, Lets test are we able to access the web pages?
Yes!!!


+++++++++++++++++++++


Bootstrap scripts :
------------------
When you launch an instance in Amazon EC2, you have the option of passing user data to the instance that can be used to perform common automated configuration tasks.

#!/bin/bash
sudo su
yum update -y
yum install httpd -y
cd /var/www/html
echo "MyGoogle-2" > index.html
service httpd start
chkconfig httpd on