Posts

Showing posts from July, 2025

গিটহাব দিয়ে ‍স্টাটিক ওয়েবসাইট হোস্ট করা (publish a static website using github)

  https://github.com/ গিটহাব (GitHub) কি? GitHub হলো একটি ওয়েব-ভিত্তিক প্ল্যাটফর্ম যেখানে আপনি আপনার কোড, প্রজেক্ট ও সফটওয়্যার ডেভেলপমেন্ট সম্পর্কিত কাজ সংরক্ষণ, শেয়ার ও সহযোগিতার মাধ্যমে ডেভেলপ করতে পারেন। এটি Git ভার্সন কন্ট্রোল সিস্টেমের উপর ভিত্তি করে তৈরি, যার মাধ্যমে আপনি আপনার কোডের বিভিন্ন ভার্সন ট্র্যাক করতে পারেন। Similar Platform of GitHub: GitLab, Bitbucket, ScourceForge, Gitea, AWS CodeCommit গিটহাব কিভাবে কাজ করে? GitHub মূলত নিচের অংশগুলো নিয়ে কাজ করে: রিপোজিটরি (Repository) : এটি একটি প্রজেক্টের কোড ও সংশ্লিষ্ট ফাইল সংরক্ষণের জায়গা। কমিট (Commit) : কোডে কোনো পরিবর্তন করলে সেটা সংরক্ষণের জন্য একটি কমেন্টসহ সাবমিট করা হয়। ব্রাঞ্চ (Branch) : মূল কোডে পরিবর্তন আনার আগে পরীক্ষা করার জন্য আলাদা শাখা তৈরি করা হয়। পুল রিকোয়েস্ট (Pull Request) : কোড পরিবর্তনের প্রস্তাব দিয়ে অন্যদের রিভিউয়ের জন্য পাঠানো হয়। কলাবোরেশন : একাধিক ডেভেলপার একসাথে একটি প্রজেক্টে কাজ করতে পারেন। গিটহাব দিয়ে ওয়েবসাইট হোস্ট করা যায় কিভাবে? GitHub-এ আপনি GitHub Pages ব্যবহার করে একদম ফ্রি তে একটি ...

CSS grid, flex

What is Flexbox ? Flexbox (Flexible Box Layout) is a one-dimensional layout system used for laying out items in a row or column . 🔹 Key Features: Direction: Either row (horizontal) or column (vertical). Content flows in one direction at a time. Best for aligning items in a single row or column (e.g., navbar, buttons). Items can grow/shrink to fill available space. Use for: Navbars, Toolbars, Forms and buttons What is Grid ? Grid Layout is a two-dimensional system used to create complex web layouts in rows and columns simultaneously . 🔹 Key Features: Layout in both rows and columns . Explicit placement of items using grid lines . Ideal for complex layouts like page structures, dashboards, galleries, etc. Use For: Page Layout, Galleries, Dashboards, Complex nested layouts Feature Flexbox Grid Layout Direction One-dimensional (row or column) Two-dimensional (rows and columns) Best For Content alignment Page layout Item Placement Based...

Web Design JavaScript

Image
https://javascript.info/ https://www.w3schools.com/js/ https://www.freecodecamp.org/learn/full-stack-developer/ animated text:: https://animate.style/ slider:: https://swiperjs.com/ https://www.youtube.com/watch?v=9ERwhR-3mN0&list=PL2NDx92_iOAG8QMxe_0WfdHOcekx7aX-M&index=11 Slider:: https://kenwheeler.github.io/slick/ Part A: Basic JavaScript Concepts What is JavaScript used for in web design? JavaScript is used to create dynamic and interactive elements on websites, such as drop-down menus, modals, image sliders, and real-time content updates without reloading the page. 2.       Application of JavaScript in Web Design a)       JavaScript used to enhance user interactivity on a website b)       JavaScript contribute to form validation c)       JavaScript play in dynamic content loading d)       JavaScript be used to imp...