teleren/devto huggingface dataset:
3 Software Engineering Templates I Wish I Had Sooner
Tags: webdev, programming, coding, career
Published: 2024-06-27 08:15:35

## Want to become a **better Software Engineer**?

Just make sure to follow the templates that I will provide in today's blog ✨

**Templates shared in this post:**

1. Pull request template
2. Issue template
3. Feature request template

Let's explore them 🚀

---

## 1. Pull request(Diff) template 📂

<img src="https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExNW1qb3FrMG9nZ3hzMHN0Njd0OG0yN3VvenZjZWwweTlvZXhkcXE3dCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/xT4uQwLt2AyurOGWFW/giphy.gif" />

The developer's life includes daily opening new pull requests.

**Unfortunately**, a lot of people are <u>not writing</u> PR descriptions in a good way, or even worse, not writing at all 😢 You can use this to stand out from the rest🔥

Well, today's your lucky day 🍀 

I am sharing with you a <u>[PR template](https://drive.google.com/file/d/10VfYMWicwjEGqPa0HmmYT5tvtiClcXPW/view?usp=sharing)</u> that you can use for this kind of stuff 🎉

---

## 2. Issue template 🐞
Managing issues effectively is key to a smooth development process. 

Using this <u>[Issue template](https://drive.google.com/file/d/1RknmKStjpTw6ZGKhymX4wKhLdkpJ-tbP/view?usp=sharing)</u>, you ensure that all necessary information is provided, making it easier for the team to understand and address the issue 🚀

---

## 3. Feature request template 🌟
You must have found yourself in a situation where you wanted to propose new functionality, but you weren't sure how 😔

This <u>[FR template](https://drive.google.com/file/d/12wUuxO97KeDOVdFJs69LTpJe08qXVUSo/view?usp=sharing)</u> solves your problem 🎯

---

## Conclusion 🌟

Following these templates will ensure to make you a better software engineer. Remember, <u>engineering is not only coding</u>.

Please, comment on your thoughts. Your thoughts are valuable and I want to hear them 💬

Keep up the good work! 👍
Let me give you the FastAPI vs Django short breakdown!
Tags: fastapi, django, pythonframeworks, python
Published: 2024-06-27 08:12:48

I have compared the legendary FastAPI against Flask which is also legendary...but let's see further on.

## Introduction to FastAPI and Django

**FastAPI:** A modern, high-performance framework designed for building APIs with Python 3.7+ that features automatic documentation, easy data validation, and modern Python type hints.

**Django:** A full-featured framework suitable for building complex web applications with built-in solutions for ORM, admin panels, and authentication.

## Core Features and Advantages

**FastAPI:**

- High Performance: Comparable to Node.js and Go due to its asynchronous support.
- Rapid Development: Features like automatic documentation and editor support speed up the development process.
- Standards-Based: Fully compatible with OpenAPI and JSON Schema which streamlines API development.

**Django:**

- Rich Feature Set: Includes an ORM, admin panel, and extensive built-in functionalities.
- Highly Scalable: Ideal for complex applications like CMSs, e-commerce sites, and social networks.
- Strong Community: Benefits from a well-established community and comprehensive documentation.

## Performance Comparison of [FastAPI vs Django](https://bluebirdinternational.com/fastapi-vs-django/)

FastAPI excels in scenarios requiring high performance, especially in environments that benefit from asynchronous programming.

Django offers reliable performance for a wide array of web applications, focusing on feature-rich solutions rather than sheer speed.

## When to Use Each Framework

**Use FastAPI if:**

- You need stellar performance for APIs.
- Your project demands rapid development with modern Python features.
- You are building microservices or applications that require efficient real-time data processing.

**Use Django if:**

- You need a comprehensive solution with less dependency on external libraries.
- Your application requires a rich set of features out-of-the-box.
- You are developing complex systems like content management systems or e-commerce platforms that benefit from Django’s robust security and scalability.
Seeking Guidance on Advancing My Career as a Web Developer
Tags: career, help, webdev, programming
Published: 2024-06-27 08:11:54

Hi everyone,

My name is Jayant, and I am a **Web Developer/Freelancer with over a year of experience. I have completed one remote job and one remote internship, and I just graduated this year**.

Currently, I am searching for remote jobs but have been facing difficulties. Although I have passed several interviews, I have been unable to secure a position due to a perceived lack of experience by the companies.

I am reaching out for advice on what steps I should take next. I feel confident in my technical skills to land a job, but I'm unsure about the best path forward. Here are my current options:

1. **Learn New Trendy Technologies**: Should I expand my skill set by learning new technologies that are in high demand?
2. **Deepen My Existing Knowledge**: Should I focus on gaining more in-depth knowledge of the technologies I already know?
3. **Build More Projects**: Should I continue building more projects with the technologies I am already proficient in? (I've already completed 6-7 major projects.)

Here is a list of technologies I have worked with:

- Next.js
- React.js
- TypeScript
- JavaScript
- Prisma
- AWS
- Docker
- PostgreSQL
- MongoDB
- Node.js
- Express
- Recoil
- Hono
- Tailwind CSS
- C/C++
- Java

You can check out my portfolio and profiles here:

- Portfolio: [jayantdev.tech](https://www.jayantdev.tech/)
- GitHub: [github.com/Jayant818](https://github.com/Jayant818)
- LinkedIn: [linkedin.com/in/jayant-937828207](https://linkedin.com/in/jayant-937828207)
- Resume: [Resume Link](https://drive.google.com/file/d/1AMj_0AZZpOIoL0rJ8e1TaN7s-PrkR017/view?usp=sharing)

I appreciate any advice or guidance you can offer. Thank you!

---
How to use the tooltip and abscissa in the vchart library?
Published: 2024-06-27 08:08:14

## Question title
How to use the tooltip and abscissa in the vchart library?

## Problem description
I am using the vchart library to create charts, but I am having trouble setting the tooltip and abscissa. I tried to configure the tooltip, but it did not display, even if I set it to visible.
In addition, I also hope to be able to customize the content of the x-axis. I'm not sure if my usage is incorrect or there are other issues.

## Solution
Firstly, regarding the configuration issue of tooltip, your setting method is correct.
Then, regarding the issue of tooltip not taking effect, you need to check if your content is written in the wrong place. If you want to customize the content of the tooltip, you can refer to this example of vchart .
Finally, regarding the customization of the x-axis, you can achieve it by setting the style in axes.label . You can also use formatMethod to customize the content. The specific implementation method can refer to this example of vchart .


## Related Documents
- [VChart Tooltip User Guide](https://www.visactor.io/vchart/guide/tutorial_docs/Chart_Concepts/Tooltip)
- [Example of vchart Axis style settings](https://www.visactor.io/vchart/demo/axis/style)
- [VChart Custom Tooltip Example](https://www.visactor.io/vchart/demo/tooltip/custom-tooltip)
- [VChart Axis Grid Style Example](https://www.visactor.io/vchart/demo/axis/grid-style)
Methods of VS Coding
Tags: webdev, javascript, programming, html
Published: 2024-06-27 08:05:00

## **Methods of VS Coding**
## **Code Editing and Navigation**
**Basic Text Editing** 
Use VS Code's intuitive interface for writing and editing code. Utilize keyboard shortcuts for efficiency (e.g., Ctrl+S to save, Ctrl+Z to undo).
**Multi-Cursor Editing**
Use Alt+Click (or Option+Click on macOS) to place multiple cursors and edit multiple lines simultaneously.
**Go to Definition**
Right-click on a function or variable, then select "Go to Definition" (or use F12) to jump to where it's defined in the codebase.
**Find and Replace**
Use Ctrl+F to find occurrences of text in the current file, or Ctrl+Shift+F to search across all files in the project.
## **Extensions and Customization**
**Install Extensions**
Use the Extensions view (Ctrl+Shift+X) to search and install extensions for additional language support, debugging tools, themes, and productivity enhancements.
**Customize Settings**
Modify user settings (File > Preferences > Settings or Ctrl+,) to adjust editor behavior, appearance (like themes), and integrate with external tools.
## **Version Control**
**Git Integration** 
Utilize built-in Git features such as status tracking, commit history, and branch management directly within VS Code. Use the Source Control view (Ctrl+Shift+G) for these operations.
## **Debugging**
**Set Breakpoints** 
Click in the gutter next to a line of code to set a breakpoint. Launch debugging sessions with F5 or through the Debug view (Ctrl+Shift+D). Debugging configurations can be set in the launch.json file.
## **Terminal Integration**
**Integrated Terminal**
Open a terminal within VS Code (Ctrl+`) to run command-line tools, compile code, start servers, and perform other tasks without leaving the editor.
## **Task Automation**
**Tasks**
Use tasks.json to define custom tasks (e.g., build scripts, test runners). Execute tasks via the Command Palette (Ctrl+Shift+P) or with keyboard shortcuts.
## **Code Navigation**
**Navigate Symbols** 
Use Ctrl+Shift+O to search for symbols (functions, classes, etc.) within the current file.
## **Navigate Files**
 Use Ctrl+P to quickly open files by name.
## **Code Formatting and Linting**
**Formatting** 
Use built-in or extension-provided formatters (e.g., Prettier, ESLint) to automatically format code to a specified style.
**Linting** 
Configure linting tools (e.g., ESLint, TSLint) to catch errors and enforce coding standards as you type.
## **Code Collaboration**
**Live Share** 
Use the Live Share extension to collaborate in real-time with other developers, allowing shared debugging, terminal access, and simultaneous editing.
## **Refactoring and Code Analysis**
**Code Actions** 
Use VS Code's built-in or extension-provided code actions to refactor code (e.g., rename symbols, extract methods) and perform code analysis.
Drawbacks to Using Rack Server Unit as Desktop Computer?
Tags: rack, server, rackserver
Published: 2024-06-27 08:03:00

Hello everyone,

I'm considering repurposing a [rack server](https://www.lenovo.com/us/en/c/servers-storage/servers/racks/) unit as a desktop computer and wanted to get some input on the potential drawbacks of doing so. Here are a few concerns I have:

Noise Levels: I've heard that rack servers can be quite noisy due to their cooling fans. How significant is the noise, and is it manageable in a typical office or home environment?
Power Consumption: Are rack servers generally more power-hungry than standard desktop computers? I'm worried about the potential increase in electricity usage.
Form Factor: The size and shape of a rack server are obviously different from a typical desktop. Are there any practical issues with setting it up in a regular workspace?
Peripherals and Ports: Do rack servers support standard peripherals (keyboard, mouse, monitor) easily? Are there any limitations or additional adapters needed?
Performance and Usability: While rack servers are powerful, are there any performance or usability issues when using them for typical desktop tasks like browsing, office applications, or media consumption?
Heat and Cooling: Do rack servers generate more heat than standard desktops? If so, what are the best practices for cooling them in a non-datacenter environment?
Cost and Maintenance: Are there hidden costs or maintenance challenges that come with using a rack server as a desktop?
Has anyone here tried using a rack server as a desktop? If so, what has your experience been like? Any advice or tips would be greatly appreciated!

Thanks in advance for your help!
Top Mobile App Development Company in Greece | Hire Mobile App developers
Tags: mobileappdevelopment, mobileappdevelopmentcompany, mobileappdevelopmentservices, hiremobileappdevelopers
Published: 2024-06-27 07:52:47

Leading the **[mobile app development Company in Greece](https://www.sapphiresolutions.net/top-mobile-app-development-company-in-greece)**, Sapphire Software Solutions is renowned for its expertise in creating innovative and user-centric mobile applications. Specializing in Android and iOS app development, We combine cutting-edge technology with creative design to deliver seamless and scalable mobile solutions. Trusted by startups and enterprises alike, they offer comprehensive services from concept ideation to app deployment, ensuring clients achieve their business goals through intuitive and high-performance mobile experiences.
Cristiano Ronaldo’s Diet: What Does He Eat?
Published: 2024-06-27 07:52:22

Portuguese people know how to eat, and [Cristiano Ronaldo](google.com)
 is no different. He enjoys fruit juices, bread, fish, eggs, steak, and the occasional slice of cake or chocolate bar. His go-to dish is Bacalhau à Brás, which consists of salted cod, onions, thinly sliced fried potatoes, black olives, and parsley on top of scrambled eggs.

Despite his seemingly endless appetite, Cristiano Ronaldo maintains a strict diet and nutrition regimen, especially when training. For instance, he usually divides his daily food intake into six smaller meals, spaced 2-4 hours apart.

This keeps the metabolism running at a steady, ideal pace while also keeping the body from becoming lethargic and hungry over the day.

Protein is nothing new to Ronaldo, of course. He eats lean meats, steak, and eggs, and he is a huge lover of seafood in particular. Protein drinks and joint supplements can help with muscle rehabilitation following a strenuous workout or football game. Large portions of nutrient-dense fruits and vegetables, multivitamins, and specifically made sports beverages (like Herbalife CR7 Drive) can all aid in recuperation. Ronaldo has been observed ingesting booze and sugar on his Instagram page, despite his general avoidance of both.
Modern wall decor trends for 2024
Tags: walldecor, homedecor
Published: 2024-06-27 07:51:43

Step into the future of interior design with our exclusive preview of 2024's [modern wall decor](https://phooldaan.com/wall-decor/) trends. Embrace sleek lines, vibrant hues, and innovative materials as you transform your space into a contemporary masterpiece. From minimalist elegance to avant-garde expressions, our curated collection offers the perfect accents to redefine your walls and elevate your home decor.
How to set the font size of title to semi in VChart for heading4?
Published: 2024-06-27 07:51:11

## Question title
How to set the font size of title to semi in vchart for heading4?
Problem description
I am using the @visactor/vchart library for data lake visualization. However, I encountered a problem where I want to set the font size of the title in vchart to semi's heading-4 font size, but I don't know how to pass this variable in.
## Solution
The new version of vchart provides a package called vchart-semi-theme, which can automatically crawl semi CSS variables on the page, so most of the color values of the chart can use this function. As for font size, although this package currently does not directly provide the function of introducing semi variables, you can manually modify the spec or register the theme to achieve the goal.
Usage is as follows:
First, install the vchart-semi-theme package
Use Documentation: https://visactor.io/vchart/guide/tutorial_docs/Theme/Theme_Extension
You can refer to some examples: https://vp4y9p.csb.app/

Note: Since the use of vchart-semi-theme requires crawling the CSS variables of the page, please make sure that your page contains the required semi CSS variables.
## Related Documents
VChart official website: https://visactor.io/vchart
VChart-semi-theme documentation: https://visactor.io/vchart/guide/tutorial_docs/Theme/Theme_Extension
Online Demo: https://vp4y9p.csb.app/
Top Web Development Company in Greece | Hire Web Developers
Tags: webdev, webdevelopmentservices, webdevelopmentcompany, hirewebdevelopers
Published: 2024-06-27 07:47:01

Renowned for its expertise and innovation, Sapphire Software Solutions is a **[top web development company in Greece](https://www.sapphiresolutions.net/top-web-development-company-in-greece)**. Specializing in crafting bespoke websites and web applications, we combine stunning design with cutting-edge technology to deliver engaging and high-performing digital experiences. With a strong commitment to client satisfaction and a track record of successful projects across various industries, we help businesses establish a powerful online presence and achieve their digital goals.
How to add custom content at the bottom of the tooltip card in VChart?
Published: 2024-06-27 07:43:17

## Problem description
I am using VChart for programming data lake visualization and have encountered some issues. I want to add some custom content at the bottom of the tooltip card, especially a button.
However, I found that when using vChart.renderAsync ().then, it seems that we cannot obtain the tooltip of the className we defined, and we have to wait for a while to obtain it. I do not want to implement this function through custom tooltips because I want to maintain the original component style. So, I would like to ask, is there a better solution?
## Solution
For this issue, it can be modified on the original DOM through the updateElement callback. Here is an example code:
`tooltip: {
...
updateElement: el => {
el.style.width = 'auto';
el.style.height = 'auto';
el.style.minHeight = 'auto';
if (el.lastElementChild?.id !== 'test') {
el.innerHTML = '';
const div = document.createElement('div');
div.id = 'test';
div.style.width = '200px';
div.innerText = 'test';
div.style.color = 'red';
el.appendChild(div);
}
}
}`

This code will be modified on the original DOM of the tooltip. You can choose to clear the tooltip content or keep the original content. However, it should be noted that the enterable support of the tooltip may not be ideal. When updating the tooltip location, the callback function will be executed every time.
After upgrading to vchart1.6.0 version, you can use the updateElement function.
The third parameter of updateElement can be taken to params.changePositionOnly. If it is true, it means that the default tooltip content has not changed. If the custom tooltip content needs to be updated synchronously with the default tooltip, you can consider filtering out the case where params.changePositionOnly is true.
## Results show
After the above steps, I successfully added a button to the bottom of the tooltip card in vChart.
## Related Documents
[updateElement Documentation] ( https://visactor.io/vchart/option/barChart#tooltip.updateElement )
Top Software Development Company in Greece | Software Development Services
Tags: softwaredevelopment, softwaredevelopmentservices, softwaredevelopmentcompany, hiresoftwaredevelopers
Published: 2024-06-27 07:39:09

Sapphire Software Solutions is a leading **[software development company in Greece](https://www.sapphiresolutions.net/top-software-development-company-in-greece)** dynamic tech industry. They are known for delivering innovative and robust solutions, with expertise spanning custom software development, cloud services, and digital transformation. The company empowers businesses to navigate the complexities of the digital landscape, committed to excellence and client satisfaction. Their team of skilled developers and technology experts collaborates closely with clients to create scalable and efficient software that drives growth and success across various sectors.
Neurosurgery at Fakeeh University Hospital
Tags: neurosurgery, spinalcord, fakeehuniversityhospital, brainsurgery
Published: 2024-06-27 07:33:34

At Fakeeh University Hospital, the neurosurgery department boasts state-of-the-art facilities and a team of highly skilled neurosurgeons. Patients benefit from a multidisciplinary approach that integrates cutting-edge technology with compassionate care.

**Specializations**
Brain Surgery: Expertise in treating brain tumors, vascular malformations, and traumatic brain injuries.
Spinal Surgery: Addressing conditions such as herniated discs, spinal stenosis, and complex spinal deformities.
Neurovascular Surgery: Specialized procedures for aneurysms, arteriovenous malformations (AVMs), and stroke management.
Functional Neurosurgery: Offering therapies for movement disorders like Parkinson's disease and epilepsy.
Pediatric Neurosurgery: Tailored care for children with congenital neurological conditions.
**
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8xdeyf81u0a8rjardu69.jpg)**
Fakeeh University Hospital is equipped with advanced neuroimaging technology including MRI and CT scanners, enabling precise diagnostics and treatment planning. The integration of robotics and minimally invasive techniques enhances surgical precision while reducing recovery times for patients.

**Research and Education**
The neurosurgery department at Fakeeh University Hospital is committed to advancing medical knowledge through research initiatives and academic collaborations. Continuous education and training ensure that our specialists remain at the forefront of neurosurgical innovation.

**Patient-Centered Care**
Patients at Fakeeh University Hospital benefit from a holistic approach to care, where their physical and emotional well-being are prioritized throughout the treatment journey. Our team provides personalized treatment plans and ongoing support to achieve optimal outcomes and improve quality of life.

**Conclusion**
Neurosurgery at Fakeeh University Hospital exemplifies excellence in neurosurgical care, combining expertise, technology, and compassionate patient-centered approach. As a leading institution in the region, we are dedicated to pushing the boundaries of neurosurgical innovation and improving the lives of our patients.

For more information about our neurosurgical services, please visit https://www.fuh.care/specialties/neurosurgery
How to achieve the linkage effect in the vchart library?
Published: 2024-06-27 07:29:03

## Question title
How to achieve the linkage effect of displaying the position of other charts when the mouse is moved in the vchart library?

## Problem description
I encountered a problem when using the vchart library. I hope that when I move the mouse, other charts can also display their corresponding positions at the same time, that is, to achieve the linkage effect. I am not sure how to implement this function. Is there any relevant documentation for my reference?

## Solution
This linkage effect can indeed be achieved. You need to listen to the dimensionHover event of a chart and then simulate dimensionHover for other charts.

First, you need to use the on method to listen to the dimensionHover event of the chart. The detailed API usage can be referred to the vchart API .

vChart.on('dimensionHover', function(params) {
// 处理逻辑
});
Then, you can use the setDimensionIndex method to simulate the dimensionHover effect on other charts. Please refer to the vchart API for API details.

vChart.setDimensionIndex(value, {
// options
});
Among them,

Value is the dimension value,
Options is a DimensionIndexOption type of parameter that can be used to filter the axis to trigger the dimension effect, configure tooltips and crosshairs, etc.

## Related Documents
vchart on API
vchart setDimensionIndex API