teleren/devto huggingface dataset:
Where is '~' used in CSS ?
Tags: css, beginners, programming, webdev
Published: 2022-05-10 16:58:35

If we rank the popularity of the CSS combinators, tilde is probably at the bottom of the list. It is a nifty little combinator written for niche situations! 

Let's take a step back and get to know the CSS combinators :

## Ranking CSS Combinators : 

1.**`" "` : Descendant combinator**

The most popular CSS combinator is the descendant combinator.

Confused what `" "` does ? Here's the syntax : 

```
.card-container button-container{
     /* some property here */
}
```

As a Front-end Developer , you end up using this operator without realizing that you are using it ! What it does, is selects the second element only if the first element is one of its ancestors. 

You can play around with the code here for better understanding : [code sample](https://codesandbox.io/s/objective-pateu-4wlln5)

---


2.**`>` : Child combinator**

In a close second is the child combinator , and it's job is to select the second element only if it is the direct child element of the first element. 

Examples will clear your confusion : 

```
card-container > p{
     /* some property here  */
}

```
Here's a code sample similar to the code sample above : [code sample](https://codesandbox.io/s/elastic-leakey-tbihrd)

---


3.**`+` : Adjacent sibling combinator**

In my coding journey I haven't had the chance to use the last two on our ranking list in my projects yet , but here goes ! 
The plus , or the adjacent sibling combinator , is used to select the adjacent element of first element , if it matches with the second element. 

Example : 
```
h1 + p{
   /* some property here */
}
```
Here's a code snippet to help you understand better : [code sample](https://codesandbox.io/s/bold-andras-prupkk)

4.**`~` : General sibling combinator**

Last but certainly not the least , is tilde. Known technically as the general sibling combinator . Or worm . Or squiggly line. Whatever you wanna call it , it's job is to select any siblings of the first element , which match the second element. 

Here's how : 
```
card-container-first-batch ~ rest
```

It is a very very corner case, but it exists. And hence our job to know! 
Here's a code sample similar to the code sample above : [code sample](https://codesandbox.io/s/beautiful-solomon-3dv6z5)

---

**So summarizing  :** 

There are 4 types of CSS combinators: descendant (" ") , child(>) , adjacent sibling(+) , and general sibling(~). 

Use them carefully , and hope your code never breaks ! 

For more such fun bits ( if you think css is fun 😂 ) 

Follow me on [twitter](https://twitter.com/i_am_onkar) ,  and check out my [github](https://github.com/sashaboi) , see you next time !
Thoughts app using Appwrite and React
Tags: appwritehack
Published: 2022-05-10 16:51:39

[Instructions]: # (To submit to the Appwrite Hackathon on DEV, please fill out all sections.)


### Overview of My Submission
Build a simple thought app ,having features like authentication & CRUD


### Submission Category: 

[Note]: # (Web2 Wizards, Web3 Wunderkinds, Mobile Moguls, Wacky Wildcards)

 Wacky Wildcards

### Link to Code

[Note]: # (Our markdown editor supports pretty embeds. Try this syntax: `{% embed link_to_your_repo %}` to share a GitHub repository)
{% github kum9748ar/devhackathon-appwrite %}

## Screenshorts
![login](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i3qzfk2wdg9c9snej0f0.png)
![Signup](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jng77ozlecoa65njpml9.png)
 
![home](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/400sgxpdeuly37bbbhcq.png)
 
![with todo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o0av750chm15cmd1ujb6.png)
 
 

### Additional Resources / Info

React router dom
Appwrite 
React js
Difference Between apt update and apt upgrade
Tags: powerfuldevs, tutorial, discuss, codenewbie
Published: 2022-05-10 16:34:01

Package Managers are fantastic!
Let me tell you what made me say that.

Features of Package Managers:
Downloads, installs and updates existing software from a repository.
Ensures the integrity and authenticity of the package.
Manages and resolves required dependencies.
Knows where to put all the files in the Linux file system.
Just imagine performing tasks like checksum verification, installing dependencies, storing components like docs, binaries and config files in different folders manually.

Although for some package managers like "dpkg", you still need to install dependencies manually. But I don't know why would one use package managers like dpkg if we have more advanced package managers which use these low level package managers under the hood and simplifies the task.

"apt" is one such high level package manager.

If you ever googled how to install <package_name> in Ubuntu machine, you'd have probably came across these commands:
sudo apt update
sudo apt upgrade
sudo apt install <package_name>
You might be thinking that we only wanted to install a certain package so why are people suggesting us to execute those 2 additional commands?

Let's understand that.


What does apt update do?
"apt update" updates the package sources list with the latest versions of the packages in the repositories.

Package sources list contains the locations or URLs of some of the repositories from which a package is installed.

You can view this list using the command :
cat /etc/apt/sources.list
It would give output:

Sources List

One such location in these repositories is /ubuntu/dists/bionic-updates/main/source (You can check that here) where Sources.gz file contains all the information about the packages including:

Dependencies of the package
Latest versions of the package
Checksums of the packages to verify integrity
And much more as shown in the figure below.
Image description

So, whenever we type in apt update it browses these lists from the repositories and copies the latest version of them to the local system. It actually doesn't install any package on the system.

What does apt upgrade do then?
"apt upgrade" compares the version of all the packages currently installed on the system with the ones in the list we fetched through apt update and upgrades all of them to their latest versions.

Generally, when upgrading all the packages in the system, we merge both apt update and apt upgrade commands in a single line:
sudo apt update && sudo apt upgrade
All these things happen in the backend within a few seconds.
Day-84 Training At Ryaz
Tags: javascript, webdev, beginners, programming
Published: 2022-05-10 16:30:24

- Date:10/05/2022
- Day:Tuesday

Today, I started at about 11:00 am as I was in progress to complete the java script course so, today I started with the left over task so, firstly I started with resolving the errors faced in the project so, I started to resolve errors but after various attempts I was unable to resolve it so, I get a quick meet up with my mentor so, he firstly get through it and did'nt find anything wrong so, after a keen watch he observed that I passed the category parameter to take from the data base but my data base was empty so, it displayed the error so, after a big struggle I was able to solve the error with the help of my mentor so, this way today day ended up and I got to learn many new things.
Tracy Chou to Speak at CodeLand 2022!
Tags: codeland2022
Published: 2022-05-10 16:29:06

---
title: Tracy Chou to Speak at CodeLand 2022!
published: true
description: Announcing a new CodeLand 2022 Fireside Chat with Tracy Chou
tags: codeland2022
series: CodeLand 2022 Announcements
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4kzyp2g5t7tbwyi8qcp0.png
---

_[Cross-Posted from CodeNewbie Community](https://community.codenewbie.org/codenewbie/tracy-chou-to-speak-at-codeland-2022-3e5f)._

_CodeLand 2022 is a welcoming virtual conference for early-career coders and their champions, taking place on June 16 & 17. We're hard at work building an inspiring, practical, and inclusive program of talks, activities, and more._


_CodeLand 2022 is produced by [CodeNewbie](https://community.codenewbie.org) and [DEV](https://dev.to), two software communities built on Forem._

_Learn more about CodeLand [here](https://codelandconf.com/) and register [here](https://ti.to/codenewbie/codeland-2022)._

---

### We're thrilled to share that [Tracy Chou](https://twitter.com/triketora) will be joining @ben (Creator of DEV & Co-Founder of Forem) for a fireside chat at CodeLand 2022! 🎉 

**Here's a bit more about Tracy Chou to help get you excited for this enlightening conversation...** 

![Tracy Chou](https://community.codenewbie.org/remoteimages/uploads/articles/o7yjibtr27n3vkl5y7vh.png)

>> **Pronouns:** She/Her
>> **Title:** Founder & CEO of Block Party
>> **Based out of:** London
>> **Bio:** Tracy Chou is an entrepreneur and software engineer known for her work advocating for diversity and inclusion in tech. She is currently the founder and CEO of Block Party, which builds tools for online safety and anti-harassment. She is also a co-founder of Project Include, a non-profit working to create a tech ecosystem where everyone has a fair chance to succeed. In 2013, her Medium article “[Where are the numbers?](https://medium.com/@triketora/where-are-the-numbers-cb997a57252)” helped jumpstart the practice of tech companies disclosing their diversity data. Tracy was an early engineer at Pinterest, Quora, and the U.S. Digital Service. 
>> **Fun Fact:** Tracy is an avid reader and likes to organize her books by color. 🌈 

### We're so excited for you to experience this fireside chat between Tracy Chou and Ben Halpern at CodeLand 2022! 

---

_**"What's a 'fireside chat'?"**_ 

In the world of events, conferences, and broadcasting, the term "fireside chat" is used to describe an informal yet structured conversation with influential leaders whose insights and thoughts many communities could benefit from accessing. 

We think that our audience of early-career developers will benefit from and enjoy this fireside chat with Tracy Chou — an inspiring force of change and innovation in our industry.


_**"What's next on the road to [CodeLand 2022](https://codelandconf.com/)?"**_  

_Stay tuned to CodeNewbie Community and [@codelandconf](https://twitter.com/codelandconf) on Twitter for news and updates. **You can browse the program [here](https://codelandconf.com/#program) and register for the event [here](https://ti.to/codenewbie/codeland-2022).**_ ✨
So you want to learn Rust?
Tags: rust, education, resources, learning
Published: 2022-05-10 16:12:37

Here's my favorite Rust educational resources! 
If you're new to Rust, I recommend starting with "the book" and then Easy Rust. 

## Websites (books)

[The Rust Programming Language](https://doc.rust-lang.org/stable/book/)

[The Rustonomicon](https://doc.rust-lang.org/nomicon/index.html)

[Rust By Example](https://doc.rust-lang.org/rust-by-example/)

[Learning Rust With Entirely Too Many Linked Lists](https://rust-unofficial.github.io/too-many-lists/first-layout.html)

[The Little Book of Rust Books](https://lborb.github.io/book/title-page.html) (collection of books)

[Rust Cookbook](https://rust-lang-nursery.github.io/rust-cookbook/intro.html)

[Rust and WebAssembly](https://rustwasm.github.io/docs/book/)

[A Gentle Introduction to Rust](https://stevedonovan.github.io/rust-gentle-intro/)

[Learning Rust](https://learning-rust.github.io/)

[Rust for the Polyglot Programmer](https://www.chiark.greenend.org.uk/~ianmdlvl/rust-polyglot/index.html)

[The Little Book of Rust Macros](https://veykril.github.io/tlborm/)

[Rust Language Cheat Sheet](https://cheats.rs/)

[Rust CLI Book](https://rust-cli.github.io/book/index.html)

[Are we web yet](https://www.arewewebyet.org/)

[A half an hour to learn Rust](https://fasterthanli.me/articles/a-half-hour-to-learn-rust)

[Guide to RustC Development](https://rustc-dev-guide.rust-lang.org/)

[Effective Rust](https://www.lurklurk.org/effective-rust/)

[Rust Design Patterns](https://rust-unofficial.github.io/patterns/intro.html)

[Command Line Applications In Rust](https://rust-cli.github.io/book/index.html)

[Advanced Macros](https://www.cs.brandeis.edu/~cs146a/rust/doc-02-21-2015/book/advanced-macros.html)

[Easy Rust](https://github.com/Dhghomon/easy_rust) OR [GH Page](https://dhghomon.github.io/easy_rust)

## Youtube Channels

[Let’s get Rusty](https://www.youtube.com/channel/UCSp-OaMpsO8K0KkOqyBl7_w)

[Rhymu’s Videos](https://www.youtube.com/channel/UC4ZfpU7QX3iSatYB2GDum5Q) 

[Jon Gjengset](https://www.youtube.com/channel/UC_iD0xppBwwsrM9DegC5cQQ)

[Bedroom Builds](https://www.youtube.com/channel/UCvGrvjefGeb6Tv2cITWC-5Q)

[Chris Hay](https://www.youtube.com/channel/UCncVoOXAma1zJUNTJGL6Ncw)

[Microsoft Developer](https://www.youtube.com/playlist?list=PLlrxD0HtieHjbTjrchBwOVks_sr8EVW1x)

[Code to the Moon](https://www.youtube.com/channel/UCjREVt2ZJU8ql-NC9Gu-TJw)

[Thomas Holloway](https://www.youtube.com/user/nyxtom/videos)

## Frameworks

[Tokio](https://tokio.rs/)

[Actix Web](https://actix.rs/)

[Rocket](https://rocket.rs/)

[Yew](https://yew.rs/)

## Books

[Refactoring to Rust](https://www.manning.com/books/refactoring-to-rust)

[Rust for Rustaceans](https://nostarch.com/rust-rustaceans)

[Rust in Action](https://www.manning.com/books/rust-in-action)

[Code Like a Pro in Rust](https://www.manning.com/books/code-like-a-pro-in-rust)

[Zero To Production In Rust](https://www.zero2prod.com/)
What do you spend the most time on as a developer? ⏳
Tags: discuss, productivity
Published: 2022-05-10 16:07:46

This is the second post of the Mayfield + DEV Discussion series. **Please feel free to go back and answer yesterday's question as well.**

What _parts_ of the software development process and job take up most of your time?

Be as detailed as you feel appropriate. On a day-to-day basis what takes up most of your time?
Bigg Boss 16 Full Episode
Published: 2022-05-10 16:04:21


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

As far as we might be concerned one of the most well known and disputable TV shows in India. The show is popular due to the host Salman Khan and hopefuls engage individuals as well as makes debates. Well here are the insights concerning the show. It is a TV unscripted TV drama in light of 'Older sibling' design which was first evolved by Endemol. The show has finished 14 fruitful seasons and chipping away at sixteenth season which is gazing from second October. Past season was one of the expected; TV entertainer Dipika kakar won with most noteworthy votes .


<a href="https://biggboss16tv.com/">Bigg Boss 16 Full Episode</a>

The stand by is going to reach a conclusion as the sixteenth release of country's #1 and dubious unscripted TV drama, Bigg Boss is going live from second Oct 2022. Salman Khan is returning as the host for the Ninth back to back time. Like last year, this time as well, the competitors will have a blend of big names and the average folks. While the secret around the VIP hopefuls is as yet unblemished, the producers have formally acquainted us with the four plebeians, who will be locked inside the Bigg Boss house this year. A video or rather an excessively emotional video, which uncovered the name and face of these four ordinary people was tweeted out from Colors' true Twitter handle toward the beginning of the day.

<a href="https://biggboss16tv.com/">Bigg Boss 16 All Latest Episodes</a>


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

Salman Khan-facilitated Bigg Boss 16 thousand debut is only a couple of hours away and presently we present to you the affirmed rundown of contenders who are good to go to go into the disputable house. The candidate have previously gone for their starting video and their presentation at the fabulous debut. This time Bigg Boss house is more lavish with eatery, spa, theater and shopping center, whose honor will be brought about by the contenders as they or their group will win the assignment. A similar honor will likewise be caused by the chief or Queen of the house. Be that as it may, the subtleties are not as yet out yet the promotions indicate changing the principles of the game.

<a href="https://biggboss16tv.com/">Bigg Boss 16 Full Episode</a>
AWS Lambda
Tags: lambda, aws, serverless, awscommunitybuilderprogram
Published: 2022-05-10 16:02:11

**<u>_What is AWS Lambda?_</u>**
● AWS Lambda is a **serverless** compute service through which you can run your code without provisioning any Servers.
● It only runs your code when needed and also scales automatically when the request count increases.
● AWS Lambda follows the Pay per use principle – it means there is no charge when your code is not running.
● Lambda allows you to run your code for any application or backend service with zero administration.
● Lambda can run code in response to the events. Example – update in DynamoDB Table or change in S3 bucket.
● You can even run your code in response to HTTP requests using Amazon API Gateway.
OpenPGP Proof
Published: 2022-05-10 15:56:52

This is an OpenPGP proof that connects [my OpenPGP key](https://keyoxide.org/d8529ab0d66c173cc1052c64bfebacea812dda70) to [this dev.to account](https://dev.to/cassdlcm). For details check out https://docs.keyoxide.org/advanced/openpgp-proofs/

[Verifying my OpenPGP key: openpgp4fpr:d8529ab0d66c173cc1052c64bfebacea812dda70]
CitRep - Android + Appwrite - Hackathon
Tags: appwritehack, android, kotlin
Published: 2022-05-10 15:50:25


### Overview of My Submission

CitRep is the prototype of an application to send complaints to a municipality, it is designed to speed up the complaint processes in the cities and towns of Mexico.

**This app is designed with a clean architecture pattern and uses kotlin as its programming language.**

The app is a prototype of a bigger idea and works as a preamble for the creation of the final version, before this I must admit that I had not heard of appwrite, however, with this hackathon I have learned a lot from this platform and I am delighted with the speed of development that I provide.


This application use the next appwrite features:

- Create account
- Create session with user and password
- Delete Session
- Get Account
- Email verification
- Get avatar with the name
- Database list documents
- RealTime
- Create and save a new document
- Upload and download image from appwrite bucket


### Submission Category: 

Mobile Moguls


### Link to Code

{% embed https://github.com/AntonioHReyes/CitRep-appwrite %}

### Additional Resources / Info

Here are some flows implemented within the application

Signup

![Signup](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/00dkfcbrqnezfs2mkxbz.gif)

Login

![Login](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kjxax8f0zzu480ksaogn.gif)

Navigation

![Navigation](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u14rimusb8yzoq642ruf.gif)

Publish a simple post

![simple post](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5w95n5pijsp5ci0h4mdb.gif)
 
Publish a post with images

![images post](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1d9mf0wuq553ouodpaj0.gif)

Email verification flow

![Email verification flow](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0dsvlty52tur1hyjrsnu.gif)
What is Luos engine?
Tags: opensource, microservices, vscode, luos
Published: 2022-05-10 15:44:23

If you discovered Luos a few days ago and want to know more about this open source project presented by your colleague, friend or web browser, check out our 2-minute video.

{% embed https://www.youtube.com/embed/ujh0xNE3TZ8 %}

See the possibilities of luos_engine and exchange now with our community on Discord.
Linuxtips – #BondeDaAWS – Treinamento para certificação AWS Cloud Practitioner
Tags: cursogratuito, eventos
Published: 2022-05-10 18:20:58

---
title: Linuxtips – #BondeDaAWS – Treinamento para certificação AWS Cloud Practitioner
published: true
date: 2022-05-10 15:43:41 UTC
tags: CursoGratuito,Eventos
canonical_url: 
---

Vamos juntos fazer o maior movimento de aprendizado sobre AWS do mundo!

Bora formar milhares de pessoas em mais um cloud provider, e agora é a AWS.

Participe de mais um Bonde da LINUXtips #BondeDaAWS! Será um treinamento exclusivo com a galera da AWS para você tirar a certificação mais cobiçada do momento!

<iframe src="https://www.youtube.com/embed/DDxhvvGyTSs" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

O evento ocorrerá dia 28/05 as 10h e os detalhes serão enviados por e-mail.

Serão distribuídos 100 vouchers com 85% de desconto para realizar o exame AWS Cloud Practitioner, a forma de distribuição será definido pela Linuxtips.

Link para inscrição: [https://www.linuxtips.io/pages/bondedaaws](https://www.linuxtips.io/pages/bondedaaws)

Twitter Linuxtips: [https://twitter.com/badtux\_/status/1522697895388012545](https://twitter.com/badtux_/status/1522697895388012545)

O post [Linuxtips – #BondeDaAWS – Treinamento para certificação AWS Cloud Practitioner](https://guiadeti.com.br/linuxtips-bondedaaws-treinamento-para-certificacao-aws/) apareceu primeiro em [Guia de TI](https://guiadeti.com.br).
Ruby on Rails Cable
Tags: ruby, webdev, beginners, programming
Published: 2022-05-10 15:38:54

I was wondering if anybody has some good resources for Active Record cable. I am trying to make a messaging application and am trying to understand how WebSocket's in cable work as well as how to subscribe and unsubscribe from a socket and how to broadcast back to the clients that are subscribed. All the resources I have come across feel difficult to grasp what is happening and it feels like a lot of magic is happening.
Weather app built with Svelte on Vite
Tags: svelte, typescript, vite, javascript
Published: 2022-05-10 15:30:12

Welcome! This web app is designed to display weather data (current and forecast) based on the user's location.

## Links

[Live site](https://alimansoor-create.github.io/weather-app/)
[Github repo](https://github.com/alimansoor-create/weather-app/)

## Features

- Display current and forecast weather data for the given location
- Retrieve the user's location automatically
- Search for a different location by city name
- Switch the temperature unit between Celsius and Fahrenheit
- Toggle forecast weather data between hourly or daily forecasts
- Responsive layout
- Loading skeleton

## Screenshots

![the app's desktop layout](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wl6n06zgat0vlh4he9ha.jpeg)
![the app's mobile layout](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/89utn4j12xay7j75urg3.jpeg)

**Searchbox**

![the app's searchbox](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3q0kdafh8xv41vnlkimk.jpeg)

**Loading state**

![the app's loading state](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dfq0611qtcj3jhqqjkhv.jpeg)

## Tech stack

- Svelte, bundled with Vite
- Typescript
- Sass for styling
- Axios to make requests
- Notion + [Whimsical](https://whimsical.com/) for planning

Please do check the app out and leave your reviews below!

## Acknowledgements

- [How to set up .env variables for your Svelte project](https://medium.com/dev-cafe/how-to-setup-env-variables-to-your-svelte-js-app-c1579430f032)
- [Creating a live search feature using Axios](https://www.digitalocean.com/community/tutorials/react-live-search-with-axios)
- [country-code-emoji - a neat package that converts an ISO country code to the corresponding flag emoji and vice versa](https://www.npmjs.com/package/country-code-emoji)