teleren/devto huggingface dataset:
Where should I advertise my web design services?
Tags: webdesign, webdev, marketing, mrmijanjoy
Published: 2023-11-16 19:36:48

Advertising your web design services effectively involves reaching your target audience where they are most likely to be. Here are some suggestions on where you can advertise your web design services:

1. Social Media Platforms:
- LinkedIn : Create a professional profile and share your portfolio. Join relevant groups and engage in discussions related to web design.
- Instagram: Showcase your work visually and use relevant hashtags to reach a broader audience.
- Twitter: Share industry insights, participate in conversations, and showcase your portfolio.

2. Freelance Platforms:
- Join platforms like Upwork, Freelancer, or Fiverr to find clients actively seeking web design services.

3. Online Portfolio:
- Produce a professional website showcasing your portfolio, chops, and contact information. Optimize it for hunt machines( SEO) to increase visibility.
4. Local Business Directories:
- List your services on original business directories like Google My Business, Yelp, or Yellow Runners.
5. Networking Events:
- Attend local business events, meetups, and networking groups to connect with potential clients.

6. Collaborate with Other Professionals:
- Partner with marketing agencies, content creators, or other freelancers who may need web design services for their clients.

7. Paid Advertising:
- Consider using online advertising platforms like Google Ads or Facebook Ads to target specific demographics interested in web design services.

8. Email Marketing:
- Build an email list and send regular updates about your services, new projects, or industry trends to potential clients.

9. Content Marketing:
- Start a blog or produce instructional content related to web design. Share it on your website and social media to showcase your expertise.

10. Testimonials and Reviews:
- Ask satisfied clients for testimonials and display them on your website. Positive reviews can build trust and attract new clients.
11. Local Community Bulletin Boards:
- Check for physical or online community bulletin boards where you can post flyers or digital ads.

12. Specialized Forums and Groups:
- Join forums and groups related to web design on platforms like Reddit or specialized forums. Engage in discussions and share your expertise.

Remember to tailor your approach based on your target audience and the specific nature of your web design services. Consistency is key, and combining multiple strategies will likely yield the best results.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i1wdr097osoi3tkkrwox.jpg)
Bandit Level 14 Level 15
Tags: ctf, writeup, overthewire, bandit
Published: 2023-11-16 19:33:58

### **Introduction**

Greetings, folks! We're back in the Bandit wargame, in this level where we'll deal with Secure Shell (SSH) and privilege escalation.

### Login via SSH

Now, let's set our sights on the previous flag and login as bandit14 with the password, `fGrHPx402xGC7U7rXKDaxiWFTOiF0ENq`.

### **Scanning the Environment**

Our initial step in the journey takes us into the domain of network exploration. By using the Nmap tool, we shall analyze the ports on our local host. Behold the command:

```bash
nmap -p 30000 localhost
```

This command shows a telnet service running on port 30000.

### **Connecting via Telnet**

With the port 30000 revealed, it's time to establish a connection:

```bash
telnet localhost 30000
```

After executing this command, the flag for the next level is printed in the output:

Flag: `jN2kgmIXJ6fShzhT2avhotn4Zcka6tnt`
Code Reviewer using PartyRock
Tags: aws, cloud, ai, programming
Published: 2023-11-16 19:27:28



🚀 Exciting News! ❇ Introducing the Power of PartyRock's Interactive AI Tool - Code Reviewer! 🤖💻

Try the app I have build with PartyRock in a few hours: Code Reviewer
https://partyrock.aws/u/AravindVCyber/xLxhkm29u/Code-Reviewer

🌟 Unveiling a productive tool: Code Reviewer - an AI-driven, interactive, and generative tool that's transforming the way we review/refactor and optimize code in a single place! 🌐🔍

👨‍💻 Ever felt stuck during code reviews or while understanding completely new or complex code bases? Say hello to Code Reviewer! This incredible tool harnesses the prowess of PartyRock's advanced playground to leverage generative AI models, helping with the code review/refactoring process.

🔍 With Code Reviewer, dive into your codebase and witness the magic unfold:
Refactoring Recommendations: Get insightful suggestions for code improvements.

Unit Test Insights: Identify areas to add enhanced test coverage.
Vulnerability Detection: Unearth potential vulnerabilities in your code.
Code Smell Recognition: Sniff out areas that could use a cleanup.
Infer design patterns, data structures and algorithms and optimize for time and space complexity.

🧠 But that's not all! Code Reviewer goes beyond just identifying issues. It:
Provides actionable insights on enhancing maintainability and scalability.
Explains algorithms, data structures, and principles used within your code.
Ensures compliance with best practices like SOLID, DRY, and more!

⚡️ Seamlessly integrated with PartyRock, Code Reviewer is your ultimate coding companion, helping you write cleaner, more efficient, and secure and optimized code. 🚀

✨Besides this you can chat with the summary assistants to focus on your expectations on the code and get explanations.

✨
🌐 Elevate your coding experience today with Code Reviewer! Try it out and witness the AI-driven evolution in code optimization! 🚀💡

Try the app I have build with PartyRock in a few hours: Code Reviewer
https://partyrock.aws/u/AravindVCyber/xLxhkm29u/Code-Reviewer

Enjoy building more 🚀 with #PartyRock

Know more about PartyRock at https://lnkd.in/ghwy7rns

#AI #CodeReviewer #Innovation #CodeOptimization #AIinCoding #TechInnovation #aws #awscommunity
Setting Up Nuxt 3 with Vuetify 3: A Comprehensive Guide
Tags: nuxt, vue, vuetify, node
Published: 2023-11-16 19:13:57

Nuxt 3 and Vuetify 3 are powerful tools that can help you build modern, responsive, and performant web applications. Nuxt 3 provides a framework for building Vue.js applications, while Vuetify 3 offers a comprehensive UI component library. Combining these two technologies allows you to create stunning and functional web apps with ease.

## Prerequisites

Before you begin, ensure you have the following prerequisites:

1. Node.js: Install Node.js, which includes the npm package manager.
2. Vite: Install Vite, a front-end build tool used by Nuxt 3.
3. Basic Vue.js Knowledge: Familiarity with Vue.js concepts and syntax is recommended.

## Creating a Nuxt 3 Project

1. **Create a Project Directory:** Create a new directory for your Nuxt 3 project.
2. **Initialize Nuxt:** Open a terminal window and navigate to the project directory. Run the following command to initialize a new Nuxt 3 project:

```
npx nuxi init nuxt-app
```
This command will create a basic Nuxt 3 project.

 
## Installing Vuetify 3

Install the required Vuetify modules as dependencies:

```
npm i -D vuetify vite-plugin-vuetify
npm i @mdi/font
```


## Creating a Vuetify Plugin

1. **Create a Plugins Folder:** Create a directory named plugins inside the Nuxt 3 project root.
2. **Create the Vuetify Plugin:** Inside the plugins directory, create a file named vuetify.ts.
3. **Import Vuetify:** Import Vuetify and its components using the following code:

```
import { createVuetify } from 'vuetify'
```

**Configure And Export Vuetify :** Create a Vuetify instance and configure its options:

```
   export default defineNuxtPlugin((nuxtApp) => {
   const vuetify = createVuetify({
    icons: {
      defaultSet: 'mdi',
      
    },
   })
   nuxtApp.vueApp.use(vuetify)
})
  
```


## Integrating Vuetify with Nuxt 3

**Import Vuetify Plugin And Enable Sass/SCSS Support:** In the nuxt.config.js file, import the Vuetify plugin:

```
import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify'

export default defineNuxtConfig({
  css: [
    'vuetify/lib/styles/main.sass',
    "@mdi/font/css/materialdesignicons.css",
  ],
  build: {
    transpile: ['vuetify']
  },
});
```
**Use Vuetify Components:** You can now use Vuetify components in your Vue.js templates. For example, to add a button:

```
<v-btn>Click Me</v-btn>
```

## Running the Application

To start the Nuxt 3 development server, run the following command in the project directory:

```
npm run dev
```

This will start the server and open your application in the browser. You can now start developing your Nuxt 3 application with Vuetify 3.
Employ iBolt Cyber Hacker for Your Crypto/BTC Reliable Recovery
Tags: javascript, programming, productivity, opensource
Published: 2023-11-16 19:10:00

I am here to share my personal experience and vouch for the invaluable services provided by iBolt Cyber Hacker for Crypto/BTC recovery. As a victim of a crypto scam, I found myself in a state of despair, feeling helpless and frustrated. Firstly, the level of knowledge possessed by iBolt Cyber Hacker in the field of cryptocurrency and blockchain technology is truly remarkable. They stay up-to-date with the latest trends, security protocols, and emerging threats, ensuring that they have the necessary tools and strategies to tackle any situation. I wholeheartedly recommend iBolt Cyber Hacker for anyone seeking expert assistance in recovering their Crypto/BTC assets. Their expertise, dedication, and friendly demeanor make them the ideal choice for a smooth and secure recovery process. 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cprnlqmsl3ty8a6stosj.jpeg)
Влияние поисковых систем на пользователей
Published: 2023-11-16 19:06:02

## Роль поисковых систем в современном мире

В современном информационном обществе поисковые системы играют важную роль. Они помогают пользователям находить нужную информацию в огромном объеме данных, содержащихся в сети Интернет. Одной из таких популярных систем является [поисковая система](https://ya.ru/). Она предлагает широкий спектр функций, которые помогают пользователю быстро найти нужный ему контент.

## Поиск в гугле: преимущества и недостатки

Еще одной из наиболее известных поисковых систем является [поиск в гугле](https://www.google.com/). Он отличается своими уникальными алгоритмами ранжирования страниц и предлагает множество дополнительных сервисов, таких как карты, переводчик, изображения и другие. Однако, некоторые пользователи считают, что этот поиск может быть более коммерциализированным и предлагать результаты, опирающиеся на рекламные интересы агентств и компаний.

## Влияние поисковых систем на пользователей

Поисковые системы оказывают значительное влияние на поведение и предпочтения пользователей. Они помогают людям быстро находить информацию, что стимулирует их потребность в постоянном доступе к сети и повышает активность в онлайн-среде. Кроме того, поисковые системы могут рекомендовать пользователю контент, опираясь на его предыдущие запросы и интересы.

## Заключение

В результате, поисковые системы играют важную роль в информационном пространстве. Они обеспечивают доступ пользователя к нужным данным и помогают в организации его онлайн-активности. Но при выборе поисковой системы важно учитывать как ее преимущества, так и недостатки, чтобы получить наиболее качественный и актуальный контент.
Implicit vs. explicit JOINs
Tags: sql, beginners, learning
Published: 2023-11-16 18:48:47

_Originally published at https://rivea0.github.io/blog_.

Let's say we have a `customers` table that looks similar to this:

| customer_id | first_name | last_name |
| --- | --- | --- |
| 1 | John | Doe |
| 2 | Jane | Smith |

And an `items_ordered` table that's looking like this:

| customer_id | order_date | item | price |
| --- | --- | --- | ---|
| 1 | 2020-01-01 | Apple | 1.99 |
| 2 | 2020-02-02 | Banana | 0.99 |

Usually, we can join them using the `INNER JOIN` (or just `JOIN`) clause:

```sql
SELECT customer_id, first_name, last_name, order_date, item, price
FROM customers
INNER JOIN items_ordered
ON customers.customer_id = items_ordered.customer_id;
```

But, there is also another way to do the same thing, which is the _implicit JOIN_:

```sql
SELECT
    customers.customer_id,
    customers.first_name,
    customers.last_name,
    items_ordered.order_date,
    items_ordered.item,
    items_ordered.price
FROM customers, items_ordered
WHERE customers.customer_id = items_ordered.customer_id;
```

Looks a bit more cluttered.

For clarity's sake, using an explicit JOIN syntax makes more sense, and from what I've read, it seems to be no significant performance difference between the two, and the ANSI 92 standard is [said to be recommending](https://stackoverflow.com/a/53061589) using modern explicit joins.
A simple example of a nested SQL query
Tags: sql, beginners, learning
Published: 2023-11-16 18:44:05

_Originally published at https://rivea0.github.io/blog_.

Let's say we have this table:

|city|country|population|latitude|longitude|
|---|---|---|---|---|
|Guadalajara|Mexico|1500800|20.659699|-103.349609|
|Toronto|Canada|2795060|43.653226|-79.383184|
|Houston|United States|2195914|29.760427|-95.369803|
|New York|United States|8405837|40.712784|-74.005941|
|Philadelphia|United States|1553165|39.952584|-75.165222|
|Havana|Cuba|2106146|23.05407|-82.345189|
|Mexico City|Mexico|8555500|19.432608|-99.133208|
|Phoenix|United States|1513367|33.448377|-112.074037|
|Los Angeles|United States|3884307|34.052234|-118.243685|
|Ecatepec de Morelos|Mexico|1742000|19.601841|-99.050674|
|Montreal|Canada|1717767|45.501689|-73.567256|
|Chicago|United States|2718782|41.878114|-87.629798|

We want to get all the cities west of Chicago.
As we go towards the west, the longitude must be less than the longitude of Chicago — the west of the prime meridian has longitudes that are negative numbers.

Here is the pseudocode:

```
SELECT * FROM north_american_cities
WHERE longitude < ${Chicago's longitude}
```

So, what we need to do is somehow get the value of Chicago's longitude and use it as comparison.
It is by itself easy:

```sql
SELECT longitude FROM north_american_cities
WHERE city = 'Chicago';
```

What we can do is simply put it inside the parenthesis and use it as a value itself, just like a variable:

```sql
SELECT * FROM north_american_cities
WHERE longitude < (
    SELECT longitude
    FROM north_american_cities
    WHERE city = 'Chicago'
);
```

The result is this:

|city|country|population|latitude|longitude|
|---|---|---|---|---|
|Guadalajara|Mexico|1500800|20.659699|-103.349609|
|Houston|United States|2195914|29.760427|-95.369803|
|Mexico City|Mexico|8555500|19.432608|-99.133208|
|Phoenix|United States|1513367|33.448377|-112.074037|
|Los Angeles|United States|3884307|34.052234|-118.243685|
|Ecatepec de Morelos|Mexico|1742000|19.601841|-99.050674|

Furthermore, we can order the longitudes from west to east using the `ORDER BY` clause:

```sql
SELECT * FROM north_american_cities
WHERE longitude < (
    SELECT longitude
    FROM north_american_cities
    WHERE city = 'Chicago'
)
ORDER BY longitude;
```

And, voilà:

|city|country|population|latitude|longitude|
|---|---|---|---|---|
|Los Angeles|United States|3884307|34.052234|-118.243685|
|Phoenix|United States|1513367|33.448377|-112.074037|
|Guadalajara|Mexico|1500800|20.659699|-103.349609|
|Mexico City|Mexico|8555500|19.432608|-99.133208|
|Ecatepec de Morelos|Mexico|1742000|19.601841|-99.050674|
|Houston|United States|2195914|29.760427|-95.369803|


_The example is taken from [sqlbolt.com](https://sqlbolt.com/lesson/select_queries_review)_.
Portfolio : Explore My World
Tags: react, portfolio, webdev, programming
Published: 2023-11-16 14:01:44


Hey Devs! 👋 Welcome to my little corner of the internet! 🌐

I'm thrilled to welcome you to my corner of the web, where code meets creativity and innovation. I've poured my heart and soul into crafting a portfolio that not only showcases my projects but also provides a seamless, responsive experience powered by React.

**Visit My Portfolio:** [https://kiran1689.github.io/](https://kiran1689.github.io)

**Explore My Journey:**
Dive into the various projects that reflect my passion for coding and problem-solving. Give a start if you like it.

**Calling All Contributors!**
I believe in the power of collaboration, and I'm excited to invite you to contribute to my projects. Your skills and insights can make a real impact, so let's join forces to build something amazing together.

Visit My Github: [https://github.com/Kiran1689](https://github.com/Kiran1689)
 
🌐 **Connect with Me:**
Let's connect, learn, and grow together. Whether you're a seasoned developer or just starting your coding journey, there's always room for collaboration and mentorship.

📧 **Contact Me:**
Feel free to drop me a message to discuss potential collaborations, open-source contributions, or just to geek out about the latest tech trends.

[Twitter](https://twitter.com/kiran__a__n)
[Instagram](https://www.instagram.com/kiran_a_n)
[LinkedIn](https://www.linkedin.com/in/kiran-a-n)
How to create a Google Chrome extension
Tags: javascript, beginners, tutorial, extensions
Published: 2023-11-16 18:26:20

I don't write Chrome extensions often, it's usually once in a couple of years, and every time I come back to building one - it's really painful to remember how to go about using the API. 

Google documentation is comprehensive, however, I just don't have the attention span to sift through so many pages, a sea of documentation that's extremely verbose, and sometimes confusing without a strong cup of coffee.

Anyway, getting back to the point of this article - I will run through a basic extension to help save you an hour or two of pulling out your hair.

## The manifest file

First things first, you are going to need a settings file called "manifest.json" - which lists and controls permissions, where your files are, and so forth.

```json
{
  "name": "My Fancy Extension",
  "version": "0.0.1",
  "description": "Something cool is coming",
  "permissions": [
    "contextMenus",
    "tabs"
  ],
  "icons": {
    "16": "icons/app-icon.png",
    "48": "icons/app-icon48px.png",
    "128": "icons/app-icon128px.png"
  },
  "background": {
    "service_worker": "service_worker.js"
  },
  "host_permissions": [
    "https://*/*",
    "http://*/*"
  ],
  "manifest_version": 3
}
```
We use the "contextMenus" permission to create menu items on the mouse right-click menu. The "tabs" permission is used to open a new tab.

## The background service worker

This is essentially our application main and will contain all the code needed to install and use our extension.

You can name the file whatever you want to, so long as the name in your manifest matches the file name.

```javascript
// First we create a right-click context menu
chrome.runtime.onInstalled.addListener(() => {
  chrome.contextMenus.create({
    id: "SearchGoogle",
    title: "Search Google for something",
    contexts: ["all"]
  });
});

// Next respond to the event when the above is clicked.
chrome.contextMenus.onClicked.addListener(event => {
// Notice "SearchGoogle" matches the context menu ID above.
  if (event.menuItemId == "SearchGoogle") {
       // Similar to regular events in the browser
       // - you can access the event object and grab
       // - the text the user has highlighted
       const text = event.selectionText;
       const baseUrl = "https://www.google.com/search?q="
       
       // Next - create a new tab and open the URL.
       chrome.tabs.create({url: baseUrl + text});
   }
});
```

## Conclusion

That's really all there is to creating a basic extension. Even though this is a very simple implementation, it's quite powerful and you can get a lot of mileage from just adding menu items to the context menu.

To keep things simple, I did not add validation or separate out the logic into functions, however, you get the idea and can use this as a starting point to expand upon.

Happy extension building, check back soon - I'll be covering a more advanced extension with a setup wizard and popup window.
AWS PartyRock - Anyone can become a developer
Tags: aws, genai, partyrockplayground, cloud
Published: 2023-11-16 18:24:24

## Building apps is a party with Partyrock!

**PartyRock**, powered by AI foundation models from the recently released **[Amazon Bedrock](https://aws.amazon.com/bedrock/)** is a space where you can build your own AI-generated apps in a matter of minutes! It’s a fast and fun way to learn about generative AI. 

## Get Started
Login to [PartyRock](https://partyrock.aws) for a free trial. Play around till the trial credits run out!

## Build your own app
There are 3 different ways to create a new PartyRock app.
1. **Start with a prompt** - the easiest way to start experimenting! Use the _app builder_ on the welcome page.
Give a detailed description of what you would like your app to do.
click `Generate app`
and you are done!
Test your app and edit if necessary!


2. **Remix an existing app** - Use an existing application and add new features or your personal touch.
> This can be an app you created, a Partyrock sample app or an app created by someone else, you feel inspired by

3. **Start from scratch with an empty app** - and add your own widgets.

## Demo
Build a Trivia app with me, in under 5 minutes!

i. Login to [PartyRock](https://partyrock.aws/) 

ii. Click `Build your own app`

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

iii. Describe what you would like to build

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

iv. Click `Generate app`

v. Test your app, and edit if necessary. And you are done! 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cyyjkcfm7biij6mbq2nr.png)

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

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

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

vi. Make the app public and share with your friends!

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


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


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


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


## Conclusion
The idea behind PartyRock is to make learning GenAI easy and fun!
Let your imagination run wild and create some fun apps!
Don't forget to share your app link in the comment section! Here's [mine](https://partyrock.aws/u/tanushreeaggarwal/NR9vthJUZ/Trivia-Time-Traveler)!

Happy learning!