teleren/devto huggingface dataset:
HTML - 9. BLOCK & INLINE ELEMENT WEB | iAppTech.id
Tags: html, webdev, programming, beginners
Published: 2023-12-20 06:06:48


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

Welcome to iAppTech.id! 🚀

📚 Materi:
HTML — 9. Block & Inline Element pada Web, watch it!

👋 Halo, iAppTechers!
Kami adalah channel yang berfokus pada pembahasan seputar Frontend Development. Di sini, kami membawa Anda ke dalam dunia desain antarmuka, pengembangan web, dan segala hal seputar Frontend.

🔗 Playlist HTML:
https://www.youtube.com/playlist?list=PLc6PvCQzjsh_kCOlaz4ZFr8s708gNNVSv

💬 Disclaimer:
Channel ini saya buat khususnya untuk saya pribadi, dikarnakan menurut saya ketika saya belajar harus membuat konten, kenapa? karna menurut saya hal terbaik ketika belajar adalah mengaplikasikannya kembali, ditambah saya paham bagaimana jangka memori otak saya yang lama-lama tergerus oleh usia kedepannya, makanya saya buat channel ini untuk e-Library pengetahuan saya dibidang IT khususnya Frontend Developer. Ditambah saya juga mempunyai salah satu prinsip yaitu:

"Jika seorang manusia meninggal dunia, terputuslah amalnya, kecuali dari tiga hal: sedekah jariyah, ilmu yang bermanfaat dan anak shaleh yang berdoa untuknya." (HR. Muslim).

🖥️ Apa yang Akan Kamu Temukan di Sini?
Dapatkan wawasan mendalam tentang berbagai teknologi frontend, tutorial praktis, tips & trik, serta eksplorasi proyek-proyek menarik. Kami akan memandu Anda melalui dunia seru Frontend Development!

☕ Traktir Saya Ngopi:
 https://saweria.co/appardana

🔔 Berlangganan Untuk Konten Berkualitas:
Jangan lupa tekan tombol subscribe untuk tetap terkini dengan konten-konten menarik kami. Kami sangat bersemangat untuk berbagi pengetahuan dan pengalaman dengan Anda!

⏰ Jadwal Ngonten: Setiap Selasa dan Kamis, pastikan Anda tidak ketinggalan!

🤝 Mari Bergabung dalam Komunitas:
- https://www.youtube.com/c/iapptech
- https://discord.com/channels/1171443162108141679/1171443165123854421

Terima kasih telah bergabung dengan iAppTech.id. Mari bersama-sama memperkaya pemahaman kita tentang Frontend Development!

✨ Don't forget, ngopi heula… ✨

iAppTech #iAppTechId #Frontend #frontenddeveloper #programming #programmer #web #webdevelopment #Aditria #Pardana #AditriaPardana
1. Describe the Python Selenium Architecture in Detail? Significance of the Python Virtual Environment?
Published: 2023-12-20 06:01:44

1. As we all know, Selenium is an automation tool used for web application testing, and Python is a programming language. Selenium scripts can be written using only programming languages; the most commonly used programming languages are Java and Python.

Python Selenium Architecture consist of multiple things that is necessary to design architecture.

Like Selenium Grid, Selenium IDE, Selenium Web Driver, Selenium Remote Control.


It is a popular open-source framework for automating web browsers. It allows developers to write scripts in various programming languages, including Python, to automate the testing of web applications or perform other browser automation tasks. The Python Selenium architecture involves several components and concepts. 
Here are the components-

**1. Selenium WebDriver:**

At the core of the Selenium architecture is the WebDriver, which is a browser automation API. It provides a programming interface to interact with web browsers, allowing you to control browser behavior programmatically.
WebDriver supports various browsers such as Chrome, Firefox, Safari, and Internet Explorer, among others.

**2. Browser Driver-**

Each browser requires specific driver to communicate with the WebDriver like If we want to automate Chrome we need ChromeDriver for automating Firefox, We need GeckoDriver.

**3. Script Execution Flow-**

a. Initiate WebDriver
b. Navigate
c. Locate Elements
d. Perform Actions
e. Assertions
f. Cleaner

**4. Locaters**
Locators are used to identify and interact with HTML elements on a web page. Common locators include:
ID, Name, Class Name, XPath, CSS Locater

**5. WebDriver Manager**
WebDriver Manager is a library that simplifies the management of browser drivers. It can automatically download and configure the appropriate driver for the specified browser, making it easier to set up and maintain Selenium projects.
 
**6. Selenium Grid-**

Selenium Grid allows you to run tests on different machines in parallel. It consists of a hub and multiple nodes. The hub manages the test distribution, and nodes execute the tests on different browsers and platforms.

## Python Virtual Environment-

Python Virtual Environment is the self contained directory that contains Its own python interpreter and a set of libraries and scripts. It allows you to create isolated environments for python projects, ensuring that each project without interfering the Global python environment.

Here are some key benefits of using Python Virtual environment-

1. Isolation
2. Dependency Management
3. Easy Deployment
4. Ease in Collaboration
5. Version Compatibility
Identifying Silent Breaking Changes
Tags: breaking, changes, silent, concealed
Published: 2023-12-20 05:57:36

# Identifying Silent Breaking Changes in Code

Silent breaking changes in code are significant challenge for developers and code bases because they introduce alterations that are not immediately apparent or visible. 
These changes can lead to unexpected issues in applications, and identifying and addressing them becomes crucial for maintaining code stability. Lets explore some strategies to recognize and handle silent breaking changes.

## Common Types of Silent Breaking Changes

1. **Algorithmic Changes:**
Modifying underlying logic without updating documentation, proper communication, or corresponing tests failing.
 

2. **Behavioral Changes:**
Changes in input or output expectations that produce an undesired behavior or a bug that is not addressed or documented


3. **Side Effect Changes:**
Modifications to the code that impacts global state,   interactions with other systems, unintended consequences in resource usage or dependencies or race conditions


## Strategies for Identification

1. **Thorough Testing:**
   - Implement a lot of test suites that cover various scenarios, the more the merrier
   - Include unit tests and integration tests to ensure different aspects of the code are validated.
   - Update unit tests when fixing a bug to cover the case

2. **Continuous Integration:**
   - Integrate automated testing into your development workflow.
   - Regularly run tests on different environments to catch discrepancies.

3. **Code Reviews:**
   - Conduct thorough code reviews to catch subtle changes.
   - Foster team members to explicitly document any modifications made.

## Addressing Silent Breaking Changes

### 1. **Clear Documentation:**
   - Document all changes, even minor ones.
   - Use clear and concise language to explain modifications and their potential impact.

### 2. **Semantic Versioning:**
   - Follow a versioning system like Semantic Versioning (SemVer).
   - Clearly communicate breaking changes through version numbers.

### 3. **Deprecation Warnings:**
   - Introduce deprecation warnings for functions or features that will be phased out.
   - Provide information on alternatives or recommended updates.

### 4. **Communication within the Team:**
   - Foster a culture of open communication within the development team.
   - Encourage team members to discuss potential breaking changes during code reviews, stand-ups or regular meetings.

## Parting Thoughts

Silent breaking changes can undermine the stability and reliability of codebases. Identifying and addressing these changes require a combination of solid testing practices, proactive communication, and following established development standards. By implementing these strategies, it's possible to minimize the risk of silent breaking changes and ensure a smoother and more predictable development process.
Port Authority LW701 Ladies 3/4 Sleeve Tunic Blouse
Published: 2023-12-20 05:54:40

Wear the [Port Authority LW701](https://www.veetrends.com/port-authority-lw701.aspx) Ladies 3/4 Sleeve Tunic Blouse to elevate your workwear ensemble. This stylish blouse blends contemporary design with classic elegance, making it both comfortable and stylish. Try on a variety of outfits that are adaptable and stand out in any professional situation. Buy now to get the ideal fusion of style and functionality.
Web Scraping with Langchain and html2text
Tags: python, programming, beginners, tutorial
Published: 2023-12-20 05:43:50

## Introduction

In this blog post, you will be guided on how to perform a simple web scrapping using the available open source python packages. We are going to make use of the langchain and html2text. 

## Hands-on

First, we need to make sure to install the langchain and html2text packages.

```
!pip install -q langchain playwright beautifulsoup4 html2text
```

Here's the code snippet for accomplishing the web scrapping. The following code is utilizing the langchain's AsyncHtmlLoader and the  Html2TextTransformer from html2text package for the extraction of HTML to Text.

```
import html2text
from langchain.document_loaders import AsyncHtmlLoader
from langchain.document_transformers import Html2TextTransformer

async def do_webscraping(link):
    try:
        urls = [link]
        loader = AsyncHtmlLoader(urls)
        docs = loader.load()

        html2text_transformer = Html2TextTransformer()
        docs_transformed = html2text_transformer.transform_documents(docs)

        if docs_transformed != None and len(docs_transformed) > 0:
            metadata = docs_transformed[0].metadata
            title = metadata.get('title', '')
            return {
                'summary': docs_transformed[0].page_content,
                'title': title,
                'metadata': metadata,
                'clean_content': html2text.html2text(docs_transformed[0].page_content)
            }
        else:
            return None

    except Exception as e:
        print(f"An unexpected error occurred: {e}")
        return None
```

Let's see the real code usages now. Assume below are the URLs for which you wish to do the web scrapping.

```
google_search_results = ['https://www.yelp.com/search?cflt=seafood&find_loc=Mountain+View%2C+CA+94043',
 'https://www.yelp.com/search?cflt=seafood&find_loc=Mountain+View%2C+CA',
 'https://www.opentable.com/cuisine/best-seafood-restaurants-mountain-view-ca']
```

Here's the logic for interacting and performing the web scrapping.

```
for link in google_search_results:
  print(link)
  response = await do_webscraping(link)
  if response != None:
    structured_response.append(response)
```

![Google-Web-Scrapping](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vyu2px7ttclklltzi3vy.png)

Here's the structured response.


![Google-Web-Scrapping-Structured-Response](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p1yui17nby5rgfdxi25v.png)
Realtime Google Search
Tags: python, programming, beginners
Published: 2023-12-20 05:23:32

## Introduction

In this blog post, you will be guided with the simplest method on how to perform the programmatic Google search using the open source python packages. 

The following is the code snippet which demonstrates the usage of the most prominent packages for accomplishing the real-time Google search.

```
!python3 -m pip install googlesearch-python
```

## Hands-on

Let's get our hands dirty in working and solving the real problem. We need to search query to start with. Let us consider the following.

```
search_query = 'Sea food near Googleplex\n1600 Amphitheatre Parkway\nMountain View, CA 94043\nUnited States'
```

Let's do the real time google search using the following code. We could also limit the number of interested results.

```
google_search_results = []
number_of_results = 2
from googlesearch import search
results = search(search_query, lang="en", num_results=number_of_results)
```

Let's do some more results formatting to eliminate the unwanted results.

```
for result in results:
  if not result.startswith("https://www.tripadvisor.com"):
    google_search_results.append(result)
```

![Realtime-Google-Search](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7ge0gbdsix6mi2k35sai.png)

## Coming Next

Please refer to the below blog posts to perform the data extraction including the structured data extract using Google Gemini Pro LLM.

[google-search-with-structured-data-extraction](https://dev.to/ranjancse/google-search-with-structured-data-extraction-3d3e)
[web-scraping-with-langchain-and-html2text](https://dev.to/ranjancse/web-scraping-with-langchain-and-html2text-5edl)
DXB Apps - Setting the Bar High in Best-in-Class App Development
Tags: appdevelopmentdubai, dubaiappdevelopment, mobileappdevelopmentcompanyuae, applicationdevelopmentdubai
Published: 2023-12-20 05:13:47

As a Custom App Development Company in Dubai, we understand that every business has its own set of challenges and objectives. That's why we offer customized mobile app development services to ensure that your app perfectly aligns with your brand's vision and goals. Our team of in-house designers and developers is highly skilled and possesses a deep understanding of the latest industry trends, allowing us to create innovative and engaging mobile applications.

At [DXB Apps](https://dxbapps.com/), we are experts in delivering customized mobile app development solutions for businesses in Dubai and beyond. With our passion for innovation, we offer a wide range of services to cater to diverse industries such as education, e-commerce, healthcare, and automotive. Our comprehensive mobile app development services include Android app development, iOS app development, POS app development, and DApp development. We stay at the forefront of technology, leveraging Artificial Intelligence, AR/VR, NFT, Blockchain, and IoT to create immersive and feature-rich mobile applications. Partnering with us allows companies to enhance their digital presence and embrace cutting-edge solutions that drive growth and innovation. We provide end-to-end services, from conceptualization to design, development, testing, and deployment. Our experienced professionals work closely with clients to understand their unique requirements and goals. We deliver tailored solutions that align with their business objectives, ensuring a seamless user experience and optimal performance.
🐧 Exploring the World of Linux 🚀
Tags: linux, devops, beginners
Published: 2023-12-20 03:58:54

I've been on an exciting journey to deepen my Linux skills, and I'm thrilled to share a comprehensive Notion page I've created along the way. 🌐✨

📋 Notion Page Highlights: 
- Features: Exploring the power of Linux and its unique features. 
- Text Editors: Diving into text editor. 
- Commands Galore: From Basic to Advanced, System-level to File Transfer 
– covering it all! Check it out here: https://www.notion.so/Linux-b149b57e0e37456684c29a1a7801dea5?pvs=4
Entwicklungsanleitung für eine Dating-Website
Tags: webdev, javascript, tutorial
Published: 2023-12-20 03:57:53

In diesem Tutorial werden die grundlegenden Schritte zur Entwicklung einer Dating-Website erläutert. Beachten Sie, dass dies eine vereinfachte Anleitung ist, die je nach spezifischen Anforderungen und Technologien angepasst werden kann.

## Schritt 1: Anforderungsanalyse

Definieren Sie die Funktionen Ihrer Dating-Website, einschließlich Benutzerprofile, Messaging, Suchalgorithmen und anderer relevanter Funktionen.

## Schritt 2: Technologiestack auswählen

Wählen Sie die Technologien aus, die Sie verwenden möchten, wie HTML/CSS für die Benutzeroberfläche, eine Backend-Sprache (z.B. Node.js, Django) und eine Datenbank (z.B. MySQL, MongoDB).

## Schritt 3: Benutzeroberfläche entwerfen

Erstellen Sie Mockups und Designs für eine klare und benutzerfreundliche Benutzeroberfläche.

## Schritt 4: Benutzerregistrierung und -authentifizierung

Implementieren Sie ein sicheres Registrierungs- und Authentifizierungssystem, um die Benutzerdaten zu schützen.

## Schritt 5: Benutzerprofile erstellen

Ermöglichen Sie Benutzern, Profile mit Informationen wie Fotos, Interessen und persönlichen Details zu erstellen.

## Schritt 6: Such- und Matching-Algorithmus implementieren

Entwickeln Sie einen Algorithmus, der Benutzer basierend auf ihren Präferenzen und Profilinformationen miteinander abgleicht.

## Schritt 7: Messaging-Funktion hinzufügen

Implementieren Sie eine Messaging-Funktion, damit Benutzer miteinander kommunizieren können.

## Schritt 8: Sicherheit und Datenschutz

Fügen Sie Sicherheitsmaßnahmen hinzu, um die Website vor Angriffen zu schützen. Achten Sie darauf, die Datenschutzbestimmungen zu beachten.

## Schritt 9: Testing

Testen Sie die Website gründlich, um Fehler zu finden und die Benutzererfahrung zu verbessern.

## Schritt 10: Deployment

Bereiten Sie Ihre Dating-Website für die Veröffentlichung vor. Wählen Sie einen Hosting-Service und deployen Sie Ihre Anwendung.

## Fazit

Herzlichen Glückwunsch! Sie haben erfolgreich eine grundlegende Dating-Website entwickelt. Denken Sie daran, Ihre [Website](https://sexnord.github.io/) regelmäßig zu aktualisieren und auf das Feedback der Benutzer zu reagieren.
Critically Analyze What You Read and Hear
Tags: codenewbie, softwaredevelopment
Published: 2023-12-20 03:24:25

| 🔴 **Disclaimer**: This post is enhanced with AI assistance.|
|--------------|


> Don’t be swayed by vendors, media hype, or dogma. Analyze information in terms of you and your project. ~ tip #10 from "The Pragmatic Programmer" book.

---

In realms of code, where voices vie,
A chorus of hype, beneath a neon sky.
Vendors peddle, media shouts,
Dogmas whisper, leaving minds in doubts.

But hold, dear developer, stand firm and keen,
Think critically, where filters intervene.
Don't be swayed by sirens' tempting song,
Analyze knowledge, right from wrong.

Is this framework truly a shining gem?
Or just a fad, destined to fade and dim?
Does this library solve a problem dire?
Or bloat your code, with features on fire?

Read reviews, with discerning eye,
Seek diverse voices, beneath the digital sky.
Test and compare, like a scientist bold,
Let data whisper, its stories untold.

Remember your project, its goals and its needs,
Let that be the compass, where your analysis feeds.
Not every trend, nor every tool that gleams,
Will fit your landscape, or fulfill your dreams.

Think critically, question, dissect,
Unravel the hype, where truths are suspect.
For in the realm of code, where knowledge takes flight,
Only informed choices, bring projects to light.

So stand your ground, with mind open wide,
Let reason be your torch, as you navigate the tide.
Be a discerning developer, bold and bright,
And code your future, bathed in reason's pure light.

---

|✍ **Powered by**: *Google Bard*|
|--------------|
Dhiwise
Published: 2023-12-20 01:24:33

Estou com uma aplicação no Dhiwise, estou tentando fazer o login pelo Google o mesmo apresenta o seguinte erro "The OAuth client was not found.
Se você é um desenvolvedor desse app, consulte os detalhes do erro.
Erro 401: invalid_client"
Se alguém ja passou por esse problema, e conseguir me dar uma mão.
Dia 9
Tags: emacs, devjournal, 100daysofcode, html
Published: 2023-12-16 04:37:16

#Dia 9


Dia 9 mas que escribir código, probé un poco de css , practicando modelo de cajas y leyendo un poco de teoría de css.
 Esta semana me costo mucho sentarme en la pc a programar o aprender mas bien. En mi ciudad esta haciendo muchísimo calor y estar 10 horas fuera de mi casa, volver intentar ponerme mucho calor no motiva. Estas épocas del año me afectan emocionalmente bastante. Pero bueno cuando no me puedo sentar a escribir algo de código. Se mezclan las ganas de aprender con la falta de tiempo la familia el trabajo el calor, la crisis económica. Son muchas cosas en la cabeza que muchas veces no dejan concéntrate. 
	Pero no estoy abandonando, la crisis me da mas ganas de seguir estudiando. Por ahí uno piensa en la edad de uno tener 38 no tener una carrera definida 2 hijos un trabajo mal pago, Argentina. Etc.  
Uno nunca le dedica el tiempo que cree que debería dedicarle, siempre pensamos que nos falta. La verdad no se. Me gusta aprender y seguir con este plan. Espero este año avanzar lo suficiente para buscar algún tipo de trabajo. Me da un poco de miedo pero bueno . Dejo una pequeña captura de pantalla de lo que hice para probar modelo de caja. 



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


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



#Day 9

On Day 9, rather than writing code, I experimented with some CSS, practicing box models, and delving into CSS theory. This week, it was challenging for me to sit down at the computer to program or learn. The weather in my city is extremely hot, and being outside my home for 10 hours, attempting to work in the intense heat, is not motivating. These times of the year affect me emotionally quite a bit. But when I can't sit down to write some code, the desire to learn mixes with the lack of time, family, work, heat, and economic crisis. There are many things on my mind that often make it hard to concentrate.

However, I am not giving up; the crisis actually motivates me to continue studying. Sometimes, I think about my age—being 38, not having a defined career, having two kids, a low-paying job, in Argentina, etc. One never dedicates the time one thinks they should dedicate; we always think we lack something. The truth is, I don't know. I enjoy learning and sticking to this plan. I hope to make enough progress this year to look for some kind of job. It scares me a little, but oh well. I'm attaching a small screenshot of what I did to test the box model.