teleren/devto huggingface dataset:
PHP: Useful Encoding and decoding Functions You Need to Know
Tags: php, encoding, decoding, webdev
Published: 2022-05-19 11:16:08


As a developer, we are dealing with encoding and decoding very often.

With [PHP](https://blog.canopas.com/custom-php-runtime-layer-in-aws-lambda-functions-fee0e71c7097), like any other language, we can do encoding or decoding on any type of string, HTML entities, json object, or URL.

PHP is providing various built-in [functions](https://blog.canopas.com/golang-utility-functions-you-always-missed-ebeabae6b276) for that. But sometimes we might not be aware of those functions.

**7 important and useful ways to use encoding or decoding functions explained with examples.**

1. HTML
2. UUEncode (Unit-to-Unix-Encoding)
3. URL
4. Base64
5. JSON
6. ROT13
7. UTF8

You can also check the full article on — [canopas blog](https://blog.canopas.com/php-useful-encoding-and-decoding-functions-you-need-to-know-210e523a065f).
Ortto | Made with Next JS
Published: 2022-05-19 11:16:05

![Ortto | Made with Javascript | Next JS](https://res.cloudinary.com/madewithjavascript/image/upload/v1652724335/large_ortto_made_with_next_js_21a3ba6325.png "Ortto | Made with Javascript | Next JS")


### Customer Data Platform (CDP), Marketing Automation & BI Reporting Software

> Connect your data, segment your audience, deliver seamless experiences, and measure success simply.
> 
> Automation driven by a CDP and AI
> 
> ### Ortto unifies
> Use no-code integrations to unlock data from marketing, finance, support, sales, and product into a single customer profile to reveal actions that are important to your business.
> 
> ### Ortto targets
> Powerful segmentation allows you to target audiences based on any combination of demographic, firmographic, behavioral, event-based and transactional data.
> 
> ### Ortto connects
> Send the right message, to the right person, at the right time. Connect with your audiences across the entire customer journey with hyper-personalized omnichannel experiences. It’s intelligent automation that feels human.
> 
> ### Ortto analyzes
> Data should make decisions simpler, not more complicated. Empower your whole team to make data-driven decisions with insightful visual analytics and reports, while custom dashboards keep your team on target.

## Check out more such amazing projects on our website

[Made with Javascript](https://madewithjavascript.club)

## Want us to feature your project

[Submit your Project to Made with Javascript](https://madewithjavascript.club/submit-project)


You can also write to us for any of your queries at:

[Email Made with Javascript](mailto:madewithjavascript@gmail.com)

## Project already shared on our social media handles.

| SocialMedia | SharedLink |
| ----------- | ---------- |
| Twitter | [Ortto on Twitter](https://twitter.com/withjavascript/status/1527244651513651201?s=20&t=1l8yRZxXlrKShPLb3etVlw)
 |
| Medium | [Ortto on Medium](https://medium.com/@madewithjavascript/ortto-made-with-next-js-11fa98d99e83)
 |
| Facebook | [Ortto on Facebook](https://www.facebook.com/madewithjavascript/posts/pfbid024d4reR3iT4x9JbmAR2e9zh37Q5a62QaYsFGAs2aXE5moMq2BqdfBh6yxVZ52ZAWEl)
 |
| Tumblr | [Ortto on Tumblr](https://madewithjavascript.tumblr.com/post/684676846176092161/ortto-made-with-next-js-customer-data-platform)
 |
| LinkedIn | [Ortto on LinkedIn](https://www.linkedin.com/feed/update/urn:li:activity:6933010581520084992)
 |


Filled Under:


 - [Made with Javascript](https://madewithjavascript.club)
    
 - [Made with Next JS](https://madewithjavascript.club/categories/next-js)
    

Make sure to give this post ❤ 50 ❤ hearts, click the 🦄 unicorns 🦄 and follow 👉 @madewithjavascript 👈 for more such awesome showcases. Show you love for the people who have worked so hard!
10 Anos de Elixir
Published: 2022-05-19 11:16:03

Sabiam que Elixir completa 10 anos nesta terça 24 de maio de 2022?

E que eu e Gustavo Oliveira, do ELX PRO, estamos organizando um evento para celebrar o aniversário da nossa linguagem de programação favorita?

Não sabia? Então clica em https://bit.ly/10YearsOfElixir e fica sabendo como assistir! 

Vai ser ás 13h00 (horário de Brasília) e deve durar por volta de uma hora. Se tudo der certo, teremos depoimentos de pessoas de várias partes do mundo!

Nos vemos lá!
HydePHP Feature Highlights
Tags: hydephp, webdev, beginners, opensource
Published: 2022-05-19 11:15:31

## What is Hyde?

HydePHP is a content-first Laravel-powered Static Site Builder that allows you to create static HTML pages, blog posts, and documentation sites using Markdown, optionally with YAML Front Matter. Hyde is written in PHP, but you don't need to know any PHP to use it.


## Create content faster than ever

Hyde comes preinstalled with a responsive TailwindCSS starter kit for static pages, blogs, and documentation sites alike. It has dark mode support, is mobile-friendly, and is accessible to screen readers.

Just write your content in Markdown, and Hyde will automatically generate the site from it. Depending on what folder you stored the Markdown file in, Hyde will choose the appropriate layout from one of the many built-in templates.

For example, storing a file in the `_posts` directory will render the Markdown HTML in a Blog Post template with strong support for Front Matter. Files in the `_docs` directory use the Documentation Page layout with an automatic sidebar. Markdown files in the `_pages` directory are rendered into a simple blank page putting the focus on your content. When using Blade pages you can choose which layout to use, or create your own!

## Write less code, let Hyde do the work
With Hyde's auto-discovery and automatic content generation, there is no more messing with routes, links, etc.

Hyde automatically creates and populates navigation menus and documentation sidebars.
For example, if you create a Markdown file as `_pages/about-us.md`, an 'About Us' link will be added to the navigation menu automatically.
Furthermore, internal links use relative links that automatically get the appropriate level of `../`'s depending on the file path.

Want to customize the generated menus? You can do that to. Overwrite, reorder, remove, and add external links as you see fit using the config.

When using the blog module, the posts are automatically added to your post feed as well!

## You're not limited to just Markdown
There may be times when you need more control than Markdown can offer. In this case, you can create pages using Laravel Blade. You can extend the default layout to take advantage of the built-in styles and components as well as the dynamic PHP templating, or if you prefer, stick with vanilla HTML. Hyde will compile it to a static page. And of course, you can mix and match

## Integrations
Hyde comes integrated with [Torchlight.dev](https://torchlight.dev) to provide amazing syntax highlighting for your code examples. Torchlight is automatically enabled when you set your API token in the .env file.

## Ready to get started?

See the full quickstart guide on the HydePHP documentation: https://hydephp.com/docs/master/quickstart!

Here is the super-quick start guide:

```bash
composer create-project hyde/hyde --stability=dev
```

Add your Markdown files in the appropriate directories. Blog posts in `_posts`, static pages in `_pages`, and documentation in `_docs`, etc. Then compile your static site:

```bash
php hyde build
```
How to tell a Junior Dev that what they've done is wrong?
Tags: career, discuss, help
Published: 2022-05-19 11:00:56

I struggle with this a lot, how do you approach this? How do you explain that what they've done is wrong, it affects the rest of the team, and that they should think more about the problem and side-effects? Without affecting their confidence and morale too much by doing so. I'm always afraid of affecting them negatively...

What if the issue is recurrent and happens on most tasks they're assigned to? Not too bad as to justify a layoff, but enough to increase development times.

How do you deal and communicate these things?

Cheers! Waiting for your helpful advice as always!
How to scale Excalidraw diagrams for Twitter posts
Tags: excalidraw, twitter
Published: 2022-05-19 04:42:07

I've been using Excalidraw to create diagrams that I use in Twitter threads. Unfortunately it's difficult to manually scale diagrams to the correct aspect ratio in Excalidraw.

I finally figured out a solution to this problem, at least for Twitter!

Here's how I did it:

3. [Save this frame image](https://i.ibb.co/17nzvLB/excalidraw-frame.png) and then import it into Excalidraw (I usually drag the image file onto the canvas)
3. For each diagram you want to use on Twitter, duplicate the frame and scale your content to fit within its border
4. When you're ready to export, first set the opacity of the artboard to `0%` and then select both the hidden artboard **and** the content
5. Add your new image to your Twitter post!

This works because the size of the frame matches the maximum size of Twitter post images, so as long as your content fits in the frame, it will be sized to fit correctly in a Twitter post.

---

If you followed these steps correctly, here's what the export pane looks like in Excalidraw:

![Export pane of Excalidraw showing a correctly sized image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ebhxgq5a66j8zrhjvid0.png)

If you followed the steps incorrectly, the export pane of Excalidraw will look like one of the following:

- incorrectly scaled: be sure to select the artboard **and** the content before exporting

![Excalidraw export that is incorrectly scaled because the artboard wasn't selected](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hu4xwrk2xpzhehgdec86.png)

- black border is in the image: be sure to set the artboard's opacity to `0%` before selecting it and the contents for export

![Excalidraw export with the border in the image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n285inblim3h69z5dect.png) 

---

You can see the difference in scaling between the first post (correct; using this method) and the second post (incorrect; exporting the content directly):

![Excalidraw image that is correctly sized to fit within a Twitter post](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9fa7ct4hhd204v9wncrb.png) 

![Excalidraw image that is not correctly sized to fit within a Twitter post so the sides of the image are cut off](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4wkytvrq8fqtkwoxu37u.png)
Create a Powershell Credential
Tags: powershel
Published: 2022-05-19 10:53:36

1. Interactive, Windows prompt 
`$Credential = Get-Credential`
2. In 1 command $Credential = `[pscredential]::new('admin',(ConvertTo-SecureString 'StrongPass123!' -AsPlainText -Force))  `

Or

`$Credential = [pscredential]::new('admin',(ConvertTo-SecureString $env:Github_Password -AsPlainText -Force)) `
IT Service Provider
Published: 2022-05-19 10:30:47

Iqra Technology is an IT Solutions and Services Company. We are a salesforce and Microsoft partner company. We aim to provide cost-effective IT services within the customer’s budget range. We scrutinize, design, and develop solutions custom-made for the business necessities. We deliver services in various domains including CRM, ERP, e-commerce, CMS, business intelligence, web development, customized applications, portals, mobile apps, & RPA technologies. We provide IT services starting from $2100 per month and  2 weeks free trial.


Services/Technologies we provide:
●	Salesforce CRM Services
●	Microsoft Dynamics CRM
●	SharePoint
●	FinancialForce Services
●	Custom Application Development Services
●	Qlik Sense Services
●	Power BI
●	RPA – Ui Path
●	Website Design & Development
●	Magento E-Commerce Services
●	IT Outsourcing
(https://iqratechnology.com/)
DDEV WP quickstart 🚀
Tags: ddev, wordpress, docker, git
Published: 2022-05-19 10:28:40

[DDEV](https://ddev.com/) is a swiss army knife for developers. It enables isolated webserver containers for each project on your machine + the usage of many PHP frameworks, e.g. WordPress, Drupal, Laravel, Typo3, etc. It also has a lot of built-in functionality such as [WP-CLI](https://wp-cli.org/) and even NodeJS/npm/yarn.

Here is a quick demo of how to setup a fresh WordPress via WordPress command line arguments:

{% youtube https://www.youtube.com/watch?v=Cn72ix44ex4 %}

See [official guide](https://ddev.readthedocs.io/en/stable/users/cli-usage/#command-line-setup-example-using-wp-cli) for more info.

DDEV stores the complete webserver config in a YAML file which can be shared via git with your fellow team colleagues.

```yaml
# .ddev/config.yaml
name: my-wp-site
type: wordpress
docroot: ""
nfs_mount_enabled: false
mutagen_enabled: false

# WebServer settings
php_version: "8.0"
mariadb_version: "10.3"
webserver_type: nginx-fpm
```

This also allows you to easily switch between PHP versions. See official [config.yaml-docs](https://ddev.readthedocs.io/en/stable/users/extend/config_yaml/) for more information.

Your colleagues just need to run `ddev start` after pulling the git repo. And it get's even better: With `ddev pull` and the [Hosting Provider Integration](https://ddev.readthedocs.io/en/stable/users/providers/provider-introduction/) feature, you can pull the latest database and files from your production site. Check out [my pull scripts](https://github.com/mandrasch/ddev-pull-wp-scripts) for example.

It can run on cloud IDEs such as Gitpod as well: https://dev.to/mandrasch/ddev-gitpod-awesome-5b98

Join [DDEV discord](https://discord.gg/hCZFfAMc5k) to meet the community! 🧡
Try this Arkanoid-like game in your browser
Tags: webdev, gamedev, gaming, showdev
Published: 2022-05-19 10:13:12

This genre will never die, and even after decades, we still like to get stuck in bouncing the ball from the platform from time to time. A great game to get distracted for 10-15 minutes, clear your mind and get back into a working mood to take on the next task.

The program is written in pure HTML + Javascript Canvas API, no frameworks and even no sprites - all sprites are drawn programmatically on the fly. Only the sounds are prepared as separate mp3 files. Without them, the whole program takes only 15Kb (minified code).

I invite everyone to the game: [play.arkanoid.online](https://play.arkanoid.online/?lang=en)
10 Free API resources for beginners 🤩
Tags: webdev, codenewbie, beginners, javascript
Published: 2022-05-19 10:00:26

Application Programming Interface(APIs) makes it easy for two applications to talk to each other. Each time we book a movie ticket, flight ticket, or may be using Facebook, or Instagram we are using API.
As a beginner while we are learning to build something may be it a simple image gallery app or weather forecast app, we need data. So, In this article, we will see some free API resources that will help you to learn & build your app quickly.

- The purpose of the article is to provide free API resources that are totally free and don't required any kind of registration.


- Best thing about these resources are, they are CORS (cross-origin resource sharing) free.


![start_now](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kkywa5drczsnw53ofyq6.gif)




**1. [Postman News API](https://documenter.getpostman.com/view/3479169/Szf7zncp?version=latest) -** The API provides you different types of news such as Health, Sports, Business, etc...
For example to fetch the health related top headlines you can request the endpoint mentioned below - 
[https://saurav.tech/NewsAPI/top-headlines/category/health/in.json](https://saurav.tech/NewsAPI/top-headlines/category/health/in.json)


**2. [JSONPlaceholder](https://jsonplaceholder.typicode.com/) -** The most commonly used free fake API for testing & prototyping.

**3. [Lorem Picsum](https://picsum.photos/) -** Get random Unsplash images.

**4. [KONTEST](https://kontests.net/api) -** The API brings info about all running & future coding contests from different platforms like CodeForces, Hackerrank, Codechef, Leetcode etc..

**5. [Random User](https://randomuser.me/documentation#results) -** If you need random users for your project then you should use it.

**6. [Postal Pin Code](http://www.postalpincode.in/Api-Details) -**  Postal PIN Code API allows developers to get details of Post Office by searching Postal PIN Code or Post Office Branch Name of India.

**7. [Nager.Date](https://date.nager.at/Api) -** Get list of public holidays for more than 90 countries.


**8. [Coin Stats](https://documenter.getpostman.com/view/5734027/RzZ6Hzr3?version=latest) -** A Crypto tracker API that provides you coin details with prices & latest crypto news from verified 40+ news sources.

**9. [Exchangerate.host](https://exchangerate.host/#/) -** Exchange rates API is a simple and lightweight free service for current and historical foreign exchange rates & crypto exchange rates. 

**10. [Bored](https://www.boredapi.com/documentation) -** The Bored API helps you find things to do when you're bored! There are fields like the number of participants, activity type, and more that help you narrow down your results.

**Conclusion -** Through the article, we have seen free API resources which a beginner can use easily. There are still a lot of free APIs available but many of them require registration, check it out here - [Public APIs](https://github.com/public-apis/public-apis)

-If you like the article then don't forget like, comments & let's do some fun over the [Twitter](https://twitter.com/gulshanagg333) 😎
ng serve not working to run Angular app
Tags: angular
Published: 2022-05-19 09:59:50


Hi, yesterday I installed Angular and ran an Angular app successfully and today I just write some html code containing <form> tag and <input> tags after checking that the app works fine on running ng serve with a <label> html tag in my app.component.html file. Everything was working fine until the <label> tag but now ng serve is not working..
Now, when I do ng serve to run my app it is giving me this error **The serve command requires to be run in an Angular project, but a project definition could not be found.** what is the reason behind this? Is this happened because of html
Starting to work with ACF Local JSON (and git) 🤔
Tags: acf, wordpress, webdev, git
Published: 2022-05-19 09:58:58

The [Advanced Custom Fields plugin](https://www.advancedcustomfields.com/) offers a great feature called [Local JSON](https://www.advancedcustomfields.com/resources/local-json/). The idea behind it is that every field group change in the dashboard is automatically saved in a .json file for the field group. This .json file can then be committed via git and be pulled on a live site (e.g. in your child theme).

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qa7pwchq7t9tnqzqxm9k.jpg)
 
You can then hide the ACF field group editor completely on your WordPress live / production site and no one can by mistake change important field group data. This is important because you might use an ACF field in your templates and when someone changes your field name (by mistake), the template won't work anymore of course.

ACF Local JSON also allows you to see who changed which field group (and when) via git. Great!

The local development already works fine, but I'm in the process of solving the deployment step. I got an helpful answer in the ACF forum regarding that, but more experimenting is needed:

https://support.advancedcustomfields.com/forums/topic/git-deploy-workflow-for-acf-local-json-only-sync-on-production/

Resources I need to check:

- [How to avoid conflicts when using the ACF Local JSON feature](https://www.awesomeacf.com/how-to-avoid-conflicts-when-using-the-acf-local-json-feature/)
- [Understanding where your ACF field group settings are coming from](https://www.awesomeacf.com/understanding-where-your-acf-field-group-settings-are-coming-from/)

Stay tuned! ;-)

PS: Would be great to have a similiar feature for the [Custom Post Types UI plugin](https://de.wordpress.org/plugins/custom-post-type-ui/)!
ساينتفك عرب: الدليل الكامل لأمان القنبلة النووية
Tags: javascript, nuclea
Published: 2022-05-19 09:57:28

تعتبر سلامة القنبلة النووية موضوعًا مهمًا ومعقدًا للغاية. إنه ليس شيئًا يمكن للمرء أن يتعلم عنه في بضع دقائق فقط. هناك العديد من الجوانب المختلفة لها ، مثل الحماية من الإشعاع ، والمأوى من الغبار وأكثر من ذلك.

سيحاول هذا المقال تقديم بعض المعلومات الأساسية حول موضوع أمان القنبلة النووية.

## مقدمة: ما هي القنبلة النووية وما هي الأنواع المختلفة؟

الأسلحة النووية هي أكثر الأسلحة التي صنعها الإنسان تدميراً. القنبلة النووية هي نوع من الأسلحة النووية التي تطلق انفجارًا بقوة مليون طن من مادة تي إن تي.

أُسقطت القنبلة الذرية الأولى على هيروشيما باليابان عام 1945 وقتلت حوالي 140 ألف شخص في يوم واحد. كانت القنبلة قوية جدًا لدرجة أنها دمرت كل شيء تقريبًا داخل دائرة نصف قطرها ميل وقتلت العديد من الأشخاص من الإصابات والتسمم الإشعاعي.

أنواع القنابل النووية: تأتي القنابل النووية بأشكال وأحجام عديدة ، لكنها تنتج جميعها نفس التأثيرات - التساقط الإشعاعي والدمار على نطاق واسع. هناك ثلاثة أنواع من الأسلحة النووية: القنابل الانشطارية والقنابل الاندماجية والقنابل النيوترونية.

## ما هي آثار انفجار القنبلة الذرية؟

إن انفجار القنبلة الذرية حدث تاريخي أودى بحياة أكثر من 100 ألف شخص وتسبب في أضرار جسيمة.

كان انفجار القنبلة الذرية حدثًا أودى بحياة أكثر من 100 ألف شخص وتسبب في أضرار جسيمة. لا تزال آثار القنبلة الذرية محسوسة حتى يومنا هذا. التداعيات الإشعاعية هي أحد التأثيرات التي أحدثها الانفجار على البيئة.
[انفجار نووي](https://scientificarab.com/%D8%A7%D9%84%D8%AD%D8%B1%D8%A8-%D8%A7%D9%84%D8%B9%D8%A7%D9%84%D9%85%D9%8A%D8%A9-%D8%A7%D9%84%D8%AB%D8%A7%D9%84%D8%AB%D8%A9-%D9%83%D9%8A%D9%81-%D8%AA%D8%AA%D8%B5%D8%B1%D9%81-%D8%B9%D9%86%D8%AF-%D9%88/)
Where There is Code There Should be a Review (but Why?)
Tags: codequality, programming, discuss, career
Published: 2022-05-19 09:41:40

Lately, I was asked by one of my trainees why I am so persistent when it comes to code reviews. An interesting question if you ask me, so I decided to take a closer look as to what my big *Whys* were, and also wanted to ask you what you think about the (sometimes feared) Code Review 👻💻!

No matter if your dev-team is looking on a *Scrum* or *Kanban* board on a daily basis (🥁) there most probably is this one column with a header like *To Verify*, *Testing* or *Q’n’A* written prominently above it. Why? Well, in my mind there are a lot of good reasons for cultivating code reviews within, especially small, dev-teams:

👌 *Quality Assurance:* Four eyes always see more than two and so potential bugs or pitfalls can be fixed on the spot. The argument of quality of course needs to be the first point on this kind of agenda as it is the most practical reason for their existence.

🏝️ *A Break from your own Tickets and Code:* Personally I love nothing more than spending Monday mornings with some delicious coffee reviewing new merge requests to again find into the right mindset for the week and stay up-to-day with current developments.

🌱 *Everyone Learns Something new:* Of course, always depending on your *levels* within the coding domain, both – the coder and the reviewer – will always learn something new in the process. Be it how to do something or how *not* to do something.

💬 *More Communication:* Especially with home office and remote work, working together changed a lot over the scope of the past few months (and actually years!). The biggest pain-point for most people probably was the lack of interaction with their peers and colleagues, and personally within the scope of reviews I communicated the most with my co-workers also on a personal level.

What are your opinion on Code Reviews? What other *Whys* do you see (so I can hype my protégé up even more when it comes to them)? 

Looking forward to hearing your thoughts 😉.

Cover picture by [Markus Winkler ]( https://www.pexels.com/de-de/@markus-winkler-1430818/?utm_content=attributionCopyText&utm_medium=referral&utm_source=pexels) on [Pexels]( https://www.pexels.com/de-de/foto/buro-schreiben-vintage-technologie-4065400/) 🎉