ঘরে থাকুন, সুস্থ থাকুন, আল্লাহকে স্মরণ করুন
_



দিন
ঘণ্টা
মিনিট
সেকেন্ড

রেজিষ্ট্রেশন লগইন
      100 Class Academy
Home Programmin Toolkits Website যেভাবে ওয়েবসাইট বা ওয়েবপেইজ এর মধ্যে কোড লিখবে ও হাইলাইট করে তুলবে।

যেভাবে ওয়েবসাইট বা ওয়েবপেইজ এর মধ্যে কোড লিখবে ও হাইলাইট করে তুলবে।

August 17, 2020
Share To:

এই আর্টিকেলটি কেবলমাত্র তোমাদের জন্য লিখছি।

আমি হান্ড্রেড ক্লাস একাডেমীতে আর কোন আর্টিকেল লিখবোনা বা আর কাউকে এই কোডিং বা প্রোগ্রামিং শিখাবো না। নিজে চর্চা করবো। এবং আইটিতে অগাধ জ্ঞান অর্জন করবো। হ্যা,যদি কেউ জিজ্ঞেস করে বা জানতে চায়, তাহলে তাকে সুন্দর করে বোঝাবো । কেননা এই হান্ড্রেড ক্লাস একাডেমী আর হান্ড্রেড ক্লাস একাডেমী থাকবে না। এটা হবে একটি ইসলামিক ও ধর্মীয় ওয়েবসাইট, যেখান থেকে মানুষ কল্যাণ পাবে ও ইসলাম সম্পর্কে জানবে।
কেননা আমি চিন্তা করে দেখলাম যে, আমি এখানে মানুষকে ফ্রী বা সহযে আইটি বা কোডিং বা প্রোগ্রামিং শেখাতাম। এতে আমার দুনিয়াবি কিছু কল্যাণ হলেও আখেরাতের জন্য কোনো কল্যান হবে না। আর মরলে তো আখেরাতে যেতে হবেই, কোন সন্দেহ নেই। আল্লাহ যখন আমাকে জিজ্ঞেস করবে, হে ইব্রাহিম - তুমি যেই আইটি জ্ঞান অর্জন করেছো, তা দিয়ে তুমি ইসলামের কল্যাণে কোন কাজটি করেছো ? তখন আমি কি জবাব দিবো।
এছাড়াও আমি আরো অনেক কিছু চিন্তা করেছি যা এইখানে বলা সম্ভব না। সুতরাং আমি এসব চিন্তা করে আমার সব প্রযুক্তির জ্ঞান কাজে লাগাবো ইসলামের কল্যাণে এবং এমন একটি মাধ্যম বা ওয়েবসাইট তৈরি করবো, যার মাধ্যমে আমি মারা গেলেও তার বা সেই কর্মের সওয়াব জারি থাকবে। অর্থাৎ সদকায়ে জারিয়ায়। এই কাজে চাইলে তুমিও আমার সাথে অংশীদার হতে পারো।
অনেক তো দুনিয়া, বন্ধু বান্ধবী, ও অন্যান্যদের কথা চিন্তা করলাম। এবার একটু ইসলাম ও নিজের জন্য স্বার্থপর হই। যাই হোক, এই আমার লিখা শেষ আর্টিকেল আইটি সম্পর্কিত। পরবর্তীতে যদি কোন দরকারে লিখি তাহলে আলাদা কথা, এমনিতে ইসলাম নিয়ে লিখবো। আল্লাহ আমাকে তাওফিক দান করুন।

মূল কথা :

একটি ওয়েবসাইট বা ওয়েবপেজ মূলত তৈরি হয় এইচটিএমএল, সিএসএস, জাভাস্ক্রিপ্ট, পিএইচপি ও অন্যান্য কোডের সমন্বয়ে। এসব কোডের কাজ হচ্ছে নিজেরা একত্রিত হয়ে একটি সুন্দর ও আকর্ষণীয় সাইট প্রদান করা। কিন্তু এসব কোড কখনো তাদের নিজেদেরকে সবার সামনে প্রকাশ করে না, তারা সর্বদা আড়ালে থেকেই কাজ করে যায়। কিন্তু নানান কাজে তাদের সামনে প্রকাশ করতে হয়। বিশেষ করে যারা আমাদের মতো মানুষদেরকে কোডিং শেখাতে চায়, তাদের অবশ্যই এসব কোড সামনে এনে সবাইকে বোঝাতে হয়। আবার কেবল সামনে প্রকাশ করলেই হয় না, বিভিন্ন রঙ এর মাধ্যমে হাইলাইট ও করতে হয়, যাতে সবাই সহজেই বোঝতে পারে। তুমি চাইলেই এই কোড সামনে আনতে বা হাইলাইট করতে পারবে না। নিয়মটা সহয, কিন্তু আলাদা। তাহলে চলো শিখে নেই কিভাবে এই কোড হাইলাইট করতে হয়।

প্রথম ধাপ

একটি কোড রাইটার অন করো।
এইচটিএমএল এর ঘরে <pre> -------- </pre> লিখো।
এই --------- এর মাঝে তোমার কোড লিখো।
এইচটিএমএল বা অন্যান্য সকল কোড, যেখানে < (Greater Than) এবং > (Less Than) আছে, সেখানে < এর স্থলে < না বসিয়ে অর্থাৎ lessthan লিখবে। ঠিক তেমনি > এর স্থলে > না লিখে অর্থাৎ greaterthan লিখবে।
এই নিয়মগুলি ফলো করলেই তুমি তোমার কোড সামনে আনতে পারবে। কিন্তু একটি কথা আছে, এই নিয়মে তোমার কোড সামনে আসবে, কিন্তু কোডের মতো দেখাবে না। সাধারন লিখার মতো আসবে।
যেমন : <pre> <!DOCTYPE html> <html> <head> <title></title> </head> <body> </body> </html> </pre>

এটিকে পূর্ণতা দেওয়ার জন্য তোমাকে যেই কাজটি করতে হবে তা হলো, <pre> এর পরে <code> ট্যাগ লিখবে এবং তার মাঝে কোড লিখবে। অবশ্যই </code> লিখতে ভুলবে না। তবেই তোমার কোড সবার সামনে প্রদর্শিত হবে এবং কোডের মতো দেখাবে।

উদাহরণ : 


<pre>
<code>

তোমার কোড

</code>
</pre>

বিকল্প উপায় :

<pre> <code> -------------- </code> </pre> এর পরিবর্তে তোমরা <xmp> ---------- </xmp> ব্যবহার করতে পারো। তাহলেও হবে।
তবে কোড হাইলাইট করতে পারবা না, অর্থাৎ কালারফুল কোড পাবেনা। সাদাকালো কোড পাবে। এমনকি এই বিকল্প নিয়ম অনেক সফটওয়ার সাপোর্ট ও করেনা।

যেভাবে হাইলাইট করবে :

হাইলাইট করার অনেক জেকুয়েরি বা জাভাস্ক্রিপ্ট ও সিএসএস কোড বা কোড হাইলাইটার রয়েছে। তাদের মধ্যে উল্লেখযোগ্য হলো : Highlight.js, Prism.js, W3Code ইত্যাদি।

১. Highlight.js এর নিয়ম।

১. <pre> <code> -------- </code></pre> এর মাঝখানে কোড লিখবে।
২. নিচের সিএসএস কোডগুলি কপি করে ডকুমেন্ট বা এইচটিএমএল ফাইলে পেস্ট করবে।
৩. নিচের জাভাস্ক্রিপ্ট কোডগুলি কপি করে ডকুমেন্ট বা এইচটিএমএল ফাইলে পেস্ট করবে।
৪. কাজ শেষ ।
৫. ইচ্ছামত কালার চাইলে সিএসএস থেকে কালার চেইঞ্জ করে নিবে।

CSS Code 

/* Highlight. Js CSS File
 * modifier - Ibrahim Adorer
 */

.hljs{display:block;overflow-x:auto;padding:auto;background:#fff}
.hljs,.hljs-subst{color:#222}
.hljs-comment{color:#673ab7;}

.hljs-attribute,.hljs-quote,.hljs-doctag,.hljs-keyword,.hljs-meta-keyword,.hljs-name,.hljs-selector-tag{color:#67a000;font-weight:700}
.hljs-deletion,.hljs-number,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:red}
.hljs-section,.hljs-title{color:#673ab7;font-weight:700}
.hljs-link,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:teal}
.hljs-literal{color:#78a960}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#397300}
.hljs-meta{color:aqua}.hljs-meta-string{color:maroon}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}


Javascript Code 


দুঃখিত !  Highlight.Js এর জাভাস্ক্রিপ্ট কোডগূলি  একটু বেয়াদব মার্কা, তাই ওরে এই পাতায় দেখানো হয়নি।
দয়া করে নিচের লিংকে গিয়ে জাভাস্ক্রিপ্ট কোড কপি করে নিও।
 http://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.2/highlight.min.js


২. Prism.js এর নিয়ম।

১. <pre> <code> ---------- </code></pre> এর মাঝে কোড লিখবে।
২. <code> এর স্থলে <code class="language-html"> লিখবে।
সিএসএস হলে <code class="language-css">, জাভাস্ক্রিপ্ট হলে <code class="language-js"> .
২. নিচের সিএসএস কোডগুলি কপি করে ডকুমেন্ট বা এইচটিএমএল ফাইলে পেস্ট করবে।
৩. নিচের জাভাস্ক্রিপ্ট কোডগুলি কপি করে ডকুমেন্ট বা এইচটিএমএল ফাইলে পেস্ট করবে।
৪. কাজ শেষ ।
৫. ইচ্ছামত কালার চাইলে সিএসএস থেকে কালার চেইঞ্জ করে নিবে।

CSS Code 

/* PrismJS 1.21.0
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 * modifier - Ibrahim Adorer
 */

code[class*="language-"],
pre[class*="language-"] {
	color: black;
	background: none;
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	font-size:medium;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;

	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;

	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
	text-shadow: none;
	background: #b3d4fc;
}

pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
	text-shadow: none;
	background: #b3d4fc;
}

@media print {
	code[class*="language-"],
	pre[class*="language-"] {
		text-shadow: none;
	}
}

/* Code blocks */
pre[class*="language-"] {
	padding:0px;
	margin: .5em 0;
	overflow: auto;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background:#fff;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
	white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: slategray;
}

.token.punctuation {
	color: #673ab7;
}

.token.namespace {
	opacity: .7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
	color: #673ab7;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
color:green;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
	color: #9a6e3a;
	/* This background color was intended by the author of this theme. */
	background: hsla(0, 0%, 100%, .5);
}

.token.atrule,
.token.attr-value,
.token.keyword {
color: #e81000;
}

.token.function,
.token.class-name {
	color: #DD4A68;
}

.token.regex,
.token.important,
.token.variable {
	color: #e90;
}

.token.important,
.token.bold {
	font-weight: bold;
}
.token.italic {
	font-style: italic;
}

.token.entity {
	cursor: help;
}


Javascript Code 

/* PrismJS 1.21.0
 modifier - Ibrahim Adorer */
var _self="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{},Prism=function(u){var c=/\blang(?:uage)?-([\w-]+)\b/i,n=0,M={manual:u.Prism&&u.Prism.manual,disableWorkerMessageHandler:u.Prism&&u.Prism.disableWorkerMessageHandler,util:{encode:function e(n){return n instanceof W?new W(n.type,e(n.content),n.alias):Array.isArray(n)?n.map(e):n.replace(/&/g,"&").replace(/=l.reach);k+=y.value.length,y=y.next){var b=y.value;if(t.length>n.length)return;if(!(b instanceof W)){var x=1;if(h&&y!=t.tail.prev){m.lastIndex=k;var w=m.exec(n);if(!w)break;var A=w.index+(f&&w[1]?w[1].length:0),P=w.index+w[0].length,S=k;for(S+=y.value.length;S<=A;)y=y.next,S+=y.value.length;if(S-=y.value.length,k=S,y.value instanceof W)continue;for(var E=y;E!==t.tail&&(Sl.reach&&(l.reach=j);var C=y.prev;L&&(C=I(t,C,L),k+=L.length),z(t,C,x);var _=new W(o,g?M.tokenize(O,g):O,v,O);y=I(t,C,_),N&&I(t,y,N),1"+a.content+""},!u.document)return u.addEventListener&&(M.disableWorkerMessageHandler||u.addEventListener("message",function(e){var n=JSON.parse(e.data),t=n.language,r=n.code,a=n.immediateClose;u.postMessage(M.highlight(r,M.languages[t],t)),a&&u.close()},!1)),M;var e=M.util.currentScript();function t(){M.manual||M.highlightAll()}if(e&&(M.filename=e.src,e.hasAttribute("data-manual")&&(M.manual=!0)),!M.manual){var r=document.readyState;"loading"===r||"interactive"===r&&e&&e.defer?document.addEventListener("DOMContentLoaded",t):window.requestAnimationFrame?window.requestAnimationFrame(t):window.setTimeout(t,16)}return M}(_self);"undefined"!=typeof module&&module.exports&&(module.exports=Prism),"undefined"!=typeof global&&(global.Prism=Prism);
Prism.languages.markup={comment://,prolog:/<\?[\s\S]+?\?>/,doctype:{pattern:/"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^$|[[\]]/,"doctype-tag":/^DOCTYPE/,name:/[^\s<>'"]+/}},cdata://i,tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup,Prism.hooks.add("wrap",function(a){"entity"===a.type&&(a.attributes.title=a.content.replace(/&/,"&"))}),Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function(a,e){var s={};s["language-"+e]={pattern:/(^$)/i,lookbehind:!0,inside:Prism.languages[e]},s.cdata=/^$/i;var n={"included-cdata":{pattern://i,inside:s}};n["language-"+e]={pattern:/[\s\S]+/,inside:Prism.languages[e]};var t={};t[a]={pattern:RegExp("(<__[^]*?>)(?:))*\\]\\]>|(?!)".replace(/__/g,function(){return a}),"i"),lookbehind:!0,greedy:!0,inside:n},Prism.languages.insertBefore("markup","cdata",t)}}),Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.xml=Prism.languages.extend("markup",{}),Prism.languages.ssml=Prism.languages.xml,Prism.languages.atom=Prism.languages.xml,Prism.languages.rss=Prism.languages.xml;
!function(e){var s=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-]+[\s\S]*?(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\((?!\s*\))\s*)(?:[^()]|\((?:[^()]|\([^()]*\))*\))+?(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+s.source+"|(?:[^\\\\\r\n()\"']|\\\\[^])*)\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+s.source+"$"),alias:"url"}}},selector:RegExp("[^{}\\s](?:[^{};\"']|"+s.source+")*?(?=\\s*\\{)"),string:{pattern:s,greedy:!0},property:/[-_a-z\xA0-\uFFFF][-\w\xA0-\uFFFF]*(?=\s*:)/i,important:/!important\b/i,function:/[-a-z0-9]+(?=\()/i,punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css;var t=e.languages.markup;t&&(t.tag.addInlined("style","css"),e.languages.insertBefore("inside","attr-value",{"style-attr":{pattern:/\s*style=("|')(?:\\[\s\S]|(?!\1)[^\\])*\1/i,inside:{"attr-name":{pattern:/^\s*style/i,inside:t.tag.inside},punctuation:/^\s*=\s*['"]|['"]\s*$/,"attr-value":{pattern:/.+/i,inside:e.languages.css}},alias:"language-css"}},t.tag))}(Prism);
Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|interface|extends|implements|trait|instanceof|new)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,boolean:/\b(?:true|false)\b/,function:/\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+\.?\d*|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/};
Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])[_$A-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\.(?:prototype|constructor))/,lookbehind:!0}],keyword:[{pattern:/((?:^|})\s*)(?:catch|finally)\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|for|from|function|(?:get|set)(?=\s*[\[$\w\xA0-\uFFFF])|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],number:/\b(?:(?:0[xX](?:[\dA-Fa-f](?:_[\dA-Fa-f])?)+|0[bB](?:[01](?:_[01])?)+|0[oO](?:[0-7](?:_[0-7])?)+)n?|(?:\d(?:_\d)?)+n|NaN|Infinity)\b|(?:\b(?:\d(?:_\d)?)+\.?(?:\d(?:_\d)?)*|\B\.(?:\d(?:_\d)?)+)(?:[Ee][+-]?(?:\d(?:_\d)?)+)?/,function:/#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*]|\\.|[^/\\\[\r\n])+\/[gimyus]{0,6}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0},"function-variable":{pattern:/#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+[_$A-Za-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)?\s*\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/[_$a-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*=>)/i,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:[_$A-Za-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{"template-string":{pattern:/`(?:\\[\s\S]|\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}|(?!\${)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\${|}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}}}),Prism.languages.markup&&Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.js=Prism.languages.javascript;


সবচাইতে ভালো হবে এই কোডগুলি ফাইলসহ ডাউনলোড করে নিলে


কোন কিছু না বুঝলে অবশ্যই কমেন্ট করে জানাবে।

Doc Written By : Md.Ibrahim

শেয়ার
Tags Programmin Toolkits Website
Banner

100 Class Academy

View Profile
Programmin Toolkits Website

তোমার মতামত জানাও:

0 comments:

Subscribe to: Post Comments (Atom)