Unknown's avatar

About Khaled

Front end developers use HTML, CSS, and JavaScript to code the website and web app designs created by web designers.

Javascript Object Tutorial

<h5>Sum Result:</h5>

<h5>Mul Result:</h5>

customProject = function () { var allMethod = { sum:function () { document.getElementById(‘sum’).innerHTML = ‘This Adding result:1111’; }, mul:function () { document.getElementById(‘mul’).innerHTML = ‘This Multiplication result:3333’; } } //main function call return { init:function () { allMethod.sum(); allMethod.mul(); } } } // start here window.addEventListener(“load”, function load(event) { var customInstance = new customProject(); customInstance.init(); });

CSS Menu

/*start:here*/
.custom-menu {
padding: 20px 0;
position: absolute;
left: 255px;
top: 40px;
}

.custom-menu ul {
padding: 0;
margin: 0;
}

.custom-menu li {
padding: 0;
margin: 0;
list-style: none;
display: inline-block;
vertical-align:top;
position: relative;
}

.custom-menu li::before {
display: none;
}

.custom-menu li a {
padding: 15px 25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 24px;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #000;
font-weight: 600;
text-decoration:none;
}

.custom-menu li a:hover, .custom-menu li a:focus {
color: #e53c97;
text-decoration: none;
}

.custom-menu .children li {
display: block;
text-align: center;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.custom-menu .children {
visibility: hidden;
position: absolute;
right: -30px;
top: 35px;
min-width: 230px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
z-index: 1;
}

.custom-menu li:hover .children {
visibility: visible;
}

.custom-menu .children li {
background-color: #e53c97;
}

.custom-menu .children li:first-child:before {
content: ”;
position: absolute;
left: 50%;
top: -5px;
width: 15px;
height: 15px;
background-color: #e53c97;
transform: rotate(45deg);
display:block !important;
}
.custom-menu .children:before {
content: “\f107”;
position: absolute;
right: 35px;
top: -33px;
color: #000000;
font-size: 16px;
font-family: FontAwesome;
visibility: visible;
}
.custom-menu li:hover .children:before {
content: “\f106”;
}

.custom-menu .children a {
color: #ffffff;
font-size: 13px;
text-transform: none;
padding: 10px 0;
display: block;
}

.custom-menu .children a:hover {
color: #000;
}

Desktop Backup

———————————————-
Work Log Activity Types
1. Requirement Analysis
2. Estimation
3. Design
4. Front-End Development
5. Development
6. Testing
7. Bug Fixings
8. Code Review
9. Research
10. Internal Communication
11. Client Communication
12. PRM

<?php if (is_front_page()) { ?>

Website by WebAlive

</div>
<?php } ?>

<?php if ($active->alias == ‘homepage’){ ?>
<span>Website by </span><a href=”https://www.webalive.com.au/&#8221; target=”_blank”>WebAlive</a>
<?php }?>

———————————————————

2. work on newsletter (#4 2h)
3. work on caseynorthciss (#4 4h)

font-family: ‘Lato’, sans-serif;
font-family: ‘Montserrat’, sans-serif;

Baby Boss Animated Fully Lovely Baby Boss Video
———————————
PHPStrom Code Formating
clt+alt+L
—————————-

Picture Endocode
http://freeonlinetools24.com/base64-image

——————————
SSD ( Solid State Drive )
——————————–
Google releases Android OS
2013-KitKat
2014-Lollipop
2015-Marshmallow
2016-Nougat
2017- Oreo
URL:https://developer.android.com/about/versions/oreo/android-8.0-migration.html?authuser=0&hl=bn
———————-

The CSS Value of Auto

Auto is the default value for dimension properties width and height.
——————————–
CSS regex selector

*

+

~
^
>
#
$
,
;
.

The Skinny on CSS Attribute Selectors


——————————-

Clean Code
https://docs.google.com/document/d/1LlR7LlDYqVi8vwZTu2MUw_Bgn5RFvxPAs-DhoEYVC6o/edit

======================================
Course Bootstarp
https://getbootstrap.com/docs/4.0/content/tables/

Course Git Setup
https://docs.google.com/document/d/1NjUJ1uygJzu0fiYuUzZaEUxH2kfwBozc3Vu6W8FJ2Vk/edit
—————————
Course SCSS
https://docs.google.com/document/d/1KJIh6mkFy3mUJHQdEMICIBzlFiT-7M60s7qgmUIyfgo/edit?usp=sharing
——————-
Web Master:
https://docs.google.com/document/d/1RYB4yIzPYdhbA9UcLPARx6MaACk5k9FfqliCY5XJ07E/edit?usp=sharing
===============
Chatting:
https://docs.google.com/document/d/1a8n-DmfOXCho21tMMpf2DvRAk0WC8PYEHQlJIHG_GUY/edit?usp=sharing
======================
Email Drafting:
https://docs.google.com/document/d/1223BXrp2sJZ8I3jyPK5X3twHaFm-Dp0HoeWkq3laG3o/edit?usp=sharing
===============
Course Angular
https://docs.google.com/document/d/10FdN4Nx1ZzTKhw69x8B6uCzkzIpHi6qu3W9weGfQMyY/edit
————-
CSS Trics
https://docs.google.com/document/d/1gMWBuyM9HqNkYlrWu7BR443HKXm8SqrnikzmG-23hEM/edit

English Learning

ইংরাজিতে কথা বলতে গেলে আমাদের প্রধান সমস্যা হল প্রশ্ন করা।
Does he come daily?
is he in the room?
did he come?
what’s the troble?
where is rahim?
is it raining?
what’s your good name?
do you like the pen?
did you understad?
how r you?
are u angry?
will not go?
do u know it?
are u comming?
will u do thing for me?
will u wait for me?
did u call me?
when did u come?
are they comming?
has the train left?
who is it?
what happened?
what is the matter?
what is the reason?
may i come in you?
may i go?
may i come in?
shall i bring it?

should i go?
should we begin?
what did you say?
what can i do for u?
is it holiday today?
URL:https://www.youtube.com/watch?v=qEaEdeOT5QU

Rapid Fire of Java Script

Question: What is typeof []

Answer: Object. Actually Array is derived from Object. If you want to check array use Array.isArray(arr)

Question: What is typeof arguments

Answer: Object. arguments are array like but not array. it has length, can access by index but can’t push pop, etc.

Question: What is 2+true

Answer: 3. The plus operator between a number and a boolean or two boolean will convert boolean to number. Hence, true converts to 1 and you get result of 2+1

Question: What is '6'+9

Answer: 69. If one of the operands of the plus (+) operator is string it will convert other number or boolean to string and perform a concatenation. For the same reason, "2"+truewill return “2true”

Question: What is the value of 4+3+2+"1"

Answer: 91 . The addition starts from the left, 4+3 results 7 and 7+2 is 9. So far, the plus operator is performing addition as both the operands are number. After that 9 + “1” where one of the operands is string and plus operator will perform concatenation.

Question: What is the value of "1"+2+4

Answer: “124”. For this one “1” + 2 will produce “12” and “12”+4 will generates “124”.

Question: What is the value of -'34'+10

Answer: -24. minus(-) in front of a string is an unary operator that will convert the string to a number and will make it negative. Hence, -’34’ becomes, -34 and then plus (+) will perform simple addition as both the operands are number.

Question: What is the value of +'dude'

Answer: NaN. The plus (+) operator in front of a string is an unary operator that will try to convert the string to number. Here, JavaScript will fail to convert the “dude” to a number and will produce NaN.

Question: If you have var y = 1, x = y = typeof x; What is the value of x?

Answer: “undefined”

Question: for var a = (2, 3, 5); what is the value of a?

Answer: 5. The comma operator evaluates each of its operands (from left to right) and returns the value of the last operand. ref: MDN

Question: for var a = (1, 5 - 1) * 2 what is the value of a?

Answer: 8

Question: What is the value of !'bang'

Answer: false. ! is NOT. If you put ! in front of truthy values, it will return false. Using !! (double bang) is a tricky way to check anything truthy or falsy by avoiding implicit type conversion of == comparison.

Question: What is the value of parseFloat('12.3.4')

Answer: 12.3

Question: What is the value of Math.max([2,3,4,5]);

Answer: NaN

Question: 3 instanceof Number

Answer: false

Question:null == undefined

Answer: true

Question:What is the value of !!function(){};

Answer: true

Question: What is the value of typeof bar

Answer: “undefined”

Question: What is the value of typeof null

Answer: “object”

Question: If var a = 2, b =3 what would be value of a && b

Answer: 3

Question: What would be consoled var foo = 'outside'; function logIt(){console.log(foo); var foo = 'inside';} logIt();

Answer: undefined

Question: What is -5%2

Answer:-1. the result of remainder always get the symbol of first operand

Question: Why .1+.2 != .3

Answer:

Question: 42..toString()

Anwser: "42"

Question: 4.2..toString

Anwser: //SyntaxError: Unexpected token .

Question:42 . toString()

Anwser: "42"

Question: typeof(NaN)

Anwser:“number”

Question: 2 in [1,2]

Anwser: false. Because “in” returns whether a particular property/index available in the Object. In this case object has index 0 and 1 but don’t have 2. Hence you get false.