teleren/devto huggingface dataset:
Live Coding Session: From Kafka Streams to REST APIs in minutes
Tags: tutorial, productivity, database, api
Published: 2022-12-13 11:21:40

The week after Christmas and before New Year's is one of the best times to learn something.

Sure you might be "working", but apart from the occasional on-call alert you're probably just sitting around the (home) office looking for something to do.

Well, come learn something with Tinybird. On December 27th, Alasdair Brown and Jorge Gomez Sancha are running a deep dive on building analytics APIs from Kafka streams using Tinybird.

> **[Click here for all the details and to register](https://www.tinybird.co/live-coding-sessions/from-kafka-streams-to-rest-apis?utm_source=Dev.to&utm_medium=Dev.to&utm_campaign=Q4-2022-kafka-live-coding)**

You'll learn how to...

...persist events data into OLAP storage
...filter, aggregate, and enrich your streams with SQL
...publish your queries as low-latency REST APIs
...add query parameters to your API endpoints
...monitor endpoints performance & errors
...determine when Tinybird or ksqldb are appropriate

We guarantee it will be at least 2.4x more fun that twiddling your thumbs and at least 4.7x more fun than tearing down the Christmas lights. 🤪

**[Join us](https://www.tinybird.co/live-coding-sessions/from-kafka-streams-to-rest-apis?utm_source=Dev.to&utm_medium=Dev.to&utm_campaign=Q4-2022-kafka-live-coding)**
Where are the "intermediate", "advanced" and "expert" tags?
Tags: discuss, meta
Published: 2022-12-13 11:59:01

First and foremost, I love that there is so much beginner-friendly content on dev! I would have dreamed of such articles at the time I began to program.

At the same time I know there is the level system. However, I still think it would be good for all of use, if there would also be some more skill-level oriented tags, such `intermediate`, `advanced` or `expert`.

It would make it much easier for advanced users to find articles that are much more challenging. What do you people think?
VI vs EMACS editor war is now on Google
Published: 2022-12-13 11:48:41

When Googling for **emacs**, google recomended searching for **VI** and vise versa. Neat thing thought I would share it here :)

### Searching for EMACS

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

### Searching for VI

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kvq9a63ix4jwoi8n4w37.png)
The 4 most common mistakes founders make with micro-startups ideas [Day #13]
Tags: beginners, entrepreneurs, startup
Published: 2022-12-13 11:47:09

[The 4 most common mistakes founders make with micro-startups ideas [Day #13]](https://medium.com/@journeypreneur/the-4-most-common-mistakes-founders-make-with-micro-startups-ideas-day-13-369067f0a353)

I’m in the process of making small and quickly profitable micro-startups, and so, I’m researching what kind of mistakes I should avoid, to let me increase the probability of success for my micro-startups.
How to use my.arlo.com login page for device access?
Tags: programming, help, writing
Published: 2022-12-13 11:35:41

The default [my.arlo.com login page](https://www.loginarlo.com/my-arlo-com/) can be used to access the network settings of an Arlo camera or doorbell. You can configure the network settings and configure the recording functions to start at different trigger points like motion detection etc. You can then view the recorded footage using the same setup wizard. If you face any issues accessing the login page or connecting to the setup wizard, you can always reach out to the team at our end now. (edited)
Best ways to take care of your body in winter
Tags: aromatherapy, wintercare, wellness
Published: 2022-12-13 11:34:44


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4f8vx9hrjhl14do1mz1j.jpg)
It is imperative to stay healthy during the winter. It is no secret that the winter months can be difficult for our minds, bodies, and souls. We need to rejuvenate our bodies during the cold weather. Since we can't fight mother nature, and we can't win anyway, Tattva Wellness recommends a few things to keep you refreshed this winter season. Visit **[Tattva Wellness](https://tattvaspa.com/)** website to learn about the **[best ways to take care of your body in winter](https://tattvaspa.com/how-to-prepare-your-body-for-winters/)**.
G for Git
Published: 2022-12-13 10:09:04

Maintaining code for us developers has been quite smooth because we have a tool that can keep track of each version of the code that is being modified and kept in distributed manner.

Git is not only knowing pull, commit and push, there is lot more to it. if we understand git more we might handle our code versions a little more sensibly.

### Play around with git
Inside git directory if you further look into .git directory(which is hidden usually), you'll see the commits and logs and other informations are being stored here. Incase for example you want to search your commits you previously made with certain message, you can simply hit the command ```git log --grep="example search word"``` where grep is global regular expression
git having three components, repository, staging and working directory where every changes we make in working directory and usually we push it to stage and then commit it to repository and each commit produces a hash code aka SHA value which is 40 unique hexadecimal characters and this SHA-1 is generated based on each and every changes you commit (e.g. text file, code, binary file). Hence, even adding a space will generate a different SHA-1 value. Interesting thing here to note is, once you commit a change, HEAD will point to recent commit and once you commit another change the HEAD will now point to latest change and this this will also include the previous change and if you visualize, it will be a sort of linked list.

[ Commit 1 ]------[ Commit 2 ]------[ Commit 3 ]

[ 48ae79b ]<------[ 56f9ca ]<------[ 9c78de ] <== HEAD

Snapshot-1 ------ Snapshot-2 ------ Snapshot-3
Now let's say you ant to compare two commits, one handy tool to find difference between two commits is
```git diff b3c98a..c6ae4b``` and if you want to commit all the changes skipping the staging part then you can use ```git commit -a -m "some msg"```

### Resources
If you want to study git in detail, you can go through this url: https://www.toptal.com/git/the-advanced-git-guide
The right way to add apple touch icons in NextJS
Tags: nextjs, favicon
Published: 2022-12-13 11:33:37

So, some tutorials suggest adding it like this in <head>

`<link rel="apple-touch-icon" sizes="180x180" href="/images/favicons/apple-touch-icon.png" />`

but, for some "unknown" reason, if you have root file in /pages/ thats using slug such as [slug].tsx, apple devices will run [slug].tsx when fetching apple-touch-icon linked like that.

Solution was to just create 2 png files 

apple-touch-icon-precomposed.png
apple-touch-icon.png

and add them directly to public folder. No need to link it in <head>

Thats it.
Best Aromas to Keep you Warm and Cozy during the Winter
Tags: aroma, warmaroma, wintercare, vilasa
Published: 2022-12-13 11:30:44


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jjwubu5te114zkk2kk0j.jpg)
It isn't rocket science why winter aroma launches tend to be warm and cozy. When the weather outside is freezing and the days are short, it is natural to do what it takes to avoid feeling cold - like spritzing on an aroma that has woodsy and spicy notes. Choosing an aroma that suits your preferences can be tricky. But not anymore, as VILASA aromatherapy products are here to offer you the most suitable winter aromas. Visit VILASA's website to learn about **[warm aromas for winter](https://www.vilasaworld.com/blogs/news/warm-aroma-for-winters)**.
The Importance of Performance in Frontend Web Development
Published: 2022-12-13 11:27:41

Performance is important in frontend web development because it directly affects the user experience. A website or web application that loads and responds quickly will provide a better user experience than one that is slow and unresponsive. In addition, good performance can improve search engine rankings and increase conversions.

Some specific reasons why performance is important in frontend web development include:

1. Faster loading times: A website that loads quickly will retain more users and provide a better user experience. This is particularly important for mobile users, who are more likely to abandon a slow-loading website.

2. Improved user experience: A fast and responsive website will provide a more enjoyable and seamless user experience. This can lead to increased engagement and conversion rates.

3. Better search engine rankings: Search engines, such as Google, prioritize fast-loading websites in their search results. This means that a faster website is more likely to rank higher in search results, leading to increased traffic and potential customers.

4. Increased conversions: A faster website can lead to increased conversions, as users are more likely to complete a purchase or sign up for a service if the website is fast and responsive.

Overall, performance is an important aspect of frontend web development that should be considered during the design and development process. By focusing on performance, developers can create websites and web applications that provide a better user experience and deliver business value.
CSS Grid vs. Flexbox: Which Should You Use?
Tags: css, webdev, javascript, beginners
Published: 2022-12-13 11:21:39

CSS Grid and Flexbox are two popular layout technologies used in front-end web development. While both allow for the creation of complex and responsive web designs, they have their own unique strengths and weaknesses. In this blog post, we'll take a closer look at both CSS Grid and Flexbox and discuss which one you should use for your next project.

CSS Grid is a two-dimensional layout system that was introduced as a part of the CSS3 specification. It allows developers to easily create complex grid-based layouts with rows and columns. CSS Grid is particularly useful for creating layouts with unequal-sized elements, as it allows developers to define custom sizes for each row and column.

Flexbox, on the other hand, is a one-dimensional layout system that was also introduced as a part of the CSS3 specification. It allows developers to easily create flexible and responsive layouts with rows or columns that automatically adjust to the size of the screen. Flexbox is particularly useful for creating layouts with evenly-sized elements, as it allows developers to define the proportions of each element relative to the other elements in the layout.

So, which one should you use for your next project? The answer depends on the specific requirements of your project. If you need to create a complex and responsive layout with unequal-sized elements, then CSS Grid is the way to go. On the other hand, if you need to create a flexible and responsive layout with evenly-sized elements, then Flexbox is the better choice.

Of course, you don't have to choose one or the other. In fact, many developers use both CSS Grid and Flexbox in the same project to take advantage of the unique strengths of each. For example, you could use CSS Grid for the overall structure of your layout and Flexbox for individual components within that layout.

In conclusion, CSS Grid and Flexbox are both powerful layout technologies that can be used to create complex and responsive web designs. Whether you choose to use one or the other, or both, will depend on the specific requirements of your project. Ultimately, the choice between CSS Grid and Flexbox comes down to understanding their unique strengths and weaknesses and choosing the one that best fits your needs.
A Beginner's Guide to Responsive Design
Tags: webdev, css, javascript, beginners
Published: 2022-12-13 11:11:26

A Beginner's Guide to Responsive Design

As a beginner in the world of web design, you may have heard the term "responsive design" thrown around but aren't quite sure what it means. In a nutshell, responsive design is the practice of creating a website that looks and functions well on any device, regardless of its screen size or resolution.

One of the key aspects of responsive design is the use of media queries. These are snippets of code that allow you to specify different styles for your website depending on the size of the screen it is being viewed on. For example, you may have a three-column layout on a large desktop screen, but on a smaller mobile device, you could use media queries to change the layout to a single-column.

Another important aspect of responsive design is the use of flexible grid-based layouts. These layouts use a system of columns and rows to structure the content on your website, making it easy to rearrange and resize elements as needed for different screen sizes.

To get started with responsive design, it's important to have a basic understanding of HTML and CSS. These are the two core technologies that are used to build websites, and they are essential for creating a responsive design.

One of the best ways to learn about responsive design is to start experimenting with it on your own. You can use online tools like CodePen or JSFiddle to quickly create and test your designs, or you can use a local development environment like XAMPP or MAMP to create a more robust testing environment.

As you become more familiar with responsive design, you can start incorporating more advanced techniques like using flexible images and media, or implementing responsive navigation menus. The key is to always keep the user experience in mind and ensure that your website is easy to navigate and use on any device.

In conclusion, responsive design is an important skill for any web designer to have. It allows you to create websites that are accessible and easy to use on any device, and it's essential for creating a positive user experience. By learning the basics and experimenting on your own, you can quickly become proficient in responsive design and start creating beautiful, functional websites for a wide range of devices.
Vigilancia aduanera aduanas de españa
Published: 2022-12-13 11:10:28


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

The officials of the Customs Surveillance Service (SVA), men and women, have the status of agents of the authority (fiscal police and judicial police), given the missions they carry out and, therefore, are authorized to carry regulation weapons.

Its actions are aimed at repressing contraband crimes and offenses, the fight against drug trafficking and other related crimes such as money laundering, Excise Tax fraud and other tax fraud and the underground economy.

For this reason, they have extensive training in administrative, criminal and procedural, community, tax, customs law and legislation on contraband.customs

[]([](https://sites.google.com/view/vigilanciaaduaneraaduanas))
10 Essential Tools for Frontend Developers
Tags: webdev, javascript, beginners, programming
Published: 2022-12-13 11:07:19

As a frontend developer, having the right tools at your disposal can make all the difference in your productivity and the quality of your work. In this blog post, we'll take a look at 10 essential tools that every frontend developer should have in their toolkit.

1. A code editor: A code editor is the primary tool used by frontend developers, and it's important to choose one that suits your needs and preferences. Popular options include Visual Studio Code, Sublime Text, and Atom.

2. A browser developer tools: All modern browsers come with built-in developer tools that allow you to inspect and debug your web pages. These tools are essential for identifying and fixing problems with your code.

3. A version control system: A version control system allows you to track changes to your code over time and collaborate with other developers. Git is the most popular version control system, and it's widely used in the industry.

4. A package manager: A package manager makes it easy to install and manage dependencies for your projects. npm is the most widely used package manager for JavaScript, while Bower is another popular option.

5. A build tool: A build tool allows you to automate common tasks such as transpiling, minification, and bundling. Some popular build tools for frontend development include Webpack, Browserify, and Grunt.

6. A testing framework: A testing framework allows you to automate the testing of your code to ensure that it is working as expected. Some popular options for frontend testing include Mocha, Jasmine, and Jest.

7. A performance tool: A performance tool allows you to measure and improve the performance of your web pages. Some popular performance tools include Lighthouse, PageSpeed Insights, and WebPageTest.

8. A design tool: A design tool allows you to create and prototype designs for your web pages. Some popular design tools include Sketch, Figma, and Adobe XD.

9. A wireframing tool: A wireframing tool allows you to create low-fidelity mockups of your web pages to help with planning and design. Some popular wireframing tools include Balsamiq, InVision, and Moqups.

10. A collaboration tool: A collaboration tool allows you to communicate and share files with other members of your team. Some popular collaboration tools include Slack, Trello, and Asana.
A Roadmap for Frontend Developers: Essential Skills and Best Practices
Tags: webdev, javascript, react, programming
Published: 2022-12-13 10:54:20

As a frontend developer, it's important to constantly be learning and improving your skills in order to stay up-to-date with the constantly evolving landscape of web development. In this blog post, we'll outline a roadmap that can serve as a guide for frontend developers who want to take their skills to the next level.

First and foremost, it's important to have a strong foundation in HTML, CSS, and JavaScript. These are the core technologies that make up the frontend of a website, and without a solid understanding of them, it will be difficult to effectively create and maintain websites.

Once you have a good grasp of the basics, the next step is to become proficient in a frontend framework such as React or Angular. These frameworks provide a set of pre-built components and tools that make it easier to create dynamic and interactive websites.

In addition to mastering a frontend framework, it's also important to have experience with responsive design and mobile-first development. With the increasing popularity of mobile devices, it's crucial for websites to be optimized for small screens and touch-based interactions.

Another important skill for frontend developers is the ability to work with APIs. Often, the frontend of a website will need to communicate with a backend server in order to retrieve or submit data. Knowing how to work with APIs will allow you to create dynamic and data-driven web applications.

Finally, it's important to stay up-to-date with the latest developments in the world of frontend development. This can include new features in the core technologies, updates to popular frameworks, and emerging best practices for building modern websites.

Overall, the roadmap for a frontend developer involves building a strong foundation in core technologies, mastering a frontend framework, staying up-to-date with the latest developments, and gaining experience with responsive design and API integration. By following this roadmap and continuously learning and improving, frontend developers can stay at the forefront of the field and build high-quality, dynamic websites.
Government Interoperability: Challenges and Strategies.
Tags: api, security, programming, opensource
Published: 2022-12-13 10:51:57

[linkedin.com/in/trinmar](https://linkedin.com/in/trinmar)

Last 2018, we won the [Hack4PH](http://ciof.eacomm.com/wp-content/uploads/2019/02/Comprehensive-Report_Hack4PH-2018.pdf) solving a specific problem in the Philippines.

Government interoperability is an important concept in today’s digital world. It refers to the ability of different government agencies and departments to share information, resources, and services across different platforms and systems. The concept of government interoperability is becoming increasingly important as governments look for ways to streamline their operations and make them more efficient.

However, the implementation of government interoperability is not without its challenges and problems. One of the biggest challenges is the lack of standardization across government systems. Each government agency and department may have different systems and protocols in place for data sharing and communication, making it difficult for them to work together. Additionally, there may be a lack of resources or budget to update and maintain these systems.

Another challenge is the complexity of many government systems. These systems are often highly complex and may require specialized knowledge and expertise to integrate them. This means that there may be a lack of expertise or resources available to properly implement government interoperability.

The last challenge is the lack of trust between government agencies and departments. In order for government interoperability to work, government departments and agencies must trust each other and agree to share data and resources. This can be difficult when there is a lack of trust between different government bodies.



Despite these challenges, there are strategies that can be employed to overcome them. Firstly, it is important for governments to focus on standardizing their systems and protocols. This will make it easier for government agencies and departments to work together and share information. 

It is also important for governments to invest in training and resources to ensure that government staff are knowledgeable about the systems and protocols necessary for government interoperability. This will help ensure that the integration of systems runs smoothly.

Finally, governments should focus on building trust between departments and agencies. This may involve establishing clear protocols and guidelines for data sharing, as well as establishing forums and meetings for agencies to discuss and collaborate on government interoperability. 

By focusing on these strategies, governments can overcome the challenges and problems associated with implementing government interoperability. With the right approach, governments can ensure that their systems are properly integrated and that they can take advantage of the many benefits that government interoperability can offer.

[facebook.com/Trinwhocode](https://facebook.com/Trinwhocode)
FOSDEM 2023 - Devroom Real-Time Communication CfP
Tags: opensource, callforpaper, webrtc, conference
Published: 2022-12-13 10:49:46

The Real-Time Communication devroom has opened its call for paper up until December 14th 👉 [Propose your talk here](https://github.com/FreeRTC/fosdem/blob/master/2023/cfp.md)

![on stage](https://images.unsplash.com/photo-1475721027785-f74eccf877e2?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80)