teleren/devto huggingface dataset:
Essential Guide for iOS Development: The Most Comprehensive Collection of iOS Development Tutorials in History
Tags: ios, apple, webdev
Published: 2023-05-31 07:31:49


Creating iOS Developer Certificates: A Beginner's Guide

Create an iOS certificate first apply for an APP ID card, apply for iOS certificate file. Mobileprovision need to choose, as well as in itunesconnect. New app also need.

appids Apply for a tutorial

Add a debugging device

1, get UDID Use the iPhone or iPad your own browser to scan the following two-dimensional code, you can quickly get UDID

The same time as the above-

2, log in to the developer center, add equipment, select the device, click the upper right corner +.

3, enter the device name and device UDID, click all the way to create.

Second, create a developer certificate

IOS certificate application here to use a tool Appuploader, you can quickly create. P12 and .mobileprovision iOS certificate file.

Appuploader home -- A tool improve ios develop efficiency such as submit ipa to appstore and manage ios certificate
Develop without $99 payment $99 payment is not necessary If you just wanna develop and test ios app --not include push ,payment function-- on your device. Plist Editor Include a small tool to view and edit .plist file Meta data batch Upload You can upload ipa description,screenshot,keyword,localization ,iap in batches, putting all those in a excel file Android Certificate Create A small tool create Android develop certificate Test device UDID manage Add ,enable ,disable test device udid in appuploader App bundle id manage Manage and view App bundle id，add and create are supported
http://www.appuploader.net/


1, open the software, select the certification.

2, click + ADD developer certificate option (development certificate can only create a 2, if previously created directly to create a description file on the line), enter the certificate name, e-mail, password certificate, click create ok.

3, download the p.12 certificate file saved to the computer

Third, create a developer description file 1, select the configuration file, click + Add to select the developer profile option

2, click + ADD to select the developer to describe the file options, select appid, check the associated development before creating the certificate, check whether the device is used for development debugging, enter the name, click OK to create.

3, download save (.Mobileprovision) file

This completes the development of the certificate and describes the creation of the configuration file.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gfewwxiar85wfqh9hwsy.png)
Slot Gacor Hari Ini !
Published: 2023-05-31 07:27:55

HOBI MAIN JUDI TAPI GATAU MAU PERCAYA SAMA SITUS YANG MANA???🤔🤔
TENANG AJA KAKA!! DI FERARI88 MENANG BERAPAPUN AUTO LUNAS..
YUK  RASAKAN SENSASI MAXWIN DI FERARI88
https://sunda.bocoransitus.com/
Relish your taste buds city spice
Tags: bricklane, cityspice, indianrestaurant
Published: 2023-05-31 07:16:05

When most of us think of the word "curry", we imagine colourful Indian cuisine with a thick sauce. This is a must-visit place for the majority of western people who believes that the word curry refers to all Indian food in India. About five foods are referred to as "curry" in India, together with a spice called curry leaves and a pan called a karahi. Chicken curry, lamb curry, egg curry, fish curry, and kofta curry are some of these dishes. On the Indian subcontinent, all of the other Indian meals that we typically refer to as curries have their distinctive names.

Innumerable civilizations and multiple subcultures exist in India. The British invented the word "[curry](https://cityspice.co/)" when they ruled India. Almost any meal with South Asian heritage can now be described using this phrase. It is the sauce-meaning Tamil word Kari's anglicised English version. Indians frequently only use the word "curry" in English when referring to a dish with a sauce or gravy rather than a spice. I used to become really worried whenever the term "curry" was mentioned. Because there is nothing remotely resembling a curry in Indian cuisine and because curries are a British creation, I would argue that items should be referred to by their correct names.
 
The flavour combinations that come from the use of strong ingredients like tamarind, pepper, and cardamom are unmatched anywhere else in the world. Indian food is so delicious According to scientists, the lack of flavour overlap is the reason for our love of curry. This is because the searing sensation of chilli in our nerves causes the production of opioids (also known as natural endorphins). Opiates are claimed to make you joyful all the time. It’s a type of adrenaline that nourishes our brains.
HTML:5 Canvas Mouse hover effect
Tags: javascript, tutorial, programming, webdev
Published: 2023-05-31 06:57:20


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


I have created this Canvas hover effect in HTML:5 using html css js. In this when we hover on circles the size or radius of circle is increased I have also added this project in my portfolio project section...

Links:-
Portfolio:- https://protfoliopuneet.netlify.app/

HTML:5 Canvas Effect:- https://protfoliopuneet.netlify.app/canvas/

Instagram:- https://www.instagram.com/_puneet_kumar_mishra_/

twitter:- https://twitter.com/PuneetKumar2010

**_If you have any suggestions then Please tell me in the comments_**
A Simple Reddit downloader with PHP
Tags: php, laravel, web, curl
Published: 2023-05-31 06:56:58

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nwnuvd8u2zpgurq4bya5.png)
So, first step is to get source code of page from where we gonna extract video url, here is code how it would be done,


```
$uri = 'https://www.reddit.com/r/interestingasfuck/comments/130fgu1/interviewing_with_the_kkk_footage_might_disturbing/';
```

```
$ch = curl_init();
  curl_setopt($ch, CURLOPT_URL, $uri);
  curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
  curl_setopt($ch, CURLOPT_USERAGENT, 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.3');
  $html = curl_exec($ch); // here in html page's source stored
  curl_close($ch);
```
In the next we gonna find that video url by regex equation,

```
$video_regex = '/(https:\/\/v\.redd\.it\/[a-z0-9]+\/HLSPlaylist\.m3u8).*?/';
  preg_match($video_regex, $html, $videoUrl);
```

and then from this equation we will get video id and print output

```
$url = $videoUrl[0];
    $regex1 = '/https:\/\/v\.redd\.it\/(\w+)\/HLSPlaylist\.m3u8/';
    preg_match($regex1, $url, $video);
    $video_id = $video[1];
     echo '<video controls src="https://v.redd.it/' . $video_id . '/DASH_720.mp4"  type="video/mp4" width="320"></video>';
```
here is final output with GUI [https://redditdownloader.org/](https://redditdownloader.org/ )
What is Magento Framework in PHP
Tags: magento, magento2, magento2tutorial
Published: 2023-05-31 06:48:28

Magento is a highly popular platform renowned for its cutting-edge technology, regular updates, and compatibility with Magento Commerce Cloud. It has gained a reputation for driving eCommerce innovation, powering over 760,000 websites worldwide, including industry giants like Coca-Cola, Samsung, Ford, and Nike. Despite competition from other shopping cart solutions, Magento remains the preferred choice for numerous eCommerce merchants and developers.

This article delves into the frameworks employed by Magento to augment its features, namely Magento 1 and Magento 2, both of which are built on the PHP-based Zend Framework. We will also explore **_[What is Magento Framework in PHP]_**.

With a thriving and engaged developer community, Magento boasts an extensive ecosystem of extensions and plugins that significantly expand the platform's functionality. These extensions span various domains, such as marketing, SEO, shipping, and payment integrations.

For more information , please visit this :- **_[https://webguru.dev/what-is-magento-framework-in-php/](https://webguru.dev/what-is-magento-framework-in-php/)_**
[Tiny] The Least Known Set in Java: EnumSet
Tags: java, tiny
Published: 2023-05-31 06:44:37

Have you ever used Java standard class `EnumSet` in real-life applications? Me neither. Nevertheless, it can be useful in some cases.

`EnumSet` is an abstract `Set` which can hold enum values only. And if you are about to store enum values in a `Set`, you should always use `EnumSet` because it is usually faster and takes less memory. These benefits are achieved by storing data as a bit vector in one of two `EnumSet` implementations:

- `long` bit vector in `RegularEnumSet` for enum types with 64 or fewer enum constants,
- `long[]` bit vector in `JumboEnumSet` for enum types with more than 64 elements.

But enough talking, let's see it in action!

Here we have an enum of quotes:

```java
@Getter
@AllArgsConstructor
public enum Quote {
    DONT_PANIC("Don't Panic."),
    THE_ANSWER("42"),
    TOWEL("A towel is about the most massively useful thing an interstellar hitchhiker can have."),
    SO_LONG("So long, and thanks for all the fish."),
    ;

    private final String value;
}
```

Here is how we can create `EnumSet`:

```java
EnumSet<Quote> allQuotes = EnumSet.allOf(Quote.class);
EnumSet<Quote> noQuotes = EnumSet.noneOf(Quote.class);
EnumSet<Quote> twoQuotes = EnumSet.of(Quote.DONT_PANIC, Quote.TOWEL);
EnumSet<Quote> threeQuotes = EnumSet.range(Quote.DONT_PANIC, Quote.TOWEL);
EnumSet<Quote> sameThreeQuotes = EnumSet.complementOf(EnumSet.of(Quote.SO_LONG));
```

`allQuotes` contains all the enum elements, while `noQuotes` is empty.

`twoQuotes` contains two listed elements, while both `threeQuotes` and `sameThreeQuotes` contain the set of the first three elements of the `Quotes` enum.

Now, you can use all the standard operations with these sets, e.g. `add`, `remove`, `contains`, etc.

---

*Dream your code, code your dream.*
Building older Linux Docker images on macbook M1 M2
Published: 2023-05-31 06:33:49

The problem occurs when you try to build older linux images on Docker. It's about different cpu architecture which is present on newer cpus. To "force" mac to build image in right way, you need to add "platform: linux/amd64" in docker-compose.yml file.

Example:

```
version: "3.3"

services:
  web:
    platform: linux/amd64      
    build: .
    command: python ./"PathToProject"/portal/manage.py runserver 0.0.0.0:8000
    volumes:
      - .:/"projectImage"
    ports:
      - "8000:8000"
```

Only problem is that it will be slow because of that linux/amd64 emulation, but at least it works ;).
Console in Android Mobile Browser Using Eruda? How to Use Eruda?
Published: 2023-05-31 06:31:43

Hello Coder! Welcome to the Codewithrandom blog, In this article, we learn how to access the Javascript console in our Chrome Browser by typing a simple command. Basically, We use Eruda ,Eruda is a **[Console for Android Mobile Browsers](https://www.codewithrandom.com/2022/12/24/javascript-console-in-mobile-browser-android-chrome-console-trick-codewithrandom/)**. So here is the code so you copy-paste in your URL tab in the Mobile browser.
```
javascript:(function () { var script = document.createElement('script'); script.src="//cdn.jsdelivr.net/npm/eruda";
document.body.appendChild(script); script.onload = function () { eruda.init() } })();
```
Copy this code and open your mobile browser then paste this, and the browser removes javascript: word from this line so type javascript: manually and click on search or enter, then you see an icon like in the below image.

When you click on this icon you see the same console as we see in our pc or laptop browser so click on the icon that appears in the corner, below the image.

After clicking on this icon you can run any javascript comments or do calculations as we do in-browser so I just write 10+90 and click on executed and the answer is 100 and show output like desktop browsers.

If you want to know more about Eruda check the GitHub repository and read about how code execution and Developer console run in Mobile Browsers!

if you have any confusion to run the Developer console do comment so I reply as soon as possible.

Thank you for reading!

written by @codewith_random
How to sort an array of month names -- Javascript
Tags: javascript, beginners, webdev, programming
Published: 2023-05-31 06:25:32

Hi there, so I was working with some dates and months arrays in javascript and came across this fact that if you sort an array of month names in javascript using the sort() method, it will sort the array in alphabetical order making 'April' the first month of the year which is not what we want. Following is the output when you simply use sort() method on an array of names in Javscript:
```
const months = ['January', 'March', 'February', 'May', 'June','April'];

months.sort()
console.log(months);
```
Below is the output:

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

So, what we should do is to define a new array which contains the names of the months in chronological order and then compare both the arrays and also we need to define a comparison function which will compare the indices of both the arrays using the indexOf method, the function will look like this:
```
const months = ['January', 'March', 'February', 'May', 'June','April'];

months.sort((a, b) => {
  const monthOrder = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
  return monthOrder.indexOf(a) - monthOrder.indexOf(b);
});

console.log(months);
```  
The resulting array of 'months' will show the names in the correct order as we want:

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

Hope you find this article useful while brushing up your basic javascript skills.
Have a good time coding...
Useful Websites for Programmers
Tags: programming, javascript, api
Published: 2023-05-31 06:20:11

I have found some of useful websites related programmers

- **[https://www.showwcase.com/](https://www.showwcase.com/)**
Showwcase is a new social media website, especially for people who code connect, build community. It is a Linkedin like platform but only focused on developers.

- **[https://devdocs.io/](https://devdocs.io/)**
DevDocs brings together numerous API documentation in a single, searchable interface. You will find docs related to various programming languages and technologies in one place.

- **[https://overapi.com/](https://overapi.com/)**
For all developers, OverAPI is cheat sheets for the majority of programming languages. Take a look at it right now.
Media Processing libraries
Tags: webdev, javascript
Published: 2023-05-31 06:10:41

As a web developer in any technology, media processing and storage are crucial components of your project but now with so many options out there as these sites will provide you with the tools you need to manage and optimise your media files.

- **Embed.ly**:  Provides APIs for embedding media in a web page, responsive image scaling, extracting elements from a web page. The free plan allows up to 5000 URLs/month at 15 requests.

- **Cloudinary**: A service for image upload, powerful manipulations, storage & delivery for sites and apps with libraries
 
- **Cloudimage**: A full image optimisation and CDN service, It offers a variety of image resizing, compression, watermarking functions & open source plugins for responsive image, image making etc...

- **imgbot**: Imgbot is a friendly robot that optimises your images and saves you time, optimised images mean smaller files sizes without sacrificing quality. It uses lossless compression by default.

- **Transloadit**: Handles file upload and encoding of video, audio, images, documents.

- **Uploadcare**: Uploadcare is a media pipeline platform that offers a range of tools for develoers such as file uploading API & UI, Image CDN and origin services with compression

- **Gofile**: Free file sharing and storage platform, can be used via web based UI and also API. unlimited file size, bandwidth, download count etc...
Tailwind Web Components
Tags: javascript, react, tailwindcss
Published: 2023-05-31 06:08:21

Now a days tailwind CSS trending in any framework/technology specific UI development. I have found some of the best to use a tailwind based component libraries where you can customise the components with tailwind directly.

- **Daisy UI**: Daisy gives you special classes like "btn", "card", etc. These special classes are a combination of other tailwind utility classes.

- **Flowbite**: Flowbite is a free and open-source set of Figma UI components and pages designed to integrate with the utility classes from Tailwind CSS.

- **WindUI**: Like Flowbite but better. This component library does support many framework technology so just copy and paste.

- **Material Tailwind**: Very slick and professional looking component library. Unlike the others component libraries before...
We don’t just write computer code, we write business scripts
Tags: softwareengineering, softwaredevelopment, designpatterns, businesslogic
Published: 2023-05-31 05:44:11

A professional software is built for business purposes. We develop software that can serve millions of users and aim to solve a particular problem to make people’s lives easier. Software features come from many areas such as client’s requirements, business team’s requirements of a organisation, startup project ideas and so on.

A software can have lots of complex features, dependencies on third party software and so on. It’s so important to understand a business logic properly. Failing to understand business logic leads to rewriting it again thus wasting development time & delaying project deadline. Here are some few tips to follow,

1. Read the project requirements properly. Understand each business logic carefully.

2. Discuss with your client or project manager if you don’t understand a requirement. Ask question, ask a lot of questions if needed.

3. Understand the relationship among features that can help to architect your project in much better way.

4. Get to know about software design patters. Carefully Understand which design pattern is suitable for your project by analyzing the pros and cons of each pattern. Pick the one that suits best for your project.

5. Communicate with your peers, project manager & clients frequently. Give update of your work after each chunk of development. Show them the progress and get feedback.
Fail early, fail first. It will help us to avoid making a lot of changes in the end. Talk to them about different topics like arts, sports etc, understand how they think, how they describable a problem. This will help you to quickly understand the requirements and business logic from them.

----------------------------------------

Thank you for reading my article. You can join [code with rubab](https://www.facebook.com/groups/codewithrubab) for web development-related queries & discussions.

Also, you can find me on:

[Linkedin For Regular Posts](https://www.linkedin.com/in/imran-hossain-rubab/)

[My website](https://codewithrubab.com/)

[My Facebook Page](https://www.facebook.com/codewithrubab)

[My Youtube Channel](https://www.youtube.com/@codeWithRubab)
Weekly web development resources #151
Tags: webdev, javascript, opensource, beginners
Published: 2023-05-31 05:40:27



______


##[Kanboard](https://kanboard.org/)
[![Kanboard](https://wweb.dev/weekly/content/151/kanboard.jpg)](https://kanboard.org/)
A free and open source Kanban project management software.

______


##[TableConvert](https://tableconvert.com/)
[![TableConvert](https://wweb.dev/weekly/content/151/tableconvert.jpg)](https://tableconvert.com/)
A converter to convert Excel or other spreadsheets into Markdown tables.

______


##[Plaiceholder](https://plaiceholder.co/docs)
[![Plaiceholder](https://wweb.dev/weekly/content/151/plaiceholder.jpg)](https://plaiceholder.co/docs)
A JavaScript library to create beautiful image placeholders from pure CSS to SVG.

______


##[Built At Lightspeed](https://builtatlightspeed.com/)
[![Built At Lightspeed](https://wweb.dev/weekly/content/151/built-at-lightspeed.jpg)](https://builtatlightspeed.com/)
A directory of 4000+ templates & UI kits for the modern stack.

______


##[Scroll-driven Animations](https://scroll-driven-animations.style/)
[![Scroll-driven Animations](https://wweb.dev/weekly/content/151/scroll-animations.jpg)](https://scroll-driven-animations.style/)
A bunch of demos and tools to show off Scroll-driven Animations.

______


##[Introducing the popover API](https://developer.chrome.com/blog/introducing-popover-api/)
[![Introducing the popover API](https://wweb.dev/weekly/content/151/popover.jpg)](https://developer.chrome.com/blog/introducing-popover-api/)
An article introducing a new set of declarative HTML APIs for building popovers.

______


##[Rooms.xyz](https://rooms.xyz/)
[![Rooms.xyz](https://wweb.dev/weekly/content/151/rooms.jpg)](https://rooms.xyz/)
A browser game, which lets you create & remix interactive rooms.

______


##[DocBase](https://www.getdocbase.com/)
[![DocBase](https://wweb.dev/weekly/content/151/docbase.jpg)](https://www.getdocbase.com/)
A free & open-source tool to securely share documents & track engagement in real-time.

______


##[Plane](https://github.com/makeplane/plane)
[![Plane](https://wweb.dev/weekly/content/151/plane.jpg)](https://github.com/makeplane/plane)
An open-source JIRA alternative, that helps you track your issues, epics, and product roadmaps.

______


##[Graph Slider](https://rauno.me/craft/graph-slider)
[![Graph Slider](https://wweb.dev/weekly/content/151/graph-slider.jpg)](https://rauno.me/craft/graph-slider)
An interesting article on how to create a SVG graph slider.

______

_Enjoyed this newsletter? You can support me by:_

💸 booking a [sponsored post](https://wweb.dev/sponsorship)

🥷 donating via [Sponsor Ninja](https://app.sponsor.ninja/projects/63d7dd38d907a8ed61dca67f)

🚀 helping me grow by sharing it with your friends and colleagues


Cheers,
Vincent from [wweb.dev](https://wweb.dev)
New Array methods in JavaScript
Tags: javascript
Published: 2023-05-31 05:30:00

**with()** method - It is used to assign an existing array to a new array

```
var arr = [1, 6, 3, 4, 5];

var newArr = arr.with(1, 2);

console.log(newArr); // [1, 2, 3, 4, 5]
```

**toSorted()** method - It is used to sort the elements of an array.

```
var arr = [1, 5, 3, 2, 4];

var sortedArr = arr.toSorted();

console.log(sortedArr); // [1, 2, 3, 4, 5]
```

**toReversed()** method - It is used to reverse the order of the elements of an array.

```
var arr = [1, 5, 3, 2, 4];

var reversedArr = arr.toReversed();

console.log(reversedArr); // [4, 3, 2, 5, 1]
```

**toSpliced()** method - It is used to remove and/or add elements to an array.

```
var arr = [1, 5, 3, 2, 4];

var newArr = arr.toSpliced(0, 2);

console.log(newArr); // [3, 2, 4]
```