teleren/devto huggingface dataset:
MY FIRST WEBSITE
Tags: webdev, beginners, css, html
Published: 2024-03-13 15:48:32


   INTRODUCTION

Just two months ago, I got introduced to the Tech world and started my Tech journey. Previously I had basic knowledge of Html and Css. So here I am to share how i was able to come up with this simple website and the experience i had throughout the process. So let's dive into it !!

After my six weeks virtual training on TECH4DEV platform ( a platform that gives 100% scholarship to women who are ready and willing to venture into Tech). I got in contact with @devoluwatoyin who happens to be an excellent frontend developer and she took me in as her mentee and promised to take me by my hand and help me actualize my dream of becoming a TechSter. She (@devoluwatoyin) then introduced me to fronted mentor, where I get project challenges and attempt them. This omelet Recipe-page is the first challenge I attempted and I was able to recreate it the way it is on the design that was given.
  The page was not a difficult one looking at it but as a beginner I had challenges, most especially on the Css part. Positioning the wrapper at the center of the webpage was really challenging to me then but with the help of my mentor, I was able to overcome them. I didn't understand how to go about with the table at the end of the page but through series of research, I was able to come up with it.

   The experience was a fun and exciting one. working and seeing your work turn out positively is really amazing to behold. Working on this project really gave me the urge to go for more projects which I have started already but will update you guys once i'm done with them.
I urge everybody out here to check out this webpage and give your thoughts on it. Thanks as you do so. Attached below is the link.
   https://recipe-page-mu-ten.vercel.app/
Resume
Tags: programming
Published: 2024-03-13 15:37:04

🚀 नई उड़ान भरते हुए! Check out my website: resumeera.xyz

🌟 क्या आप अपने रिज़्यूमे को बेहतर बनाना चाहते हैं? आज ही मेरी वेबसाइट पर जाएं और अपने सपनों की नौकरी के लिए तैयारी शुरू करें।

✨ मैंने resumeera.xyz पर उन्नत रिज़्यूमे तैयार करने के लिए एक स्थायी प्लेटफ़ॉर्म बनाया है जो आपकी करियर को नई ऊंचाइयों तक ले जाएगा।

💼 स्थिरता, विश्वासीयता, और विशेषज्ञता के साथ, हम आपके साथ हैं हर कदम पर। अपना रिज़्यूमे आज ही अपडेट करें!

📧 किसी भी सलाह के लिए, मुझे ईमेल करें support@resumeera.xyz पर।

🔗 resumeera.xyz पर क्लिक करें और अपने करियर की उड़ान का आरंभ करें।
Superior CBD Gummies Canada {Customer Demanded Shocking Review} Superior CBD Gummies Canada
Published: 2024-03-13 15:34:45

꧁༺✨❗Shop Now ❗✨༻꧂
https://allsupplementstore.com/superior-cbd-gummies-canada-buy/ 

꧁༺✨❗Facebook❗✨༻꧂
https://www.facebook.com/SuperiorCBDGummieCa/ 

Product Name :- Superior CBD Gummies Canada

Main Benefits:- Pain Relief, Official Store And Price

Composition:- Natural Organic Compound

Side-Effects:- NA

Rating:- ⭐⭐⭐⭐⭐

Availability:- Online

Where to Buy:- Official Website – {Buy Now Here — Click Here}

Superior CBD Gummies Canada:-    

Before purchasing  you must be aware of the ingredients, side effects, and health benefits offered by these supplements. Some important points to consider before making the final decision are listed below- If you wish to try Superior CBD Gummies Canada, before committing to them fully, you can order free samples from the company’s official website.

Official Website:- https://allsupplementstore.com/superior-cbd-gummies-canada/ 
Facebook:-  https://www.facebook.com/SuperiorCBDGummieCa/ 
Official Blogs:- 
https://superior-cbd-gummie-canada-purchase.jimdosite.com/ 
https://superior-cbd-gummies-canada-price.jimdosite.com/ 
https://superior-cbd-gummies-ca-price.blogspot.com/2024/03/superior-cbd-gummies-canada.html 
https://superior-cbd-gummies-canada-price.blogspot.com/2024/03/Superior%20CBD-Gummies-Canada.html 
https://www.quanshotit.com/group/quanshotit-group/discussion/0fd4066a-7c02-4e0f-9632-1a0b4b4052a6 
https://www.myrtlebeastocr.com/group/gear-accessories/discussion/9899f351-9de0-4f8d-9e60-451c9a94b10e 
https://www.cbaps.org/group/grupo-cbaps/discussion/bb60e889-ec96-45c4-a182-25d7a1a7e12a 
https://sites.google.com/view/superiorcbdgummieca/ 
https://sites.google.com/view/superior-cbd-gummies-ca-order/ 
https://in.pinterest.com/pin/1148136498742146827/ 
https://sketchfab.com/3d-models/superior-cbd-gummies-canada-reviews-5b0eecb65b4540478e00a074b313bd57  
https://www.myrtlebeastocr.com/group/gear-accessories/discussion/7b512bcb-9db8-42af-9f57-76325f060fa0 
https://superior-cbd-gummies-canada-order.company.site/ 
https://superiorcbdgummiescanada.mystrikingly.com/ 
https://superiorcbdgummiescanadaoffer.godaddysites.com/ 
https://medium.com/@mariedimne/superior-cbd-gummies-canada-does-it-work-or-not-aeefe72b1303 
https://medium.com/@mariedimne/superior-cbd-gummies-canada-reviews-legit-or-fake-2024-consumer-complaints-superior-cbd-gummies-901de739126a 
https://superior-cbd-gummies-canada.hashnode.dev/superior-cbd-gummies-canada-reviews-consumer-reports-2024-superior-cbd-gummies-canada-scam-or-legit-must-read-ingredients-of-cbd-gummies-works-and 
https://caramellaapp.com/mariedimne/dYhNDF8nB/superior-cbd-gummies-canada 
https://groups.google.com/g/superior-cbd-gummies-canada-order/c/B4thq9liI_A 
https://gamma.app/docs/Superior-CBD-Gummies-Canada-Reviews-Shocking-Side-Effects-Alert-2-17b1qt890jao3pz 
PDF:- 
https://publuu.com/flip-book/430702/972782 
https://flipbooklets.com/pdfflipbooklets/superior-cbd-gummies-canada-3#page1 
https://issuu.com/mariedimne/docs/superior_cbd_gummies_canada 
https://online.fliphtml5.com/wozvu/dfir/
Gamedev.js Jam 2024 starts next month!
Tags: gamedevjs, gamejams, webgames, gamedev
Published: 2024-03-13 15:40:30

---
title: Gamedev.js Jam 2024 starts next month!
published: true
date: 2024-03-13 15:22:48 UTC
tags: gamedevjs,gamejams,webgames,gamedev
canonical_url: https://gamedevjs.com/competitions/gamedev-js-jam-2024-starts-next-month/
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6i5h98rkvq55goea6koz.png
---

In a month from now, on **April 13th 2024** , the fifth edition of [Gamedev.js Jam](https://gamedevjs.com/jam/2024/) will be [hosted online on Itch.io](https://itch.io/jam/gamedevjs-2024)! You’ll have **13 days** to create a **Web game** on a given theme announced at the start of the Jam. There will be cool **prizes** , unique **Challenges** , and lots of  **fun**!

> _Join us no matter your skill level - this game jam is a perfect opportunity to create your very first game, or build a prototype for your next commercial hit. Almost two weeks of development time should be more than enough!_

[Join the Jam on Itch.io](https://itch.io/jam/gamedevjs-2024) if you haven’t already to not miss the start. Curious about what to expect? Check out [submitted games from 2023](https://itch.io/jam/gamedevjs-2023/entries), [last year’s Challenges](https://gamedevjs.com/jam/2023/#challenges) and [prizes](https://gamedevjs.com/jam/2023/#prizes) for a reference of what, more or less, you might expect this time as well.

Make sure to [join our Discord](https://gamedevjs.com/discord) too as we’ve prepared something special for newcomers - **practice jams**. You will be able to train your skills on a test project, and practice working in a team at the same time. Sounds interesting? Visit [#practice-jams-📖](https://discord.com/channels/697019696825761863/1217137766463180890) and ping _@techbot_ for help.

In the coming days, starting from tomorrow, we’ll be announcing this year’s **Partners** , **prizes** , and **Challenges** - [follow @GamedevJS](https://twitter.com/GamedevJS) (or keep an eye for the _#GamedevJS hashtag_) on Twitter to be up-to-date with the upcoming news!

While we’re at it, I’d like to personally **ask for your help** : if you know any company interested in partnering over a sponsorship or offering prizes, please [reach out](https://gamedevjs.com/contact/) and let me know. Also, any help promoting [Gamedev.js Jam](https://gamedevjs.com/jam/2024/) in your community would be greatly appreciated. **Thank you and see you game jamming next month!**
Django admin: How to add a custom page?
Tags: django, webdev, python, programming
Published: 2024-03-13 15:13:25

Django admin is a powerful tool to build admin panels rapidly. With just a few lines of code, you can have a fully functional admin panel in seconds.

The problem though is customization, one of the most common customizations you'll do often is add a custom Django admin page or section.

Naturally, in doing so, you would want your custom admin section to have the same look and feel as the "ModelAdmin" or other Django Admin-generated views.

One approach is to extend the Django admin base template and register a custom route in "urls.py":

```python
{% extends 'admin/base.html' %}
```

The problem with this approach is that you will not have access to any variables set by Django Admin, thus you have to get that data and pass it to the template manually. Example: the sidebar links.

## Setting up a custom admin site

```python
class CustomAdminSite(admin.AdminSite):

    def get_urls(self):
        custom_urls = [
            path('some-custom-url/', self.admin_view(SomeCustomView.as_view(admin=self))),
        ]
        admin_urls = super().get_urls()
        return custom_urls + admin_urls


site = CustomAdminSite(name="my-fancy-url")
admin.site = site

# admin.register....your...modeladmin
```
The above will allow you to render your custom view at "/admin/some-custom-url".

## Setting up a generic view

For our custom URL above we reference a class-based view: "SomeCustomView", here is an example implementation:

```python

from django.shortcuts import render
from django.views.generic import ListView

class SomeCustomView(ListView):
    admin = {}

    def get(self, request):
        ctx = self.admin.each_context(request)
        return render(request, 'somecustomview.html', ctx)
```

## Setting up the HTML template

Finally, you simply need to extend the Django admin base template and replace the content section with whatever you want to display on your page:

```python
{% extends 'admin/base.html' %}
{% block content %}
Hello World
{% endblock %}
```

## Conclusion

Wasn't that simple? Django admin is powerful yet cryptic sometimes, making it difficult to customize. However, once you learn the basics, Django Admin will make your life so much simpler.

Compared to other CRUD generators and admin tools, Django admin just feels clean and easy to use. Plus it will save you a ton of time.
HTML - 12. HYPERLINK SETIAP HALAMAN | iAppTech.id
Tags: webdev, html, beginners, programming
Published: 2024-03-13 15:04:24


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

Welcome to iAppTech.id! 🚀

📚 Materi:
HTML — 12. HYPERLINK SETIAP HALAMAN 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
How to configure testing environment in Ruby on Rails with RSpec
Tags: ruby, rails, beginners, rspec
Published: 2024-03-13 15:00:09

<p>
Setting up a Ruby on Rails testing environment with RSpec is a common practice to ensure code quality and integrity. RSpec is a testing library that allows you to write specifications in a domain-specific language (DSL) that comes naturally to developers.
</p>

<p>
Install RSpec: The first step is to add RSpec to your Gemfile. In your Gemfile, add:
</p>

```ruby
group :development, :test do
  gem 'rspec-rails', '~> 6.1.0'
end
```

<p>
Then run bundle install to install RSpec.
</p>

<h3>Initialize RSpec</h3>
<p>
After installation, you need to initialize RSpec in your Rails application. You can do this by running the following command in the terminal:
</p>

```ruby
rails generate rspec:install
```

<p>
This command will create the initial directory and file structure needed for RSpec tests.
</p>

<h3>Test directory structure</h3>

<p>
RSpec follows a configuration convention. Tests must be placed in the spec directory in the root of your project. Model tests should be placed in spec/models, controllers in spec/controllers, and so on.
</p>

<h3>Writing tests</h3>
<p>
With the environment configured, you can start writing your tests. For example, for a User model, you might have a test like this:
</p>

```ruby
# spec/models/user_spec.rb
require 'rails_helper'

RSpec.describe User, type: :model do
  it "is valid with valid attributes" do
    user = User.new(username: "example", email: "example@example.com")
    expect(user).to be_valid
  end

  it "is not valid without a username" do
    user = User.new(email: "example@example.com")
    expect(user).to_not be_valid
  end

  # Add more tests as needed
end
```

<h3>Run the tests</h3>
<p>
To run your tests, you can use the rspec command in the terminal, followed by the test file path or directory. For example:
</p>

```ruby
rspec spec/models/user_spec.rb
```

<p>
This will only run the tests from the user_spec.rb file.
</p>

<h3>Integration with Rails</h3>
<p>
RSpec is integrated with Rails, allowing you to use Rails helper methods in your tests. For example, you can use get, post, put, delete to simulate HTTP requests in controller tests.
</p>

<h3>Mocks and stubs</h3>
<p>
RSpec provides support for mocks and stubs, allowing you to simulate specific behaviors in objects during testing. This is useful for isolating the code being tested.
</p>

<h3>Conclusion</h3>
<p>
By following these steps and incorporating a test-centric mindset during development, developers can identify problems earlier, improve code maintainability, and increase application confidence. Therefore, investing time in configuring and writing tests using RSpec is a valuable investment that contributes to creating more robust and reliable software to ensure code quality and stability in any project.
</p>
Como configurar ambiente de testes em Ruby on Rails com RSpec
Tags: ruby, rails, rspec, beginners
Published: 2024-03-13 14:55:27

<p>
Configurar um ambiente de testes em Ruby on Rails com RSpec é uma prática comum para garantir a qualidade e a integridade do código. RSpec é uma biblioteca de testes que permite escrever especificações em uma linguagem de domínio específico (DSL) que é natural para os desenvolvedores.
</p>

<p>
Instalar o RSpec: O primeiro passo é adicionar o RSpec ao seu Gemfile. No seu arquivo Gemfile, adicione:
</p>

```ruby
group :development, :test do
  gem 'rspec-rails', '~> 6.1.0'
end
```
<p>
Em seguida, execute bundle install para instalar o RSpec.
</p>

<h3>Inicializar o RSpec</h3>
<p>
Após a instalação, você precisa inicializar o RSpec na sua aplicação Rails. Você pode fazer isso executando o seguinte comando no terminal:
</p>

```ruby
rails generate rspec:install
```
<p>
Esse comando criará a estrutura inicial de diretórios e arquivos necessários para os testes RSpec.
</p>

<h3>Estrutura de diretórios dos testes</h3>

<p>
O RSpec segue uma convenção sobre configuração. Os testes devem ser colocados no diretório spec na raiz do seu projeto. Os testes de modelos devem ser colocados em spec/models, controladores em spec/controllers, e assim por diante.
</p>

<h3>Escrevendo testes</h3>
<p>
Com o ambiente configurado, você pode começar a escrever seus testes. Por exemplo, para um modelo User, você pode ter um teste assim:
</p>

```ruby
# spec/models/user_spec.rb
require 'rails_helper'

RSpec.describe User, type: :model do
  it "is valid with valid attributes" do
    user = User.new(username: "example", email: "example@example.com")
    expect(user).to be_valid
  end

  it "is not valid without a username" do
    user = User.new(email: "example@example.com")
    expect(user).to_not be_valid
  end

  # Adicione mais testes conforme necessário
end
```

<h3>Executar os testes</h3>
<p>
Para executar seus testes, você pode usar o comando rspec no terminal, seguido do caminho do arquivo de teste ou diretório. Por exemplo:
</p>

```ruby
rspec spec/models/user_spec.rb
```
<p>
Isso executará apenas os testes do arquivo user_spec.rb.
</p>

<h3>Integração com Rails</h3>
<p>
O RSpec é integrado ao Rails, permitindo que você use métodos auxiliares do Rails nos testes. Por exemplo, você pode usar get, post, put, delete para simular requisições HTTP em testes de controladores.
</p>

<h3>Mocks e stubs</h3>
<p>
O RSpec fornece suporte para mocks e stubs, permitindo simular comportamentos específicos em objetos durante os testes. Isso é útil para isolar o código que está sendo testado.
</p>

<h3>Conclusão</h3>
<p>
Ao seguir esses passos e incorporar uma mentalidade centrada em testes durante o desenvolvimento, os desenvolvedores podem identificar problemas mais cedo, melhorar a manutenibilidade do código e aumentar a confiança na aplicação. Portanto, investir tempo na configuração e na escrita de testes usando o RSpec é um investimento valioso que contribui para a criação de software mais robusto e confiável para garantir a qualidade e a estabilidade do código em qualquer projeto.
</p>
WTK on GIT and Docker
Published: 2024-03-13 14:52:40

Wizard's Toolkit now has a GIT repository on BitBucket.  This low-code development library has been the foundational code for several companies since 2009.  The companies ranged from startups to $17M annually.

Now with both a Docker offering and GIT repository, anyone can get started with this low-code library in minutes.  WTK has a much lower learning curve than Laravel.

**Includes**
- Database tables to track users, errors, update logs, user history, emails sent, etc.
- Report generator for SQL developers
- Registration process
- Forgot Password feature
- Code builder - code that writes code
- CSS Maker - to customize your UI
- Initial framework for navigation

## Access on GIT
https://bitbucket.org/AlecSherman/wizards-toolkit/

## Access on Docker
https://hub.docker.com/r/proglabs/wizards-toolkit/
DevOps with Guruu | Chapter 4 : Setup and use Kubernetes with EKS | Build your First CI/CD Pipeline
Tags: webdev, devops, aws
Published: 2024-03-13 14:43:31

{% embed https://youtu.be/mBfy4BkbB8U %}
DevOps with Guruu | Chapter 4 : Setup and use Kubernetes with EKS | Build your First CI/CD Pipeline

> 0:00 Welcome to my Series DevOps with Guruu
> 1:34 Setup Cloud9 Environment
> 4:27 Install eksctl – helm – kubectl, necessary tools
> 8:25 Configure access key for Admin user
> 14:05 Setup EKS Cluster with AWS CLI
> 27:55 Setup EKS NodeGroup with AWS CLI
> 40:20 Work with kubectl to run Nginx pod
> 47:00 Work with kubectl to run A Sample APP pod
> 50:00 Delete resource

Join me on this journey to mastering DevOps. Let's get hands-on and build a strong foundation together! Don't forget to like, share, and subscribe for more exciting content. Happy coding, future DevOps!"
Our Focus is on Elanat CMS
Tags: csharp, dotnet, opensource, github
Published: 2024-03-13 14:25:47

We at [Elanat](https://elanat.net) team released two open source products named Elanat CMS and CodeBehind Framework in 2023.

### Our product
![CodeBehind ](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nq4eno4tztk2qsq0n1zb.png)
 - **[CodeBehind Framework](https://github.com/elanatframework/Code_behind):** CodeBehind Framework is a modern back-end framework under .NET Core that competes with default frameworks ASP.NET Core MVC and Razor Pages.
![Elanat](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wo6rk52xnyr5l37azg08.png)
 - **[Elanat CMS](https://github.com/elanatframework/Elanat):** Elanat CMS is a large content management system based on ASP.NET Core, which was created using the CodeBehind Framework.

The latest version of Elanat CMS product is version 2.1, which is built on CodeBehind framework version 1.5.2. Elanat CMS version 2.1 was released on October 6, 2023, and since then we at Elanat team have focused on developing the CodeBehind framework. After the 1.5.2 version of the CodeBehind framework, we have released several new versions within 5 months; We've added revolutionary new features and functionality in these releases, and currently version 2.4 is the latest version of the CodeBehind framework, released last week.

Note: In the Elanat team, we named the Elanat CMS product Elanat framework, which means CMS Framework.

As we said before, Elanat CMS has migrated from .NET standard version 4.5 to .NET Core version 7.0. The latest version of Elanat CMS on .NET Standard is version 1.0.8.4 and the next version is 2.0.0.0 which runs under .NET Core.

Version 2 had bugs and inconsistencies, most of which arose after the transition to .NET Core. In a short time, we released version 2.1 after fixing the problems of version 2.

Version 2.1 still has minor defects and we will fix them in the new versions.

Our strategy We at Elanat team is to focus on developing Elanat CMS for about 6 months from this date and provide a stable system. Probably, in these 6 months, we will not add significant features to Elanat CMS, and we will focus on rewriting codes, fixing bugs, and improving performance.

We ask .NET developers to evaluate our products and give us feedback.

### Related links

Elanat CMS on GitHub:
https://github.com/elanatframework/Elanat

Elanat CMS website:
https://elanat.net

CodeBehind on GitHub:
https://github.com/elanatframework/Code_behind

CodeBehind in NuGet:
https://www.nuget.org/packages/CodeBehind/

CodeBehind page:
https://elanat.net/page_content/code_behind