Javascript Table Of Content Manually

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- table Of Content Menu -->
    <div id="toc">

    </div>

<!-- Article Section -->
    <div id="article">
        <h1>What is Python</h1>
        <p>Lorem, Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni sapiente voluptate cumque commodi officiis eius maiores id laboriosam, eum voluptas iusto mollitia veritatis harum atque accusantium error, assumenda tempore tenetur.  Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea quos nemo laborum et, nisi, dolor aliquid nesciunt enim quibusdam beatae earum voluptatum porro provident impedit illum nobis deserunt esse! Placeat? ipsum dolor sit amet consectetur adipisicing elit. Maiores rem a recusandae porro dolore numquam reprehenderit, cum consequuntur sint minus quae explicabo ex? Non ad numquam iusto dolores veritatis consequatur? Lorem ipsum dolor, sit amet consectetur adipisicing elit. Non cupiditate alias omnis tenetur excepturi molestias dignissimos ut debitis, architecto sequi! Molestias error suscipit et neque corporis in dolorum aperiam hic! Learn about what Python is and why you want to learn Python today.</p>

        <h1>Installing Python</h1>
        <p>Lorem, Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni sapiente voluptate cumque commodi officiis eius maiores id laboriosam, eum voluptas iusto mollitia veritatis harum atque accusantium error, assumenda tempore tenetur.  Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea quos nemo laborum et, nisi, dolor aliquid nesciunt enim quibusdam beatae earum voluptatum porro provident impedit illum nobis deserunt esse! Placeat? ipsum dolor sit amet consectetur adipisicing elit. Maiores rem a recusandae porro dolore numquam reprehenderit, cum consequuntur sint minus quae explicabo ex? Non ad numquam iusto dolores veritatis consequatur? Lorem ipsum dolor, sit amet consectetur adipisicing elit. Non cupiditate alias omnis tenetur excepturi molestias dignissimos ut debitis, architecto sequi! Molestias error suscipit et neque corporis in dolorum aperiam hic! Learn about what Python is and why you want to learn Python today.</p>

        <h3>Setting up the VS Code for Python </h3>
        <p>Lorem, Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni sapiente voluptate cumque commodi officiis eius maiores id laboriosam, eum voluptas iusto mollitia veritatis harum atque accusantium error, assumenda tempore tenetur.  Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea quos nemo laborum et, nisi, dolor aliquid nesciunt enim quibusdam beatae earum voluptatum porro provident impedit illum nobis deserunt esse! Placeat? ipsum dolor sit amet consectetur adipisicing elit. Maiores rem a recusandae porro dolore numquam reprehenderit, cum consequuntur sint minus quae explicabo ex? Non ad numquam iusto dolores veritatis consequatur? Lorem ipsum dolor, sit amet consectetur adipisicing elit. Non cupiditate alias omnis tenetur excepturi molestias dignissimos ut debitis, architecto sequi! Molestias error suscipit et neque corporis in dolorum aperiam hic! Learn about what Python is and why you want to learn Python today.</p>
    </div>

    <script >

        var toc= document.getElementById('toc');

       
        var tocheader = document.createElement("h2");
        tocheader.innerText = 'Table Of Content';
        toc.appendChild(tocheader);


        var tocul = document.createElement('ul');
        var subul = null;
        var mainli = null; 
        var subli = null;

        var articlediv = document.getElementById('article');

        var headings = articlediv.querySelectorAll('h1,h2');
        for ( var i = 0; i < headings.length; i++) {
            
            // create an id
            var name = "h"+i;
            headings[i].id = name;
            var tagname = headings[i].nodeName;

            var tocli = null;
            var anchorlink = document.createElement('a');
            anchorlink.setAttribute('href', '#'+name);
            anchorlink.innerText= headings[i].innerText;


            if ('h3' === tagname ) {
                    tocli = document.createElement('li');
                    subul = document.createElement('ul');
                    subli = document.createElement('li');
                    subli.innerText = "h";
                    subul.appendChild(subli)
                    tocul.appendChild(subul);
                    
               
            }
            else {
               tocli = document.createElement('li');
            }


          
           
            tocli.appendChild(anchorlink);
            tocul.appendChild(tocli);



        }

        toc.appendChild(tocul);

    </script>
</body>
</html>

Laravel Tutorial Step By Step With Organize Way

Tools Needed :

Xampp Download Link
Composer Download Link
npm
Any Code Editor I Am Using Visual Studio Download Link

Installing Laravel :

Go to Any Directory In Your Pc And Create A Folder With Your Project Name Open Folder In Visual Studio And Run Below Code In Visual Studio Code Terminal .

composer create-project laravel/laravel Example

Php Artisan Command Laravel

Name Of Command	                                        : Work Of Command
php artisan make:controller UserController              : Make A Controller File In App\Http\Controllers/UserController.php
// Resource Controller
php artisan make:controller UserController –resource	: Make Controller With Create,Update,delete And Edit Methde

php artisan make:model Photo	                        : Make A Model File In App/Http/Model/Photo.php
php artisan make:migration photo	                    : make A Migration File In database/migration/migration file
php artisan make:seeder Bookseeder	                    : Make A Seeder File Database/Seeders Folder
php artisan make:middleware checkage	                : make A Middlewire File In App/Http/Middleware Folder
php artisan optimize	                                : Clear cache And Optimize Laravel File

Laravel Ui :Install Bootstrap

Let’s run bellow command to install laravel ui package by bellow command:

composer require laravel/ui

Next, you have to install the laravel UI package command for creating auth scaffolding using bootstrap 5. so let’s run the bellow command:

php artisan ui bootstrap

Now let’s run bellow command for install npm:

npm install && npm run dev

Laravel ui bootstrap Linking With View Using Vite

Laravel 9 use vite For Linking Bootstrap File Link Any View With Below Code

    @vite(['resources/sass/app.scss', 'resources/js/app.js'])

Connecting your Laravel project to MySQL database

Step1: Create a new database via phpmyadmin

Navigate to domain name.dev/ PHPMyAdmin, Click on the Databases tab and create a new database with your wanted name. Clicking on create will create a new database in your XAMPP MySQL.

Step2: Changes in.env configuration file

Once the database is created, you need to tell your laravel project the details about the database. Open .env file And Change Below Property With Your database Information .

DB_CONNECTION=mysql
DB_HOST=190.0.0.1
DB_PORT=4008
DB_DATABASE=testProject
DB_USERNAME=root
DB_PASSWORD=

Laravel Migration :

Create table Using Migration Command:

Create A table names posts : Open terminal And Run Below Code

php artisan make:migration create_post_table

After run above command, you can see created new file In Database/Migrations/2022_09_15_111008_create_post_table.php .

Open The File You See Like This

<?php

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create('post', function (Blueprint $table) {
            $table->id();
            $table->timestamps();
            
        });
    }

    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::dropIfExists('post');
    }
};

you have to add new column for string, integer, timestamp and text data type as like bellow:

Add Column name title,body and is_publish

<?php

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create('post', function (Blueprint $table) {
            $table->id();
            $table->timestamps();
            $table->string('title');
            $table->text('body');
            $table->boolean('is_publish')->default(0);
            

        });
    }

    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::dropIfExists('post');
    }
};

What Is Migration Up And Down Function

Laravel Give Us Two Type Of Migration Process 1. Migrate And Role back . When Our Migration Turn into Next Then Work the Up Function . If We need To Go Preview Step Need Role back

    public function up()
    {
        Schema::create('flights', function (Blueprint $table) {
            $table->id();
            $table->string('name');
            $table->string('airline');
            $table->timestamps();
        });
    }

When We Run Migration migrate . Run up function If We See Above Code Inside Up Method Some Instruction When We Migrate Migration Command Create A Table Like Above Instruction .

  public function down()
    {
        Schema::drop('flights');
    }

When We Run Migration Role back . Run down function

Migrate Database

Run Migrate Command In Terminal Or Cmd

php artisan migrate

Laravel Migration Default Value For Column

After Creating migration File column Structure Like Below

$table->text('body')->default('NO BODY');

Laravel Migration Default Value Null:

$table->string('title')->nullable();

Laravel Migration Default Value Boolean:

$table->boolean('displayed')->default(0);

Laravel Migration Default Value Current Date:

$table->timestamp('created_at')->default(DB::raw('CURRENT_TIMESTAMP'));

Laravel Migration Column Length :

$table->string('title', 50);

Laravel Migration Drop Column From Database Table

    public function up()
    {
        Schema::table('posts', function (Blueprint $table) {
            $table->dropColumn('body');
        });
    }

Laravel Database : Raw Query

For Best Support Follow Laravel Official Website link : Basic Database Usage

Laravel Raw Query : Insert Statement

Open Web.php : Include DB Class And Set Route

<?php

use Illuminate\Support\Facades\Route;
use Illuminate\Support\Facades\DB;
Route::get('/', function () {
     DB::insert('insert into table_post (title, body) values(?,?)',['Olee','Ahmmed  ashik']);
});
?>

Write Above Code In Web.php . After Run php artisan optimize Command Reload Route Page In browser one Record Will be Insert in database .

Laravel Raw Query : Select Statement

<?php

use Illuminate\Support\Facades\Route;
use Illuminate\Support\Facades\DB;
Route::get('/', function () {
    $data =  DB::select('select title,body from table_post where title = ? ',['olee']);
    return $data;
});
?>

Laravel Raw Query : Update Statement

<?php

use Illuminate\Support\Facades\Route;
use Illuminate\Support\Facades\DB;
Route::get('/', function () {
   $data = DB::update('update table_post set title = "good boy" where id = ?',[1]);
   return  $data ;
});
?>

Laravel Raw Query : Delete Statement

<?php

use Illuminate\Support\Facades\Route;
use Illuminate\Support\Facades\DB;
Route::get('/', function () {
   $data = DB::delete('delete from table_post where title = ?',['good boy']);
   return  $data ;
});

?>

Movie Link Bangla Dubbed

Link

LIK

লারাভেল প্রজেক্ট নিয়ে যেভাবে কাজ করবো

লারাভেল ইনস্টল এবং প্রজেক্ট সেটআপ

প্রথমে লারাভেল এর প্রজেক্ট তৈরী করতে হবে কম্পোজার দিয়ে । 
composer create-project laravel/laravel example-app

ডাটাবেসের সাথে প্রজেক্ট ফাইল  কানেক্ট করা। প্রজেক্ট এর .env ফাইল ওপেন করে ডাটাবেসের ইনফরমেশন গুলো দিতে হবে 
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=database_name
DB_USERNAME=database_user_name
DB_PASSWORD=database_password

কমান্ড প্রম্প এ  নিচের কোড রান  করতে হবে 
php artisan migrate

লগইন রেজিস্ট্রেশন করার জন্য লারাভেল Auth সেটআপ করা কম্পোজার এ নিচের কোড রান করি

লগইন রেজিস্ট্রেশন করার জন্য লারাভেল Auth সেটআপ করা কম্পোজার এ নিচের কোড রান করি

composer require laravel/ui
php artisan ui bootstrap
php artisan ui bootstrap --auth
npm install
npm run dev
php artisan migrate

যেকোনো টেম্প্লেটকে লারাভেল এ কাজ করা।
html css টেম্পলেট গুলো লারাভেল এর resources/views/ ফোল্ডার এ রাখা হয়।

প্রথমে html টেম্পলেট resources/views/ ফোল্ডার এ রাখি 
এইচটিএমএল ফাইল গুলোকে blade ফাইল এ কনভার্ট করি  index.html  ফাইল সহ  অন্য ফাইল গুলোকে  index.blade.php  এই ভাবে বানাও 
index ফাইলকে url এর মাদ্ধমে শো করার জন্য routes/web.php তে route তৈরী করি। 

Route::get('/sycorax',function(){
    return view('sycorax.index');
});
জাভাস্ক্রিপ্ট ও সিএসএস ফাইলকে লিংক করি 
প্রথমে css ও js ফাইলকে public ফোল্ডার এ মুভ করি assets বা অন্য যেকোনো নামে ফোল্ডারে রাখ .
 <!-- Styles -->
<link rel="stylesheet" href="{{ URL::asset('assets/css/bootstrap.min.css') }}" />
  <!-- Scripts -->
     <!-- Scripts -->
<script src="{{ asset('public/assets/js/jquery.min.js') }}" ></script>
<script src="{{ asset('public/assets/js/bootstrap.min.js') }}"></script>

লারাভেল ৮ এ কমপ্লিট crud সিস্টেম ডেভেলপ করা

লারাভেল যেহেতু একটি mvc ফ্রেমওয়ার্ক তাই আমরা mvc প্যাটার্ন ফলো করবো। আমাদের এজন্য লাগবে
একটি model ,একটি controller ,একটি route ,একটি view ,একটি migration বা ডাটাবেস ফাইল .ডেমো হিসাবে item নাম এ একটি crud বানাবো

//কম্পোজার এ নিচের কোড রান করি 
php artisan make:model Items -mcr

database এ যে কলাম গুলো লাগবে সেগুলো মাইগ্রেশন ফাইল এ অ্যাড করি

<?php

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

class CreateItemsTable extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create('items', function (Blueprint $table) {
            $table->id();
            $table->string('code');
            $table->string('description');
            $table->timestamps();
        });
    }

    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::dropIfExists('items');
    }
}

php artisan migrate এই কমান্ড comandprump এ এন্টার করে ডাটাবেস এ কলাম গুলো তৈরী করি।

ডাটাবেস এ মাইগ্রেশন জাতীয় সব ডিটেলস পাওয়া যাবে এই লিংকে।

Model মডেল নিয়ে কাজ করা।
ইনসার্ট, আপডেট , ডিলিট কিভাবে কাজ করবে তা আমরা মডেল ফাইল এ বলে দেব (Items.php)



<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;

class Items extends Model
{
    use HasFactory;
    protected $table = 'items'; //কোন টেবিল এ কাজ করবে তা বলে দেয়া। 
    protected $fillable = ['code','description','quantity']; // ইনসার্ট, আপডেট , ডিলিট  কোন কলামে হবে তা বলে দেয়া  
}

ইনসার্ট,আপডেট ,ফাইন্ড , ডিলেট কন্ট্রোলার দ্বারা কাজ করা

প্রথমে ভিউ বানাবো

 প্রথমে আমাদের তিনটি বাটন থাকবে ১.ডিলিট ২.সেভ ৩.ফাইন্ড

ফাইন্ড এবং সেভ বাটনে ক্লিক করলে route থেকে কন্ট্রোলার ঘুরে যখন ভিউতে আসবে তখন ফর্ম এর ওপেনিং এরিয়া পরিবর্তন হবে

<!-- ফাইন্ড এবং add বাটনে ক্লিক করলে route থেকে কন্ট্রোলার ঘুরে যখন ভিউতে আসবে তখন ফর্ম এর ওপেনিং এরিয়া পরিবর্তন হবে -->

@if(@isset($find) && $find == 'find')   <form action="{{route('items.find')}}" method="post" id="myform" > @csrf @endif

@if(@isset($find) && $find == 'add') <form action="{{route('items.store')}}" method="post" id="myform"  > @csrf @endif

@if(@isset($find  ) && $find == 'edit') <form action="{{route('items.update',$output[0]->id )}}" method="post" id="myform" > @csrf @method('PUT') @endisset

ফর্ম এরিয়া

<div class="card">
    <div class="card-body">
  
        <table class="table table-bordered itemrow" id='rowtable'>
            <thead>
                
                    <th>#</th>
                    <th>Code</th>
                    <th>Description</th>
                    <th>Quantity</th>
                  
              
            </thead>
            <tbody>
                <tr>
                    <td ><i class="fa fa-plus" id='addRowButton'></i> <i class="fa fa-minus ibtnDel"></i></td>
                    <td><input type="text" class="form-control " type="text" name='code[]' value="@isset($output[0]){{$output[0]->code }} @endisset"></td>
                    <td><input type="text" class="form-control" type="text" name="description[]" value="@isset($output[0]){{$output[0]->description }} @endisset"></td>
                    <td><input type="text" class="form-control" type="text" name="quantity[]" value="@isset($output[0]){{$output[0]->quantity }} @endisset"></td>
                 
                </tr>

            </tbody>
        </table>
    </div>
</div>
<div class="text-center">

      @if(@isset($find  ) && $find == 'add') <button class="btn btn-primary btn-2" >ADD</button>   @endisset
      @if(@isset($find  ) && $find == 'find') <button class="btn btn-primary btn-2" >Find</button>   @endisset
      @if(@isset($find  ) && $find == 'OK') <button class="btn btn-primary btn-2" >OK</button>   @endisset
      @if(@isset($find  ) && $find == 'edit') <button class="btn btn-primary btn-2" >Edit</button>   @endisset
      <br>
       
</div>
</form>

অ্যাড ফাইন্ড এডিট ডিলিট নোটিফিকেশ শো করার জন্য ফর্ম এর পরে

@include('sycorax.layout.message')
@include('sycorax.layout.modal')

ফুটার সেকশন

      <!-- Scripts -->
<script src="{{ asset('assets/js/jquery.min.js') }}" ></script>


<script src="{{ asset('assets/js/bootstrap.min.js') }}"></script> 
  <script>

//  Click Plus Icon Add Row As Last Item
 
$(document).on('click', '#addRowButton', function() {
    var table = $('#rowtable'),
        lastRow = table.find('tbody tr:first '),
        rowClone = lastRow.clone();
    table.find('tbody').append(rowClone).val("");
    
});

// delete button click remove row 
$("#rowtable").on("click", ".ibtnDel", function (event) {
        $(this).closest("tr").remove();       
        counter -= 1
    });


/*checkbox hidden field 
 */

$('input[type="checkbox"]').on('change', function(e){
    if($(this).prop('checked'))
    {
        $(this).next($('input[type=hidden]')).removeAttr('name');
        
    } else {
        $(this).next($('input[type=hidden]')).value('1');
    }
});


    $('input[type=checkbox]:checked').each(function(index){
        $(this).next($('input[type=hidden]')).removeAttr('name');
});
   

   /* 
  For Modal Open
 */
$("#myModal").modal('show');

// Click Delete Anchor Button To Submit Delete Form
function myFunction() {
                document.getElementById("myform").submit();
            }
  </script>
</body>
</html>

বাটন দুইটির route তৈরি করি যেটা আমাদের কন্ট্রোলার এর show মেথড কল হবে।

Route::get('items/{btn}', [ItemsController::class, 'show'])->name('items.fbtn');

কন্ট্রোলার এর show মেথড হবে এরকম

public function show($id)
    {
return view('items.index',['find'=> $id]);
        
    }

Full View

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
     <!-- Styles -->
<link rel="stylesheet" href="{{ URL::asset('assets/css/bootstrap.min.css') }}" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>
<body>
<!-- প্রথম এরিয়া শুরু  -->
    <!-- ডিলিট বাটন এরিয়া  -->
    <div class="col-md-1">
        <!-- নরমাল ভাবে ক্লিক করা যাবেনা এমন ডিলিট বাটন শো করবে  -->
        @if(!@isset($deletebtn))<span class=" fa fa-trash text-dark "></span> @endif  
        <!-- যদি ফাইন্ড বাটন ক্লিক করে শো বা এডিট ফর্ম পেজ হয়  -->
        @if(@isset($deletebtn)) 
            <form action="{{ route('items.destroy',$output[0]->id) }}" method="POST" id="myform"> @csrf @method('DELETE')
                <a href="#" onclick="myFunction()"><span class=" fa fa-trash text-dark "></span></a>
            </form>
        @endif   
    </div>
<!-- ফাইন্ড বাটন এরিয়া  -->
    <div class="col-md-1"> <a href="{{route('items.fbtn',['btn' => 'find'])}}" class="" ><span class=" fa fa-binoculars text-dark "></span></a>  </div>
    <!-- সেভ বাটন এরিয়া  -->
    <div class="col-md-1"> <a href="{{route('items.fbtn',['btn' => 'add'])}}" class="" ><span class=" fa fa-save text-dark  "></span></a> </div>
    <div class="col-md-9">
  



    </div>
    <div class="clearfix"></div> 
<!-- প্রথম এরিয়া শেষ  -->

<!-- ফাইন্ড এবং add বাটনে ক্লিক করলে route থেকে কন্ট্রোলার ঘুরে যখন ভিউতে আসবে তখন ফর্ম এর ওপেনিং এরিয়া পরিবর্তন হবে -->

@if(@isset($find) && $find == 'find')   <form action="{{route('items.find')}}" method="post" id="myform" > @csrf @endif

@if(@isset($find) && $find == 'add') <form action="{{route('items.store')}}" method="post" id="myform"  > @csrf @endif

@if(@isset($find  ) && $find == 'edit') <form action="{{route('items.update',$output[0]->id )}}" method="post" id="myform" > @csrf @method('PUT') @endisset

<div class="card">
    <div class="card-body">
  
        <table class="table table-bordered itemrow" id='rowtable'>
            <thead>
                
                    <th>#</th>
                    <th>Code</th>
                    <th>Description</th>
                    <th>Quantity</th>
                  
              
            </thead>
            <tbody>
                <tr>
                    <td ><i class="fa fa-plus" id='addRowButton'></i> <i class="fa fa-minus ibtnDel"></i></td>
                    <td><input type="text" class="form-control " type="text" name='code[]' value="@isset($output[0]){{$output[0]->code }} @endisset"></td>
                    <td><input type="text" class="form-control" type="text" name="description[]" value="@isset($output[0]){{$output[0]->description }} @endisset"></td>
                    <td><input type="text" class="form-control" type="text" name="quantity[]" value="@isset($output[0]){{$output[0]->quantity }} @endisset"></td>
                 
                </tr>

            </tbody>
        </table>
    </div>
</div>
<div class="text-center">

      @if(@isset($find  ) && $find == 'add') <button class="btn btn-primary btn-2" >ADD</button>   @endisset
      @if(@isset($find  ) && $find == 'find') <button class="btn btn-primary btn-2" >Find</button>   @endisset
      @if(@isset($find  ) && $find == 'OK') <button class="btn btn-primary btn-2" >OK</button>   @endisset
      @if(@isset($find  ) && $find == 'edit') <button class="btn btn-primary btn-2" >Edit</button>   @endisset
      <br>
       
</div>
</form>


@include('sycorax.layout.message')
@include('sycorax.layout.modal')

       <!-- Scripts -->
<script src="{{ asset('assets/js/jquery.min.js') }}" ></script>


<script src="{{ asset('assets/js/bootstrap.min.js') }}"></script> 
  <script>

//  Click Plus Icon Add Row As Last Item
 
$(document).on('click', '#addRowButton', function() {
    var table = $('#rowtable'),
        lastRow = table.find('tbody tr:first '),
        rowClone = lastRow.clone();
    table.find('tbody').append(rowClone).val("");
    
});

// delete button click remove row 
$("#rowtable").on("click", ".ibtnDel", function (event) {
        $(this).closest("tr").remove();       
        counter -= 1
    });


/*checkbox hidden field 
 */

$('input[type="checkbox"]').on('change', function(e){
    if($(this).prop('checked'))
    {
        $(this).next($('input[type=hidden]')).removeAttr('name');
        
    } else {
        $(this).next($('input[type=hidden]')).value('1');
    }
});


    $('input[type=checkbox]:checked').each(function(index){
        $(this).next($('input[type=hidden]')).removeAttr('name');
});
   

   /* 
  For Modal Open
 */
$("#myModal").modal('show');

// Click Delete Anchor Button To Submit Delete Form
function myFunction() {
                document.getElementById("myform").submit();
            }
  </script>
</body>
</html>

ফাইন্ড এবং add বাটন ক্লিক করলে ভিউতে ফরম মেথড ও বাটন এর টেক্সট পরিবর্তন হবে

// ফাইন্ড ও add বাটনে ক্লিক করলে route এর মাধ্যমে 
@if(@isset($find) && $find == 'find')   <form action="{{route('items.find')}}" method="post" id="myform" > @csrf @endif

@if(@isset($find) && $find == 'add') <form action="{{route('items.store')}}" method="post" id="myform"  > @csrf @endif

@if (@isset($moreoutput) && count($moreoutput) >0)
<div id="myModal" class="modal fade" >
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">SEARCH RESULT</h5>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
            @isset($moreoutput)
            <table class="table table-bordered">
                <thead class="">
                    <tr>
                        <th>Entry No</th>
                        <th>Item Code</th>
                        <th>Item Description</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($moreoutput as $moreoutput)
                    <tr>
                    <td><a class="" href="{{ route('items.edit',$moreoutput->id) }}">{{$moreoutput->id}}</a></td>
                        <td>{{ $moreoutput->code }}</td>
                        <td>{{ $moreoutput->description }}</td>
                    </tr>
                    
                    @endforeach
                  
                </tbody>
         
            </table>
             
                @endisset
        </div>
    </div>
</div>
@endif

Message.blade.php

<!-- For Flash Meaasge -->
<div id="message">

@if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif


      <div style="padding: 5px;">
          @if ($message = Session::get('success'))
          <div class="alert alert-success alert-block sticky-top alert alert-dismissible ">
              <button type="button" class="close" data-dismiss="alert">×</button> 
                  <strong>{{ $message }}</strong>
          </div>
          @endif
           
           
          @if ($message = Session::get('error'))
          <div class="alert alert-danger alert-block sticky-top alert alert-dismissible">
              <button type="button" class="close" data-dismiss="alert">×</button> 
                  <strong>{{ $message }}</strong>
          </div>
          @endif
           
           
          @if ($message = Session::get('warning'))
          <div class="alert alert-warning alert-block sticky-top alert alert-dismissible">
              <button type="button" class="close" data-dismiss="alert">×</button> 
              <strong>{{ $message }}</strong>
          </div>
          @endif
           
           
          @if ($message = Session::get('info'))
          <div class="alert alert-info alert-block sticky-top alert alert-dismissible">
              <button type="button" class="close" data-dismiss="alert">×</button> 
              <strong>{{ $message }}</strong>
          </div>
          @endif
           
           
          @if ($errors->any())
          <div class="alert alert-danger sticky-top alert alert-dismissible">
              <button type="button" class="close" data-dismiss="alert">×</button> 
              Please check the form below for errors
          </div>
          @endif
      </div>
  </div>
 
 
<!-- For Flash Meaasge End -->

ফাইন্ড বাটনে ক্লিক করলে ফর্ম এর মেথড পরিবর্তন হবে এবং সাবমিট বাটনের টেক্সট হবে ফাইন্ড এখন আমরা যদি ফর্ম এ কিছু ফিলাপ করে সাবমিট বাটন ফাইন্ড লিখা অবস্থায় ক্লিক করি তাহলে ফর্ম টি আইটেমস।ফাইন্ড নামের route এ যাবে যা items কন্ট্রোলার এর searchমেথড কল হবে

Route::group(['middleware' => ['web']], function () {
    Route::resources([
        'items' => ItemsController::class
      
    ]);
    Route::get('items/{btn}', [ItemsController::class, 'show'])->name('items.fbtn');

    Route::post('items/find', [ItemsController::class, 'search'])->name('items.find');
});

ITEMSCONTROLLER.php

<?php

namespace App\Http\Controllers;

use App\Models\Items;
use Illuminate\Http\Request;

class ItemsController extends Controller
{
    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function index()
    {
        $data = Items::all();
        $route= 'store';
        return view('sycorax.items')->with([ 'route'=> $route,'find'=> 'add','data' =>  $data]);
    }


    /**
     * Show the form for creating a new resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function create()
    {
        // return view ('create');
    }

    /**
     * Store a newly created resource in storage.
     *
     * @param  \Illuminate\Http\Request  $request
     * @return \Illuminate\Http\Response
     */
    public function store(Request $request)
    {
        
        $items = new Items;
        $validatedData =  $request->validate(
            // ভ্যালিডেটের শর্ত ও ফিল্টার 
            [
                'quantity.*' => 'required|numeric|min:1',
                'code.*' => 'required'
        
        ],

        [ // ভ্যালিডেটের মেসেজ 
            'quantity.required' => '<i class="fa fa-exclamation-triangle"></i>',
            'code.required' => "Item Is Required"
         ]


        );
// টোকেন ছাড়া ফর্ম দ্বারা সাবমিট করা সব ডাটা ভ্যারিয়েবল এ জমা করলাম 
$data = $request->except(['_token']);
$a = count($data['quantity']); // 
$row = array(); // ফাঁকা একটি এরে নিলাম যার মধ্যে ফর্ম থেকে আসা ডাটা  নিজেরমত করে সাজাবো 

/* প্রথমে আমরা ফর্ম হতে ডাটা পাবো  মাল্টিডিমেনশন এরে আকারে যেখানে প্রত্যেকটা ইনপুট একটা এরে হিসাবে ডাটা প্রদান করবে
 Array ( [code] => Array ( [0] => 23 ) [description] => Array ( [0] => 23 ) [quantity] => Array ( [0] => 34 ) ) 
 */

 

foreach( $data  as $key => $value){
    if (is_array($value)) {
        for ($i=0; $i <count($value); $i++) { 
            $row[$key][] = $value[$i];
    
        }
        }

    else{
       
        $items->$key =  $value;
    }

}


for ($i=0; $i < count($row['quantity']) ; $i++) { 
    foreach($row as $key => $value){
        $items->$key = $row[$key ][$i];
    }
    
  }

  try {

    $items->save();
 
    return redirect()->route('items.index')->with('success', 'SAve SuccessFull [Message 200-48]');
 
 } catch (\Exception $e) {
 
   return redirect()->route('items.index')->with('error', 'ISome Error Have ');

 }


    }


public function find(Request $request){

}


public function search(Request $request){
  
      
try {
    $output = array();
    $data = $request->except(['_token']);
 
    foreach( $data  as $key => $value){
        if (is_array($value)) {
            
            for ($i=0; $i <count($value); $i++) { 
                if(!empty($value[$i]) ) {

                    $output= Items::where($key, 'like', '%'.$value[$i].'%')->get() ;
                   
             
            }}
        }

        elseif(!is_array($value)){
            if (!empty($value)) {
                $output = Items::where($key, 'like', '%'.$value.'%')->get() ;

            }
        }
    }

    if (count($output) == 1) {
        
        return view('sycorax.items',['output' => $output,'find'=> 'edit','deletebtn' =>'delete' ]);
    } elseif(count($output) == 0) {
        return view('sycorax.items',['output' => $output]);
    }
    elseif(count($output)>1) {
        return view('sycorax.items',['moreoutput' => $output]);
    }
} catch (\Exception $e) {
    return redirect()->route('items.index')->with('error', 'ISome Error Have ');
}

}
    /**
     * Display the specified resource.
     *
     * @param  \App\Models\Items  $items
     * @return \Illuminate\Http\Response
     */
    public function show($id)
    {
        $link = Items::where('id',$id)->first();
        return view('sycorax.items',['find'=> $id,'link' => $link]);
    }

    
    /**
     * Show the form for editing the specified resource.
     *
     * @param  \App\Models\Items  $items
     * @return \Illuminate\Http\Response
     */
    public function edit(Items $items)
    {
        //
    }

    /**
     * Update the specified resource in storage.
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  \App\Models\Items  $items
     * @return \Illuminate\Http\Response
     */
    public function update(Request $request, $id)
    {
        $items = Items::find($id);

        $data = $request->except(['_token','_method']);
        $a = count($data['quantity']); // 
        $row = array();


        foreach( $data  as $key => $value){
            if (is_array($value)) {
                for ($i=0; $i <count($value); $i++) { 
                    $row[$key][] = $value[$i];
            
                }
                }
        
            else{
               
                $items->$key =  $value;
            }
        
        }
        
        
        for ($i=0; $i < count($row['quantity']) ; $i++) 
        { 
            foreach($row as $key => $value){
                $items->$key = $row[$key ][$i];
            }
            
          }

          $items->save();

       return route('items.index')->with('success','Update Successfull');
    }

    /**
     * Remove the specified resource from storage.
     *
     * @param  \App\Models\Items  $items
     * @return \Illuminate\Http\Response
     */
    public function destroy($id)
    {
        Items::where('id', $id)->delete();
        return redirect()->route('items.index')
        ->with('success','Post deleted successfully');
    }
}

বাংলা মজার কমেন্ট যা স্যোশাল মিডিয়ায় ব্যবহার করা যাবে

সোদানীর পোয়া

এক লোক সুদান গেলো,সেখানে গিয়ে বিয়ে করে সে সুদানী হয়ে গেল।
তারপর সেখানে তার একটা ছেলে হলো,তখন ওই ছেলেকে সবাই সোদানীর পোয়া বলে ডাকতে লাগলো।
আর সেই সোদানীর পোয়াটাই হলো এই নিউজ করা সাংবাদিক। 🤨

সবাই ধীরে সুস্থে গালাগালি করুন

সবাই ধীরে সুস্থে গালাগালি করুন। ধাক্কা ধাক্কি করবেন না। সামাজিক দূরত্ব বজায় রেখে গালা-গালি করুন। উত্তেজিত হয়ে গালা-গালি করতে গিয়ে বানান ভুল করবেন না। আমরা কমেন্ট করতে আসি না, শুধুমাত্র পড়তে আসি। তাই এমন ভাবে গালা-গালি করুন, যাতে আমাদের পড়তে অসুবিধা না হয়।😒😒
#অনুরোধেঃ বাংলাদেশ কমেন্টস রিডার এসোসিয়েশন।😐😐

অধিকাংশ গালিই ভুলে যেতে বসেছি

ছোট্ট বেলায় কত কষ্ট করে মাতৃভাষার সব ধরনের গালি শিখছিলাম।
কিন্তু চর্চা করার অভাবে অধিকাংশ গালিই ভুলে যেতে বসেছি।
কিন্তু মাঝে মাঝে এমন পোষ্ট দেখলে মন চায় গালি গুলা পুনরায় চর্চা করি।
কিন্তু দুঃখজনক হলেও সত্যি কিছু বন্ধুদের স্কিনশটের ভয়ে তা করা হয় না।
আমাদের ঐতিহ্যবাহী গালি গুলা আজ বিলুপ্তির পথে...🙄....হতাশ 😞

বাথরুমে বসে বিচিতে ঠাণ্ডা পানি ঢালতাছি

পকেটের ভিতর হাত দিয়ে বিচি চুলকাতে চুলকাতে FB তে News Feed গুলো দেখতে ছিলাম🙂! হঠাৎ এই post আসার কারণে ফোন হ্যাং হয়ে উপরে নিচে যাচ্ছে না।
রাগের চোটে হুম বাটনে জোরে চাপলাম😋। ওমা দেখি বাটনের পরিবর্তে নিজের বিচিতে চাপ দিয়েছি ওওমাগো চিক্কুর দিয়ে নিচে বসে গেলাম। এখন বাথরুমে বসে বিচিতে ঠাণ্ডা পানি ঢালতাছি🤣🤣

বঙ্গবন্ধু নিয়মিত ধুমপান করতেন

বঙ্গবন্ধু নিয়মিত ধুমপান করতেন, যারা আজ অযৌক্তিকভাবে সিগারেটের দাম বাড়ানোর প্রস্তাব করে তারা বঙ্গবন্ধু বিরোধী অপশক্তি, এদের বাংলাদেশ ভালো না লাগলে পাকিস্তান চলে যাক।

কাজ না থাকলে বাল ছিড়েন

প্রিয় -ভাই
কাজ না থাকলে বাল ছিড়েন তাতে নিজের আগাছা পরিস্কার হবে।।
নিউজ না পেলে গাঞ্জা গাছ লাগান, বৃক্ষরোপনের সাথে পিনিকও হবে।।
কিছু করার না থাকলে পু *কির ভিতর আঙ্গুল দিয়া বসে থাকেন,তাতে বাথরুম ক্লিয়ার হবে।।
একদম কোন কিছু করার মত না পেলে পাবলিক বাসে ফেরি করে কনডম বিক্রি করুন,
তাতে দেশে আপনার মত ফাউল মার্কা কুজন্ম নিতে পারবেনা

এই পোস্ট দেখে
বিভিন্ন জেলায় ৬0 জনের মৃত্যু, ১শতাধিক মানুষ আহত অবস্থায় মেডিকেল এ ভর্তি!! কিছু মানুষ নিজেদের ঘরবাড়ি জায়গা জমি বিক্রি করে এমবি কিনে এই পোস্ট পড়ার ইচ্ছা পোষন করছে, এখনো কয়েকজন যুবক অজ্ঞান অবস্থায়  রাস্তায় শুয়ে আছে😑
হাজার খানেক মানুষ এখনো নিখোঁজ রয়ে গেছে, আর কিছু মানুষ সেচ্ছায় পাবনা চলে গেছে আপনাদের অত্যাচার সহ্য করতে না পেরে । ধন্যবাদ

বুঝবেন কিন্তু বুঝবেন না

লজিক্যাল ব্যাপারটা এমন না। ব্যাপারটা যেমন ব্যাপারটা তেমন। যদিও বলি বুঝবেন'না, বললেও বুঝবেন'না। তাই বলছিনা,বলার ইচ্ছা ছিল বাট বললে বুঝবেন কেমনে না বললেও ত বুঝবেন না তাই বলছি ব্যাপারটা এমন না। বুঝবেন কিন্তু বুঝবেন না, এভাবে বুঝালেও বুঝবেন না। তাই যেভাবেই বুঝাই না কেন মূল কথা হল আপনি বুঝবেন না। তাই আর বুঝাইলাম না।😁🤣😅😂

বাহ! অসাধারণ,,, আপনার জন্য থাকছে কেয়া কসমেটিকের সৌজন্যে একটি মহা মূল্যবান ইয়াবা মেশিন, পরিবেশ বান্ধব গাঞ্জার গাছ, আপনাকে জেকেজি চেয়ারম্যান সাবরিনা তরফ থেকে করোনা লাল গোলাপের শুভেচ্ছা আর বহুরূপী শাহেদের স্বাদর সম্ভাষণ 😂

আমার চাচা ১৯৮০ সালে মালয়েশিয়া যাওয়ার উদ্দেশ্যে থাইলেন্ডে যায় তারপর থেকে তিনি নিখোঁজ!! তিনি ওখানে যাওয়ার ৬ মাস পরে, একবার জাপানিজ ভাষায় একটা চিঠি দিয়েছিল। চিঠিতে লিখা ছিল সিং মাং খাং চাং চে‌ং চুং তার মানে আমি ফেরত না আসা পর্যন্ত সাংবাদিকদের (……?) বরাবর পাথর মারতে থাক তোরা!

সাংবাদিক

সাংবাদিকরা হচ্ছে শুক্রাণুর মতো লাখে একটা মানুষ হয়

সাংবাদিকের এক পা কুমিল্লা, আরেক পা কক্সবাজার বাইন্দা।
পাশ্ববর্তী দেশ নোয়াখালী থেকে দৌড়াইয়া আইসা বিচি বরাবর একটা কিক মারা উচিৎ⚡⚡

আমাদের দেশের সাংবাদিকরা যেভাবে নিউজ করে💣💣#শিরোনাম : নিউজ রিপোর্টারের বউকে পুকুরঘাটে একা পেয়ে ভরে দিল!🖕🖕#বিস্তারিত : এক সকালে নিউজ রিপোর্টারের বউ পুকুরঘাটে জলের কলসি নিয়ে গেল জল আনতে। কিন্তু অতিরিক্ত ওজনের কারণে জল ভরতে পারছিল না। একটি লোক সেটা দেখতে পেয়ে তার কলসি টি ভরে দিল।

করোনার ভ্যাক্সিন নিয়ে ফেসবুকে Pic আপলোড

i have a গভীর প্রশ্ন❓- করোনার ভ্যাক্সিন নিয়ে ফেসবুকে Pic আপলোড করলাম না, সেক্ষেত্রে ভ্যাক্সিন কি কাজ করবে 🤔

গোবর এক অদ্ভুদ জিনিস।

গোবর এক অদ্ভুদ জিনিস।
শুকিয়ে গেলে জ্বালানি, জমিতে গেলে জৈব সার, পানিতে গেলে মাছের খাদ্য! আর, মগজে গেলে হয়  তোমার মত পাগল।

লুঙ্গির মতোই দেখতে কিন্তু সেলাই নাই নাম তার গামছা,
নেতার মতই ভাবসাব কিন্তু পদবী নাই তার নাম চামচা।

সাংবাদিক এর ছোট্ট বাড়া

এই সাংবাদিক এর ছোট্ট বাড়া 
জিবনেও হয়না খাড়া 
একটু দিলে নাড়া, 
শুরু হয় পানি পড়া 💦
তবুও রিপন ছন্দে সেরা 😂

অল্প বয়সে পাকলে বাল 
দুঃখ থাকে চিরকাল  
বেলি ফুলের গন্ধে  
সাংবাদিককে
চু*** দিলাম ছন্দে


বাগানে পাওয়া যায় ফুল " দোকানে পাওয়া যায় কেচি" সেই কেচি দিয়ে কাটবো আমি এই সাংবাদিকের বিচি✂️ আম খাইলাম, জাম খাইলাম আরও খাইলাম লিচি🍓 যাদুঘরে যেন যত্ন করে রাখা হয় এই সাংবাদিক এর বিচি👉🏼🥚🥚

এতো সুন্দর ও মধুর মতো একটা 
নিউজ করার জন্য সাংবাদিকের
বিচির মধ্যে টুকা মারা হক..😌

কর্তার ইচ্ছায় কর্তির অনিচ্ছায়
হস্তের উপরে হস্ত রাখিয়া
জোর করিয়া বস্ত্র খুলিয়া
একটি নির্দিষ্ট বিন্দু কে
কেন্দ্র করিয়া
একটি দন্ড দ্বারা
সমান তালে ঘর্ষণের ফলে
যে বর্ষন হয়ে নিগৃত সৃষ্ট বস্তুটি আর কেও নয় আজকের এই সাংবাদিক🙂

প্রিয় সাংবাদিক ভাই-
★কাজ না থাকলে বাল ছিড়েন তাতে নিজের আগাছা পরিস্কার হবে।।
★নিউজ না পেলে গাঞ্জা গাছ লাগান, বৃক্ষরোপনের সাথে পিনিকও হবে।।
★কিছু করার না থাকলে পু *কির ভিতর আঙ্গুল দিয়া বসে থাকেন,তাতে বাথরুম ক্লিয়ার হবে।।
★একদম কোন কিছু করার মত না পেলে পাবলিক বাসে ফেরি করে কনডম বিক্রি করুন,তাতে দেশে আপনার মত ফাউলমার্কা সাংবাদিকের জম্মরোধ হবে!!

প্রথমে আমি মনে করতাম সাংবাদিক হওয়া খুবই সহজ।
এখন দেখি না অনেক কঠিন কাজ।
প্রথমে আপনাকে একটি দোকানে যাইতে হবে,তারপর পাঁচ টাকা দিয়ে একটি ডারবি সিগারেট কিনতে হবে তারপর ওই সিগারেটের ভিতরে যতগুলো তামাক আছে সবগুলো একটু একটু করে বের করতে হবে।
এরপর ওই সিগারেট এর ভিতরে বিশেষ কিছু কিছু পাতা গুঁজে দিয়ে টানতে হবে,
তারপর মনে যা আসবে তাই রিপোর্ট করলে সাংবাদিক হওয়া যায়।

হিরু আলমের

ব্রাউজিং করতে করতে হিরু আলমের গান টা সামনে আসাতে
শুনে ফেলছি,,😂😂😂😂
গায়ের সবকটি পশম দাঁড়িয়ে গেলো,
রাতে জর ও আসতে পারে, 
কোমায় ও চলে যেতে পারি 
সবাই দোয়া করবেন 
গুড নাইট গায়েছ।

ভিডিও

কিছু কিছু ভিডিও দেখলে ইচ্ছে করে নিজের বিচিতে নিজেই টোকা দিয়ে চমকে উঠি। 😑😑😑

অনেকদিন যাবৎ শীতের সোদনে বিচিগুলা ভিত্তরে হান্দাই গেসিলো

ভিডিওটা দেখে আবার বিচিগুলা গর্তের ভেতর থেকে বের হয়ে গেসে😉😉

ধন্যবাদ মাননীয় পোস্টদাতা

প্রথমে ভুলে স্যাড রিয়্যাক্ট পড়ে গেছিলো, পরে হা হা রিয়্যাক্ট দিতে গিয়ে দেখি এমবি শেষ, মাথা পুরাই নষ্ট........ যে করেই হোক পোষ্টে হা হা দিতেই হবে।
ফ্লেক্সিলোড এর দোকানে গিয়ে দেখি দোকান বন্ধ, শেষমেষ দোকানের সার্টার ভেঙ্গে রিচার্জ করে পোষ্টে হা হা দিলাম।ততক্ষনে পুলিশ বিষয়টা জেনে গেছে.......এখন দোকানের খুটির সাথে বাধা আছি, বেদম পিটানি খাচ্ছি..........তারপরও মনের মধ্যে শান্তি শান্তি লাগতাছে, পোষ্টে আমি হা হা দিতে পেরেছি।

এসব পোস্ট দেওয়ার জন্য তোর এক বিচি উত্তর দিকে আর এক বিচি দক্ষিন দিকে রাইখা মাঝখানে সাবমেরিন ব্লাস্ট করামু। এর পর বুঝবি চোদন কাহাকে বলে।

চীনের একজন বিখ্যাত দার্শনিক বলেছিলেন "অং চুং চা চাং চুং ফা" 
অর্থাৎ-যে বাল তুমি ছিড়তে পারবেনা সেই বাল তুমি টানতে যেও না..!!

    লিংকে ঢোকানোর জন্য যতই কৌতুহলী ক্যাপশন দেও না কেন,

    লিংকে আমি ঢুকবো না।

    প্রয়োজনে কমেন্ট সেকশন থেকে বিস্তারিত জেনে নেব। তবুও লিংকে ঢুকবো না 🥴

🙋২৫ দিনের বাচ্চার ওজন ২৯ কেজি
👉বরিশালে অদ্ভুত এক বাচ্চার জন্ম হয়েছে। জন্মের সময় বাচ্চার ওজন ছিল ৯ কেজি। 😮
👉জন্মের ঠিক ৫ মিনিট পর বাচ্চাটি দাড়িয়ে যায়। এর পরের দিনই বাচ্চাটি দৌড়াতে শুরু করে। 🐸
২৫ দিন পর এর ওজন মেপে দেখা যায় ২৯ কেজি।
👉ঘটনাটি সত্য কারন বাচ্চাটি মহিষের বাচ্চা ছিল।😋🐸
🙋এই পোস্টটি মনোযোগ দিয়ে পড়ার জন্য ধন্যবাদ

COREUI REACT TEMPLATE COUSTOMIZATION

SideBar Menu Item Coustomize: Src/container/nav.js
Dashboard : SRC/View/Dashboard clear all content under return tag

বুটস্ট্র্যাপ দিয়ে কিভাবে ওয়েবপেজ ডিজাইন করবো :

প্রথমে বুটস্ট্র্যাপ দিয়ে প্রজেক্ট কনফিগার করার পর আমাদের যে কাজ করতে হবে :

Body : প্রথমে বডির জন্য কালার ও ফন্ট ঠিক করে নিতে হবে :

body{
    background-color: #fff !important;
    font-family: 'Hind Siliguri', sans-serif;
}

ন্যাভিগেশন :
খুব সুন্দর একটি ন্যাভিগেশন নেবো

<nav class="navbar fixed-top navbar-expand-lg navbar-light">
    <div class="container-fluid">
        <a class="navbar-brand" href="http://olee.com"><img class="nav-logo" src="http://olee.com/images/navlogo.svg"/></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarTogglerDemo02">
            <ul class="navbar-nav mr-auto mb-2 mb-lg-0">
                <li class="nav-item">
                    <a class="nav-link nav-font" href="http://olee.com">হোম</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link nav-font" href="http://olee.com/blog">ব্লগ</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link nav-font" href="http://olee.com/courses">কোর্স সমূহ</a>
                </li>
            </ul>

        </div>
    </div>
</nav>

.btn{
    border-radius: 0% !important;
}
.btn:focus{
    box-shadow: none;
}
.nav-logo{
    width:100px;
    height:40px;
}
.nav-font{
    font-size: 18px;
    color: #090910!important;
    font-weight: 400;
}
.nav-font:hover{
    color: #FE0A52!important;
}
.navbar{
    background-color: white !important;
    box-shadow: 0 0 4px 0 rgba(240, 240, 240,1);

}

স্মোথ স্ক্রল এর জন্য ন্যাভিগেশন এর পরের অংশকে পরেল্লেক্স ইফেক্ট এর মধ্যে রাখবো।

<style>
.parallax {
  /* The image used */
  background-image: url("img_parallax.jpg");

  /* Set a specific height */
  height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
</style>

<!-- Container element -->
<div class="parallax"></div>

Footer

.footer-section{
    position:relative;
    display:flex;
    flex-direction:column;
    min-width:0;
    word-wrap:break-word;
    background-color:#fff;
    background-clip:border-box;
    border:none;
    border-radius: 0% !important;
    box-shadow: 0 0 4px 0 rgba(240, 240, 240,1)
}
.footer-link {
    text-decoration: none;
    color:  #090910!important;
    font-size:16px;
    font-weight:400;
}
.footer-link:hover {
    text-decoration: none;
    color: #FE0A52!important;
}
/* Turn off parallax scrolling for all tablets and phones. Increase/decrease the pixels if needed */
@media only screen and (max-device-width: 1366px) {
  .parallax {
    background-attachment: scroll;
  }
}

নতুন একটি সেকশন তৈরী করা :

  <div class="container section-margin">
<div class="row ">
    <h6 class="title-text text-center"> ব্লগ পড়ুন <a href="" class="btn btn-sm normal-btn-outline">সবগুলি দেখুন </a></h6>
    <h6 class="des-text text-center mb-4 ">নতুন কিছু জানুন, ভালো লাগলে শেয়ার করুন </h6>
এখানে কনটেন্ট থাকবে 
 </div>
        </div>
.section-margin{
    margin-bottom: 50px;
    margin-top: 50px;
}
.des-text{
    color: #636363!important;
    font-size:14.5px;
    font-weight:300;
}
.title-text{
    color:  #FE0A52 !important;
    font-size:24px;
    font-weight:400;
}

Footer Copyright Area :

<div class="container-fluid custom-bg text-white m-0 text-center p-3">
    <p class="rights-text my-2 ">সর্বস্বত্ব রাব্বিল হাসান দ্বারা সংরক্ষিত; ২০১৯-২০২০ </p>
</div>
.custom-bg{
    background-color: #FE0A52!important;
}

Category: Uncategorized

Javascript Table Of Content Manually

Laravel Tutorial Step By Step With Organize Way

Tools Needed :

Installing Laravel :

Php Artisan Command Laravel

Laravel Ui :Install Bootstrap

Laravel ui bootstrap Linking With View Using Vite

Connecting your Laravel project to MySQL database

Laravel Migration :

Create table Using Migration Command:

Add Column name title,body and is_publish

What Is Migration Up And Down Function

Migrate Database

Laravel Migration Default Value For Column

Laravel Migration Default Value Null:

Laravel Migration Default Value Boolean:

Laravel Migration Default Value Current Date:

Laravel Migration Column Length :

Laravel Migration Drop Column From Database Table

Laravel Database : Raw Query

Laravel Raw Query : Insert Statement

Laravel Raw Query : Select Statement

Laravel Raw Query : Update Statement

Laravel Raw Query : Delete Statement

Movie Link Bangla Dubbed

লারাভেল প্রজেক্ট নিয়ে যেভাবে কাজ করবো

Full View

Message.blade.php

ITEMSCONTROLLER.php

বাংলা মজার কমেন্ট যা স্যোশাল মিডিয়ায় ব্যবহার করা যাবে

COREUI REACT TEMPLATE COUSTOMIZATION

বুটস্ট্র্যাপ দিয়ে কিভাবে ওয়েবপেজ ডিজাইন করবো :

Body : প্রথমে বডির জন্য কালার ও ফন্ট ঠিক করে নিতে হবে :

ন্যাভিগেশন :
খুব সুন্দর একটি ন্যাভিগেশন নেবো

স্মোথ স্ক্রল এর জন্য ন্যাভিগেশন এর পরের অংশকে পরেল্লেক্স ইফেক্ট এর মধ্যে রাখবো।

Material Design Input link

Web Template & BoilerPlate

Curreculam Vitae And Biodata

Test Project Of Gsm Ashik

Share this:

Tools Needed :

Installing Laravel :

Php Artisan Command Laravel

Laravel Ui :Install Bootstrap

Laravel ui bootstrap Linking With View Using Vite

Connecting your Laravel project to MySQL database

Laravel Migration :

Create table Using Migration Command:

Add Column name title,body and is_publish

What Is Migration Up And Down Function

Migrate Database

Laravel Migration Default Value For Column

Laravel Migration Default Value Null:

Laravel Migration Default Value Boolean:

Laravel Migration Default Value Current Date:

Laravel Migration Column Length :

Laravel Migration Drop Column From Database Table

Laravel Database : Raw Query

Laravel Raw Query : Insert Statement

Laravel Raw Query : Select Statement

Laravel Raw Query : Update Statement

Laravel Raw Query : Delete Statement

Share this:

Share this:

Full View

MODAL.BLADE.PHP

Message.blade.php

ITEMSCONTROLLER.php

Share this:

Share this:

Share this:

Body : প্রথমে বডির জন্য কালার ও ফন্ট ঠিক করে নিতে হবে :

ন্যাভিগেশন :খুব সুন্দর একটি ন্যাভিগেশন নেবো

স্মোথ স্ক্রল এর জন্য ন্যাভিগেশন এর পরের অংশকে পরেল্লেক্স ইফেক্ট এর মধ্যে রাখবো।

Material Design Input link

Share this:

Share this:

Share this:

Share this:

ন্যাভিগেশন :
খুব সুন্দর একটি ন্যাভিগেশন নেবো