DEV Community: rendick

What do you think about the Rust programming language? Is it able to bury C++ and C?

rendick — Sat, 27 May 2023 15:04:24 +0000

What is your favorite project that you have ever done?

rendick — Fri, 21 Apr 2023 12:17:29 +0000

10 VS Code Extensions for Web Developers

rendick — Fri, 17 Jun 2022 17:03:20 +0000

Hey. Today I want to write an article about the 10 best VS Code extensions for Web Developers that I and other web developers using.

Let`s start

1) JavaScript (ES6) Code Snippets

This is a great time-saver for any JavaScript developer. You can get all of the code you need in one place, without having to type it out again and again!
This also includes TypeScript/TSLint checked codes as well so your projects stay up-to-date with the latest technologies.

2) Auto Close Tag

After opening a tag in HTML and XML it’s a hectic job to close it. So here is the best solution for you, closing the HTML and XML tag automatically.

3) Auto Rename Tag

This renames tags automatically so that your code remains consistent and easy to maintain, even when working on bigger projects with lots of elements deep in the HTML structure.

4) Better Comments

Commenting is a big part of programming, and without it, you’ll never be able to understand your own or others’ code.

This extension lets you organize comments by categorizing them into highlighting text, questions, todo, errors/ warnings & strikethroughs so that they’re easy for reading when looking through the project later on!

5) Live Server

I always wanted to have this extension when I started learning web development. It spins up a light Node.js server and serves your HTML file with all assets from the given directory, on top of that any saved changes you make will also be reflected immediately in a browser which gives a really fast experience as if it is redevelopment mode!

6) Code Time

This extension tracks your development time and provides you with useful stats such as how many hours you have code today etc.

It’s pretty useful to keep track and see the progress. This is not strictly for web development only, anyone can use this extension.

7) MarkDown all in one

Developers, whether you like it or not. Writing documentation is part of the job- one that many people find themselves doing often but don’t necessarily enjoy as much because there are so many other aspects involved in developing software such as coding, testing, etc.

The most commonly used markup for documents nowadays seems to be markdown which provides useful shortcuts when writing down content especially since live preview features can help save time by checking how your post will look before publishing! It really speeds up documents.

8) colorize

Colorize visualizes color variables by highlighting them with their color value. This is a handy timesaver for translating hex codes and variable names.

9) Indent Rainbow

Indent Rainbow is a great tool to add color and productivity to your setup. It can also help serve as an alignment check for your indentation. Each indentation is given an alternating rainbow color.

10) CSS Peek

The extension supports all the normal capabilities of symbol definition tracking, but does it for CSS selectors (classes, IDs and HTML tags).

Thank you for reading the article to the end!

My GitHub: click

What is your favorite music when you are programming?

rendick — Sat, 04 Jun 2022 08:51:15 +0000

Why is Linux better for programming than Windows? Linux vs Windows

rendick — Thu, 26 May 2022 17:35:50 +0000

Hello everyone! Today I want to write about Linux.

First of all, I want to say that I use Arch Linux for over 5 months and I know what I write.

Arch Linux

Let`s start

Open Source

However, in contrast, Linux is completely an open source project. You can have a look at the source code of a Linux OS, which is a plus.

To me, this is the most important feature of using GNU/Linux.

You do not have to worry that you can be hacked.

And you can participate in the development of Linux.

Linux source code

Secure

Let’s face it; Windows OS is vulnerable to different types of attacks (or hacks). However, Linux is not as vulnerable as Windows. It sure isn’t invulnerable, but it is a lot more secure. Although, there’s no rocket science in it.

It is just the way Linux works that makes it a secure operating system. Overall, the process of package management, the concept of repositories, and a couple more features makes it possible for Linux to be more secure than Windows.

When you have Windows installed, you need to download/purchase an Antivirus program to keep your computer safe from hackers and malware. However, Linux does not require the use of such Anti-Virus programs. Of course, a couple of software tools still exist to help you keep your system free from threats, but it is often unnecessary when you have a Linux system.

Updates, install, etc.

So, on Linux, you don't need to reboot your PC after updates, installation, etc. Every program after installation will work well!

Programming

Linux supports almost all of the major programming languages (Python, C/C++, Java, Perl, Ruby, etc.). Moreover, it offers a vast range of applications useful for programming purposes.

The Linux terminal is superior to use over Window’s command line for developers. You would find many libraries developed natively for Linux. Also, a lot of programmers point out that the package manager on Linux helps them get things done easily.

Interestingly, the ability of bash scripting is also one of the most compelling reasons why programmers prefer using Linux OS.

Linux also brings in native support for SSH, which would help you manage your servers quickly. You could include things like apt commands which further makes Linux one of the most popular choices of the programmers.

Customization

You can customize Linux OS without plugins.

One major advantage of using Linux instead of Windows is customization. If you like tweaking your system’s looks, Linux is just perfect for you.

Free to Use

Linux is accessible to the public for free! However, that is not the case with Windows!

You will not have to pay 100-250 USD to get your hands on a genuine copy of a Linux distro (such as Arch, Debian, Manjaro). So, it is entirely free.

Privacy

If you have ever used Windows 10, you could only head into the privacy settings to know that everything is enabled by default. Even if you opt out to send Microsoft information about your data, it is still being collected. Of course, Microsoft will not bother revealing it officially with a press statement, but it surely does. So, you would need a set of tools to disable the spying modules of Windows.

In contrast, Linux would be the perfect solution for a privacy buff. First of all, Linux distributions do not collect much data (or none). Moreover, you will not be needing additional tools to protect your privacy.

Linux can revive older computers

As the operating systems evolve, so do their hardware requirements increase exponentially. For instance, if you purchase a genuine copy of Windows 10, you will have to meet the minimum hardware requirements to run it successfully, and you cannot run it on just about any low-end system.

Nevertheless, with Linux, you could even utilize one of your oldest computer systems to achieve a task. However, that does not mean that every Linux distribution would work with 256 MB of RAM coupled with an outdated processor. However, there are options which you can install on such low-end systems as well (such as Puppy Linux).

Useful links

Linux Source Code

r/unixporn

Make application for Linux

My "Welcome" script for Linux Terminal - click

5 best websites for front-end developers

rendick — Tue, 24 May 2022 08:53:02 +0000

Hello! Today I want to tell you best wwebsite for front-end developers.

Let`s start

MDN Web Docs

MDN Web Docs, previously Mozilla Developer Network and formerly Mozilla Developer Center.

The MDN Web Docs is an excellent resource for web developers. It gives an in-depth explanation of almost all concepts in JavaScript(including ES6) CSS and HTML. It a well-trusted source of knowledge. It also has a collection of articles curated to help beginners get into web development.

MDN

W3Schools

W3Schools is a free educational website for learning coding online.

W3Schools is a web developers site, with tutorials and references on web development languages such as HTML, CSS, JavaScript, PHP, SQL, and JQuery, covering most aspects of web programming. The site derives its name from the World Wide Web (W3), but is not affiliated with the W3C

W3Schools

r/webdev

r/webdev cool community on Reddit where you can get help and find new features in Web development like new libraries, frameworks, and so on

r/webdev

SmallDev

This website is like a swiss knife for web utilities. It is a lot of common utilities that we need on a daily basis.

It is super simple and intuitive. You just have to search for the feature you are interested in and click on it. Then you will be presented with some inputs params and generate the desired output.

SmallDev

codepen.io

CodePen is a social development environment. At its heart, it allows you to write code in the browser, and see the results of it as you build. A useful and liberating online code editor for developers of any skill, and particularly empowering for people learning to code. Codepen focus primarily on front-end languages like HTML, CSS, JavaScript, and preprocessing syntaxes that turn into those things.

codepen.io

5 Best JavaScript libraries 2022

rendick — Mon, 23 May 2022 20:10:43 +0000

Hey! Today I will tell you the best JavaScript libraries in 2022!

Let`s start

jQuery

jQuery is a classic JavaScript library that’s fast, light-weight, and feature-rich. It was built in 2006 by John Resig at BarCamp NYC. jQuery is free and open-source software with a license from MIT.

It makes things simpler for HTML document manipulation and traversal, animation, event handling, and Ajax.

According to W3Techs, 77.6% of all sites use jQuery (as of 23rd February 2021).

Features/Benefits:

It has an easy-to-use, minimalistic API.
It uses CSS3 selectors in manipulating style properties and finding elements.
jQuery is lightweight, taking just 30 kb to gzip and minify, and supports an AMD module.
As its syntax is quite similar to that of CSS, it is easy for beginners to learn.
Extendable with plugins.
Versatility with an API that supports multiple browsers, including Chrome and Firefox.

React.js

React.js is an open-source, front-end JavaScript library. It was created in 2013 by Jordan Walke, who works at Facebook as a software engineer.

Now, it has the MIT license but was initially released under the Apache License 2.0. React was designed to make interactive UI creations painless.

Just design a simple view for individual states in your app. Next, it will render and update the right component efficiently upon data changes.

Features/Benefits:

The React code comprises components or entities that need rendering to a specific element in DOM with the help of a React DOM library.
- It uses a virtual DOM by creating an in-memory cache in a data structure, computing the difference, and updating the display DOM in the browser efficiently.
- Due to this selective rendering, the app performance boosts while saving the developers’ efforts in recalculating the page layout, CSS styles, and full-page rendering.
- It uses lifecycle methods like render and componentDidMount to allow code execution at specific points during an entity’s lifetime.
- It supports JavaScript XML (JSX) that combines both JS and HTML. It helps in component rendering with nested elements, attributes, JS expressions, and conditional statements.

Animate On Scroll (AOS)

Animate On Scroll works great for single-page parallax websites. This JS library is fully open-source and helps you add decent animations on your pages that look sweet as you scroll down or up.

It makes your site design a joyful ride by helping you add fade effects, static anchor positions, and more to delight your users.

Features/Benefits:

The library can detect element positions and add suitable classes while they show up in the viewport.
Apart from adding animations easily, it helps you change them on the viewport.
It works seamlessly on different devices, be it a cell phone, tablet, or computer,
As it is written in pure JavaScript, it has no dependencies.

Chart.js

Is your website or project related to the data analysis field?

Do you need to present lots of statistics?

Chart.js is an excellent JavaScript library to use.

Chart.js is a flexible and simple library for designers and developers who can add beautiful charts and graphs to their projects in no time. It is open-source and has an MIT license.

Features/Benefits:

Elegant and simple to add basic charts and graphs.
- Results in responsive web pages.
- Lightweight to load and easy to learn and implement.
- 8 different types of charts.
- Great for beginners.
- Animation capabilities to make pages more interactive.

fullPage.js

The open-source JS library, fullPage.js, helps you create full-screen scrolling sites or one-page websites easily. It is simple to use and can also add a landscape slider inside your site sections.

Features/Benefits:

Offers a wide range of customization and configuration options.
Supports JavaScript frameworks like react-fullpage, angular-fullpage, and vue-fullpage.
Enables both vertical and horizontal scrolling.
Responsive design that fits the screens of different sizes as well as multiple browsers.
Auto-scrolling on page loads.
Video/image lazy load.

Create greetings after the launch Linux Terminal

rendick — Mon, 23 May 2022 17:40:09 +0000

Hey! Today I will tell you how to create greetings after the launch Linux Terminal.

First, create folder

mkdir welcome-script
cd welcome-script/

After this, you need to create .sh file

touch welcome.sh

You need to open welcome.sh file via Vim

sudo vim ./welcome.sh

Basic commands

echo - command that output text, etc.

Variable (programming) - named

Commands in a variable - output anything, function

sleep - time to finish something after the time

u - variable for Linux function(like Username, OS version, etc)

$ - for output Linux command. Example: os=$(whoami) (variable=function for command(command)

Code

#!/bin/bash

name="Name"

u="$USER"

echo " "
echo " "
echo "░█░█░█░█▀▀▀░█░░░░█▀▀▀░█▀▀█░█▀█▀█░█▀▀▀░"
echo "░█░█░█░█▀▀▀░█░░░░█░░░░█░░█░█░█░█░█▀▀▀░"
echo "░▀▀▀▀▀░▀▀▀▀░▀▀▀▀░▀▀▀▀░▀▀▀▀░▀░▀░▀░▀▀▀▀░"
sleep 1

echo " "
now=$(date)
echo "Current time: $now"

echo " "
echo "Hello $USER!"
sleep 1

echo " "
os=$(uname -r)
echo "Your OS is $os"
echo " "
sleep 1

setup=$(neofetch)
echo "Your PC stats: $setup"
echo " "
sleep 1

Edit .bashrc

Open your file manager and paste this command

/home/YOURUSER/.bashrc/

And now you need to paste command to .bashrc

source /home/YOURUSER/welcome-script/welcome.sh

Source code

You can easily download this script from my GitHub repository.

Source code

What are your favorite language and library or framework for it?

rendick — Mon, 23 May 2022 17:06:18 +0000

How to customize a GitHub profile?

rendick — Mon, 23 May 2022 11:55:47 +0000

Hey! Today I will tell you how to customize your GitHub profile.

Let`s start.

Text

**bold text** - bold text

*italic text* - italic text

***bold and italic text*** - bold and italic text
⠀
⠀
⠀

Lists

- Hello List! - • Hello Lists!

1. Hello List! - 1. Hello List!
⠀
⠀
⠀

Code

Hello inline code - Hello inline code
⠀
⠀
⠀

Link

[Link Text](https://www.google.com) - Link Text
⠀
⠀
⠀

Strikethrough

~~Hello World~~ - ~~Hello World!.~~
⠀
⠀
⠀

Image

![This is image!](https://icon-library.com/images/google-chrome-icon-download/google-chrome-icon-download-10.jpg) -

Useful links

Icons

Badges

GitHub Statistics

⠀
⠀
⠀

My GitHub profile

You can bring my personal GitHub README.

My GitHub profile

I have described it in more detail here.

README

What was the first project that you did?

rendick — Mon, 23 May 2022 10:27:07 +0000

What was the first project that you did? And what frameworks, languages, and libraries did you use?

I always look at my first project and I love to fix bugs or make new things to it.

Tell us about your experience and emotions in the first project that you did and what are you doing now?