Coder Baba

","datePublished":"2023-12-26T13:34:24Z","dateModified":"2023-12-26T13:34:24Z","author":{"@type":"Organization","name":"Coder Baba","url":"https://telemetr.io/fa/channels/1412492069-coder_baba","image":"https://img.telemetr.io/c/1xAFI9/6055408824115899316?ty=x"},"publisher":{"@type":"Organization","name":"Coder Baba","url":"https://telemetr.io/fa/channels/1412492069-coder_baba","image":"https://img.telemetr.io/c/1xAFI9/6055408824115899316?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":148}]}},{"@type":"ListItem","position":12,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/fa/channels/1412492069-coder_baba/posts/1917","url":"https://telemetr.io/fa/channels/1412492069-coder_baba/posts/1917","mainEntityOfPage":"https://telemetr.io/fa/channels/1412492069-coder_baba/posts/1917","headline":"Dev., [3/16/2021 9:45 AM] JavaScript Engine JavaScript engine in the browser interprets, compiles and execute…","articleBody":"Dev., [3/16/2021 9:45 AM]\nJavaScript Engine\nJavaScript engine in the browser interprets, compiles and executes JavaScript code which is in a web page. It does memory management, JIT compilation, type system etc\n\nDev., [3/16/2021 9:45 AM]\nAdvantages of JavaScript\n• JavaScript is easy to learn.\n• It executes on client's browser, so eliminates server side processing.\n• It executes on any OS.\n• JavaScript can be used with any type of web page e.g. PHP, ASP.NET, Perl etc.\n• Performance of web page increases due to client side execution.\n• JavaScript code can be minified to decrease loading time from server.\n\nDev., [3/16/2021 9:46 AM]\nJavaScript Variable\n\nA JavaScript variable is simply a name of storage location. Variable means anything that can vary. variables hold the data value and it can be changed anytime.\nJavaScript uses reserved keyword var to declare a variable. A variable must have a unique name. You can assign a value to a variable using equal to (=) operator when you declare it or before using it.\nvar one = 1; // variable stores numeric value\n\nvar two = 'two'; // variable stores string value\n\nvar three; // declared a variable without assigning a value\n\n\n\nDeclare Variables:\nvar one ;\nvar two ;\n\n\nVariable Declaration and Initialization :\nVar Number= 'two';\nVar age= 20 ;\nVar name;\nName= ” Rahul ”;\n\nOr \nVar Name =” Rakesh”;\n\nDev., [3/16/2021 9:46 AM]\nJavaScript Identifiers:\nAll JavaScript variables must be identified with unique names.\nThese unique names are called identifiers.\ndentifiers can be short names (like x and y) or more descriptive names (age, sum, totalVolume).\n1. Name must start with a letter (a to z or A to Z), underscore( _ ), or dollar( $ ) sign.\n2. After first letter we can use digits (0 to 9), for example value1.\n3. JavaScript variables are case sensitive, for example x and X are different variables.\n4. Names are case sensitive (y and Y are different variables)\n5. Reserved words (like JavaScript keywords) cannot be used as names\nExample:\nCorrect JavaScript variables\n1. var x = 10; \n2. var _value=\"sonoo\"; \n\nIncorrect JavaScript variables\n1. var 123=30; \n2. var *aa=320;\n\nDev., [3/16/2021 9:46 AM]\nJavaScript local variable\nA JavaScript local variable is declared inside block or function. It is accessible within the function or block only. For example:\n\n\nOr\n \n \n\nJavaScript global variable\nA JavaScript global variable is declared outside the function or declared with window object. It can be accessed from any function.\nexample:\n \n\nJavascript Data Types\n \n\nData type indicates characteristics of data. It tells the compiler whether the data value is numeric, alphabetic, date etc., so that it can perform the appropriate operation.\n\nThere are two types of data types in JavaScript.\n1. Primitive data type\n2. Non-primitive (reference) data type\nWhat are Primitive Data Types in JavaScript?:\nThese are the predefined or built in types of data that are supported by the programming language by default. JavaScript mainly supports the following types of primitive data types.\n\n• Boolean: logical entity having values as true or false.\n• Numbers: Represents numeric values and can store integers and decimals.\n• Strings: Represent a sequence of characters such as “Hello World.” Strings can store in single quotes or double-quotes.\n• Undefined: A variable that has an unassigned value will have an undefined default value.\na variable without a value, has the value undefined. The type is also undefined\n• Null: In JavaScript, null means”nothing.” It is something that doesn’t exist.","datePublished":"2023-12-26T13:34:24Z","dateModified":"2023-12-26T13:34:24Z","author":{"@type":"Organization","name":"Coder Baba","url":"https://telemetr.io/fa/channels/1412492069-coder_baba","image":"https://img.telemetr.io/c/1xAFI9/6055408824115899316?ty=x"},"publisher":{"@type":"Organization","name":"Coder Baba","url":"https://telemetr.io/fa/channels/1412492069-coder_baba","image":"https://img.telemetr.io/c/1xAFI9/6055408824115899316?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":152}]}},{"@type":"ListItem","position":13,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/fa/channels/1412492069-coder_baba/posts/1916","url":"https://telemetr.io/fa/channels/1412492069-coder_baba/posts/1916","mainEntityOfPage":"https://telemetr.io/fa/channels/1412492069-coder_baba/posts/1916","headline":"css position property video tutorial https://youtu.be/e01pGTr8DY0","articleBody":"css position property video tutorial\nhttps://youtu.be/e01pGTr8DY0","datePublished":"2023-12-26T12:38:00Z","dateModified":"2023-12-26T12:38:00Z","author":{"@type":"Organization","name":"Coder Baba","url":"https://telemetr.io/fa/channels/1412492069-coder_baba","image":"https://img.telemetr.io/c/1xAFI9/6055408824115899316?ty=x"},"publisher":{"@type":"Organization","name":"Coder Baba","url":"https://telemetr.io/fa/channels/1412492069-coder_baba","image":"https://img.telemetr.io/c/1xAFI9/6055408824115899316?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":153}]}},{"@type":"ListItem","position":14,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/fa/channels/1412492069-coder_baba/posts/1915","url":"https://telemetr.io/fa/channels/1412492069-coder_baba/posts/1915","mainEntityOfPage":"https://telemetr.io/fa/channels/1412492069-coder_baba/posts/1915","headline":"Q ) What is the difference between padding and margin? Answer: In CSS, the margin is the property by which we…","articleBody":"Q ) What is the difference between padding and margin?\n\nAnswer: \nIn CSS, the margin is the property by which we can create space around elements. We can even create space to the exterior defined borders.\nIn CSS, we have margin property as follows:\n• margin-top\n• margin-right\n• margin-bottom\n• Margin-left\nMargin property has some defined values as shown below.\n• Auto – Using this property browser calculates the margin.\n• Length – It sets the margin values in px,pt,cm etc.\n• % – It sets the width % of the element.\n• Inherit – By this property we can inherit the margin property from the parent element.\n\nIn CSS, padding is the property by which we can generate space around an element’s content as well as inside any known border.\n\nCSS padding also has properties like,\n1. Padding-top\n2. Padding-right\n3. Padding-bottom\n4. Padding-left\nNegative values are not allowed in padding.\n\n\n\n\n\n\n\n\n","datePublished":"2023-12-26T12:37:06Z","dateModified":"2023-12-26T12:37:06Z","author":{"@type":"Organization","name":"Coder Baba","url":"https://telemetr.io/fa/channels/1412492069-coder_baba","image":"https://img.telemetr.io/c/1xAFI9/6055408824115899316?ty=x"},"publisher":{"@type":"Organization","name":"Coder Baba","url":"https://telemetr.io/fa/channels/1412492069-coder_baba","image":"https://img.telemetr.io/c/1xAFI9/6055408824115899316?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":138},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":1},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1}]}},{"@type":"ListItem","position":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/fa/channels/1412492069-coder_baba/posts/1914","url":"https://telemetr.io/fa/channels/1412492069-coder_baba/posts/1914","mainEntityOfPage":"https://telemetr.io/fa/channels/1412492069-coder_baba/posts/1914","headline":"Basic CSS question : Q-1:CSS Font Size: You can set the size of the text used in an element by using the font…","articleBody":"Basic CSS question :\n\nQ-1:CSS Font Size:\n\nYou can set the size of the text used in an element by using the fontsize property.\n\n syntax:\n\n font-size: value;\n\nThere are alot of choices for values:\n\n1- xx-large\n2- x-large\n3- larger\n4- large\n5- medium\n6- small\n7- smaller\n8- x-small\n9- xx-small\n10-length\n11-% (percent)\n\n----------------------------------\n\nQ-2 Text Decoration:\nYou can decorate text with the following:\nsyntax:\ntext-decoration: value;\n\n\nPossible values are:-\n1- none\n2- underline\n3- overline\n4- line through\n5- blink\n\n-----------------------------\n\nQ-3 Text Transform\nYou can control the size of letters in an HTML element with the\nfollowing CSS properties:\n\nsyntax: text-transform: value;\n\n\nPossible values are-\n1- none\n2- capitalize\n3- lowercase\n4- uppercase\n\n-----------------------------------\n\nQ-4 Word Spacing\nYou can adjust the space between words in the following manner. You\ncan use negative values.\nPossible values are:-\n\n1- normal\n2- length\n\nExample: word-spacing: value;\n\nword-spacing: 10px;\n\n---------------------------------\n\nQ-5 Font Style:\nYou can set the style of text in a element with the font-style property\n\nfont-style: value;\n\nPossible values are:-\n1- normal\n2- itailc\n3- oblique\n\nexample:\nfont-style:italic;\n\n-------------------------\n\nQ-6 Cursor CSS property:\nYou can control the style of cursor to be used in an element with the\ncursor property\n\nsyntax: cursor: value;\n\nValues:\n\n1- auto\n2- crosshair\n3- default\n4- help\n5- move\n6- pointer\n7- text\n8- url\n9- wait\n10- e-resize\n11- ne-resize\n12- nw-resize\n13- n-resize\n14- se-resize\n15- sw-resize\n16- s-resize\n17- w-resize","datePublished":"2023-12-26T12:35:45Z","dateModified":"2023-12-26T12:35:45Z","author":{"@type":"Organization","name":"Coder Baba","url":"https://telemetr.io/fa/channels/1412492069-coder_baba","image":"https://img.telemetr.io/c/1xAFI9/6055408824115899316?ty=x"},"publisher":{"@type":"Organization","name":"Coder Baba","url":"https://telemetr.io/fa/channels/1412492069-coder_baba","image":"https://img.telemetr.io/c/1xAFI9/6055408824115899316?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":144},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1}]}},{"@type":"ListItem","position":16,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/fa/channels/1412492069-coder_baba/posts/1913","url":"https://telemetr.io/fa/channels/1412492069-coder_baba/posts/1913","mainEntityOfPage":"https://telemetr.io/fa/channels/1412492069-coder_baba/posts/1913","headline":"In HTML has two type of Elements -------------------------------- 1-Block Elements 2-Inline Elements 1-Block…","articleBody":"In HTML has two type of Elements\n--------------------------------\n1-Block Elements\n2-Inline Elements\n\n1-Block Elements:\nblock elements add a line break before and after them\n\n *