Post Search

Java Script

জাভাস্ক্রিপ্ট স্টেটমেন্ট (Javascript statement tutorials ) | SP Foundationbd

আমরা জাভাস্ক্রিপ্টে যেসব code লিখি এগুলি এক একটা কমান্ড ব্রাউজারের জন্য। এগুলি ব্রাউজারকে বলে তাকে কি করতে হবে। ইংরেজীতে যেমন আমরা বাক্য লিখি আর একটা বাক্য শেষ হয় ফুল স্টপ (.) দিয়ে। জাভাস্ক্রিপ্ট স্টেটমেন্টও এরুপ এক একটা command বা বাক্যের মত, এটা শেষ হয় সেমিকোলন দিয়ে (;)। এটাকে বলতে পারেন javascript বাক্য। একটা javascript স্ক্রিপ্টে এরুপ কিছু স্টেটমেন্ট থাকে। এগুলি ব্রাউজারকে নির্দেশনা দেয়।

কিছু statement

1.var x = 20;

2.document.write('test');

3.if(x == 20){

4.alert('Hi 20');

  1.  

6.}

..... ..... ......

Jquery & Ajax

jQuery is, toggle and slideToggle method | SP Foundationbd

Jquery তে is() method টি বেশ কাজের। ধরুন আপনার একটা এপ্লিকেশনে  check  করা দরকার যে h3 ট্যাগের পর কোন p tag আছে কিনা?বা একটা এলিমেন্ট visible কিনা? ইত্যাদি কাজের জন্য এই method ব্যবহার করতে পারেন। যেমন

index.html

01.<html>

02.<head>

03.<script src="/jquery_latest.js" type="text/javascript"></script>

04.<script type="text/javascript">

05.$(document).ready(function(){

06.$('#tutorial').click(function(){

07.if($('# SPFoundationbd).is(':visible')){

08.$('# SPFoundationbd).hide();

09.}else{

10.$('# S Foundationbd).show();

11.};

12.});

13.});

14.</script>

15.</head>

16.<body>

17.<p id="tutorial">When you click me,a button will toggle</p>

18.<input type="submit" id=" SPFoundationbd " value="Submit"/>

19.</body>

20.</html>

আউ ..... ..... ......

Jquery & Ajax

jQuery callback function | SP Foundationbd

Jquery র effect সম্পর্কিত method গুলিতে শেষ প্যারামিটার হিসেবে একটা function পাঠানো যায়। effect শেষ হওয়ার পরেই এই function execute হয়।এই ফাংশনকে callback function  বলে।উদাহরন এরুপ একটি ইফেক্ট সম্পর্কিত মেথড slideDown() এবং slideUp() নিয়ে এটা উদাহরন দিচ্ছি।সাধারনত আমরা এই method দুটি কিভাবে লিখি?

1.slideDown(500);

এভাবে তাইনা?এখন এই ৫০০ হচ্ছে কত গতিতে সে slide নিচে নামাবে,যাইহোক এই প্যারামিটারের পর কমা দিয়ে আমরা কলব্যাক ফাংশন দ্বিতীয় প্যারামিটার হিসেবে পাঠাতে পারি।এবং এই ফাংশনে আপনি অন্য যেকোন কাজ করতে পারেন।সুবিধা ..... ..... ......

Codeigniter

কোডইগনাইটার URI রাউটিং টিউটোরিয়াল (CodeIgniter URI Routing Bangla Tutorial) | SP Foundationbd

আমরা সবাই জানি কোডইগনাইটারের URI কিভাবে কাজ করে। প্রথমে class এরপর মেথড এবং এরপর প্যারামিটার যেমন www. spfoundationbd.com/tutorial/php_tut/1 এখানে "tutorial" হল ক্লাসের নাম এবং method হল "php_tut" এরপর "1" হল প্যারামিটার। এরপর আরও প্যারামিটার থাকতে পারে, সব ..... ..... ......

Codeigniter

কোডইগনাইটার Ajax টিউটোরিয়াল (CodeIgniter Ajax Tutorial) | SP Foundationbd

বর্তমানে php র application মানেই এজাক্স থাকবে। ajax দিয়ে পেজ reload ছাড়াই ডেটাবেস কিংবা অন্য কোন সোর্স থেকে নতুন ডেটা ব্রাউজারে দেখতে পারে। এর আগেও Jquery তে একটা ajax tutorial  দিয়েছিলাম। তবে সেটা raw PHP তে ছিল। এবার এই টিউটোরিয়ালে codeigniter ..... ..... ......

Codeigniter

কোডইগনাইটার file আপলোড (CodeIgniter File Upload)

কোডইগনাইটারে file আপলোডের জন্য একটি class আছে নাম "upload" এটা দিয়ে যেকোন file, ছবি ইত্যাদি validation করে upload করা যায়। raw PHP' মত এত বেশি কোড লিখতে হবেনা। শুধু কিছু কনফিগারেশন ঠিক করে দিতে হবে (কন্ট্রোলারে) ব্যাস ..... ..... ......

CSS

How to learn সিএসএস ডিসপ্লে | SP Foundationbd

display প্রোপার্টিজ দিয়ে ব্লক লেভেল element কে inline আবার inline element কে ব্লক লেভেল বানানো যায়। এছাড়া এই প্রোপার্টিজ দিয়ে এলিমেন্ট অদৃশ্য করে রাখা যায়। মুলত এর ৩/৪ টি মান খুব ব্যবহার হয় বাকি মানগুলি দিয়েও অনেক কাজ হয় তবে কম ব্যবহৃত হয়ে থাকে।

1..navigation a {

2.display: block;

3.margin-left: 0.5em;

4.padding: 5px;

5.border: 1px solid #000;

6.color: #000;

7.text-decoration: none;

8.}

display:inline; দিয়ে দেখুন (এটাই বা্ ডিফল্ট থাকে) সব a বা এনকর ট্যাগ একলাইনে দেখাবে। এনকর হচ্ছে (<a></a> ) ইনলাইন এলিমেন্ট। display:block; দেয়াতে ব্লক লেভেল এলিমেন্টের মত কাজ কর ..... ..... ......

CSS

How to learn সিএসএস ফ্লট tutorials | SP Foundationbd

Layout তৈরীর সময় সিএসএস ফ্লট দিয়ে সবচেয়ে গুরত্বপূর্ন কাজটি করা হয়। এছাড়া লেখা আর ছবি একসাথে থাকলে সেখানে ফ্লট ব্যবহার করা হয়। float এর মুলত দুটি মান দেয়া যায় left এবং right. left দিলে এলিমেন্ট টিকে ঠেলে বামে নিয়ে আসবে আর right দিলে ডানে নিয়ে যাবে। যেমন একটা ইমেজ বা ছবি যদি লেখার বামে নিতে চাই যেমন পত্র পত্রিকায় লেখার সাথে ছবি থাকে তাহলে

1.img {

2.float: left;

3.}

float:right দিন ছবিটি ডানে চলে যাবে।

** float দিয়ে এলিমেন্ট গুলিকে পাশাপাশি (আড়াআড়িভাবে) বা side-by-side বসানো যায়। float সবসময় আড়াআড়িভাবে কা ..... ..... ......

CSS

How to learn CSS লেয়ার tutorials | SP Foundationbd

এবার আমরা দেখবো  লেয়ার ব্যবহার করার মাধ্যমে কোন element  টি উপরে দেখাবে, যা সিএসএস লেয়ার এর মাধ্যমে আমরা নিয়ন্ত্রন করতে পারি।  সিএসএস এ প্রত্যেক এলিমেন্ট কে priority দেয়া হয়ে  থাকে। যদি দুটি  overlapping      CSS positioned         elements  থাকে, তাহলে যার priority বেশি তাকে আগে উপরে দেখাবে।

Priority নির্ধারন করতে আমরা z-index value সেট করে থাকি ।যার z-index value যত বেশি তার priority  তত বেশি।

01.h4{

02.position: relative;

03.top: 30px;

04.left: 50px;

05.z-index: 2;

06.background-color: #336699;

07.}

  1.  
  2.  < ..... ..... ......

CSS

How to learn সিএসএস পজিশন | SP Foundation

css এ পজিশনিং খুব গুরত্বপূর্ন একটি বিষয়। পরিষ্কার ধারনা না থাকলে অনেক কাজে গিয়ে আটকা পরে যাবে। বিশেষ করে পেজের অপ্রত্যাশিত কোন জায়গায় কোন ছবি ইত্যাদি বসাতে হলে, একটা div বা এলিমেন্টের উপর আরেকটা div বা element নিতে হলে ইত্যাদি।

৪ ধরনের position আছে

static

By default position:static; থাকে, এটার অর্থ হচ্ছে কোন পজিশনিং করা নেই। ডকুমেন্টের কোডের কারনে element টি যেখানে আঝে পেজেও সেখানে দেখাবে।

 

relative

এটাও static এর মতই কিন্তু এখানে top, left, bottom, right এবং z-index ব্যবহার করে element কে তার অবস্থা ..... ..... ......


SP FoundationBD is optimized for learning, testing, and training. Examples might be simplified to improve reading and basic understanding. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using this site, you agree to have read and accepted our terms of use, cookie and privacy policy. Copyright 2016-2017 by Refsnes Data. All Rights Reserved.

Modina Plaza C-Block, Merajnagar, Rayerbag, Dhaka-1362.

Mobile: 01703136868

Skype: md.shahab.uddin9

www.spfoundationbd.com