teleren/devto huggingface dataset:
How to Install SSL Certificate on WordPress on Ubuntu Server?
Tags: wordpress, security, ssl
Published: 2021-09-08 15:43:55

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7ih10kt3ze1qdhpgtx6r.jpeg)

In the current days, most modern websites have SSL certificates installed. So, let's look at how we can install an SSL certificate with WordPress.

First things first, it depends on your WordPress hosting provider how you can set up an SSL certificate. Some hosting providers will [setup an SSL certificate automatically](https://alandcloud.com/how-to-setup-ssl-with-aland-cloud/) for you. So, sometimes you don't need to have any technical knowledge.

So, now let's look at the ways to install an SSL certificate on WordPress when you manage your own servers.

## Prerequisites to install SSL

First of all, you should have an access to your server where you want to install an SSL certificate. You will usually need [SSH access](https://study.com/academy/lesson/what-is-ssh-access.html) to perform the installation.

Another thing is to make sure, your server IP address provided by your hosting provider is added to your domain as an A record.

The best way to install an SSL certificate for WordPress is by certbot. Certbot can power your WordPress website with a [Let's Encrypt](https://letsencrypt.org/) SSL certificate for free!

So, if you get the SSH access and mapped your domain with the IP Address we are ready to go.

## Install Certificate

1. First thing, SSH to your server.
2. Execute this command:  `apt-get install software-properties-common python-software-properties`
3. Execute this command: `add-apt-repository ppa:certbot/certbot`
4. Execute this command: `apt-get update`
5. Execute this command: `apt-get install python-certbot-apache`
6. Execute this command `certbot --apache -d change-this-to-your domain.com`
7. Should you popped up with Y/N, enter `Y` and press enter to continue.
8. When it will ask if it should redirect `http` traffic to `https`, enter `Y` and press enter to continue.

You're done with setting up an SSL certificate for your WordPress website. Please not, you might need to renew this certificate every three months.
My first post on OSD
Tags: opensource
Published: 2021-09-09 19:29:59

###Introduction
Hello, my name is Leyang and I'm a student in the Computer Programming and Analysis Program at Seneca College. I'm so excited to be taking a course on open source development in my last semester! During my time at Seneca and at my co-op, I have used many open source projects in creating my own projects and they have made my life so much easier. I hope to learn how I can also make contributions to this community, discover some cool new projects, and improve my ability to understand code written by many different people by working on open source projects. 

###Where I Am
I am from and am currently based in Toronto, Canada. However, I look forward to working with people from all over the world through various open source projects.

###What I Hope To Learn
Over the semester, I hope to work on all sorts of projects in many different languages. Currently, I am most comfortable with working on web apps using JavaScript and C#. However, I hope to be able to broaden my horizons and gain more experience using languages I have less experience in such as Python. I love games and would love to work on some gaming projects or projects that I would use in the future. 

###Open Source Project
After researching some trending open source projects, the one I chose to fork to my own repo is [30 Days of Python](https://github.com/Asabeneh/30-Days-Of-Python). As a beginner to Python, I think this project would be a very useful tool to help people like me learn the basics.

Thanks for reading!

[GitHub](https://github.com/lyu4321)
[LinkedIn](https://www.linkedin.com/in/leyang-yu-48668ba8/)
Set Git Proxy
Tags: github
Published: 2021-09-09 06:34:33

You clone a Git repo and get this error message:

```
Git failed with a fatal error.
unable to access 'https://github.com/THE_REPO':
OpenSSL SSL_connect: SSL_ERROR_SYSCALL in connection github.com:443
```

This might be because you're behind a proxy. You then need to set proxy for Git in your command tool:

```
git config --global http.proxy http://your-proxy-url:8080
git config --global https.proxy https://your-proxy-url:8080
```

You also might need to disable SSL verification:

```
git config --global http.sslVerify false
```
Day 454 : And So
Tags: hiphop, code, coding, lifelongdev
Published: 2021-09-17 21:41:04

_liner notes_:
- Professional : My day started really early for a feedback session with a coding bootcamp in Japan that we teamed up with to see what they could build with our APIs. Got really good feedback and some ideas on how to improve even more. Then right after that was their demo day to present what they built. I was really impressed. The built a really good application. After that, I worked on completing the Web Components I've been adding the ability to style it how a user wants or stick with the default. There's 5 in total so it took a little time, especially when I had other projects due sooner. I had to rework the code to allow for custom styling, luckily I learned about CSS part. Then come up with a default style that would look good. Then create some graphics for each Web Component to hopefully detail the different parts that can be styled. Then update the readme documentation of each component to help explain the changes. Then push a PR so it could be reviewed. Then published the changes to NPM so that demos I created could be updated automatically. And so... I got everything done today. Feels good to finally get it out there. Good thing because I got some info for some things I need to work on Monday. haha.

- Personal : Last night, basically worked on finishing up my Web Component project for work. I did get to watch an episode of "Boruto" while eating dinner.

![A field of green grass with little white flowers and a forest in the distance at sunset in Skagit Valley, WA, United States](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3tktm5v6cposh2i7f14x.jpg)

It's starting to rain. Going to go inside and get some dinner and watch "Boruto". I want to finish up going through tracks for the radio show tomorrow. Maybe even get that image uploading with Cloudinary working on my side project. We'll see.

Have a great night and weekend!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube gv4DZ7AnptE %}
Review Lab 1
Published: 2021-09-18 00:07:00

> I find my partner- Le Minh Pham - through Slack and we both prefer Python. I just started learning Python, but he should be an expert. I learned some new libraries and methods after testing and reviewing Le’s code. I am surprised at the beautiful structure of his code. My partner helped me solve a big problem of finding folders, so I’m lucky to have such a partner.

> Reviewing and testing code is an exciting and painful thing for me. I'm excited because I can learn a lot of skills from my partner. For example, the original code only has one file, but after optimization, it has four files, and many auxiliary functions are added, and the structure is clearer. 
 ![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u00x8d3xseelqdye83sp.png)

> The pain is because as a new language, it takes me a long time to review and test it. Especially, my partner is very diligent. His code changes a lot every few days. Based on my level, it’s hard to find issues about his constantly improving code. Despite all this, I can still find problems and put forward what needs to be improved. For example, the [issue “--input folder command line isn't working”]
(https://github.com/lmpham1/cool_ssg_generator/issues/2). I also give some [suggestion]. (https://github.com/lmpham1/cool_ssg_generator/issues/3)

> There are 2 main issues about my code. [issue1] (https://github.com/Yoda-Canada/Magic-SSG/issues/1), [issue2](https://github.com/Yoda-Canada/Magic-SSG/issues/2) Le give me lots of suggestion to fix the bugs, and I am fixing them.
This lab is very important for me, because a lot of basic knowledge needs to be learned, and it also help me to recall the knowledge I learned before. I am confident to complete the future project
The End of the backend
Tags: javascript, beginners, bootcamp
Published: 2021-11-07 16:07:18



## We're finished backend

So its been 2 weeks again since I last posted, but I though I would wait and round up backend in one post,

Its been an interesting couple of weeks consolidating and putting our new knowledge into practice, I'm happy to say that a lot of it has sunk in. 

Over the past few weeks we have finished off the knowledge we needed to cover us for last week, during last week my fellow peers have worked on a portfolio project. we have worked on either a backend news API with article and comments or a games API. 

I got all excited when I heard games API but it turns out it was board games so I chose the news API.

We started from the beginning NorthCoders had given us a repo with some of the more boiler plate style code in to get us going but essentially that was just enough to get us going.


###testing testing 1... 2... 3...
as with everything in we have done at NorthCoders we started with testing, Its been really interesting over the past few week for me to go from hating/not really using testing to using it to drive my development, we've been using testing to build it relatively small functions but I can easily see how the basis we have now in testing could help us in the future to build larger function and projects.

### they planted the seed
the repo we were given contained a whole bunch of seed data for our project, it was our task to use this data and turn it into a working and functional API, I think I might have went a little far with my data, I wrote a function to make sure all of the data was presented to the Database in a way I wanted, I also then spent time writing tests the best I could to test this data and make sure it came back in the format I intended, I then tested the data from the database to make sure that was returned Properly.

### our ROUTE to salvation

the next thing we needed to do was build up a whole bunch of endpoints using the REST ideology we had to build ourselves some GET, POST, PATCH and DELETE endpoints to be able to manipulate the data we send and receive from the database.

### HerokWHO?

the whole idea of building this project was so that we have something after we have finished the bootcamp, something that employers can look at and play with, some code that they can read and understand, to help us do this we made use of Heroku the online app hosting site. while I've used Heroku once before to host something, this time in true NorthCoders fashion we used the command line to do 90% of the work. Its nice that it has the website but there's something awesome about using the command line to do things.

## Up Next
I've really enjoyed my time on backend but I'm excited to move onto front end, looking at the calendar where going to be working with the REACT framework which I haven worked with yet, Taking a sneak peak ahead though it looks like we might be revisiting our projects at the end of front end to round it out and give it more functionality using react.

Kind of like this...
![frontendrestbackend](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ni8s3a99989ameobm5pr.jpg)
FYP IDEA 
Tags: react, reactnative, nod
Published: 2021-09-18 05:05:32

Hello what's up guy's, Hope you all will be doing very well. I am final year student in CSE now we have FYP project. I want to make my FYP in MERN stack. I know know mevn stack too and some other languages but I am curios to build on MERN. What should I make? What are the new growing ideas related to web development? Your suggestion and help will be highly appreciated.
DongTai IAST IntelliJ IDEA Plugin Release
Tags: devops, github, security
Published: 2021-09-18 09:44:39

🔥 NEW RELEASE 🔥

DongTai IAST is an interactive application security testing tool that can help developers produce safer and better code. It is the first fully open-source IAST project in the world. 

Today we’re doing an IntelliJ IDEA Plugin release🧰 
What's in it? 🤔

It is a lightweight security plugin option, which enables developers to have actionable feedback.

Details: https://hxsecurity.github.io/DongTai-Doc/#/en-us/doc/tutorial/plugin

DongTai Twitter: https://twitter.com/HuoXian_DongTai
📣 Chainlink Fall Hackathon is open for registration
Published: 2021-10-05 02:59:36

![Chainlink Fall Hackathon](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l5byyuz1hlsjw0sg3uqr.png)
The **Chainlink Fall 2021 Hackathon** is happening from **October 22 to November 28**, where thousands of experienced and new blockchain developers alike will learn, network, and compete for exclusive NFTs, educational prizes, and up to **$400k+** in prizes. Hackathon winners will also have the opportunity to pitch their projects to leading VCs. 

Entering the Hackathon is a great way for experienced smart contract developers to secure funding for any ideas that they’ve been thinking about. It is also an opportunity for developers who are new to the blockchain space to learn the fundamentals of Solidity and popular coding environments such as HardHat, Brownie, and Truffle.

**Registration is open to developers of all experience levels — sign up at [chain.link/hackathon](https://chain.link/hackathon) to secure your spot!**
#100daysofcode [Day 11]
Tags: javascript, html, css
Published: 2021-09-18 18:16:14

Hey Guys, Today is the eleventh day of my 100 days coding challenge , I can't upload the progress of my 100 days of coding just because of my programming course classes , But I always try to keep this challenge.And today i make one of the best site that i've ever made . it's an bank site where you can sign up after that you can login , you can deposit as well as you can withdraw , to make this site I used html , css, bootstrap , js and LocalStorage.
Here is the live site : https://lnkd.in/gggu8mZZ
and here is the code link :https://lnkd.in/gvjHD5Eb
Proyección nativa en Neo4j
Tags: database, datascience
Published: 2021-09-18 21:52:27

El mecanismo de proyección nativa ofrecida por Neo4j permite crear una proyección de un grafo en memoria. Dicha proyección es definida en términos de los nodos, relaciones y propiedades del grafo original.

En el siguiente grafo tenemos nodos Person y sus relaciones: Married, Parent y Siblings.
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z171xbaaaddcvajl7adv.png)
 
 

Una proyección que solo contempla los nodos Person y la relación Parent representa el siguiente grafo.

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5izx0vsb2wkz3o5qu0rs.png "Proyección")
 
 
La sintaxis para crear una proyección es la siguiente:
```
CALL gds.graph.create(
graph-name, node-projection, relationship-projection,
    {nodeProperties: String or List,
     relationshipProperties: String or List
    })
```
El método graph.create recibe tres parámetros:
__graph-name__: Nombre del grafo a crear.
__node-projection__: Nodos que queremos en la proyección.
__relationship-projection__: Relaciones que queremos en la proyección.
Reasons behind learning JavaScript...
Tags: javascript
Published: 2021-09-19 05:37:16

This language is more than a synonym for CoffeeHandwriting – it’s the perfect programming language for beginners to use immediately in their career, as well as providing a perfect jumping-off point for any future developments. It’s totally future-proof, since nearly all of the web relies on it. Why learn JavaScript? To summarize the reasons , the reasons why am I learning JavaScript are:

-It’s a multifunctional language.
-It’s easy to get started with.
-There’s a comprehensive set of frameworks and libraries to make your life easier.
-The community is firmly entrenched and stellar.
-It’s a highly sought-after professional skill.
-It can help you learn your next programming language.

My final thoughts-
In other words, it’s a great language that can help you accomplish a lot both in your personal life and in your professional life. Out of all the programming languages you could start learning in 2021, JavaScript must come top of the list.
Day 13 - SASS Guide
Tags: html, css, sass
Published: 2021-09-19 11:04:16

__Why use SASS over CSS?__
Sass (which stands for 'Syntactically awesome style sheets) is an extension of CSS that enables you to use things like variables, nested rules, inline imports and more. It also helps to keep things organized and allows you to create style sheets faster. Sass is compatible with all versions of CSS.

Step 1:
Download Live Sass Compiler on VSCode extension.
Step 2:
You can modify sass settings by going to vscode settings>search live sass>edit from json file. You can change directory using this code _"liveSassCompile.settings.formats": [{
        "format": "expanded",
        "extensionName": ".css",
        "savePath": "./css"
    }]_ 
Step 3:
Click watch Sass.

Tip: You can create a partial file using underscore then the name of file ex. "_config" and import it to your scss with syntax "@import "config" (no need to add underscore).
Front End Mentor Clipboard Landing Page Challenge
Tags: html, css, frontend, webdev
Published: 2021-09-19 15:02:29

One of the hardest things I find about learning web development is there are so many tutorials and online learning resources, but I need to make time in between all the learning to actually CODE.

I am trying to always have some kind of project going on the side in addition to learning all the theory. 🙄

Here is the [Challenge](https://www.frontendmentor.io/challenges/clipboard-landing-page-5cc9bccd6c4c91111378ecb9).

Here is my [Code](https://heidi37.github.io/clipboard-landing-page/).
🔴 How Routing Works 🧐

Tags: beginners, computerscience, tutorial, productivity
Published: 2021-09-19 16:48:49

## 🔴 How Routing Works 🧐
**🔥 🔥 ALL ABOUT ROUTING INTERNAL DETAILS ARE SHARED** 
**HOW IT IS IMPLEMENTED AND WHICH ALGORITHM IS USED 🤷‍♂️🔥🔥🔥**  

{% youtube kL0rKAicw6w %}
Adding Global CSS to an Angular Library Storybook
Tags: storybook, css, angular, bootstrap
Published: 2021-09-19 20:28:44

This tutorial assumes you have configured an **Angular Library + Storybook** following [this post](https://dev.to/saulodias/angular-library-storybook-44ma).

Most of the time, when creating components, you'll probably want to rely on some global css style. That enables you to use generic classes (like bootstrap classes), or theming and so on. However the Storybook documentation lacks examples on how to do it.

For this example we first have to install Bootstrap. Go to your workspace root folder and run `npm install bootstrap`.

Once you have done that, now you can link the boostrap css to your Storybook project.

To do so, you just have to add the css path to the styles in your `angular.json` file, in the `styles` list of your `storybook` project like in the following example.

```json
"styles": ["node_modules/bootstrap/dist/css/bootstrap.min.css"],
```
> See the entire [file and example workspace on Github.](https://github.com/saulodias/my-workspace/blob/storybook-global-css/angular.json)

I have edited the default [MyLibComponent](https://github.com/saulodias/my-workspace/blob/storybook-global-css/projects/my-lib/src/lib/my-lib.component.ts) from the Angular Library basic example and it looks like this with the Bootstrap styling.
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xgdhnu7f2rcfdyv8dku5.png)
 

### You might also want to check this out:

{% link https://dev.to/saulodias/angular-library-storybook-44ma %}
ES6 - What changes did it bring?
Published: 2021-09-20 04:30:38

In 2015, ECMA International, the organization that prescribes the standards for client-side scripting for web browsers introduced ES6 or ECMAScript 6. The changes that ES6 brought were related to Arrow Functions, defining variables, Object Manipulation, "For" loops and the introduction of a new primitive data type 'symbol'.

Arrow Functions:
Before ES6, a function was declared using the "function" keyword.  A function would use the "return" keyword to produce the output of the function.
```
function timesThree(num){
  return (num * 3)
}
```
With arrow functions, you are not required to use the "function" keyword and return can be implicit (unstated)
```
const timesThree = (num) => num * 3
```

Defining Variables:
Did you see that "const" above there?  That's also something new.  Two new ways of defining variables was added.  "const" is a constant value and can not be changed once declared and "let" is the other way that allows a variable to be defined but can allow changes to the variables value after being declared.  Previous to "const" and "let", "var" was the method to define a variable but would allow both mutable and immutable variables to be defined.

Object Manipulation:
ES6 introduced destructuring of arrays.  This could be a blog of it's own (maybe it will ...) in the meantime, you can learn more about destructuring (and the spread operator) here from Mozilla: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

"For" loops:
ES6 introduced "for ... of" and "for ... in" loops.
```
let primes = [2, 3, 5, 7];

for(value of primes) {
  console.log(value);
}
//iterates through the array and assigns the VALUE of each element to the "value" variable
```
```
let primes = [2, 3, 5, 7];

for(index in primes) {
  console.log(index);
}
//iterates through the array and assigns the INDEX of each element to the index variable (this is returned as a string, and not an integer)
```

Symbol Data Type:
A symbol is a unique and immutable data type and may be used as an identifier for object properties. The symbol object is an implicit object wrapper for the symbol primitive data type.  This primitive type is useful for so-called "private" and/or "unique" keys.  It's value is kept private and only for internal use.  No user can overwrite it's value. This prevents name clashing between object properties because no symbol is equal to another.  You create a symbol calling the "Symbol()" reserved function.
```
const userID = Symbol()
```

All of these changes result in an increase in performance but there is no browser that fully supports the ES6 features.  Community support is growing but not as prolific as the pre-ES6 community.
Beginner's checkout before participating in a Hackathon!
Tags: hackathon, codenewbie
Published: 2021-09-20 05:23:29

Keeping this blog short and covered FAQ about hackathons 🙌
(won [@uplift_project](https://devfolio.co/submissions/edusmart-d485) by @Girlscript1)
### Things I've covered in this blog🧐:

-  When you are ready for a hackathon?
- How can you win a hackathon?
- What else you should know Apart from coding?
- Benefits of Hackathon?
- Tips!

####Let's go!🚀




#####1. When you are ready for a hackathon?


You are always ready for a hackathon until and unless you want to learn new skills.



#####2. How can you win a hackathon?🥉


I've experienced multiple hackathons for different organizations. I can answer that.

first and foremost,

- Idea - you must have something unique and creative with your project.

- Implementation - If your project has some real-life use or if it can be implemented in the future.

- UI/UX - yes, the UI should be as good as the Idea of your project.

- Tech stack - sometimes the tech stack you are using in your project can impress the judges. 😉



#####3. What else you should know apart from coding?🤔

You must have good writing skills, your words should be on 'point' (doesn't mean lengthy words). 

You'll need good writing skills to make PPT & Readme of your project.



#####4. Benefits of Hackathon?✨


Of course SWAGS! , you'll get amazing prizes, swags, and certificates.

- You'll work in a team.
- Most importantly, You'll earn some good friends and grow in the community.




#####Tips:



 - Showcase your project to a Mentor before submission.


`Happy hacking!👩‍💻
`