DEV Community: Shahid Siddique

How to start your blog using Jekyll

Shahid Siddique — Mon, 03 May 2021 15:12:15 +0000

Jekyll is a static site generator that allows you to create a flexible and lightweight blog or website.

Jekyll is a static site generator. Roughly speaking, it simply helps to assemble a set of HTML files from templates and texts that can be placed on any web server.

Unlike blogging engines or CMSs like Wordpress or Ghost, the end result of Jekyll is not executable programs, but static HTML files. Therefore, you don't need PHP, Node, databases and powerful hosting to host your site. Serving static files creates a minimum load on the server, so most often the cheapest hosting is sufficient.

The Jekyll site is free to host on Github Pages, which is what we'll do in this tutorial.

Overview

Let's take a quick look at how Jekyll works and how to publish a site:

You create templates for your site: Like you have templates in any major blogging CMS, you create templates for posts, categories, headers, footers, etc.
You write posts in Markdown format (other formats are available as well).
Jekyll generates final HTML page based on templates and Markdown files.
You publish HTML on a web server and the site becomes available on the Internet.

GitHub supports Jekyll and you can have a full working blog hosted on Github for free.

How to install Jekyll on a Local Machine

You can install Jekyll on your local directly or can go one step further and use Docker. Using Docker makes the process much easier and faster if you are familiar with Docker.

Installing and running Jekyll directly

Jekyll is a command line program written in the Ruby language. You do not need to know this language to work with Jekyll, but you need to have Ruby installed on your machine.

Depending on your operating system, you may already have Ruby installed.

On Windows, you can use RubyInstaller . You need to work with Jekyll through the command line. Follow the documentation to install Ruby and Jekyll on Windows .

In macOS and Linux OS, Ruby is included. You just need to install Bundler.

Lets install Bundler. This is a package manager, we will use bundler to install Jekyll and other necessary packages.

gem install bundler

Now install Jekyll:

gem install jekyll

Lets create our first blog in jekyll

jekyll new myblog
cd myblog
bundle exec jekyll serve

Open http://localhost:4000 in your browser

Installing and running Jekyll via Docker

If you are not familiar with Docker, then watch this tutorial on Youtube.

The official Docker image of Jekyll can be found jekyll / jekyll.

The easiest way to get started is to use our pre-built theme package based on Bootstrap 4 .

# clone repo 
git clone https://github.com/ssiddique-info/jekyll_docker_blog.git

# cd and install jekyll
cd jekyll_docker_blog
sudo gem install jekyll

make serve

Open http://localhost:4000 in your browser

File structure

_posts: This folder contains all the posts in Markdown format.
_layouts: This folder contains page templates
_includes: This folder contains repeating blocks that can be used in templates
index.html: This is the front page of your blog(also known as main page)

Configuration

_config.yml

Note: url is the address of your root site, and baseurl is the path to your blog.

Theme customization

All the customization can be done through _includes:

_includes - blocks used in multiple places
- head.html- the element where styles are connected, meta tags are indicated, and so on
- header.html - site header
- footer.html - site footer
- post_footer.html - shown under the post on the post page (included in the configuration)
- share_buttons.html- social sharing buttons networks under the post on the post page (enabled and configured in the configuration)
- social_links.html- links to social. networks, shown in the site header (enabled and configured in the configuration)
_layouts - basic site templates
- default.html - main template, used on the main page
- post.html - post template, used on the post page
css - styles
- style.css - the main file of site styles
- likely.css- styles for social sharing buttons networks
js - scripts
- likely.js- script for social sharing buttons networks
images - Images

Creating your first post

_post folder is used to keep all the posts. In this tutorial, we will use Markdown, but you can use other formats to create post. File name Example: 2021-05-01-features.md. As you can see, the publication date is indicated in the file name. The date is followed by the name used for the URL. This post will be available at site/features

As you can see this file starts with Front Matter

---
layout: post
title: "Features"
cover_url: "/images/tree.jpg"
---

we are using post layout for this new post, that you can locate in _layout.post.html

You can update _layout/post.html to update anything for your current post.

<h1>{{ page.title }}</h1>

Publishing your blog to public

Github supports Jekyll. This means that you can put the entire folder with your Jekyll project in the repository, and Github will generate HTML pages for you.

You can follow the steps to publish your pages on Github.

Register at https://github.com/ if you haven't already.
Create a new repository named username.github.io where username is your Github nickname.
Initialize the repository in the Jekyll directory: git init
Add remote: git remote add origin git@github.com:YOUR_USERNAME/YOUR_REPO.git
Make a commit and submit it to github:

 git add --all
 git commit -m "Initial commit"
 git push -u origin master

In a few moments, the page is available to you and can be accessed at address https://YOUR_USERNAME.github.io

10 Random jQuery Code Snippets

Shahid Siddique — Thu, 29 Apr 2021 07:50:22 +0000

In this post, I will list 10 random jQuery snippets I collected from all of my previous tutorial. If you follow my tutorials you must be familiar with the following snippets, enjoy!

Traversing Each Element and Do The Same Action

This code will traversing each element that have a class and do the same action on each element.

$('.additional-block').each(function() {  
    //Do action  
});

Count Previous Siblings

Sometimes we need to count the previous siblings of selected element, here is the code to count previous siblings.

countPreviousItem = $(this).prevAll('element').length;

Animate Previous Element’s Parent

Just like above code, you can put animation on previous element's parent.

we can animate or do some action to the previous element’s parent from the selected element.

$(this).parents('element').prev('element').animate({ marginLeft: someFunctin }, 300);

Get Element’s Index Number

We can get element’s index number from its parent using following code.

indexNumber = $('element').index();

Get Checkbox Value

If you are working with checkbox in your forms, lots of time you have to deal with its value. You can use following code to check if the checkbox is checked or not.

checkboxValue = $('checkbox-element').attr('checked');  
//OR  
checkboxValue = $('checkbox-element')[0].checked;

Count Element’s Padding

Count current element’s padding using this script

$('element').css('padding-left');  
//OR another padding  
$('element').css('padding-top');

Check if element exists

Before performing any action on the selected element, we should make sure to check if the element exists.

Use below code to check if the element exists or not.

if($(element).next('anotherElement').length <= 0) {  
    //element doesn't exists;  
}  else {  
    //element exists;  
}

Inject Event Function on Any Additional Element

Use the following code to inject an event function on any additional element we've added.

$('element').live('click', function(){  
    //Do some action  
});

Toggle The Function

To toggle any action, use the following simple code.

$('element').toggle(  
    function() {  
        //Rotate or do some action  
    },  
    function() {  
        //Rotate back or do some action  
    }  
);

Toggle Mouseover and Mouseout

If we want to call different actions when user mouseover or mouseout over the element, use the following code.

$('element').hover(  
    function() {  
        //When mouseover do some action  
    },  
    function() {  
        //When mouseout do some action  
    }  
);

List of Best Linux Terminal Emulator for 2021

Shahid Siddique — Sat, 02 Jan 2021 08:11:48 +0000

The terminal is the thumping heart of Linux, regardless of how unique the present easy to understand graphical distros may attempt to drive it away from plain sight.

In the event that you need something done rapidly and effectively, almost certainly, the most ideal approach to do it is with some mind-boggling fighting or wrangling with keyboard.

In case you’re a terminal-throwing Linux boss, the main and the most important thing is to ensure you type those orders with however much style and panache as could reasonably be expected. And keeping in mind that you’ll probably never be in a position where you’re not ready to drop to a straight full-screen shell, having a snappy window to the order line on your work area is consistently helpful.

Obviously, your Linux distro will have a ‘Terminal’ application effectively, for example, xterm, Gnome Shell or Konsole – however this presumably isn’t on a par with your emulator could be. How about we invigorate your perspective on those regular white-on-dark characters, as we select our main 10 Linux Terminal emulators.

Cool Retro Term

In the event that you have a lot of CPU cycles and illustrations preparing power that requires utilization, you’re certain to get a kick out of Cool Retro Term. It imitates the appearance of a truly old-school cathode beam screen, total with phosphorous sparkle, consume in, and sprout around the characters.

On the off chance that you cut your teeth with the monochrome screens of the 80s, you will undergo nostalgia and will feel like that in the past. You can even choose between various character sets, inspiring recollections of the all-covers Apple II, just as choosing between various tones to imitate the golden warmth of exemplary Zenith screens, or an infrequently utilized however regardless wonderful cyan.

While the handiness of a portion of its highlights is sketchy – especially the discretionary screen jitter repeating a marginally dodgy sign link, and a portion of the more seasoned textual styles – Cool Retro Term (CRT) is a lovely toy to play with.

Guake

This emulator, made explicitly for Gnome, takes motivation from the exemplary shooter Quake, as its name proposes. Guake doesn’t offer you quad or uber wellbeing catalysts, red reinforcement, or even come marked with Quake’s exemplary earthy colored on-earthy colored shading plan, fortunately.

All things considered, it chimps the conduct of Quake’s comfort, un-concealing itself and dropping down from the highest point of the screen when you hit a hotkey. This conduct is exceptionally valuable, especially when you’re working with a little screen.

There’s no compelling reason to keep a window open, chase around for the Terminal symbol when you need to type something helpful, or check your exhibition in htop. Simply tap F12 to cut it down, or F11 to make it full-screen, and you’re away. Guake likewise accompanies a choice of slick shading plans, giving you a couple of trendy alternatives.

Terminator

Each order line hero worth their salt is bouncing between various meetings for various undertakings, has one eye on htop (or comparable) consistently to oversee framework assets, etc.

There are genuine shell-based choices for this – GNU Screen, for instance, or tmux – and Gnome Terminal permits you to open additional tabs and flick between them. However, Terminator, which acquires a lot of its code from Gnome Terminal and will in general refresh when its parent does, separates your various meetings into singular sheets inside a solitary Terminal application.

This implies you can have everything open and accessible at one time – keep an eye on details, watch a book mode clock like vtclock, alter docs in nano, run whatever orders you need, all from one lattice interface which can be changed as your necessities require.

Terminology

A few people incline toward the Terminal as their default strategy for Linux route, which can be somewhat prohibitive. Typically, you’d chase down a record, at that point need to leap to a graphical work area application to see it, except if it’s a plain content archive.

That isn’t the situation with EFL-based Terminology, an application which commends the Terminal while getting rid of its additionally bothering old-school highlights. Documents, URLs and email locations can be consequently reviewed in Terminology’s window. Snap a picture, or a video, and you’ll be demonstrated a see inside the Terminal itself.

It underpins sheets similarly as Terminator, and can be redone. Why not make a difference an individual foundation picture or shading plan to each part, or fiddle with the straightforwardness for that late nineties ‘look what Linux can do’ vibe? The alternatives are by and large present, with text mode triggers and countless settings concealed in its setting menus.

ST (Simple Terminal)

One of Linux’s enormous issues is that it, some of the time does altogether too much. Your picked Terminal emulator is most likely viable with an entire pontoon of dark, bygone as well as unused orders. This can turn out to be chaotic as Linux code keeps an eye on pass through a ton of hands prior to being delivered.

It doesn’t need to be that way, however: st is a basic Terminal emulator that does exactly what it’s intended to do and little else. Try not to wrongly think it’s too basic, however, notwithstanding the name (st represents Simple Terminal).

There’s still help for all the shadings you could request, clipboard taking care of, a full UTF-8-character set, and a great deal of text style customization choices including antialiasing. In case you’re not one for Terminal ornamentation and would lean toward a clearer climate, this is without a doubt the one for you.

rxvt-unicode

Otherwise called urxvt, this is the Terminal emulator which numerous veteran Linux clients wind up going with. Not on the grounds that it has pretty illustrations or tricks, yet because of the way that it’s totally unshakable and liberated from glitches. This shouldn’t imply that it doesn’t do extravagant things:

it underpins colors, Unicode, customizable text styles with italics and intense whenever required, and even straightforwardness. The fundamental program runs as a daemon, which means it perfectly rations framework assets when you’re running various windows over different work areas.

It’s hard to cause rxvt-unicode to crash, and that is its primary selling point – regardless of whether you’re playing with a more visual Terminal program, having this introduced for when it’s an ideal opportunity to quit fooling around is an astute decision. Do note, however, that you may have to alter the equipment setup record to modify it to your necessities.

Tilix

Tilix is a multi-sheet terminal emulator for Linux. Contrasted with Terminator, Tilix gives a considerably more present day and instinctive UI. It additionally accompanies a “Tremor” mode that permits you to conjure a drop-down terminal from the framework plate board generally situated at top or lower part of the work area.

Tilix likewise accompanies dull mode that changes UI subject to dim tones, autonomous of the terminal foundation tone. Tilix permits making a solitary or gathering of a meeting window with each having its own setups.

You can likewise save the current meeting and then load that meeting from the framework. You can likewise make different boards by parting the terminal vertically or on a level plane.

Tilda

Tilda is a drop-down terminal emulator motivated by troubleshoot reassure typically found in PC games. You can conjure it utilizing the F1 key and it will flawlessly slide on to your work area from top or base board. Hitting F1 key again will conceal the terminal. Tilda underpins selected occurrences and you can add it to startup applications to consequently dispatch it in new meetings.

Kitty

Kitty is a GPU quickened terminal emulator made by designers of Caliber digital book the executives suite. Since it utilizes GPU for delivering, it decreases CPU utilization and improves in general responsiveness of the emulator. It underpins selected perusing also numerous sheets in split mode. Kitty is a console driven application and doesn’t have numerous UI components.

Xfce

Xfce work area is known for its lightweight experience that ships with the Xfce4-terminal emulator. Xfce emulator is for the most part centered around running over the old equipment gadgets. Xfce4-terminal permits opening different tabs yet is limited to the individual terminal at a time.

You need to utilize a mouse pointer to switch between tabs to screen the different terminal activities on the double. Xfce emulator depends on the Vte terminal gadget library, similar to little person terminal. Essentially, Xfce doesn’t give numerous choices to modify, aside from terminal inclinations that incorporate general and appearance settings.

These are the absolute most well-known terminal emulators accessible for Linux. In the event that you routinely work with shell orders and order line applications, you ought to contribute some an ideal opportunity to design a terminal emulator that suits your requirements to improve profitability.

So, the rundown of top ten emulators finishes here, however not the rundown of terminal emulators. You can likewise attempt other terminal emulators accessible, for example, Lilyterm, , eterm, roxterm, and so forth.

How to Use Pycharm for Python

Shahid Siddique — Mon, 28 Dec 2020 03:29:08 +0000

When it comes to using python, you can easily find out plenty of integrated development environment or platforms to go with. However, there are various options available in terms of IDE, but Pycharm is certainly the greatest one. Yes, pycharm can help you working effectively for python.

Are you getting confused? Do you want to learn how to use pycharm for python? If your answer to above asked questions is yes, then you need to keep reading this post.

What Is PyCharm?

Before you start learning the exact process about how to use pycharm for python, you first need to know about what exactly pycharm is. Actually, Pycharm is a popular integrated development environment (IDE).

It is basically used in computer programming. In other words, it’s basically used for python language in computer programming. Here, you need to remember that it is developed by a renowned Czech company called JetBriains.

You need to understand the fact that PyCharm is a famous cross-platform. It is compatible with Linux, MacOS and Windows versions. You can read the comparison between Pycharm, Spyder and Jupyter.

So, if you want to use it for python, you can be able to unveil the benefits of different Operating Systems. Whether you are into computer programming for Windows or Mac Os, you can easily achieve desired results.

How Can I Really Use Pycharm for Python?

If you are going to create something using python language, you also need to learn how to use pycharm for python. With the help of this integrated development environment, you can easily do whatever you wanted to.

It’s often seen that most of the python developers can’t achieve what exactly they want. Thus, they have to cope with something that they really don’t need.

Obviously, you won’t like to spend your time and efforts on something that you really don’t need. Thus, it’s necessary that you should be aware about how to create outstanding computer programs using pycharm for python.

Hence, if you want to learn how to use pycharm for python, you need to take a few things into consideration.

Do You Know Your Requirements?

Whether you are going to use pycharm for python or something else, you first need to know about your requirements. It’s a fact that you won’t like to use a system or integrated development platform that you really doesn’t produce desired results.

You would always like to achieve what you really need. So, before making a final decision, you first need to know about your own specific computer programming requirements.

Now, the question arises here how you can know about your coding language requirements or other computer programming requirements.

For this, you need to take a few things into consideration. If you are a novice python developer, you need to know whether you want to learn something new or do something distinct.

On the other hand, if you are an experienced and professional python developer, you need to take your professional requirements into consideration.

It’s a fact that taking your requirements into consideration can help you learning how to use pycharm for python. Without taking your specific coding requirements into consideration, you won’t be able to achieve what exactly you need.

Know the Errors

If you are assuming that you can easily use pycharm for python, you need to change your existing perception.

You should accept the fact that it’s not possible that you can easily use it. Instead, you need to know a few things about the same. First of all, you need to understand that you will have to deal with plenty of errors.

Obviously, dealing with errors may lead you towards something that you never want to deal with.

Now, the question comes here that how you can know about errors. For this, you need to concentrate on practicing.

The more you use or experiment with your programming, the better result you will achieve. It’s not about learning a few basic coding concepts.

Instead, it’s about creating something unique and usable. If you are into a profession and you need to create something for your company, you need to work accordingly.

Testing Is Needed

When you develop a program, you also need to test it. Without testing, you won’t be able to make it bug-free. However, it’s true that it’s impossible to create something completely free from bugs, but still you need to achieve the highest form of sophistication.

You need to keep working on the coding and programming in order to achieve best results. Obviously, for this, you need to concentrate on testing your programming or whatever you have developed.

It’s often seen that most of the novice python developers simply test their options on a few free platforms. Obviously, it’s a bad practice that should be stopped as soon as possible.

If you want to create something extraordinary, you need to test it on various platforms and options. It’s a fact that without testing your program or whatever you have developed on different platforms, you won’t be able to make a perfect choice.

Know the Loopholes

If you want to lead others, you need to know the loopholes of a system. Whether you are going to create something for Windows or MacOS, you first need to know its loopholes.

It’s a fact that there are a few loopholes in everything. You aren’t supposed to be an exception. You aren’t supposed to create something free from loopholes.

So, you first need to concentrate on knowing the loopholes of a system.

The same rule applies when it comes to using a platform or operating system.

There is no doubt that each operating system comes incorporated with its own unique pros and cons. So, you need to be aware of the same.

If you don’t know about the loopholes, you may not be able to achieve what exactly you wanted to achieve.

Are You Feeling Tired?

While learning how to use pycharm for python, you may feel tired. Yes, there are situations when you may feel tired and frustrated.

So, in such a situation, you don’t need to lose your hope. Instead, you need to find out new ways to achieve whatever you always wanted to achieve.

SQL Vs Oracle – Which One Is Better?

Shahid Siddique — Fri, 09 Oct 2020 16:50:29 +0000

There are various types of RDBMS (Relational Database Management Systems) out there. It might be possible that you have already heard a lot about Microsoft Access, MySQL, Sybase, and other, but there are two most important RDBMS i.e. Oracle and SQL.

However, both options come with relative features and functionalities, but still there are various differences between them. If you are confused about deciding whether you should go with SQL or Oracle, you need to introspect about their features, coding and overall functionalities.

Do you still have various doubts about Oracle and SQL? If yes, then you need to compare their features, functionalities and coding structures against each other. This way, you can be able to decide whether SQL is better or Oracle.

Analyze Language

Probably the most important difference between the Oracle and SQL is the language. However, it’s true that both RDBMS use a version of most sued Structured Query Language, but there are various differences between them.

Since SQL is basically developed by famous Sybase, it uses Microsoft. On the other hand, Oracle uses Procedural Language/SQL. So, despite of using the same language, there are various differences between both options.

What Is Transaction Control in SQL Vs Oracle?

When you decide to unveil the differences between Oracle and SQL, you aren’t supposed to ignore the importance of transaction control. But the question arises here what a transaction is. Actually, a transaction is a group of certain operations or works that must be treated as an alone unit.

Take for example, a collection or assortment of SQL queries may modify records that all should be updated at a specific point of time.

Now, comes to analyze the transaction control within Oracle. Here, you need to remember that within Oracle, each and every new database connection could be treated as a novice transaction.

Since queries are usually executed as well as commands are officially used, alterations can be made only in given memory.

What Are the Database and Organization Objects?

When it comes to analyzing the coding and other specifications of Oracle and SQL again each other, you aren’t supposed to ignore two things i.e. organization and database objects.

Here, you need to remember that SQL service can organize all given objects adequately, like views, procedures and tables. Now, users could be assigned to a given login that could be granted accesses to certain database as well as its given objects.

On the other hand, within SQL server, each given database may have an unshared, private disk file within it. When it comes to unlocking the Oracle, you will notice that all the given database objects could be grouped by given schemas.

These Schemas could be a subset assortment of database objects. Moreover, all given database objects can be shared among all given schemas as well as users.

Here, you also need to remember that however, it is usually shared, but still each user may be limited to specific schemas as well as tables through permissions and roles.

Are They Powerful RDBMS?

It’s an obvious question that may hit your mind when it comes to comparing specs of Oracle and SQL against each other. You need to understand the importance RDBMS.

Actually, both are powerful RDBMS. So, if you are assuming that ORACLE is better than SQL, you need to introspect about your perception.

When it comes to unlocking the similarities between SQL and Oracle, you aren’t supposed to ignore the importance of powerful RDBMS.

Actually, both are powerful RDBMS. So, you need to understand that these two platforms come with powerful systems that can help you achieving desired results within a short span of time.

It’s often seen that most of the developers get confused about deciding whether ORACLE or SQL could be more powerful RDBMS. But the reality is that both options come with the same level of power.

If you are looking for a powerful RDBMS, you can either decide to go with ORACLE or SQL. Since both options are powerful, you may decide to unveil features of either of the option.

Can I Make Changes to Coding?

When it comes to determining whether SQL or Oracle is better, you first need to concentrate on its coding architecture.

Yes, coding architecture is something that decides whether you should go with a specific platform or not. So, if you are confused about whether to go with SQL or ORACLE, you need to take coding structure into consideration.

However, it’s true that both options use same coding or language, but the way they use it is certainly a different thing. So, when it comes to unlocking the features of coding, you need to go through the coding structures of both options i.e. oracle and SQL.

By going through the basic to advance coding structures or architecture of both platforms, you can easily decide which one could be a good option for you to go with.

Which One Is a Better Option?

Having gone through aforesaid points, now you would like to know about a better option. You would surely like to know whether Oracle or SQL is a better option. Actually, deciding which one is a better option largely depends on your own requirements.

Yes, it might be possible that you may find Oracle a great option to go with for accomplishing specific types of tasks. On the other, for accomplishing certain tasks, you may find SQL a right choice to go with.

So, when it comes to deciding whether oracle is better or SQL, you first need to take your requirements into consideration. Yes, it’s a fact that you would always like to choose a platform according to your specific requirements.

You aren’t supposed to choose a platform that may not cater your certain requirements. Therefore, deciding whether oracle or SQL is a better option, you first need to go through your own specific coding and other requirements.

Conclusion

Having thoroughly above mentioned points, now you can easily understand that both options i.e. Oracle and SQL are better choices. You may decide to go with either of the option according to your specific requirements. It’s really difficult to say whether Oracle is better than SQL or vice versa.