teleren/devto huggingface dataset:
We need JS dev's
Tags: javascript, node, react, nextjs
Published: 2021-10-26 16:47:28

Whatsup guys. First I wanted to say that everyone in the dev.to community has been super welcoming and friendly. Nice to know there are still people out there.

The reason for this post. I started a site that is a network for developers to seek & give advice over video chat. 

https://p-pl.com is the site

For instance, if you are an expert in React.js, you can have other people connect with you. You as an expert can also bill for your time. (Hourly rate)

Or if you're seeking advice, you can search for and request to connect with other users that are online at that given moment. If they accept the call, you are immediately brought to the video chat portal to hash out your code issues or anything else.

Once the interaction ends, each user can rate eachother based on professionality, expertise etc. Think of it almost like an uber for information.

You as a user are ranked higher in the results based on your reviews as well as the meta data your provide in your profile.

This was a 2 1/2 year project and I just want it in the right hands. I will be posting tutorials later on how to use the site, core features etc.

What I'm looking to do is build the network full of JavaScript developers so that the community is rich with support in this language. Eventually then to move on to other languages.
The World's Worst Todo App
Tags: typescript, webdev, programming
Published: 2021-10-23 03:37:42

There's plenty of great todo list applications out there. 

[Vicci](https://vicci.dev) is definitely not one of them.

However, that's not what its aim is.

You see, Vicci started life as what was meant to be a front-end only project to show some architecture examples to a friend of mine. We call him "Vinny", and every time I was writing something to help him the old latin phrase "veni, vidi, vici" ("I came, I saw, I conquered"). The last bit of that, "vici", is where I drew the name for the project. It means "I conquered," and I think that's pretty uplifting of a motto for a list of things that needs to get done.

Once I started to go really hard into the code I realized that it would be nice if there was some kind of user system, so I thought "well I'll just add a Cognito, and that way the user can login and out" but after that I thought "I mean, if the user system is out of the way, what's stopping me from building a simple API?" So... I did.

The result is a project far removed from the "quick and dirty" app that I wanted to start with, and is instead an app in a weird state as of writing this. 

The UI is... let's say _rough_. It wasn't meant to be, but this all started as a way to show off the architecture more than the view. As such, the API is also pretty rough. 

That's fine though. It's more a chance to talk about the tech and architecture used in it, specially in the context of a "Serverless" app on AWS. 

That all said, let's talk about the tech stack:

* React + TypeScript
* TailwindCss
* Webpack
* AWS SAM, includes AWS Lambda and API Gateway
* AWS CloudFront
* AWS S3
* AWS CDK
* Route53
* AWS Certificate Manager (for the SSL certs in prod)
* GitHub as source control version host.

Notice, nothing too outrageous, odds are if you already work in the web right now most of these are things you have at least _some_ experience with. I will (eventually) get to the point where tag pushes to any of the github repos will also trigger a deployment of said resource, but was running into issues and wanted to get this published before my job got busy.

I'm open to feedback from other engineers, and questions from people new to programming in this space. Please create an issue on the corresponding Github repo and I'll address it as soon as I can.

Til then, welcome to the world's worst todo app.
How We Built a Cross-Platform Library with Rust
Tags: rust, webdev
Published: 2021-10-26 16:38:34

When we create a new release of Oso, we run 87 different Github actions. Those actions build libraries for 6 different languages and test them on different versions of the language across 3 different operating systems. Oso has libraries for Python, Ruby, Java, Javascript, Go, and Rust, and each of those libraries works on Linux, Windows, and macOS. Every library is based on a core that is written in Rust. That allows us to support so many languages without rewriting every feature 6 times. 

See new post out to learn how it all works: https://www.osohq.com/post/cross-platform-rust-libraries
Tuesday’s Tip – Think Like a Medical Resident
Tags: tuesdaystip
Published: 2021-10-26 20:01:55

---
title: Tuesday’s Tip – Think Like a Medical Resident
published: true
date: 2021-10-26 16:38:14 UTC
tags: TuesdaysTip
canonical_url: https://www.30minuteproject.com/2021/10/26/tuesdays-tip-think-like-a-medical-resident/?utm_source=rss&utm_medium=rss&utm_campaign=tuesdays-tip-think-like-a-medical-resident
---

## See One. Do One. Teach One.

There’s an old adage in the medical field: _See one. Do one. Teach one._ The idea being you first get familiar with the subject area, then you try it yourself for hands-on experience, and then teaching one will help you retain and better understand your newfound knowledge. The practice, while becoming outdated in medicine, can still be a valuable method in programming.

Looking to learn a new framework or language?

- See one
  - Watch a video tutorial or read one.
- Do one
  - Walk through the tutorial yourself
  - Use the framework/language to tackle a problem 
- Teach one (document to explain your process)
  - What problem are you solving with your project?
  - Why did you chose this language/framework?
  - What tutorials/sources did you use and why?
  - What were the steps you took to build your project?

Using this process can help strengthen your knowledge of your chosen language or framework. Along the way, you may notice an interesting feature that you want to explore a little deeper. Or posting your documented journey might yield you some interesting questions that lead to more research. Have fun and approach everything with curiosity.

Get your free ebook

"The 30-Minute Project: How to improve Your Side Project Game to Become a Better Developer"
at [30-Minute Project](https://www.30minuteproject.com/contact/)
Transfer Learning: The Highest Leverage Deep Learning Skill You Can Learn
Tags: deeplearning, machinelearning, datascience, computerscience
Published: 2021-10-26 16:36:47

Deep learning is a powerful tool, but it can be time-consuming to train the model. 

Wouldn't you like to save months of training time when starting new deep learning projects?

Transfer learning lets you reuse your existing neural network weights in new models. This greatly speeds up training and reduces costs. 

[Transfer Learning: The Highest Leverage Deep Learning Skill You Can Learn](https://towardsdatascience.com/transfer-learning-in-deep-learning-641089950f5d?sk=80f11b625d1de006bfee711e29ffcb35)
Slotting
Tags: slots, webdev, beginners, html
Published: 2021-10-26 16:22:30

Over the past few weeks, my team and I have been working on creating a learning card. As we work, we have been implementing slots into our `render()` in order to make life a little easier. The learning card which we are working on recreating is this:

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

###Slotting Within Our Card
In order to separate our tasks, we have our code split between the Header, Frame, Icon, and the Card itself. Within each section the slotting is a little different! Below is what each section's slotting looks like:

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

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

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


###What Do They Do?
Slots utilize basic level HTML to create different DOM Trees. They allow for the user to set placeholders within the component. This allows for flexibility and allows for the developer to create multiple DOM Trees.

###Follow Our Journey!
**_GitHub_** : [PenStat Card](https://github.com/PenStat/penstat-project2)
Fonts in Lit
Published: 2021-10-26 16:17:55

Fonts are an important factor when creating a web application. They play an important role when it comes to the appearance of your website. 

Typically, to access fonts, you can write your own code or use a third party service. 

## Font Family

p {
  font-family: Helvetica, "Trebuchet MS", Verdana, sans-serif;
}

Traditionally, fonts can be applied using HTML's font-family property. The system will traverse through the list of font-family values until it finds the one the coder identified. The downside is that the font choices are limited.

You can also import fonts in your CSS file. You can either use the CSS @import or HTML <link> tag. 

@import url('https://fonts.googleapis.com/css?family=Muli&display=swap');

## Fonts in Lit
Importing a third party font is not supported in Lit. We have to use a <link> tag in order to access the font. 
First, you would have the create the font-family attribute in the CSS file. 
Then, you would have the <link> tag in the head of index.html.
How to Pass Variables to ERB Partial Views With Ruby on Rails
Tags: rails, ruby, webdev, programming
Published: 2021-10-26 16:13:30

### How to Pass Variables to Partial Views

Here's how to pass variables around in your Ruby on Rails partial views.

First, we need to render our partial view inside an existing view. That will look something like this:

```erb
<%= render partial: "footer" %>

# Or the shorthand version which can omit the "partial" key
<%= render "footer" %>
```

Next we need to pass the variables to the partial by adding a hash to this render call.

```erb
<%= render partial: "footer" locals: {darkmode: false}%>

# The shorthand version may also omit the "locals" key
<%= render "footer", darkmode: false %>
```

---

### Using Variables in Partial Views

Next, we just need to read this variable from inside out partial view. If we navigate to out partial we can access or variables as if they were passed directly from a controller.

```erb
# In our footer partial
<div>
    <%= "Darkmode is enabled" if darkmode %>
<div>
```

---

### Tips & Tricks to Prevent Errors

The above implementation is short and sweet, but very prone to errors.

For example, you'll get a nasty error if you forget to pass the `darkmode` variable when you render this partial.

```
undefined local variable or method `darkmode' for #<#<Class:0x00007fc2979f6a58>:0x00007fc2979feb68>
```

Instead of forcing yourself to declare this variable every time you render the view, it's much safer to add an extra condition inside your partial to make sure the variable is defined.

That should look something like this:

```erb
# In our footer partial
<div>
    <%= "Darkmode is enabled" if defined?(darkmode) && darkmode %>
<div>

```

The `defined?` method checks if `darkmode` is defined before calling it. If it's not, we treat it as false.

I hope this was helpful, it definitely tripped me up today! ✌️
Study for programming interviews while at work
Tags: opensource, github, computerscience, interview
Published: 2021-10-26 16:04:39

![GIF](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6lwkq3hhe6dhf1yc2l60.gif)
 


I know a lot of you work full time jobs, and have trouble finding time to study for your programming interviews.
When I was studying for Facebook, I put together this project so I could study while I was still at work: https://github.com/DanielHabib/terminal-based-comp-sci-quiz

The idea behind this is that no one reads over your shoulder when you are working in your terminal.

If anyone wants to add to the project, PRs would be welcome. It helped me knock down a few topics that were giving me quite a bit of trouble.
Hopefully it helps you guys as well!
 
Github: https://github.com/DanielHabib/terminal-based-comp-sci-quiz
Mobile MVP Agency Looking For Clients in New York, Boston, Barcelona!
Tags: startup, agency, javascript, reactnative
Published: 2021-10-26 16:03:29

👋 Hi there! 

####  I am **Stefan Majiros**,

 a mobile dev agency owner @[https://stefan-majiros.com](https://stefan-majiros.com), professional senior mobile developer (React Native) with over 4 years of international experience in multiple teams and projects.

####  What I do

🎩  I wear many hats as I am bored easily, but **mobile development & serverless** represent a challenge for me. I have built several mobile applications from scratch, working in teams or solo.

####  Who I am looking for

💁🏻  I am always open to helping clients (**startups and enterprises**) get their idea to market faster through the rapid development of MVP - a minimal viable product for iOS and Android using React Native and serverless cloud computing (AWS Amplify, Firebase, and serverless framework).

I am looking for partnerships with **agency owners, CEOs, CTOs, team-leads, and end clients located in Europe, the UK, and the US**. I prefer to work with clients who are **located in New York, Boston, or Barcelona**.

####  How I can help you

We can work together to solve your complex problems **on time**, **on budget**, and **fully guaranteed**.

If you want to:

- **develop a custom complex mobile** app for Android / iOS with React Native and AWS
- **develop a mobile MVP and do not know where to start**
- **consult mobile development** decision
- **rescue your mobile development** project
- **mentoring** (React Native and AWS)

**feel free to reach out **to me at **https://stefan-majiros.com** (it's my business website, where you could see a portfolio, more details about me and my company, offered services, and see how to contact me.

Or take a look at: 

- Website: https://stefan-majiros.com
- Linkedin: https://www.linkedin.com/in/stefan-majiros/
- Github: https://github.com/majirosstefan

Thanks for reading!

Stefan
Rails Ecommerce App
Published: 2021-10-23 02:09:10

**Introduction**

**Requirements**
- Using Ruby on Rails for the project
- Include at least one has_many relationship (x has_many y; e.g. User has_many Recipes) 
- Include at least one belongs_to relationship (x belongs_to y; e.g. Post belongs_to User)
- Include at least two has_many through relationships (x has_many y through z; e.g. Recipe has_many Items through Ingredients)
- Include at least one many-to-many relationship (x has_many y through z, y has_many x through z; e.g. Recipe has_many Items through Ingredients, Item has_many Recipes through Ingredients)
- The "through" part of the has_many through includes at least one user submittable attribute, that is to say, some attribute other than its foreign keys that can be submitted by the app's user (attribute_name e.g. ingredients.quantity)
- Include reasonable validations for simple model objects (list of model objects with validations e.g. User, Recipe, Ingredient, Item)
- Include a class level ActiveRecord scope method (model object & class method name and URL to see the working feature e.g. User.most_recipes URL: /users/most_recipes)
- Include signup (how e.g. Devise)
- Include login (how e.g. Devise)
- Include logout (how e.g. Devise)
- Include third party signup/login (how e.g. Devise/OmniAuth)
- Include nested resource show or index (URL e.g. users/2/recipes)
- Include nested resource "new" form (URL e.g. recipes/1/ingredients/new)
- Include form display of validation errors (form URL e.g. /recipes/new
- The application is pretty DRY
- Limited logic in controllers
- Views use helper methods if appropriate
- Views use partials if appropriate
TLTR: Feel free to get the [source code](https://github.com/mwpenn94/Amazing-Deals-Ecommerce-Example).

**App Design**
The overall plan for this app was to design a web site with a full-stack design using Rails.

Based on the requirements, the app allows users CRUD functionality across multiple objects involved in a large scale ecommerce marketplace applicaton -departments, categories, products, questions, answers, reviews, tags, carts, lineitems, orders, etc.

Similar to large scale counterparts, it is designed for straightforward use with minimal explanation required for the user.

Omniauth Github authentication has been included for ease of access. See spec.md in the roort directory for a list of additional features.

**Security**
To handle the security of the user model, this app utilizes the bcrypt gem to secure the session_secret.

**Data Design**
[See the schema for more info.](https://github.com/mwpenn94/Amazing-Deals-Ecommerce-App/blob/master/db/schema.rb)

**Controller Design**
[See the controllers folder for more info.](https://github.com/mwpenn94/Amazing-Deals-Ecommerce-App/tree/master/app/controllers)
I Asked a Java Champion: What Is the Biggest Problem That Professional Java Developers Are Facing Today?
Published: 2021-10-26 15:00:41

I have attended the workshop that is organized by the [ITKonekt](https://itkonekt.com/en/). The workshop was about efficient coding practices for best performance in Java. Java Champion [Victor Rentea](https://victorrentea.ro/) did a great job explaining all java internals, tools, hibernate, threads, collections, garbage collections, and much more. It was very enjoyable to learn from him and I decided to ask him the question: 

**What is the biggest problem that professional Java developers are facing today?** 

His initial answer was: "Not writing enough Java. They write Kubernetes scripts, dev-ops scripts, python scripts…" 

My understanding of this is that those people are very experienced developers. He also mentioned that this is what his colleagues are working on currently. But if you are just starting your career, he has advice for you: 

* If you are starting a career, then you should learn the language and frameworks that you are using. You should master the language and frameworks. This is the first challenge.
* Don't be disgusted by the front-end technologies, try to be full stack after you master Java. This is after you are comfortable with Java. Go a bit full stack, not "full full" stack, but "just a bit" full stack. 
* Try to learn more about what surrounds you. Learn some other language. Kotlin is a good one. * Learn dev ops. Try to learn a bit of everything. He also gave me this advice: As long as you are surrounded by people smarter than you, you are good. And as long as you love to work with your team, you are good. Doesn’t matter project or technology, it can be a terrible legacy system. If you have super cool surroundings and you keep learning and you keep having fun, it’s perfect. 


If you liked this post, you can follow me on [Twitter](https://twitter.com/mare_milenkovic) or [LinkedIn](https://www.linkedin.com/in/marko-milenkovic-48320b59/). 

Victor is a great trainer and one of the best presenters. You can find him at the following links: 

1. Web site [victorrentea.ro](http://victorrentea.ro/) you can find a **blog**, some **recorded talks**, plus other **goodies**. 
2. [Bucharest-software-craftsmanship-community](https://www.meetup.com/bucharest-software-craftsmanship-community/) (3000+ developers). 
3. [Twitter](https://twitter.com/victorrentea), [LinkedIN](http://www.linkedin.com/in/victor-rentea-trainer), [Facebook](https://fb.me/VictorRentea.ro). 
4. [Victor’s YouTube Channel](https://youtube.com/vrentea) there is more recorded and live content, including coding katas, past meetups, and more.
How To Generate A Sitemap For Your SvelteKit Website
Tags: svelte, sveltekit
Published: 2021-10-26 14:55:02

---
title: How To Generate A Sitemap For Your SvelteKit Website
description: Learn how to generate a sitemap for your sveltekit website
cover_image: https://kudadam.sirv.com/blog/generate-sitemap-for-sveltekit-website/hero.jpg
tags: svelte, sveltekit
canonical_url: https://kudadam.com/blog/generate-sitemap-for-sveltekit-website
---

<p class="intro">
  Generating a sitemap for your SvelteKit website is very easy. It requires no coding at all.
</p>

By default, SvelteKit has no sitemap generator at all. But there is a node module which can help you generate a `sitemap.xml` file for you website. It's called [sitemap-generator](https://github.com/lgraubner/sitemap-generator). It's a module which helps us to generate sitemaps. It is able to builld sitemaps for websites and even SPA's.

It comes along with a CLI _(Command Line TooL)_ which makes sitemap generation easier.

## Generating Sitemap For Your Website

* Inside the root of your `src/routes` folder, create a `sitemap.xml.js` file
This is the file which will read the contents of the xml file and display it to the user

* Inide the file you created, paste the following code inside

```javascript
import fs from 'fs';

export async function get() {
  try {
    const data = fs.readFileSync('sitemap.xml', 'utf8');

    return {
      headers: {
        'Content-Type': 'application/xml'
      },
      body: data
    };
  } catch (e) {
    return {
      body: 'Error'
    };
  }
}
```

* Build and deploy your website. 
  I know this sounds weird but it's actually the right thing.
  The sitemap generator needs a live website in order to generate the sitemap.

* Use SSH to connect to your server and navigate to the root directory of your website.
  You need to connect to your server through SSH and navigate to the root directory in which the build folder is location. __NB:__ Not the `build` folder, but the folder in which the `build` folder resides in.

* Execute the code below

```bash
 npx sitemap-generator-cli %your_website_url% --last-mod --change-freq daily --priority-map "1.0"
```

where `%your_website_url%` is the url to your website. The arguments are self explanatory so there will be no need for me to explain them. 
This command will create a `sitemap.xml` file inside the website root folder.

* Open your browser and navigate to `%your_website_url`/sitemap.xml and the sitemap should be there.


## Conclusion

So fellas, that is how you can create a sitemap for your sveltekit website. If you faced any challenges, please leave a comment below.
Is it possible to have a grid inside a multi-select dropdown? Preferably in Angular
Tags: javascript, programming, webdev, help
Published: 2021-10-26 14:50:38

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

I have a form with a multiselect dropdown, when the dropdown is opened, I want to show a grid with multiple columns and user can select multiple rows from the grid.

Any help is really appreciated. Thank you.