teleren/devto huggingface dataset:
CSS Border
Tags: webdev, javascript, html, css
Published: 2023-03-16 09:21:00

**5. Code**

``` html
<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <style>
    * {
      /* border: solid blue; */
      /* margin: 0; */
    }

    h1 {
      border-width: 10px;
      border-style: outset double double groove;
      border-color: purple;

      border-block: 3px solid red;
      border-block-end: 4px solid white;
    }
  </style>
  </head>

  <body>
    <h1> Yahoo Baba Css Color</h1>

    <p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Error, nemo?
    </p>

    <p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Error, nemo?
    </p>
  </body>

</html>
```

**Output**
![Output](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1212cpp86vibxc070hmo.png)

Thank You.
You can follow us on:
[Youtube ](https://www.youtube.com/c/ULTIMATEPROGRAMMING)
[Instagram](https://www.instagram.com/full_stack_web_developer1/)
CSS through the ages - The Genesis
Tags: css, webdev, productivity
Published: 2023-03-16 09:20:02

The 1996 Summer Olympics were held in Atlanta, marking the 100th Anniversary of the modern Olympic Games. Dolly the Sheep became the first mammal to have been cloned from an adult somatic cell. Macarena, sung by Los del Río and remixed by The Bayside Boys, became a major dance craze and cultural phenomenon.


And in 1996, the first version of CSS specification is published. The standard contains specification to select font style,size and color

The standard allowed the user to select font style and size and change the colour of the text and background.

```css
  DIV P           { font: small sans-serif }
  .reddish H1     { color: red }
#x78y CODE      { background: blue }
  DIV.sidenote H1 { font-size: large }
  ```
CSS through the ages - The Proposal
Tags: css, webdev, productivity
Published: 2023-03-16 09:19:36

It all began in 1994. So, what happened with the world in 1994
The 1994 Winter Olympics were held in Lillehammer, Norway; Nelson Mandela casted his vote in the 1994 South African general election, in which he was elected South Africa's first president, The 1994 FIFA World Cup was held in the United States; you might be wondering why I am telling about the events in history here, which is no way related to CSS, It is because these events were interesting due to the fact that something big happened in the CSS world whenever there is a major history event.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x9xyb3qu6qaq23nxte7b.jpg)
It was in 1994, a Norwegian engineer Hakon Wium Lie [proposed](https://www.w3.org/People/howcome/p/cascade.html) a universal standardised style sheet for the internet



![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zic12lnhr9qgziwcd4lj.jpeg)
Among the people who responded to the first draft of CSS was Bert Bos. At that time, he was building Argo, a highly customizable browser with style sheets, and he decided to join forces with Håkon. 

CERN, the European Organization for Nuclear Research, is one of the world's largest and most respected centres for scientific research.

At the next WWW conference in April 1995, CSS was [presented](https://www.w3.org/Style/CSS20/history.html) again. Both Bert and Håkon were there.



## The Presentational Markup
```html
<H1>
<FONT COLOR="red">Chapter 1.</FONT>
<CENTER>I am center aligned text</CENTER>
<P ALIGN="right">This is a right aligned text</P>
<DIV BGCOLOR="yellow"></DIV>
</H1> 
```

## References
- [A brief history of CSS until 2016](https://www.w3.org/Style/CSS20/history.html)
Install nvm (Node Version Manager) inside zsh
Tags: nvm, node, zsh, linux
Published: 2023-03-16 09:18:05

To install nvm (Node Version Manager) inside zsh, you can follow these steps:

Open your terminal and navigate to your home directory:

bash
```
cd ~
```
Clone the nvm repository from GitHub:

bash
```
git clone https://github.com/nvm-sh/nvm.git .nvm
This will create a hidden directory named .nvm in your home directory.
```

Open your zsh configuration file:

bash
```
nano ~/.zshrc
```
Add the following line to the bottom of the file to source nvm:

bash
```
source ~/.nvm/nvm.sh
```
Save and exit the file by pressing Ctrl+X, then Y, then Enter.

Restart your terminal or source your .zshrc file:

bash
```
source ~/.zshrc
```
Verify that nvm is installed by running the following command:

bash
```
nvm --version
```
You should see the version number of nvm printed to the console.

Now you can use nvm to install and manage different versions of Node.js on your system.

Now you can install your desired version like :

```
nvm install v16.6.0
```

Now globally it's using **v16.6.0**
To check list of nvm we can use:

```
nvm ls 
```
And to use specific version we can use this command:

```
nvm use v16.6.0
```

**Thanks**
CSS Color & Background Color
Tags: html, css, webdev, beginners
Published: 2023-03-16 09:14:55

**3 - Code**

``` html
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <h1 style="color: rgb(234, 226, 226); background-color: pink;"> Web Development </h1>

  <p style="color: rgb(209, 195, 195); background-color: blue;"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore veniam maxime laboriosam similique laudantium aut! Fugiat quia ullam sapiente quos <span style="background-color: red;"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae, nisi. </span> cupiditate consequatur laudantium quas, doloremque inventore, officiis aperiam exercitationem blanditiis ab! Facilis adipisci libero dolores quidem autem vitae natus ea vero cupiditate amet magni ipsum dolorum eum accusantium veritatis nam, culpa voluptatum in saepe aspernatur laudantium? At tempora fugiat in odio dignissimos eum accusamus voluptates consequuntur aliquam odit beatae, exercitationem quidem, reiciendis officia minus delectus, similique atque quis. Reprehenderit laborum nihil doloribus eius alias laboriosam optio repellendus voluptas, dolores exercitationem officia, error dolorem. Qui recusandae adipisci minus excepturi, fugit repudiandae.</p>

  <p style="color: rgb(220, 201, 201); background-color: red;"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo, ullam nesciunt! Eius magnam quod assumenda consequuntur cupiditate quam rem omnis vitae illo, aut porro aperiam odio veniam voluptatum ipsa eaque praesentium libero amet minus vel reiciendis dignissimos! Sunt, odit at. Deserunt voluptates perferendis, ratione, repellat amet earum sequi consequatur excepturi voluptatem laboriosam nostrum. Nobis debitis temporibus ad nihil vero sapiente quasi tenetur cumque laudantium consectetur inventore sequi fugiat numquam quisquam eaque culpa ut illo omnis incidunt blanditiis, nemo pariatur. Eos nisi explicabo natus laboriosam sequi fugit, repellat eum totam quo rerum voluptatum, quas, commodi eius. Ipsa, placeat? Adipisci, nam repellendus. </p>


</body>

</html>
```

**Output**
![Output](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iwcyl9d1o87ylrk4w7mk.png)

Thank You.
You can follow us on:
[Youtube ](https://www.youtube.com/c/ULTIMATEPROGRAMMING)
[Instagram](https://www.instagram.com/full_stack_web_developer1/)
The Southwest Terminal at Sacramento International Airport
Published: 2023-03-16 09:12:50

If you're flying with [Southwest Airlines to or from Sacramento](https://www.airlinesmap.com/southwest-airlines-sacramento-international-airport), you'll be using the Southwest terminal at Sacramento International Airport. The terminal is modern and spacious, with two gates (A8 and A10) and easy access to security checkpoints and baggage claim. There are also plenty of food and beverage options, including Starbucks and California Pizza Kitchen. If you need to catch up on work or check your email, free Wi-Fi is available throughout the terminal. There are also charging stations where you can charge your electronic devices.
Dotnet Online Job support from India
Published: 2023-03-16 09:07:40

**About we provide:**
Dotnet is one of the programming languages. It is command base execution programming. **[Dotnet Online Job support from India](https://proxyjobsupport.com/dotnet-online-job-support/)** command have two functions, it provides programming commands for working with DotNet Projects. This DotNet programming is used to create a server application to run on Windows, Linux and MAC OS. By using user interface DotNet us currently support desktop applications. DotNet programmer is named as DotNet Developers. This DotNet developers can able to write libraries and applications by using VB.net, C# and F# in both runtimes. DotNet is the open-source development tool. ASP .
**About job support:**
Net is the web framework far ahead in speed by comparing Java web frameworks. DotNet will be the single unified platform for building applications that have runs all OS platform as well the devices like IoT, VLSI, etc. Proxy Job Support, we provide the DotNet Online Job Support through all medium like Webex, Zoom, Goto Meeting, Google Meet, Team Viewer, Net meeting, etc.
[Vue/Typescript] Memory leak when changing a value that indicates an index in a computed property
Tags: vue, typescript
Published: 2023-03-16 08:46:24

Hi,

I am having issues with a computed property
```
correctAnswersForCurrentStage(): object {return 
    return this.correctAnswers[this.currentLevel] ?? {};
},
```
Some context:
this.correctAnswers is an object where the properties are the levels and the values are object for each gate: 
```
this.correctAnswers = {
     "1": {
        "1": 15,
        "2": 25,
        "3": 35,
        "4": 45
    },
    "2": {
        "1": 15,
        "2": 25,
        "3": 35,
        "4": 45
    },
}
```

so when a level is finished, i increase the level like 
```
this.currentLevel++
```

and after this everything blocks. I don't know if it's Vue or TypeScript that gives this problem. Or maybe the combination of both?
Anyone an idea why this happens?
🚀 10 Smart Tips for Boosting Your Productivity as a Developer 💻
Tags: webdev, programming, tutorial, productivity
Published: 2023-03-16 08:44:14

**Introduction:**
As developers, we're often tasked with juggling multiple projects, meeting tight deadlines, and keeping up with the latest technologies. With so much on our plates, it's easy to feel overwhelmed and struggle with productivity. But fear not! In this post, we'll be sharing 10 smart tips for boosting your productivity as a developer 💪.

1. **Prioritize Your Tasks** 📝: Start each day by identifying the most important tasks you need to complete. Rank them in order of priority and tackle them one at a time. This will help you stay focused and make progress on the most critical tasks first.

2. **Use Time-Blocking** ⏰: Time-blocking involves scheduling specific blocks of time for each task on your to-do list. This can help you stay on track and prevent distractions from derailing your progress.

3. **Take Regular Breaks** 🧘: It's easy to get caught up in work and forget to take breaks, but taking regular breaks can actually boost your productivity. Try taking a 5-10 minute break every hour or so to stretch, move around, and recharge.

4. **Minimize Distractions** 🙅‍♂️: Whether it's social media, email notifications, or chatty coworkers, distractions can quickly eat into your productivity. Try to minimize distractions by turning off notifications and finding a quiet space to work.

5. **Automate Repetitive Tasks** 🤖: Are you spending hours on tedious, repetitive tasks? Look for ways to automate these tasks using tools like macros, scripts, or plugins.

6. **Learn Keyboard Shortcuts** ⌨️: Keyboard shortcuts can save you a significant amount of time in the long run. Take the time to learn the shortcuts for your favorite text editor, IDE, or operating system.

7. **Use a Task Manager** 📝: A task manager can help you stay organized and ensure you're on track to meet your deadlines. Try tools like Trello, Asana, or Todoist to keep your tasks and projects in order.

8. **Take Care of Your Health** 🌿: Your physical and mental health can significantly impact your productivity. Be sure to prioritize sleep, exercise, healthy eating, and stress management to keep yourself in top form.

9. **Collaborate Effectively** 👥: Working with others can be both rewarding and challenging. To collaborate effectively, establish clear communication channels, set expectations early on, and be open to feedback and suggestions.

10. **Keep Learning** 📚: Technology is constantly evolving, and as developers, we need to stay up-to-date on the latest trends and tools. Make a habit of reading blogs, attending conferences, and taking courses to expand your knowledge and stay ahead of the curve.

**Conclusion:**
Boosting your productivity as a developer doesn't have to be complicated. By prioritizing your tasks, minimizing distractions, and taking care of your health, you can set yourself up for success. Implementing these 10 smart tips can help you stay focused, motivated, and productive in your work as a developer.
Test upstream PR changes locally [Github]
Tags: pr, github, git
Published: 2023-02-15 19:44:52

---
title: Test upstream PR changes locally [Github]
published: true
description: Test upstream PR changes locally
tags: pr, github, git
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-02-15 19:00 +0000
---

Steps to bring the changes made in a pull request into your local machine: 

- Find the `id` of pull request you want to test (say it is `#2361`) as well as the `name of source branch` in the pull request (say it is `renovate/prisma-monorepo`)
![PR id and branch name](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/14qk83rk77q4es0ksf9d.png)
<br />
- When working on a fork of a upstream repo, `git remote -v` may look like this:
    ```bash
    origin  git@github.com:atosh502/chapter.git (fetch)
    origin  git@github.com:atosh502/chapter.git (push)
    upstream        https://github.com/freeCodeCamp/chapter.git (fetch)
    upstream        https://github.com/freeCodeCamp/chapter.git (push)
    ```
<br />
- The PR is likely made against a branch(destination: `main`) in the upstream repo. In order to get the branch(source: `renovate/prisma-monorepo`) containing the changes for PR to the local repo use the following:
    ```bash
    # git fetch origin pull/<ID>/head:<BRANCH_NAME>
    git fetch upstream pull/2361/head:renovate/prisma-monorepo
    ```

<br />
- After this the upstream branch from PR will be available as a local branch and we can test the changes.


## Resources
* Easy to follow and simpler
  - [How to Checkout Git Pull Request](https://devopscube.com/checkout-git-pull-request/)
  - [Checking out pull requests locally](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/reviewing-changes-in-pull-requests/checking-out-pull-requests-locally)

* Hard to follow and complex
  - [How can I fetch an unmerged pull request for a branch I don't own?](https://stackoverflow.com/questions/6743514/how-can-i-fetch-an-unmerged-pull-request-for-a-branch-i-dont-own)
  - [How do I check out a remote Git branch?](https://stackoverflow.com/questions/1783405/how-do-i-check-out-a-remote-git-branch)
  - [How can I check out a GitHub pull request with git?](https://stackoverflow.com/questions/27567846/how-can-i-check-out-a-github-pull-request-with-git)
123123
Tags: beginners, webdev, javascript, react
Published: 2023-03-16 08:11:45

3123123123

123

> `const a = a`
qưeqwe

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

> qưeqwe
PERFECT ROADMAP FOR REACT DEVELOPER
Tags: webdev, javascript, programming, react
Published: 2023-03-16 08:09:44


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

Perfect Roadmap for React Developer😛Yuk belajar bareng serta diskusi dikolom komentar, serta di save biar ga lupa💬😝

🌱Follow : @appardana
💭Stay Young, Be Innovative and Keep Learning

#Content #Tips #Trick #Knwoledge #Management #CSS #React #ReactJS #Frontend #JustifyContent #Java #PHP #Javascript #Phyton #C #Web #Skills #IT #Backend #Developer #Roadmap #SelfImprovement #Growth #Aditria #Pardana #AditriaPardana #appardana #iAppTech ⚛️💻


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gt5v13yrphafld93cufr.jpg)
openGauss Development Based on ODBC
Tags: opengauss
Published: 2023-03-16 08:02:49

Open Database Connectivity (ODBC) is a Microsoft API for accessing databases based on the X/OPEN CLI. Applications interact with the database through the APIs provided by ODBC, which enhances their portability, scalability, and maintainability.

Figure 1 shows the system structure of ODBC.

Figure 1 ODBC system structure


openGauss supports ODBC 3.5 in the following environments.

Table 1 OSs Supported by ODBC


OS

Platform

CentOS 6.4/6.5/6.6/6.7/6.8/6.9/7.0/7.1/7.2/7.3/7.4

x86_64

CentOS 7.6

ARM64

EulerOS 2.0 SP2/SP3

x86_64

EulerOS 2.0 SP8

ARM64

The ODBC Driver Manager running on UNIX or Linux can be unixODBC or iODBC. unixODBC-2.3.0 is used as the component for connecting the database.

Windows has a native ODBC Driver Manager. You can locate Data Sources (ODBC) by choosing Control Panel > Administrative Tools.

 NOTE:
The current database ODBC driver is based on an open-source version and may be incompatible with data types tinyint, smalldatetime, and nvarchar2.

ODBC Packages, Dependent Libraries, and Header Files

Configuring a Data Source in the Linux OS

Development Process

Example

ODBC Interface Reference
A new update of the Corteza open-source low-code development platform, has been released: Corteza 2022.9.8
Tags: release, update, lowcode, opensource
Published: 2023-03-16 07:58:01


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uirsvbgdd65c7rnql1f1.png)
Corteza is a 100% open-source low-code, rapid application development, business process and integration platform, developed and maintained by Planet Crust.

Check out the new features, changes and fixes of Corteza 2022.9.8: https://www.planetcrust.com/planet-crust-releases-corteza-2022-9-8
GPT-4 has finally arrived: Here is what you need to know
Published: 2023-09-05 12:10:39

---
title: GPT-4 has finally arrived: Here is what you need to know
published: true
date: 2023-03-16 07:57:12 UTC
tags: 
canonical_url: https://codenego.tech/what-you-need-to-know-about-gpt4
---

If you are as excited as I am, then you probably have been expecting the arrival of GPT-4 as well. It was less than 1 year ago when OpenAI opened access to the most advanced chatbot called chatgpt, The AI with about 175,000,000 parameters is capable of generating human-like text with almost 100% accuracy, able to write codes, writes documents, communicating and answering questions faster and better than a google search.

This has put a lot of people in fear that their job will be replaced by AI very soon. OpenAI also announced that they were working on another version of AI known as GPT-4 and it would have over 100,000,000,000(100 billion) parameters. This would mean that it would have more than 10 times the current capacity of GPT-3.

Less than 48hours ago, OpenAi finally launched GPT-4 and this post will give you 5 awesome abilities of GPT-4:

1. Generate Codes: unlike GPT-3, GPT-4 can generate more larger and accurate codes and can handle 25K input words. You can just simply tell it "Generate a python code for todo app" and it will. Not only that, but it can also be your best debug partner.

2. Create websites from mockup: This is one amazing ability that makes GPT-4 so awesome.

3. Build working video games: The ability for it to create an entire game from scratch in any language makes it so super scary. You can tell it to write you a game of pong or even a snake game or to beat it all, tell it to write you a 3d video game.

4. Generate meaning from images: If you ever come across an image or photo in which you arent sure whats going on in it, give it to GPT-4 and it will explain and tell you what the image is all about.

5. Prepare and ace exams: With GPT-4, you can prepare and even ace you exams with ease
openGauss ODBC Packages, Dependent Libraries, and Header Files
Tags: opengauss
Published: 2023-03-16 07:50:56

ODBC Packages for the Linux OS
Obtain the openGauss-*.*.0-ODBC.tar.gz package from the release package. In the Linux OS, header files (including sql.h and sqlext.h) and a library file (libodbc.so) are required in application development. The header files and library file can be obtained from the unixODBC-2.3.0 installation package.
Code Wizard AI: Your Personal Programming Assistant: SQL translators, Explain your Code and more
Tags: gpt3, tooling, nextjs, ai
Published: 2023-03-16 07:30:42

Are you tired of spending hours trying to figure out what a piece of code means or how to write the perfect SQL query? Say hello to Code Wizard AI – the ultimate programming assistant that uses AI power to make your coding journey more efficient and enjoyable.

With Code Wizard AI, you can easily translate SQL queries into human language and vice versa. No more struggling to decipher complex SQL queries or spending hours trying to come up with the right syntax – let Code Wizard AI do the heavy lifting for you.

But that's not all – Code Wizard AI can also explain JavaScript code to you in plain English. Whether you're a beginner or an experienced developer, understanding complex code can be a challenge. Code Wizard AI makes it easy by breaking down code into simple explanations that anyone can understand.

Code Wizard AI is 100% free and open-source. Contributions to Code Wizard AI are welcome and encouraged!

Features: 

 * [x] SQL Query to Nature Language

![SQL to Nature Language](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/59tj8mb0hepj7qbth5dw.jpg)
 * [x] Nature Language to SQL Query

![Nature Language to SQL Query](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/182g7l2ftgnzdrezx9fc.jpg)
 * [x] JS Code Explain

![Code Explain](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/48vl8g4yizi7r717h2xd.jpg)

Roadmap:

 * [ ] Explain any Programing Language Code (coming soon)
 * [ ] SQL Query to Nature Language with schema (coming soon)
 * [ ] Code Optimization (coming soon)
 * [ ] Code Conversion (coming soon)
 * [ ] Generate Unit test (coming soon)
 * [ ] Use Custom API Key (coming soon)
 * [ ] Dark mode (coming soon)

Link github: [https://github.com/hieunguyena6/Code-Wizard-AI](https://github.com/hieunguyena6/Code-Wizard-AI)