টাইপস্ক্রিপ্ট – টাইপ Annotation টাইপস্ক্রিপ্ট, যেখানে আমরা ভেরিয়েবল, ফাংশন প্যারামিটার এবং অবজেক্টের বৈশিষ্ট্যগুলির ধরণ নির্দিষ্ট করতে পারি। আমরা :Type ব্যবহার করে প্রকারটি নির্দিষ্ট করতে পারি। যেমন – ভেরিয়েবল, প্যারামিটার বা প্রপার্টি নামের পরে। কোলন পরে একটি স্পেস হবে । টাইপস্ক্রিপ্টে জাভাস্ক্রিপ্টের সমস্ত প্রিমিটিভ টাইপ – সংখ্যা, স্ট্রিং এবং বুলিয়ান অন্তর্ভুক্ত। নিম্নলিখিত উদাহরণটি বিভিন্ন ডেটা প্রকারের…Continue reading টাইপস্ক্রিপ্ট – টাইপ Annotation
Month: September 2019
টাইপস্ক্রিপ্ট এসেরশন(Assertion)
টাইপস্ক্রিপ্ট এসেরশন(Assertion) এক্সাম্পল: টাইপ এসেরশন let code: any = 123; let employeeCode = <number> code; console.log(typeof(employeeCode)); //Output: number উদাহরণ: অবজেক্ট সহ এসেরশন টাইপ let employee = { }; employee.name = “John”; //Compiler Error: Property ‘name’ does not exist on type ‘{}’ employee.code = 123; //Compiler Error: Property ‘code’ does not exist on type ‘{}’ উপরের…Continue reading টাইপস্ক্রিপ্ট এসেরশন(Assertion)
টাইপস্ক্রিপ্টে ডেটার প্রকারভেদ
টাইপস্ক্রিপ্টে ডেটার প্রকারভেদ যখনই কোনও ভেরিয়েবল তৈরি করা হয় তখন সেই ভেরিয়েবলের জন্য কিছু মান নির্ধারণের উদ্দেশ্য হয় কিন্তু সেই ভেরিয়েবলের জন্য কী ধরণের মান নির্ধারণ করা যায় তা সেই ভেরিয়েবলের ডেটাটাইপের উপর নির্ভর করে। টাইপস্ক্রিপ্টে, টাইপ সিস্টেম বিভিন্ন ধরণের ডেটাটাইপগুলি উপস্থাপন করে যা টাইপস্ক্রিপ্ট দ্বারা সমর্থিত। বিল্ট-ইন ডাটা টাইপ : Number – এটি পূর্ণসংখ্যার…Continue reading টাইপস্ক্রিপ্টে ডেটার প্রকারভেদ
অ্যাঙ্গুলার 7 কম্পোনেন্ট তৈরি ও ব্যবহার করবেন কীভাবে?
অ্যাঙ্গুলার 7 কম্পোনেন্ট তৈরি ও ব্যবহার করবেন কীভাবে? আমরা লেগো টুকরাগুলির মতো অ্যাংগুলার কম্পোনেন্টগুলির কথা ভাবতে পারি। আমরা একবারে একটি কম্পোনেন্ট তৈরি করি তবে সেগুলি আমাদের ওয়েবসাইটের বিভিন্ন অংশে একাধিকবার ব্যবহার করতে পারি। একটি অ্যাংগুলার অ্যাপ্লিকেশন একটি গাছের কাঠামো যা আমরা তৈরি সেই সমস্ত কম্পোনেন্টগুলিকে নিয়ে গঠিত, যেমন আমরা কীভাবে ছোট লেগো টুকরো থেকে লেগো…Continue reading অ্যাঙ্গুলার 7 কম্পোনেন্ট তৈরি ও ব্যবহার করবেন কীভাবে?
কয়েক মিনিটের মধ্যে অ্যাংগুলার-সিএলআই ব্যবহার করে অ্যাংগুলার নতুন প্রোজেক্ট করা
কয়েক মিনিটের মধ্যে অ্যাংগুলার-সিএলআইয়ের সাথে অ্যাংগুলার ইনস্টল করা অ্যাংগুলার আধুনিক ওয়েব অ্যাপ্লিকেশন তৈরির জন্য বিশ্বের অন্যতম জনপ্রিয় জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক। অ্যাংগুলার গুগল তৈরি করেছে এবং ডেভেলপেড করেছে এবং এর পিছনে একটি বিশাল সম্প্রদায় সমর্থন রয়েছে। আপনি এখান থেকে অ্যাংগুলার অফিসিয়াল ওয়েবসাইট দেখতে পারেন। অ্যাংগুলার 2+ দিয়ে শুরু করে একটি অ্যাংগুলার প্রজেক্টে বিভিন্ন কনফিগারেশন ফাইলের প্রয়োজন। একে…Continue reading কয়েক মিনিটের মধ্যে অ্যাংগুলার-সিএলআই ব্যবহার করে অ্যাংগুলার নতুন প্রোজেক্ট করা
নতুনদের জন্য এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্ট
নতুনদের জন্য এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্ট এই পোস্টে, আমি ব্যাখ্যা করছি যে এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্ট কী এবং ওয়েব অ্যাপ্লিকেশন তৈরি করার জন্য আপনাকে তিনটিই কেন দরকার। আমি কিছু ওয়েব ডেভলপমেন্ট ফোরামে স্ক্রোল করার সময় আমি লক্ষ্য করেছি যে একের অধিক লোকের নিম্নলিখিত প্রশ্ন রয়েছে: ওয়েব অ্যাপ্লিকেশন তৈরি করতে আমাকে কেন তিনটি ভাষা- এইচটিএমএল, সিএসএস,…Continue reading নতুনদের জন্য এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্ট
দিন ৪ – প্রপার্টি বাইন্ডিং
প্রপার্টি বাইন্ডিং মূলত কম্পোনেন্ট ক্লাস (app.componal.ts) থেকে ইউজার এন্ড(app.componal.html) এ ডাটা পাস করার জন্য ব্যবহার করা হই । সিনটেক্স [Property]=”expression” প্রপার্টি বাইন্ডিং [ ] বন্ধনী ব্যবহার করে। বাইন্ডিং টার্গেট বর্গাকার বন্ধনীগুলির ভিতরে স্থাপন করা হয়। বাইন্ডিং সোর্স ডাবল কোট এর মধ্যে আবদ্ধ। আপনি এই কোডগুলি app.componant.html এ যুক্ত করতে পারেন এবং ফলাফলটি দেখতে পারেন <p…Continue reading দিন ৪ – প্রপার্টি বাইন্ডিং
Day 6 – Style Binding
# <h3 [style.color]=”‘orange’”>Style Binding</h3> # public hasError = false; <h3 [style.color]=”hasError ? ‘red’ : ‘green’”>Style Binding with ternary condition</h3> # public highlightColor = “orange”; <h3 [style.color]=”highlightColor”>Style Binding 2</h3> public titleStyle = { color: “blue”, fontStyle: “italic” } <h3 [ngStyle]=”titleStyle”>Style Binding 3</h3>
Day 5 – Class Binding
# Class attribute binding <h3 class=”text-success”>Class Attribute</h3> This is hard coded for binding. # Class binding with property Component: public successClass = “text-success”; <h3 [class]=”successClass”>Class Binding</h3> # Class binding with multiple class Component: classesApply: string = ‘classBold classItalic’; <h3 [class]=”classesApply”>Multiple classes apply</h3> # property binding with class Component: public hasError = true; <h3 [class.text-danger]=”hasError”>Class Binding</h3>…Continue reading Day 5 – Class Binding
Day 4 – Property Binding
Attribute vs property Example: <input type=”text” value=”Biswas”> Attribute and property not the same Attribute defined by HTML Properties – Defined by DOM (Document Object Model) Attributes initialized by DOM properties and they are done. Attributes value cannot change once they are initialized. Property values however can change. HTML attribute value specifice the initialize value. And…Continue reading Day 4 – Property Binding