টাইপস্ক্রিপ্ট – টাইপ Annotation টাইপস্ক্রিপ্ট, যেখানে আমরা ভেরিয়েবল, ফাংশন প্যারামিটার এবং অবজেক্টের বৈশিষ্ট্যগুলির ধরণ নির্দিষ্ট করতে পারি। আমরা :Type ব্যবহার করে প্রকারটি নির্দিষ্ট করতে পারি। যেমন – ভেরিয়েবল, প্যারামিটার বা প্রপার্টি নামের পরে। কোলন পরে একটি স্পেস হবে । টাইপস্ক্রিপ্টে জাভাস্ক্রিপ্টের সমস্ত প্রিমিটিভ টাইপ – সংখ্যা, স্ট্রিং এবং বুলিয়ান অন্তর্ভুক্ত। নিম্নলিখিত উদাহরণটি বিভিন্ন ডেটা প্রকারের…Continue reading টাইপস্ক্রিপ্ট – টাইপ Annotation
Tag: angular
অ্যাঙ্গুলার 7 কম্পোনেন্ট তৈরি ও ব্যবহার করবেন কীভাবে?
অ্যাঙ্গুলার 7 কম্পোনেন্ট তৈরি ও ব্যবহার করবেন কীভাবে? আমরা লেগো টুকরাগুলির মতো অ্যাংগুলার কম্পোনেন্টগুলির কথা ভাবতে পারি। আমরা একবারে একটি কম্পোনেন্ট তৈরি করি তবে সেগুলি আমাদের ওয়েবসাইটের বিভিন্ন অংশে একাধিকবার ব্যবহার করতে পারি। একটি অ্যাংগুলার অ্যাপ্লিকেশন একটি গাছের কাঠামো যা আমরা তৈরি সেই সমস্ত কম্পোনেন্টগুলিকে নিয়ে গঠিত, যেমন আমরা কীভাবে ছোট লেগো টুকরো থেকে লেগো…Continue reading অ্যাঙ্গুলার 7 কম্পোনেন্ট তৈরি ও ব্যবহার করবেন কীভাবে?
কয়েক মিনিটের মধ্যে অ্যাংগুলার-সিএলআই ব্যবহার করে অ্যাংগুলার নতুন প্রোজেক্ট করা
কয়েক মিনিটের মধ্যে অ্যাংগুলার-সিএলআইয়ের সাথে অ্যাংগুলার ইনস্টল করা অ্যাংগুলার আধুনিক ওয়েব অ্যাপ্লিকেশন তৈরির জন্য বিশ্বের অন্যতম জনপ্রিয় জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক। অ্যাংগুলার গুগল তৈরি করেছে এবং ডেভেলপেড করেছে এবং এর পিছনে একটি বিশাল সম্প্রদায় সমর্থন রয়েছে। আপনি এখান থেকে অ্যাংগুলার অফিসিয়াল ওয়েবসাইট দেখতে পারেন। অ্যাংগুলার 2+ দিয়ে শুরু করে একটি অ্যাংগুলার প্রজেক্টে বিভিন্ন কনফিগারেশন ফাইলের প্রয়োজন। একে…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 3 – Interpolation
Interpolation: Interpolation is a way angular use to display variables inside your HTML using the curly braces. You can display variables, named. Name <b>name<b> using {{name}} You can bind the data from the class to the template Bind data using double curly bracket {{property_name}} → there is class property name here. Then showing dynamic value. …Continue reading Day 3 – Interpolation
দিন ৩– ইন্টারপোলেশন
ইন্টারপোলেশন (Interpolation): ইউজার টেমপ্লেট (template) এ ডাটা বাইন্ড করতে পারে ক্লাস (Class) থেকে – বাইন্ড ডাটা ডাবল কারলি ব্রাকেট ব্যবহার করে {{property_name}} → ডাবল কারলি ব্রাকেট এর মধ্যে ক্লাস প্রপার্টি নাম থাকবে । তাহলে ডাইনামিক ভ্যালু দেখাবে । 2. ইউজিং সিনটেক্স <h2>{{2+2}}</h2> → output: 4 3. স্ট্রিং কংক্যাটেনশন + প্রপার্টি নাম concatenation: <p>{{“welcome ” +…Continue reading দিন ৩– ইন্টারপোলেশন
Day 1 – Basic Functioning
# what and why ? Framework to build client side application Great for SPAs # Why Modular approach Re-usable code Development quicker and easier (like validation, routing) Unit testable and easily maintainable code Google + Microsoft product (Angular + Typescript) # Angular’s History 2010 – AngularJS 2016 – Angular version 2. Just called Angular 2016…Continue reading Day 1 – Basic Functioning