teleren/devto huggingface dataset:
Apa itu HTML
Published: 2023-07-02 15:02:32

Fakta: HTML itu singkatan dari Hypertext Markup Language.

HTML itu bahasa markup yang digunakan untuk membuat dan menyusun halaman web.

[Klik di sini untuk membaca tentang apa itu bahasa markup.](https://dev.to/farishan/apa-itu-bahasa-markup-3e67)

HTML memungkinkan pengguna untuk menggambarkan struktur dan konten halaman web dengan menggunakan elemen-elemen markup. Elemen-elemen ini ditandai dengan tag-tag khusus yang ditempatkan di sekitar teks, gambar, atau media lainnya dalam halaman web.

## Struktur, seperti Tulang Manusia dan Kerangka Bangunan

HTML bisa dibayangkan seperti tulang yang menjadi struktur tubuh manusia dan kerangka yang menjadi struktur bangunan.
HTML itu struktur halaman website.

## Elemen-elemen di HTML

Setiap halaman web terdiri dari elemen-elemen HTML yang membentuk struktur dasar halaman. Beberapa elemen/tag dasar HTML termasuk:
- tag `<html>` sebagai kontainer utama
- tag `<head>` untuk informasi kepala dokumen seperti judul halaman
- tag `<body>` untuk konten utama halaman, dan
- tag `<p>` untuk paragraf teks.

Kata "tag" itu biasanya digunakan untuk menunjukkan kodenya, misal tag `<html>`, tag `<body>`, atau tag `<p>`. Sedangkan kata "elemen" itu biasanya digunakan untuk menunjukkan hasil dari penggunaan tagnya. Misal elemen body, elemen paragraf.

Dalam banyak kasus, penggunaan kata "tag" atau "elemen" tidak terlalu jadi masalah. Pemahaman mendalam tentang perbedaan kata "tag" dan "elemen" akan datang dengan sendirinya seiring berjalannya penggunaan HTML di kegiatan sehari-hari.

## Kesimpulan

HTML itu bahasa markup yang digunakan untuk membuat struktur halaman web.

---

Masih punya pertanyaan terkait apa itu HTML? Tulis di kolom komentar ya. Terima kasih sudah membaca!
Apa itu Bahasa Markup
Tags: indonesia
Published: 2023-07-02 14:50:07

## Bahasa Markup itu Bahasa Pemrograman

Bahasa markup itu jenis bahasa pemrograman yang digunakan untuk membuat struktur dokumen teks.

[Klik di sini untuk membaca tentang apa itu bahasa pemrograman](https://dev.to/farishan/apa-itu-bahasa-pemrograman-1hck)

## Elemen dalam Bahasa Markup

Dalam bahasa markup, teks diatur menggunakan elemen-elemen yang menunjukkan bagaimana teks tersebut harus ditampilkan atau diproses.

"Mark" itu bahasa Inggris yang artinya "tanda". Anggap bahasa markup itu untuk **menandai** bagian-bagian dari dokumen teks. Ditandai untuk diproses sesuai standar bahasa markup. Tanda-tanda ini sering disebut dengan elemen.

Elemen-elemen ini digunakan untuk memberi petunjuk kepada aplikasi yang membaca dokumen tersebut, biasanya aplikasi tersebut adalah web browser. Contoh bahasa markup yang populer adalah HTML (Hypertext Markup Language) yang digunakan untuk membuat halaman web, XML (eXtensible Markup Language) yang digunakan untuk menyimpan dan mengirim data secara struktural, dan Markdown yang digunakan untuk menulis teks dengan format sederhana.

## Bahasa Markup Punya Aturan

Bahasa markup biasanya menggunakan sintaks yang konsisten dengan aturan tertentu, dan tag-tag atau elemen-elemen yang digunakan diapit oleh tanda kurung sudut (< >) atau tanda kurung siku ([ ]). Dalam banyak kasus, bahasa markup tidak memiliki logika pemrograman seperti loop atau kondisional, melainkan lebih fokus pada struktur dan tampilan dokumen.

Bahasa markup memungkinkan penulis untuk mengatur penampilan dan struktur dokumen dengan cara yang terstandardisasi, sehingga konten dapat ditampilkan dengan konsisten di berbagai perangkat dan platform.

## Kesimpulan

Bahasa Markup itu bahasa yang dipakai untuk membuat struktur dokumen teks. "Mark" itu "tanda".

---

Masih punya pertanyaan tentang apa itu bahasa markup? Kirim di kolom komentar ya. Terima kasih sudah membaca!
Rin at Din: Pag-unawa sa Pagkakaiba at Paggamit ng mga Salitang Ito
Tags: webdev, javascript, beginners, programming
Published: 2023-07-02 14:39:11

Sa ating pang-araw-araw na pakikipag-usap at pagsusulat, madalas nating naririnig at ginagamit ang mga salitang "rin" at "din". Bagaman maaaring magkamukhang magkamukha ang tunog at spelling ng dalawang salitang ito, may mga maliliit na pagkakaiba sila sa kahulugan at paggamit.

Ang salitang "rin" ay isang pang-ugnay na naglalagay ng diin o pagsasaad ng kaugnayan **[Ano Ang](url=https://www.anoang.com/rin-at-din/)** o pagkakatulad ng dalawang pangyayari o ideya. Ito ay nagbibigay ng kahalintuladang pangyayari o ideya sa isang bagay na binanggit na. Halimbawa, "Pumunta ako sa sinehan, at pumunta rin siya." Ang paggamit ng "rin" dito ay nagpapahiwatig na nagkaroon ng pagkakatulad o parehong ginawa ang pagpunta sa sinehan.

Sa kabilang dako, ang salitang "din" ay isang pang-ugnay din na nagpapahiwatig ng pagkakapareho o pagsang-ayon sa isang bagay **[rin at din](url=https://www.anoang.com/rin-at-din/)** na binanggit na. Ito ay nagbibigay ng pansin o pagkakatulad sa isang katangian o pagkilos. Halimbawa, "Siya ay nagluto ng adobo, at ako naman ay nagluto din." Sa pangungusap na ito, ang "din" ay nagpapahayag na ang pagsasabing nagluto ay may pagkakapareho o pagsang-ayon sa ginawa ng ibang tao.

Ang pagkakaiba ng dalawang salitang ito ay maaaring maging sanhi ng kalituhan sa maraming tao. Sa halos parehong tunog at pagkakasulat, maaaring madaling maipalit ang isa sa isa. Gayunpaman, ang tamang paggamit at pag-unawa sa kanilang pagkakaiba ay mahalaga upang maihatid nang maayos ang kahulugan ng isang pangungusap.

Upang mas maintindihan ang pagkakaiba ng dalawang salitang ito, nararapat na maunawaan din ang iba't ibang kahulugan at konteksto ng pangungusap. Ang "rin" ay kadalasang ginagamit sa pagtukoy sa parehong pangyayari o ideya, habang ang "din" ay karaniwang ginagamit upang ipahayag ang pagkakapareho o pagsang-ayon sa isang aspekto o katangian ng isang bagay.
Audio Problem in Pop_os
Tags: popos
Published: 2023-07-02 14:28:11

Hi community,
I recently installed pop os in my Huawei laptop, but I am facing some problems in Audio, audio is not working well even the system is recognizing the audio card.
Here is some images 

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

this is the result of inxi -A command

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7fdtwy8bmlgza8hnjkvu.png)
Blackbox AI: Streamlined Code Extraction and Auto-Completion for Developers
Tags: webdev, javascript, beginners, programming
Published: 2023-07-02 14:00:00

Blackbox AI is a Chrome extension powered by AI that revolutionizes the coding experience for developers. With its advanced capabilities, Blackbox AI enables developers to extract and copy code from various formats displayed on their screen effortlessly. It also offers auto-complete coding in over 20 programming languages, making coding faster and more efficient.

**[JUMP STRAIGHT TO THE JUICE - LINK
](https://www.aiforme.wiki/ai/tools/Blackbox)**

**Code Extraction from Multiple Formats:**
[Blackbox AI](https://www.aiforme.wiki/ai/tools/Blackbox) empowers developers to extract and copy code from various formats they encounter on their screen. Whether it's code snippets from websites, documentation, or even videos, Blackbox AI simplifies the process of capturing code and incorporating it into your own projects. This saves developers time and effort by eliminating the need for manual transcription or rewriting.

**Auto-Complete Coding in 20+ Languages:**
With Blackbox AI, developers can enjoy the convenience of auto-complete coding in over 20 programming languages. The extension suggests code snippets and completions as you type, accelerating the coding process and reducing the chances of syntax errors. Whether you're coding in Python, JavaScript, TypeScript, Go, Ruby, or other popular languages, Blackbox AI has you covered.

**Code Search Across Open Source Repositories:**
Blackbox AI integrates seamlessly with Visual Studio Code, allowing developers to search through a vast repository of 100 million open source code snippets directly from their coding environment. This feature provides instant access to a wealth of code examples and solutions, saving time and fostering collaboration within the developer community.

**User-Friendly Interface and Cross-Device Compatibility:**
Blackbox AI offers a user-friendly interface that enhances the coding experience. Developers can effortlessly utilize Visual Studio Code and Jupyter, complete with essential features such as the editor, terminal, debugger, version control, and settings synchronization. Moreover, Blackbox AI ensures cross-device compatibility, allowing developers to seamlessly switch between devices and work from anywhere using a browser.

**Free Signup and Easy Accessibility:**
Getting started with Blackbox AI is hassle-free. Developers can sign up for free using their Google or Microsoft accounts, without any payment required. This accessibility enables developers worldwide to leverage the power of Blackbox AI and enhance their coding capabilities without financial barriers.

**Conclusion:**
Blackbox AI empowers developers by simplifying code extraction, providing auto-complete coding in multiple languages, and enabling code search across open source repositories. With its user-friendly interface and cross-device compatibility, Blackbox AI streamlines the coding process and boosts productivity.

**[JUMP STRAIGHT TO THE JUICE - LINK
](https://www.aiforme.wiki/ai/tools/Blackbox)**
Tidbits: Learning TailwindCSS
Tags: beginners, react, devjournal
Published: 2023-07-02 14:17:32

Tidbits are little bits of news about things I'm working on or learning that I just wanted to chronicle.

The past couple of days and this coming week, My focus has been on learning [TailwindCSS](https://tailwindcss.com/). I just recently learned about this amazing CSS framework because in the past year or so, I have been more focused on AWS and back-end work. Any UI features I had worked on used a different [Reactstrap](https://reactstrap.github.io/?path=/story/home-installation--page)-based proprietary framework.

The resources I've used are of course it's [documentation](https://tailwindcss.com/docs/installation), and a few courses from [Sahand Ghavidel](https://www.udemy.com/user/sahand-ghavidel/). He has a handful of project-based courses at Udemy on TailwindCSS. I will continue to learn about TailwindCSS for the next couple of weeks before starting my portfolio project. Heads down for awhile!

These are 2 Github repos I have created thus far based on the Sahad's course:

- [Tesla clone](https://github.com/jenad88/tailwind-company-example)
- [Instagram clone](https://github.com/jenad88/tailwind-social)
Host your own server
Tags: server, selfhosted, tutorial
Published: 2023-07-02 14:17:26

Do you want to install your own HomeServer?

We'll show you how!

Your own home server can be very time-consuming. But we will support you!

🚀 With our guides below, we'll walk you through the (hopefully) easiest installs and the coolest open-source apps.

🗓️ It may take days, weeks, months and years, but we hope you enjoy it and with our help you can build your own network full of self-hosted apps and platforms.

Here we are at a new point.

You will need a lot of 😴 patience, and we try to keep the effort as low as possible for you, but if you want to try something, it may not work as it should and if you follow our instructions , only we should need a lot of patience (because we write the instructions 😉 and try them out).

If you have any questions❓, you are welcome to contact 📝 us here.

However, we try to keep the other expenses as ⬇️ low as possible and also to reduce the costs as much as possible.

But let's not talk too long, let's get started?

Yes, let's get started!
---

In our next part we will start with the basic installation of a new operating system.

{% embed https://dev.to/technology-schaechner/how-to-install-ubuntu-2n8d %}
Refine Hackathon: Refine Masters (Part 1)
Tags: refinehackathon
Published: 2023-07-02 13:54:14

# Refine Master: Making Learning Refine.js Easier
Team: @mr0nline @parilbeladiya @piyushvaviya 

## Teaser: A New Approach to Learning Refine.js

We're excited to introduce Refine Master, an innovative project aimed at revolutionizing the way you learn Refine.js! Our mission is to make the process of learning this powerful framework easier and more enjoyable than ever before.

With Refine Master, we're taking a fresh approach to gamified learning. We've carefully crafted an interactive environment that combines comprehensive documentation, step-by-step explanations, and practical examples. Our goal is to empower developers of all levels to grasp the full potential of Refine.js effortlessly.

## Sneak Peek: Login Page UI Video

As a special treat, we're thrilled to share a sneak peek of our upcoming video showcasing the UI of our beautifully designed login page. This video will give you a glimpse of the intuitive and user-friendly interface we've created for Refine Master. Stay tuned for its release, as it's just the beginning of what Refine Master has to offer.

{% embed https://vimeo.com/841628238?share=copy %}

We would love to hear your insights and feedback to make Refine Master an even better learning experience. If you have any suggestions or ideas, please share them with us. Your input is invaluable in helping us improve and tailor our platform to meet your needs.
Introduction to the project (Frontend)
Tags: javascript, opensource, typescript, nextjs
Published: 2023-07-02 13:30:37

In this series, I will begin a journey into creating a platform that will allow anyone willing, to contribute to an open source project that is exciting and challenging at the same time.

This project is aim at developing a community of people that will provide up-to-date information about schools all around Nigeria.

We will begin with universities and trickle down to the basics of schools.

At the end of the day, we will have an API that will be available to anyone that wants to build a project that needs information about schools in Nigeria.

This will be a very long journey that we hope to write about for as long as we can and also help anyone for as much as we can
Check SSL certificate using online tool
Tags: linux
Published: 2023-07-02 13:28:00

When it comes to checking SSL certificate information, online tools provide a convenient and user-friendly way to obtain the necessary details. One such tool is DigiCert's SSL Certificate Checker, available at https://www.digicert.com/help/.

DigiCert's SSL Certificate Checker offers a comprehensive platform to validate and analyze SSL certificates for various domains. Here's how you can use it to check SSL certificate information:

1. Visit the website: Start by navigating to https://www.digicert.com/help/ in your web browser. This will take you to the DigiCert SSL Certificate Checker page.

2. Enter the domain: In the provided text field, enter the domain name for which you want to check the SSL certificate. For example, enter "example.com" or any other domain you wish to examine.

3. Perform the check: Click on the "Check" or "Submit" button to initiate the SSL certificate check. The tool will start the verification process and retrieve the certificate details for the specified domain.

4. View the results: Once the check is complete, the SSL Certificate Checker will display a comprehensive report containing various aspects of the SSL certificate. This report typically includes information such as the certificate's validity dates, issuer details, encryption strength, and any detected errors or warnings.

5. Analyze the certificate information: Take a closer look at the certificate details presented in the report. Pay attention to the validity dates, ensuring that the certificate is not expired or nearing its expiration date. Verify the issuer information to confirm its authenticity and trustworthiness. Additionally, review any error or warning messages provided, as they may indicate potential issues with the certificate configuration.

By utilizing online tools like DigiCert's SSL Certificate Checker, you can quickly and efficiently gather important SSL certificate information. These tools offer a convenient alternative to command-line methods and allow you to validate certificates for different domains without requiring advanced technical knowledge.

we can also use other tools to check ssl certificate. To check more details about this, you can check this article.

[https://www.howtouseubuntu.com/ssl/how-to-check-ssl-certificate/](https://www.howtouseubuntu.com/ssl/how-to-check-ssl-certificate/)
Create a Custom VPC
Tags: aws, vpc, cloud, networking
Published: 2023-07-02 13:06:31

🌟 Excited to share my latest blog post on creating a custom VPC in AWS! 🌐💻

In this blog, I walk you through the process of setting up your very own Virtual Private Cloud (VPC) on Amazon Web Services (AWS). 🚀✨

🔐 Discover how a VPC gives you complete control over your network infrastructure and enhances the security of your cloud resources.

💡 Learn about CIDR notation and how it simplifies IP address allocation, making your network management a breeze.

🔢 Dive into subnetting and understand how it optimizes network performance and enhances scalability within your VPC.

🌍 Explore the importance of an internet gateway and how it enables seamless connectivity between your VPC and the world wide web.

🚦 Unveil the power of route tables and how they help you navigate network traffic within your VPC, making your applications and services easily accessible.

📚 Don't miss out on this insightful guide for creating a custom VPC in AWS! Level up your cloud networking skills today! 💪

Read the blog here: https://munikanth.hashnode.dev/vpc-aws
Internal Developer Platform Misses the Mark
Tags: devops, idp, platform
Published: 2023-07-02 16:58:04

---
title: Internal Developer Platform Misses the Mark
published: true
date: 2023-07-02 13:00:00 UTC
tags: devops, idp, platform
canonical_url: https://nathanfries.com/posts/platform-engineering-ldp/
---

2023 seems to be the year of the Platform Team™️ and the Internal Developer Platform™️. DevOps is once again a process instead of a role, and PagerDuty is raking in the cash because everyone is a service owner and needs to be added to the on-call rotation.

Tools like Backstage and Port are enabling product teams to ship new microservices and microfrontends at _blazingly fast_ speeds, armed with confidence that the platform team has blessed the Golden Path, deeming it secure, performant, and maintainable.

Since our developers are building mircroservices, _which are inherently developed in isolation without exception_, services owners are free to determine the development experience. External teams are never impacted by these decisions, and platform teams need not concern themselves.

Oops, dropped my /s.

If the project has reached any level of maturity, there are inevitably going to be some skeletons in the closet, some "temporary" coupling due to business needs, a shared database, _something_ that prevents completely isolated development in all cases.

We have the Internal Developer Platform, encompassing the difference resources, internal tools, service and package skeletons, which may or may not be exposed by an Internal Developer Portal - but what about those legacy systems, or those tightly coupled services, those things we simply haven't had time to onboard to our portal or adopt into our platform? Who owns the developer experience there?

Perhaps our golden application skeleton, which can be provisioned and deployed in minutes is configured to work in isolation, encourages development in isolation. It is configured with integration testing, contract testing, and properly versioned. But those legacy portions, the parts configured by the last regime (which may or may not be the same regime having gone through a Platform Engineering rebrand) are not included in our IDP.

The local development experience is seemingly forgotten along the way. I think there is room for it in the Internal Developer Platform.
Monthly Amazon Location Service Updates - 2023.06
Tags: amazonlocationservice, amplifygeo, amplify, amazonlocationserviceupdates
Published: 2023-07-02 12:42:14

![img](https://day-journal.com/memo/images/logo/aws/location-service.png)

### Monthly Amazon Location Service Updates - 2023.06

<br>

This is a summary of the June updates for Amazon Location Service.

<br>

## 2023.06 Updates

[Amazon Location Service adds support for place categories](https://aws.amazon.com/about-aws/whats-new/2023/06/amazon-location-service-place-categories/)
The geocoding feature now allows filtering by category.

[Amazon Location Service now supports geofence metadata](https://aws.amazon.com/about-aws/whats-new/2023/06/amazon-location-service-geofence-metadata/)
Metadata properties can now be added to the geofence function.

<br>

## Other Info

[Amazon Location Service Developer Guide](https://docs.aws.amazon.com/location/latest/developerguide)
Official Amazon Location Service Documentation.

[Amplify Geo Docs](https://docs.amplify.aws/lib/geo/getting-started/q/platform/js)
Official Amplify Geo Docs.

[Amazon Location Service Samples](https://github.com/aws-samples/amazon-location-samples)
Official Amazon Location Service samples.

[amazon-location-service-starter](https://github.com/dayjournal/amazon-location-service-starter)
Build environment to get started with Amazon Location Service.

[A Summary of How to Build Amplify Geo and Amazon Location Service](https://dev.to/aws-builders/a-summary-of-how-to-build-amplify-geo-and-amazon-location-service-5hal)
Summary of Amazon Location Service and Amplify Geo. (as of December 2021)  

[dev.to](https://dev.to/dayjournal)
Articles on Amazon Location Service.

[tags - Amazon Location Service](https://day-journal.com/memo/tags/Amazon-Location-Service)
[tags - Try](https://day-journal.com/memo/tags/Try)
Notes on Amazon Location Service. (Japanese)

<br>

## Related Articles

{% link https://dev.to/aws-heroes/monthly-amazon-location-service-updates-202304-1802 %}
Ever felt the need to check your cloud builds from the toilet?
Tags: devops, github, cicd
Published: 2023-07-02 12:18:04

Hi 🙋‍♂️ 
I’m Felix and I recently started working on an app to stay informed about ci pipelines on Github and Gitlab. You can read logs and get notified about failures and more. Wherever, whenever. 

Let me know if this is something you would use and what features you wish for.

You can find more information on https://build-companion.com
Selling Apps as NFT
Tags: opensource, marketing, webdev
Published: 2023-07-02 12:16:48


NFTs have revolutionized our perception of ownership, prompting me to delve into their potential for open source projects. 

As someone who sells an open source white label license, I found it particularly convenient to explore this new avenue. 

Excitingly, I recently made my first sale! 

[opensea.io](https://opensea.io/assets/ethereum/0x495f947276749ce646f68ac8c248420045cb7b5e/36857161452125477999409152753333965142166767256948391279594632036039750844417/)

The question arises: How does selling an open source app as an NFT actually work? 

It's a fascinating concept. 

When someone purchases the NFT, they not only gain access to the app's code and the rights to modify it but also become an integral part of its history and legacy.

What's even more remarkable is that they have the freedom to resell or license the app, while actively contributing to its ongoing development and the vibrant community surrounding it.

This groundbreaking approach has sparked captivating discussions about the future of open source and the value we attribute to digital creations. 

It challenges the traditional models of app distribution and monetization, empowering developers and enthusiasts in innovative ways.

AMA (Ask Me Anything):

I invite you to share your experiences and thoughts on selling open source projects as NFTs. 

Let's engage in an insightful conversation and hear your valuable insights. Please leave your comments below. 🙏