Forem: MD JUNAID ALAM

How to get Microsoft Certified Azure Fundamentals certifications AZ900 for free

MD JUNAID ALAM — Thu, 12 Aug 2021 06:41:51 +0000

I recently got Microsoft Certified Azure Fundamentals certifications and I want to let you know that I was completely free. Yes, Free!

If you planning to get into cloud journey or planning for certifications, you can also get this certification for free.

Here is how you can get a free exam voucher for Azure Fundamentals Certification Exam.

You can enroll for Microsoft Virtual Training days for Azure Fundamentals
Keep an eye on this page for upcoming Virtual Training Day
Once you are done with the virtual training you will be eligible to take Microsoft Azure Fundamentals AZ-900 Exam for free.

Below topics will be covered in the training

Day 1:

-Introduction
-Azure Cloud Concepts
-Core Azure Services
-Azure Solutions and Management Tools

Day 2:

Introduction
-Azure Security and Network Security
-Identity, governance, privacy and compliance
-Azure Pricing and Lifestyle

For better preparation for exam you go through Microsoft Learn Platform

Steps to claim you free exam voucher.

Register for certification visit certification page
Login with appropriate option applicable to you Pearson VUE or Certiport, make sure you use the same email id which you used for register to Virtual Training.
Once login, go to certification dashboard and claim your free exam voucher.

That's All and All the best for your exam!!!

Let me know if you found it useful.

10 Super easy CSS Shapes for beginners

MD JUNAID ALAM — Thu, 05 Aug 2021 08:23:32 +0000

Hello there,

In this post we will be talking about creating basic shapes in HTML & CSS. Many beginners face issues while working with CSS, so I have got 10 CSS shapes that we can create easily.

So, without further delay. Let's Begin.

1. Square

<div class="square"></div>

.square {
  height: 100px;
  width: 100px;
  background-color: #d1bb03;
}

2. Rectangle

<div class="rectangle"></div>

.rectangle {
  height: 100px;
  width: 150px;
  background-color: #d11bbb;
}

3. Rounded Rectangle

<div class="rounded-rectangle"></div>

.rounded-rectangle {
  height: 100px;
  width: 150px;
  border-radius: 25px;
  background-color: #0fbd9c;
}

4. Circle

<div class="circle"></div>

.circle {
  height: 100px;
  width: 100px;
  border-radius: 50%;
  background-color: #00a913;
}

5. Oval

<div class="oval"></div>

.oval {
  height: 100px;
  width: 150px;
  border-radius: 50%;
  background-color: #f95670;
}

6. Half Circle

<div class="half-circle"></div>

.half-circle {
  height: 75px;
  width: 150px;
  background-color: #cdef00;
  border-radius: 50% /100% 100% 0 0;
}

7. Triangle

<div class="triangle"></div>

.triangle {
  height: 0;
  width: 0;
  border: 50px solid transparent;
  border-bottom: 100px solid #252aff;
}

8. Cone

<div class="cone"></div>

.cone {
  height: 0;
  width: 0;
  border: 50px solid transparent;
  border-bottom: 100px solid #27aaff;
  border-radius: 50%;
}

9. Heart

<div class="heart"></div>

.heart {
  height: 60px;
  width: 60px;
  background-color: #c51a08;
  transform: rotate(45deg);
  position: relative;
}
.heart::before, .heart::after {
  content: '';
  background-color: inherit;
  height: inherit;
  width: inherit;
  display: block;
  position: absolute;
  border-radius: 50%;
}

.heart::before{
  bottom: 30px;
}
.heart::after {
  right: 30px;
}

10. Callout

<div class="callout"></div>

.callout {
  height: 80px;
  width: 150px;
  background-color: #660077;
  border-radius: 10px;
  position: relative;
}
.callout::after {
  content: '';
  border: 15px solid transparent;
  border-top: 30px solid #660077;
  position: absolute;
  bottom: -30px;
  right: 0px;
}

Feel free to add your thoughts in comments.

Is "let" not a reserved keyword in JavaScript

MD JUNAID ALAM — Wed, 12 Aug 2020 18:39:49 +0000

We can declare a new variable in JavaScript by using var, let, orconst keywords.

For Example,

var a = 10;
let b = 20;
const c = 40;

I was playing around with above syntax, and tried something silly.

var let = 100;
var const = 100;

And. the result was surprising. let variable was successfully created, but for const I got an syntax error.

You might be thinking why defining let as a variable did not give syntax error. I was thinking the same.

You might be curious to know why it happened. So, here goes your answer:

JavaScript have some reserved keywords which we can't use as a variable/identifier. Below is the list of reserved keywords as per ECMAScript 2015 (source MDN):

Reserved Keywords

break, case, catch, class, const, continue, debugger, default, delete, do, else, export, extends, finally, for, function, if, import, in, instanceof, new, return, super, switch, this, throw, try, typeof, var, void, while, with, yield,

Below are future reserved keywords

enum

Reserved only when used inside a module

await

Only reserved when used in strict mode ###

implements, interface, let, package, private, protected, public, static

So From above list, as let is reserved only when strict mode is used. So I tried below code:

"use strict";
var let = 100;

Now finally, it gives error when let is used as a identifier.

In same way we can use below keywords an identifier.

implements, interface, let, package, private, protected, public, static

In strict mode it will give syntax error.

*Note: * It is good idea to always give you identifier a meaningful name. Do not use reserved keyword as an identifier.

What's you thoughts, let me know in the comments.

Styling your JavaScript Console Outputs

MD JUNAID ALAM — Fri, 31 Jul 2020 14:12:54 +0000

JavaScript Console is widely used by developers for executing JavaScript codes, debugging, logging, etc.

Below are some mostly used methods provided by Console

log() - This method outputs the given message to console.
info() - This method outputs the given message to console as a Informational message.
warn() - This method outputs the given message to console as a Warning message. The color of the message would be Yellow by default.
error() - This method outputs the given message to console as a Error message. The color of the message would be Red by default.
clear() - This method clears the console.

There are many more methods provided by Console but we don't need in this article.

In following ways we can out a message to console. I am taking console.log() for example.

console.log('I Love DEV');
console.log('I Love %s', 'DEV');

Output:

Observe in second line console.log('I Love %s', 'DEV'), here %s is String substitutions. Below are the string substitution used for other types :

%o or %O - used to output objects,
%d or %i - used to output integer,
%s - used to output string,
%f - used to output floating point values.
%c - used to add styles.

Now, let's come to main agenda, styling our console outputs.

You got it right. We would be using %c for styling our console output. Let's style our first console output.

console.log('I Love %cDEV',  'height:40px;width:50px;padding: 3px 7px 3px 9px;background:#000;color:#fff;border-radius:4px');
console.log('I Love %c%s',  'height:40px;width:50px;padding: 3px 7px 3px 9px;background:#000;color:#fff;border-radius:4px', 'DEV');

Output:

Let's add more styles:

console.log('%cI Love %cDEV', 'color:#4caf50;font-size:18px', 'height:40px;width:50px;padding: 3px 7px 3px 9px;background:#000;color:#fff;border-radius:4px');

Output:

Reference

Mozilla Web Docs - Console