teleren/devto huggingface dataset:
Contempo Crystals
Tags: webdev, javascript
Published: 2023-10-25 20:50:23

Contempo Crystals is an [online crystal shop](https://contempocrystals.com/) offering a wide range of natural crystals like one of a kind crystal clusters and carvings. They also offer a large selection of crystal jewelry like bracelets, rings, necklaces and more,dozens of tumbled crystals, carvings, and crystal stands.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xlppgvjielcn5imfarvn.jpg)
Best Canadian Immigration Consultancy - Blue Eye Immigration
Published: 2023-10-25 20:42:53

Are you thinking of moving to Canada and looking at the best ways to get your Permanent Residency as quickly as possible? You've come to the right place. Blue Eye Immigration is one of the Canadas [best immigration consultancy in Edmonton](https://blueeye.ca/). We have successfully helped hundreds of families in attaining Canadian PR. We deals in:

Work Permit Extension
Rural Renewal Stream
LMIA, SINP, AIP
PGWP Career Assistance  
Provincial Nominee Program
Business Immigration/ Investor program

Contact us at: +1 587-400-3335 or email us info@blueeye.ca
🧰 zsh-pkgmanager-switcher - A ZSH JavaScript package manager switcher plugin
Tags: javascript, shell, terminal, tooling
Published: 2023-10-25 20:30:39

If you work daily on JavaScript projects with various package manager configurations (npm, yarn, pnpm ...) and you use a ZSH shell (with or without Oh my ZSH), I just released a ZSH plugin to switch the package manager.

This module allows you to automatically load the right package manager by opening your project

The plugin is installed as follows:

```bash
git clone <https://github.com/drouian-m/zsh-pkgmanager-switcher> ~/.zsh/zsh-pkgmanager-switcher
```

Then declare it in your `.zshrc` file :

```bash
source ~/.zsh/zsh-pkgmanager-switcher/zsh-pkgmanager-switcher.zsh
```

The complete installation documentation is available here : https://github.com/drouian-m/zsh-pkgmanager-switcher/blob/main/INSTALL.md

## Demo

[![asciicast](https://asciinema.org/a/wXIhL2nZepQwgPfk6Y0Lcwe6v.svg)](https://asciinema.org/a/wXIhL2nZepQwgPfk6Y0Lcwe6v)

## Project link

https://github.com/drouian-m/zsh-pkgmanager-switcher
Study Music
Tags: beginners, programming, discuss, motivation
Published: 2023-10-25 20:30:18

Hey there folks!  Wondering what all you listen to for a little background noise as you study.  If you don't, tell us why.  If you do, share links.  If you use something else, you can put that as well.  Let's just discuss.

For me, came to mind as I was listening to some professional cool boys: [Denki Groove](https://youtu.be/XYL85kzgwCM).  [This video popped up](https://youtu.be/yi7zM_1XkNM) shortly after, and while I haven't always dug Animal Crossing mixes this one just did it for me.  So I'm tossing it into the lot of jams I can play while programming.

Now share your grooves =P!
Mind-Expanding Read: Head First JavaScript
Tags: javascript, programming, discuss, webdev
Published: 2023-10-25 20:07:59

I've just wrapped up a captivating journey through "Head First JavaScript" and let me tell you, the insights it provides are nothing short of mind-blowing. If you're into web development or looking to dive deep into JavaScript, this book is an absolute gem.

It's not just a book; it's an experience. The authors have a unique way of presenting complex concepts that just click. From DOM manipulation to asynchronous programming, everything is covered in a way that makes it all so clear.

Want to dive in? You can click [here](https://uccodejavascript.ck.page/602dd6117a) to get the ebook in your inbox.

Now, what's the last book that stayed with you long after you turned the last page? Let's swap recommendations! 📖

Share your thoughts in the comments below! 📝
My First Career Fair: Navigating Opportunities
Tags: careerfair
Published: 2023-10-25 19:52:12

As a college student, I embarked on a journey in shaping my career path - my first career fair. 

**The Build-Up**

In the weeks leading up to the career fair. I was given advice from our [TTP](https://www.linkedin.com/company/ttp-csi/). Dress professionally, bring several copies of your resume, and prepare your elevator pitch were some of the common pointers. I took each piece of advice seriously and, as it turned out, these tips were invaluable in setting the stage for a successful experience.

**Preparation**

Preparation is key when it comes to career fairs. Researching the attending companies and tailoring my resume to highlight relevant skills were my top priorities. I also practiced my elevator pitch - a brief introduction of myself and my career goals - to ensure I could confidently present myself to recruiters.

**The Big Day**

Walking into the career fair venue was a bit overwhelming. Tables representing a myriad of companies lined the room, and throngs of students were busy networking. Armed with a neat stack of resumes and dressed in my professional best, I took a deep breath and stepped into the crowd. It was nerve-wracking at first, but with each interaction, my confidence grew.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2qvivgoqbgd97aq89enl.jpeg)

**Networking and Building Relationships**

Career fairs aren't just about handing out resumes; they are opportunities to build meaningful connections. I made an effort to engage in meaningful conversations with recruiters. I asked questions about the company culture, the roles they were hiring for, and how my skills might fit in. These conversations not only gave me insights into the companies but also allowed me to leave a lasting impression.


I bumped into my bodies at the fair: [Muhammad](https://www.linkedin.com/in/muhammad-suffiullah/), [Ali](https://www.linkedin.com/in/ali-abbas1/) [Daniel](https://www.linkedin.com/in/daniel-nadeem-715637205/), [Qumber](https://www.linkedin.com/in/qumberzaidi/) . We exchanged information about our career aspirations. These unplanned encounter added an extra layer of warmth and familiarity to the event, making it a more memorable experience.


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

My first career fair was undoubtedly a transformative experience. I left with a deeper understanding of the professional world, a sense of empowerment in my job search. Thanks, [John Kesaris](https://www.linkedin.com/in/johnkesaris/) for organizing it.
VMs prontassss!
Published: 2023-10-25 19:49:05

Tudo pronto para meu #lablinux criei as #VM s no #Virtmanager treinamento para palestra. Dessa vez será apenas #cli #Linux #OpenSource #ubuntuServer #redhat #fedoraServer. 😉 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lwidkxw83enls9muv3ox.png)
A Quick Guide to Deploying a Parcel/React Project on Firebase 🎉
Tags: firebase, react, parcel, webdev
Published: 2023-10-25 19:45:00

**Introduction:**
Parcel is a fast, zero-config web application bundler. When combined with React and Firebase hosting, it offers a smooth development-to-deployment flow. However, there are some steps and configurations you should be aware of. In this post, I'll walk you through deploying your Parcel/React project on Firebase. 

**Prerequisites:**
- A React project set up with Parcel.
- Firebase CLI installed and authenticated.

**Step-by-step Guide:**

1. Update Your package.json

Add the following scripts to the scripts section of your package.json located in the root directory of your project:

```
//json
"scripts": {
    "clear-build-cache": "rm -rf .cache/ dist/",
    "dev": "parcel src/index.html",
    "build": "cross-env NODE_ENV=production parcel build ./src/index.html --public-url ./",
    "format": "prettier --write \"src/**/*.{js,jsx}\"",
    "lint": "eslint \"src/**/*.{js,jsx}\" --quiet",
    "test": "echo \"Error: no test specified\" && exit 1"
}
```
A quick breakdown of these scripts:

**`dev`**: Runs your project locally.
**`clear-build-cache`**: Clears the .cache and dist directories before executing your build.
**`format`**: Runs prettier to format all your code files.
Ensure that the `index.html` path in the build script is accurate.

**2. Clean the Build Cache**
Either manually remove the dist and .cache files or use the script we just added:

```
npm run clear-build-cache
```
**3. Build the Project**

Execute the build command:
```
npm run build
```
This will generate the dist folder for your project.

**4. Configure Firebase**

Initialize Firebase in your project, ensuring the public directory in firebase.json points to the dist folder:
```
{
  "hosting": {
    "public": "dist/",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

```
**5. Deploy to Firebase**

Now, all that's left is to deploy your project:
```
firebase deploy

```
**Conclusion:**

Deploying a Parcel/React project to Firebase is straightforward with the right configurations in place. I hope this guide makes the process even simpler for you. If you found this helpful or have any questions, feel free to drop a comment below!🎉
Why Can't I Just Use This Function? The Struggles with Code Reusability in JS
Published: 2023-10-25 19:30:07

We've all been there. You know an open-source project does something you need, deeply nested in the dark trenches of a specific file in the repo. You finally, after hunting for a couple minutes you find it. You start to untangle that core functionality and see if there's any feasible way to decouple it from the rest of the project. Is it nested within a rats-nest of classes? You don't need or can't realistically call the parent's parent's parent's class without all the data needed to instantiate those classes. It's all a headache. It shouldn't be this darn hard. 

It's not a project maintainers fault that they didn't release this small piece of there project for reuse. However that doesn't take away that it's frustrating the way that code is bundled and distributed.

1. A whole project might be released as a server or framework. Frameworks like [fresh](https://fresh.deno.dev/), and [astro](https://astro.build/)) both have had things deep within them that I've wanted to reuse, within fresh it's the esbuild configuration, and islands functionality, and within astro it's the [rendering of astro files themselves](https://stackoverflow.com/questions/73382889/how-can-i-render-a-astro-component-to-a-html-string). 

2. A project might be released as a CLI tool, with a whole host of flags and options, .rc files.

3. A project might be released as a module to run within a specific runtime, NPM, Deno, Bun

4. A project may or may not be written with typescript, js, mjs, js modules and may or maynot be built within the repo.

This post is mostly just to vent about the sad state of JavaScript. There are more complexities when talking about how people organize their projects, and dependencies, barrel files, front-end frameworks, etc. 

I don't know what the right answer is. I just wish that there was a standard format that we could all use that sort of built up functions within a project and allowed us to call them via cli, or server, routes, natively through code. Deno as a runtime is the closest thing to that for me because of how it handles URL imports. It makes it really easy to manage scripts. It also makes it easy to have any file within a repository be the entry point, and it's dependencies, without the need to download the entirety of a project as the dependency, even within this mindset authors need to not use barrel files because it breaks tree-shaking. Overall URL imports are something I don't hear enough people rave about.
Modules in JavaScript: The Magic Spell Libraries
Tags: javascript, tutorial, webdev, react
Published: 2023-10-25 19:14:56


Welcome, brave learners, to another chapter in our enchanted journey through the realms of JavaScript! Today, we unravel the scrolls that contain the ancient lore of Modules — the magic spell libraries that every sorcerer of code should master. 🧙‍♂️📜

## **🏰 Kingdom of Isolation: What Are Modules?**

In the vast kingdom of JavaScript, Modules are like isolated castles, each housing its unique set of spells (functions), artifacts (variables), and magical creatures (objects). These isolated realms allow sorcerers to maintain order in their code, avoiding conflicts and ensuring that magic is wielded with precision and control.

```jsx
// spell.js
export function castSpell() {
  console.log("Casting a spell!");
}

```

## **🌉 Bridges Between Realms: Import & Export**

To share the magic housed within these isolated castles, bridges are built using the **`import`** and **`export`** incantations. These allow the transfer of spells and artifacts between different modules, enabling sorcerers to harness the power of multiple spell libraries.

```jsx
// apprentice.js
import { castSpell } from './spell.js';

castSpell(); // Output: Casting a spell!

```

## **🧙‍♂️ The Grand Grimoire: Package Managers**

In the JavaScript realm, there exists a Grand Grimoire known as npm (Node Package Manager), where sorcerers from far and wide contribute their modules. This vast library allows you to incorporate a plethora of spells and artifacts into your magical projects.

```
npm install <packageName>

```

## **🌟 Foraging for Artifacts: Exploring Modules**

Delving into different modules is like foraging through ancient forests, discovering hidden artifacts and powerful spells. Modules help in organizing and structifying the code, which makes the debugging process akin to deciphering ancient runes – challenging but rewarding.

## **📚 Further Exploration**

For those seeking to deepen their understanding of Modules in JavaScript, the **[MDN Documentation on Modules](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules)** is an invaluable treasure trove of knowledge.

## **🌟 Sorcerer’s Assignments: Test Your Magic**

1. **Create Your Spell Library:** Craft a module with a variety of functions representing different spells. Import them into a main file and cast them!
2. **Explore the Grand Grimoire:** Install a package from npm and utilize it in your magical project.
3. **Module Interaction:** Create two modules that export functions. Import them into a third module and make them interact.

## **Conclusion**

Modules are the building blocks that structure our magical JavaScript kingdom. They bring order to chaos, house ancient spells, and forge connections between isolated realms. As you master the art of Modules, remember – with great power comes great responsibility. Use your newfound knowledge wisely, young sorcerers, and may your code be ever magical!
AWS Load Balancer
Tags: beginners, cloud, aws, devops
Published: 2023-10-25 18:59:21

Now let's learn about load balancing.
And a question you may have is what is load balancing?

Well, a load balancer is going to be a server or a set of servers that will forward traffic that is received to multiple backend or downstream EC2 instances or servers.

So the idea is that for example, we have three EC2 instances and they're going to be fronted by an elastic load balancer, which is a set of servers behind the scenes.

Now, what happens when you have, for example, three users directly connecting into your elastic load balancer?

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

Well, the first one is going to have its load being sent in one backend EC2 instance and because there's load balancing well, if another user is connecting to your elastic load balancer then it will be sent to another EC2 instance.
And then finally, while if a third user is connecting to your elastic load balancer, that user will again be load balance and sense to the third EC2 instance.

So the idea is that the more users you have, the more the load is going to be balanced across EC2 instances.
But the idea is that your users do not know which backend instances they're connected to.
They just know that they have to connect to your elastic load balancer, which gives them one end point of connectivity only.

Now, why should you use a load balancer where you spread the load across multiple downstream instances, you're going to expose a single point of access to your applications as I just said.
You're going to seamlessly handle failures of downstream instances because the load balancer will have some health check mechanisms and can understand to which instances and cannot send traffic to.

You can do health checks on your instances.
You can provide SSL termination.
So if you have HTTPS encrypted traffic for you websites, you can enforce stickiness with cookies, high availability across zones and separate public traffic, from private traffic on your cloud.


[GitHub](https://github.com/a00ayad00)
[LinkedIn](https://www.linkedin.com/in/a00ayad00)
[Facebook](https://m.facebook.com/a00ayad00)
[Medium](https://a00ayad00.medium.com/)
Placeholder Maintainer
Tags: hack23maintainer
Published: 2023-10-25 18:48:06

<!-- ✨This template is only meant to get your ideas going, so please feel free to write your own title, structure, and words! ✨ -->

### Intro
<!-- Share a bit about yourself as a maintainer. Is this your first Hacktoberfest, or have you maintained in others? Feel free to embed your GitHub account by using {% embed LINK %} -->

### Project
<!-- Tell us about the repository that you hosted. What processes did you set up to review and merge pull requests? Feel free to embed your GitHub repo by using {% embed LINK %} -->

### Highs and Lows
<!-- What were some of your biggest accomplishments or light-bulb moments this month? Did any problems come up that seemed impossible to fix? How did you adapt in those cases?  -->

### Growth
<!-- What was your skillset before Hacktoberfest 2023 and how did it improve? Have your project goals changed since publicly maintaining it? -->
Placeholder Contributor
Tags: hack23contributor
Published: 2023-10-25 18:46:39

<!-- ✨This template is only meant to get your ideas going, so please feel free to write your own title, structure, and words! ✨ -->

### Intro
<!-- Share a bit about yourself as a contributor. Is this your first Hacktoberfest, or have you contributed to others? Feel free to embed your GitHub account by using {% embed LINK %} -->

### Highs and Lows
<!-- What were some of your biggest accomplishments or light-bulb moments this month? Did any problems come up that seemed impossible to fix? How did you adapt in those cases?  -->

### Growth
<!-- What was your skillset before Hacktoberfest 2023 and how did it improve? Have your learning or career goals changed since working on these new projects? -->
Placeholder Contributor
Tags: hack23contributor
Published: 2023-10-25 18:45:45

<!-- ✨This template is only meant to get your ideas going, so please feel free to write your own title, structure, and words! ✨ -->

### Intro
<!-- Share a bit about yourself as a contributor. Is this your first Hacktoberfest, or have you contributed to others? Feel free to embed your GitHub account by using {% embed LINK %} -->

### Highs and Lows
<!-- What were some of your biggest accomplishments or light-bulb moments this month? Did any problems come up that seemed impossible to fix? How did you adapt in those cases?  -->

### Growth
<!-- What was your skillset before Hacktoberfest 2023 and how did it improve? Have your learning or career goals changed since working on these new projects? -->
Placeholder Contributor
Tags: hack23contributor
Published: 2023-10-25 18:43:51

<!-- ✨This template is only meant to get your ideas going, so please feel free to write your own title, structure, and words! ✨ -->

### Intro
<!-- Share a bit about yourself as a contributor. Is this your first Hacktoberfest, or have you contributed to others? Feel free to embed your GitHub account by using {% embed LINK %} -->

### Highs and Lows
<!-- What were some of your biggest accomplishments or light-bulb moments this month? Did any problems come up that seemed impossible to fix? How did you adapt in those cases?  -->

### Growth
<!-- What was your skillset before Hacktoberfest 2023 and how did it improve? Have your learning or career goals changed since working on these new projects? -->
IT Adventure...
Tags: beginners, frontend, writing
Published: 2023-10-25 18:43:03

Hi, 

Today, I want to share more about my coding learning adventure. 

When I decided to pursue frontend development, I began searching for learning materials. What came next? YouTube tutorials, Udemy courses, or perhaps buying a bootcamp? None of those option suited me. 

I chose to teach myself, seeking out good learning resources online and diving into coding.  

I was fortunate to have a friend in the frontend field who recommended a valuable resource: [roadmap.sh](https://roadmap.sh/). When I visited the page, I was initially overwhelmed by the abundance of information. Topics like "How the internet works", "HTML - semantic tags", "CSS" and "Javascript" seemed daunting. But I told myself, "You can do it." 

My first project didn't turn out great, and I felt accomplished even when I managed to create basic elements like `<h1>, <h2>, <p>`, etc. I remember stumbling upon a webpage that offered free courses on HTML and CSS (unfortunately, I can't recall the URL).

To enhance my coding skills, I used mobile apps like Sololearn and Mimo. This was particularly beneficial at the beginning, as I could code on my phone while riding the bus or during breaks at my other job. I also frequently referred to resources like w3schools.

However, the most crucial platform for my coding journey was [freecodecamp.org](freecodecamp.org). It's an excellent resource for anyone starting their coding journey, offering a wide range of courses, blogs, forums, and YouTube videos. I often return to this website to see what's new and what more I can learn.
[video] Flip Card in CSS (Like Apple)
Tags: css, tutorial, frontend, webdev
Published: 2023-10-25 18:37:02

Using flip cards is a great way to reveal additional content in a fun and interactive way. In this video, I will show you how to implement flip card animation in CSS, similar to the one on Apple’s site.

{% youtube OenXGHmL48U %}

Please let me know if you have any questions in the comments.

Thank you for watching! 😄
Failure/Error: render template: 'path/to/template'
Tags: rails, testing
Published: 2023-10-25 18:20:59

My Rails application works for **API**. When I tested the codes with Rspec, I got the following error.
```shell
$ bundle exec rspec
...
Failure/Error: render template: 'path/to/template'
...
```


## Solutions
We can fix this problem by setting the request header for JSON. There are some solutions.

If we want to set it for each testing code, we can use `format: :json`
```ruby
RSpec.describe MyController, type: :controller do
  it 'my test' do
    get :index, format: :json
    expect(response).to have_http_status(:ok)
  end
end
```

If we want to set it for all testing codes at once, we can change config settings.
```ruby
# spec/rails_helper.rb or spec/spec_helper.rb
RSpec.configure do |config|
  config.before(:each, type: :controller) do
    request.env['CONTENT_TYPE'] = 'application/json'
    request.env['HTTP_ACCEPT'] = 'application/json'
  end
  
  config.before(:each, type: :request) do
    if defined?(headers)
      headers['Content-Type'] = 'application/json'
      headers['Accept'] = 'application/json'
    end
  end
end
```