What is blockchain? How does it work?

The blockchain is an undeniably ingenious invention – the brainchild of a person or group of people known by the pseudonym,  Satoshi Nakamoto. But since then, it has evolved into something greater, and the main question every single person is asking is: What is Blockchain?

By allowing digital information to be distributed but not copied, blockchain technology created the backbone of a new type of internet. Originally devised for the digital currency, Bitcoin, the tech community is now finding other potential uses for the technology.

Bitcoin has been called “digital gold,” and for a good reason. To date, the total value of the currency is close to $9 billion US. And blockchains can make other types of digital value. Like the internet (or your car), you don’t need to know how it works to use it. However, having a basic knowledge of this new technology shows why it’s considered revolutionary. So, we hope you enjoy this, how does it work?

BlockchainExplanation

Advertisements

What is HTML?

Have you ever been sitting in front of a computer opening a news site, music site, movie site .. You curious wonder how to create such a site?

To make a perfect website before your eyes, programmers have used programming languages to do that. Like: HTML, CSSJS, PHP..

To help you understand the problem better. I would recommend in each language.

So what is HTML, really?

HTML (Hypertext Markup Language) is a hyperlink markup language.

HTML is not a programming language, it is a markup language, and is used to tell your browser how to display the web pages you visit. It can be as complicated or as simple as the web designer wishes it to be. HTML consists of a series of elements, which you use to enclose, or wrap, different parts of the content to make it appear a certain way, or act a certain way. The enclosing tags can make a word or an image a hyperlink to somewhere else can italicize the word and can make the font bigger or smaller, and so on.

HTML includes a set of tags that define the structure of a web page.

Structure of the page

See the following code snippet.HTML-structure

Annotate elements.

  • <!DOCTYPE html> — the doctype. In the mists of time, when HTML was young (about 1991/2), doctypes were meant to act as links to a set of rules that the HTML page had to follow to be considered good HTML, which could mean automatic error checking and other useful things. However, these days no one really cares about them, and they are really just a historical artifact that needs to be included for everything to work right. For now, that’s all you need to know.
  • <html></html> — the <html> element. This element wraps all the content on the entire page and is sometimes known as the root element.
  • <head></head> — the <head> element. This element acts as a container for all the stuff you want to include on the HTML page that isn’t the content you are showing to your page’s viewers. This includes things like keywords and a page description that you want to appear in search results, CSS to style our content, character set declarations and more.
  • <body></body> — the <body> element. This contains all the content that you want to show to web users when they visit your page, whether that’s text, images, videos, games, playable audio tracks, or whatever else.
  • <meta charset=”utf-8″> — this element sets the character set your document should use to UTF-8, which includes most characters from the vast majority of human written languages. Essentially it can now handle any textual content you might put on it. There is no reason not to set this, and it can help avoid some problems later on.
  • <title></title> — the <title> element. This sets the title of your page, which is the title that appears in the browser tab the page is loaded in. It is also used to describe the page when you bookmark/favorite it.

Tags in Html

Each tag is a keyword wrapped in opening and closing angle brackets. Usually, consists of an open tag and a close tag.Tag-in-HTML

Annotate elements.

  • The opening tag: This consists of the name of the element (in this case, p), wrapped in opening and closing angle brackets. This states where the element begins or starts to take effect. In this case where the start of the paragraph is
  •  The closing tag: This is the same as the opening tag, except that it includes a forward slash before the element name. This states where the element ends. In this case where the end of the paragraph.
  •  The content: This is the content of the element, which in this case is just text.
  • The element: The opening tag plus the closing tag plus the content equals the element.

Excess spaces and line breaks will be ignored.

The tags that have a closed tag and an open tag, is called a dual tag.

EX:html

< ! – – annotation – – >: HTML annotation

The tags have only one open card with no closing tag, called a single tag.

EX:Single-tag-tag-in-HTML

You can put elements inside other elements to — this is called nesting.

You do however need to make sure that your elements are properly nested.

EX:html

Elements can also have attributes, which look like this:

EX:Element-html-tag-in-html

Attributes contain extra information about the element that you don’t want to appear in the actual content. Here, class is the attribute name, and editor-note is the attribute value. The class attribute allows you to give the element an identifier that can be later used to target the element with style information and other things.

An attribute should always have:

  • A space between it and the element name (or the previous attribute, if the element already has one or more attributes).
  • The attribute name, followed by an equals sign.
  • Opening and closing quote marks wrapped around the attribute value.    

Other examples:Elements-html-tag-in-html

Empty elements

Some elements have no content and are called empty elements.

EX:Elements-html-tag-in-html-1

This contains two attributes, but there is no closing </img> tag, and no inner content. This is because an image element doesn’t wrap content to have an effect on it. Its purpose is to embed an image in the HTML page in the place it appears.

Some other tags:

Headings

Includes <h1> – <h6> tags

Used for headlines in the site

EX:Headings-tag-in-HTML

Paragraphs

<p> elements contain text; You will use them often when marking regular text content.

Ex:Single-paragraph-tag-in-HTML

Conclusion

This article briefly introduces the most basic concepts of HTML, some common tags, and how to use it. In the next section, I will introduce you to the major components that make up a website, the next popular tags and their functions. See you in the next section.

Create your own website using WordPress.

You are a technology enthusiast, you love to explore, you want to create a website for yourself. But you do not know anything about programming languages?

Former, Create a site just for developers, who have experience of web programming. For those who do not know anything about it, would like to create a seemingly impossible web site.

That was just before. Now things have become so easy. With WordPress, you can create your own website.

WHAT IS WORDPRESS?

WordPress is a free and open-source content management system (CMS) based on PHP and MySQL. To function, WordPress has to be installed on a web server, which would either be part of an Internet hosting service or a network host in its own right. An example of the first scenario may be a service like WordPress.com, for example, and the second case could be a computer running the software package WordPress.org. A local computer may be used for single-user testing and learning purposes. Features include a plugin architecture and a template system. WordPress was used by more than 27.5% of the top 10 million websites as of February 2017. WordPress is reportedly the most popular website management or blogging system in use on the Web, supporting more than 60 million websites.

WHY USE WORDPRESS?

WordPress is fress

Doesn’t cost a dime to download or install (though it’s being updated each month), and there’s a huge community who help/guide people for free.

WordPress is very flexible

If you know how to use Microsoft Word, you already know how to add your own content. WordPress can be expanded with free plugins to handle just about any site you can imagine. There are more than 2000 free themes to choose from.

No need to learn HTML, CSS, and PHP from scratch

Since WordPress acts as a “website editor”, you don’t need to learn all the coding skills just to add one single image or line of text.

There’s huge developer network

The vast majority of web designers and developers use WordPress. This means you can get help quite quickly.

WordPress is great for small and large sites

From websites to online stores,  WordPress can handle just about any kind of website. WordPress is also used by eBay, Mozilla, Reuters, CNN, Google Ventures and even NASA.

STEPS TAKEN

Select buy host and domain share (if you have not already).

First things, first.

Before you set up a new WordPress (or any other type of) website, you’re going to need two things:

  • A DOMAIN NAME (required): A web address like YourSiteName.com)
  • WEB HOSTING (required): A service that puts your website up on the Internet)
  1. Domain name is an important aspect of your website because that’s how people are going to find your website on the Internet.
  2. Web hosting is kind of like renting office space – but instead, it’s on the web. It stores all your website files and displays them to your site visitors. Hosting provider will also make sure that your website loads quickly and won’t go down for hours at a time (pretty important for everyone who visits your pages.)

Without one or another, your website is not complete and you’re unable to setup/create a website.

The detailed article you can see here.

Install WordPress for a website.

There are two ways to install. Is an automatic installation and manual installation.

Automatic installation with a mouse click

Almost every reliable and the well-established hosting company has integrated 1-click-installation for WordPress, which makes getting going a snap.

If you signed up with hawkhost or any other similar hosting company, you should find your “1-click-installation” in your account control panel.

Here are the steps you should follow (should be similar/same on all the major web hosting companies):

  1. Login to your hosting account.
  2. Go to your control panel.
  3. Look for the “WordPress” or “Website” icon.
  4. Choose the domain where you want to install your website.
  5. Click the “Install Now” button and you will get access to your new WordPress website.

hawhost

Manual installation

1) Download WordPress from here: http://wordpress.org/download

2) Create a new folder on your desktop and unzip WordPress in it

3) Look for a file named wp-config-sample.php and rename it to: wp-config.php

4) Now open the wp-config.php (with notepad for example) and fill the following lines:

  • define(‘DB_NAME’, ‘database_name_here’); – Database name (if you don’t know it, ask this from your hosting support)
  • define(‘DB_USER’, ‘username_here’); – Your hosting username – contact your hosting for that.
  • define(‘DB_PASSWORD’, ‘password_here’); – Your hosting password – contact your hosting for that.

After you have filled the gaps, save the file.

5) Now log into your hosting FTP (download FileZilla for that). The FTP address is usually ftp.yourdomain.com, username and password are the same that you used to register to your host.

6) If there is any file named “index” – delete it. After that upload all the files from your WordPress folder to your FTP server. I believe you can use “drag n drop” function in FileZilla.

7) Once you have completed the previous steps, go the URL: yourdomain.com/wp-admin/install.php

This is the page you should see:

Installation-wordpress

Just fill in the forms and you are ready!

SELECT A THEME FOR THE SITE

Your website is built on open source WordPress, so the third party will create millions of available, partial, free and paid interfaces. WordPress itself also has a free interface store. And pay a fee that you can choose to suit the purpose of your website.

For every purpose, you have to choose the interface that suits your purpose. And fortunately, the interface manufacturers are able to meet 100% of your needs. The layout will be divided into two categories:

Free: Simple interface, fewer features, suitable to create your own blog, share knowledge, … You use for free.

Pay a fee:  The complete feature that fits your needs, plenty of options for you. You pay a fee to use.

HOW DO I ADD CONTENT AND CREATE NEW PAGES?

With your theme installed, you’re ready to start creating content. Let’s quickly run through some of the basics:

Adding and editing pages

Type in: http://yoursite.com/wp-admin (replace “yoursite” with your domain).

Go to “Pages ->  Add New. -> update”

add-new-page-wordpress

ADDING PAGES TO THE MENU

Go to “Appearance =>  Menus => create menu”

Adding-pages-to-the-menu—-WordPress

 

CHANGING YOUR TITLE AND TAGLINE

In order to change the title and tagline on your website, go to “Settings -> General” and fill in the form below:

Changing Your Title and Tagline — WordPress

Page titles explain to searchers what your website is about, and they’re also a big part of how search engines determine your rankings, so you want to be sure they’ve got the keywords you want to target in them.

Taglines are added at the end of titles across every page. My site’s tagline is “Website & Software Development Company.”

Setting Up a Static Front Page

A static page is a page that doesn’t change. Unlike a blog, where the first new article will show up at the top every time, a “static” page will show the same content every time someone comes to the site – like a homepage you’ve designed.

To set up a static front page:

Go to “Settings => Reading”

If you don’t choose a static page on your own, WordPress will take your latest posts and start showing them on your homepage

Changing-Your-Title-and-Tagline-—-WordPress

INSTALLING PLUGINS TO GET MORE OUT OF WORDPRESS

What is a plugin?

“Plugins” are extensions that are built to expand WordPress’ capabilities, adding features and functions to your site that don’t come built-in.

They’re shortcuts to getting your site to do what you want to, without having to build the feature from scratch.

You can use plugins to do everything from adding photo galleries and submission forms to optimizing your website and creating an online store.

How do I install a new Plugin?

To start installing plugins, go to “Plugins -> Add New” and simply start searching.

Installation is easy – once you find a plugin you like, just click “Install”.

Some popular plugins:

  • #2 Yoast SEO for WordPress: If you want to make your WordPress site even more SEO-friendly, this plugin is a must-have. It’s free, and it’s awesome. You’ll be able to edit your title tags, meta descriptions and more, all from within the page itself – no more fussing with WordPress settings.
  • #3 Google Analytics: Interested in tracking your visitors/traffic and their behaviour? Just install the plugin, connect it with your Google account and you’re ready to go.
  • gravity forms: My website has a contact form on my Contact Us page. It’s an awesome feature to have, as people (like you!) can fill in the form and send me an email without logging into their own email provider.

Hope it’s useful  for you!

Overview of css

To learn CSS, you first have to learn about HTML, because it is the language used to perfect HTML, which helps us to present the site layout.

WHAT IS CSS?

CSS (Cascading Style Sheets) is a language used to format HTML elements (such as font size, font, font color, background color, background, borders, etc.).  On property pairs: attribute values

With the use of it, it is possible to format special and professional HTML elements.

WHY WE USE IT?

To understand more about CSS we learn about the birth of it

At first. When HTML (1991) was born, it was the only language. After many years CSS (1996) appears.
During that time, one must use a closing tag to present the layout. It like a mess. And editing the site has become very complex and difficult.

So. CSS was born as revolutionary, It blew soul into HTML. Differentiating content and layout, making HTML clearer, website editing has never been easier.

CSS constantly improve themselves, so far it has four versions: 1, 2, 2.1, 3.

WHERE TO PUT IT?

Have three options for writing it:

  • Directly inside the HTML tags through the style attribute (how to avoid using it whenever possible).
  • In the header of the HTML file, within the tag <head>
  • In a separate .css file (this is the most recommended way).

Directly inside the HTML tags

It is to use the style attribute of any tag. CSS source code will be inserted directly into that property.

EX:
css-demo-2-1
style="font-size: 20px; color: red;": The CSS source code is placed in the style attribute.

This way, when we have many tags <h1><p> our files will be very confusing.

However, this method is not recommended.

Inside the <head> tag

Another way to use it changes on HTML files is by inserting its code directly into the <style> tag within the <head> section of the page.

EX:css-demo-3
With this way, we put all the CSS code into one place. our HTML will look more compact and not tangled.

Inside the .css file

What is a .css file? – The .css file is a file that contains the entire body of the CSS in it, completely separate from the .html file.

EX:
css-file
This way, we put the entire CSS code in one place, which is a separate file not in the .html file.

How to use a .css file? –  Very simple, to use this file in the .html file we use the tag <link> to include it.

EX:
css-demo-4
rel="stylesheet" This is necessary otherwise the compiler will not understand what is the style.css file and the code in it will not run.

WHERE IS IT PLACED?

In order to understand more about writing it, let’s look at the following example.

EX:
css-demo-5
h1{}, p{} is an HTML tag.
The example will affect all,  <p> , <h1> tags in the HTML file

#title{}: This is the HTML ID, annotation (#).
The id is unique so it only affects element whose id is the title.

.content{}: This is the layer of HTML, notation (.)
The class is not unique, we can use it many times. So any element with the same class of content will be affected.

.content p{}: it only affects the <p> tags in the class content.

CONCLUSION

This article introduces you to the concept of CSS, how to write, its location in an HTML file, how to embed a CSS file into an HTML file. In the next article, I will show you advanced options, some other basic properties. See you in the next section.

What is Vue.js? How can we use it?

Nowadays, Internet of Things has become the popular trend and it is applied to a large extent in real life. There are more and more people are changing their habits to be closer to computer applications, they love doing online stuff, especially researching and buying things online. This is the reason why many entrepreneurs start concentrating on investing their own business websites. Vue.js is one of many simple and effective approaches for a newbie who wants to build his/her own business in the flat world.

First of all, we need to know what is Vue.js and How can we use it?

Vue.js is a new technology – a foundation which helps us to build the user interface. It is designed in a way which enables applications development with many steps. The core component can both operate by itself and combine with other components to operate smoothly as well.

This can be considered as a strong point of Vue.js because it is simple to access and it is easy to integrate with other systems. In addition, Vue.js is completely able to meet the demand to build the single application, which allows combining with many different tools and supportive library.

The advantages when we use Vue.js to build user interface is the short time to create the page and the limited space it occupies. This is also the reason why it has just run from 2015 but still soon has a strong stand in the market. It has been expected to be the foundation which absolutely will replace other foundations such as Angular and React.

What-is-Vue.js-How-we-can-use-it

Vue.js the new language which is simple for people who want to use it for the first time. In order to understand how it operates, we need to pay attention to three things which are Model, View, and ViewModel. Any application Vue.js is created by starting making a Vue: index.html

An application Vue.js includes an original Vue. This application is usually arranged into a thing including many different qualities. It creates the “father and son” relationship and it can be reused. The quality that “father” delivers assets to “son” via data and vice versa, the quality that “son” delivers messages to “father” via events. What you need to do is only inserting data into DOM and using a simple structure like this one:

{{ message}}

Now let have a try and see the result! It is really simple, isn’t it?

Vue.js is truly a good choice worth trying compared to other new technologies. If you want to build interactive applications, you found the suitable tool already.

Embarking on digital technology Amazon Web Services (AWS)

No matter what industry that you are working for, from retail industry to real estate… they all relate to financial data or promoting images, your company needs to have a confidential application with high-security level. Amazon Web Services (AWS), a well-developed foundation of cloud computing is provided Amazon.com will help you to build and run those applications mentioned above.

amazon-web-services-ssl-certificate

Amazon Web Services (AWS) have a variety of different individual services. Amazon Web Services (AWS) provides most services meeting the necessary demand for an online foundation including hardware infrastructure, software and other relating stuff. The most popular and outstanding services are Amazon EC2 (Elastic Compute Cloud) which helps you to set cloud commuting with the relatively competitive price.

EC2 provides the ability to broaden, calculate on cloud computing that makes the deployment of servers for implementing your website becomes much more easily. Amazon ELB (Elastic Load Balancing) automatically distributes the applications’ traffic via many different Amazon EC2 to balance loading. Auto Scaling automatically broadens or narrows the performance of EC2 according to the previous set of users.

In addition, Amazon Web Services (AWS) usually have many different basics, storing services. With Amazon S3 (Simple Storage Service), you can store static data in order to access at any time and anywhere. Amazon Glacier is a storing service with a low fee but high-security level and it is really convenient for data storage and data backup. In order to enlarge the company’s infrastructure on Amazon Web Services (AWS) Cloud, you should choose to use services of Amazon Web Services (AWS) Networking. The popular services which are usually selected to use are Amazon VPC, Amazon Route 53, AWS Direct Connect.

Besides, Amazon Web Services (AWS) also concentrate on developing practical services such as Distributed Computing (calculating dispersedly), Amazon Simple Email Service (SES), Amazon Simple Workflow Service (SWF), Amazon CloudSearch. In order to use any service, what you need is an account. With Amazon Web Services (AWS) it takes you only 5 minutes to have an account. Let prepare that information ready:
An email to confirm

Credit card (what is special is that this card is not used for payment because the whole process is completely free)
A mobile number to receive an automatic confirmation call from the system
Most of the services of Amazon Web Services (AWS), will provide a free resource number every month. Therefore, do not worry about payment and just enjoy the service. So what are you waiting for? Let go to Amazon Web Services (AWS) website and create for yourself an account.

Introduction to JavaScript

Javascript (JS) is a dynamic computer programming language. It is embedded or integrated into an HTML

Javascript was first known as Mocha, and then called Livescript, but Netscape changed its name to Javascript because of the popularity of Java at the time. It debuted in Netscape 2.0 in 1995 under the name Livescript. Many people are still confused Java and Javascript is one. But in reality, these two languages are completely different, both conceptual and design.

What is Javascript?

It is defined as follows:

  • a scripting language.
  • a lightweight programming language.
  • an interpreteted language (that is, execution scripts without preliminaries)
  • often embedded directly into HTML page.
  • designed to add interactivity to HTML pages.
  • ..

Why use Javascript?

It is one of three languages used by all web developers: HTML, CSS, JS.

Advantage.

  • Interact less with the server.
  • Immediate feedback to customers.
  • Compatible with increased users.
  • Richer interface.

Disadvantages.

We can not think of JavaScript as a full-fledged programming language. It lacks the following important features:

  • Client-side JavaScript does not allow reading and writing of files for security reasons.
  • It is not used for network applications because there is no support.
  • It does not have any multi-threading or multi-processor capabilities.

Javascript structure?

Rule

Similar to other languages, Javascript also has syntax rules like:

  • Uppercase, lowercase.
  • Long pairs of open and close symbols such as {}, ().
  • Use extra white space, or tabs, which makes it easy to read or edit script files.
  • Use comment lines to make notes about the script’s function and creation time.

Grammar

Javascript is a set of statements that are made up of keywords, operators, and identifiers sorted in the order that it interpreter is in most browsers can understand. The statement can be long, but most are not too complicated, even if set programmers use another programming language.

Javascript position in the web page.

There are three ways to embed Javascript into HTML:

  • Embed the Javascript into the HTML file using the tag.
  • Write it in a separate .js file and link to the HTML file using the link tag.
  • Write it right in the HTML tag

Write JS in the same HTML. using the tag.

In the HTML page, the JS code must be placed in the tag.

EX:javascrip-demo-1

Put the script in <head></head>

Below is a script placed in the <head> tag. The tag is a function that replaces text.

EX:javascript-demo-2

Put script in <body> </ body>

Below is a script placed in the <body> tag. The <script> </ script> tag is a function that replaces text similar to the example above.

EX:javascript-demo-3

Put script in <footer></footer>

Same as put in <head></head> and <body></body>

Write JS in a separate file.

The Script can be written in an external file.

We write the script in a separate file when the same code is used in multiple places, this file has the .js extension.

To embed this file into HTML, we set the path and filename in the src (source) attribute of the <script> tag:

EX:javascript-demo-4

The main.js file is written as follows:

EX:
javascript-demo-5

Advantages of placing JS code in a separate file:

  • Splitting HTML clearly with JS code.
  • Easy to read, easy to upgrade, easy to manage.
  • Accelerate page loads.

Write javascript right in the HTML tag

Call the function right in the HTML tag. For this we can write the js function in the <script> </ script> tag in the HTML file, or we can also write the function in a separate .js file and then call it.

EX:
javascript-demo-6-1

How it works?

  • Browser load page.
  • Browser checks the JS code on the web is yes or no.
  • If yes, the browser will forward the JS code to the interpreter.
  • Interpreter process and execute JS code.
  • The code may affect the components of the web page.
  • Browser shows all web content.

Hope it’s useful for you!