Fatimatuj Johra

04/12/2022

Veterinary Website using html, css, and bootstrap. It's responsive for all devices.

Live link:https://www.fatimatuj-johra.com/company/

Follow me on linkedin:👇👇

https://www.linkedin.com/in/fatima736





#শিখবেসবাই

29/11/2022

My first E-commerce Website using WordPress.

Project Name:Grocery

Live link:https://fatimatuj-johra.com/wp3/

Follow me on linkedin:👇👇

https://www.linkedin.com/in/fatima736




#শিখবেসবাই

26/11/2022

Project Name:Travel Express

Travel Agency website using html, css, bootstrap, javascript, and jquery.

Live link:https://fatimatuj-johra.com/travel/







#শিখবেসবাই

23/11/2022

WordPress is an open-source content management system (CMS) that makes it easy to create and manage a website. It is the most popular CMS in the world.

My wordPress project link(News-site):https://fatimatuj-johra.com/wp2/

Theme:Magbook





#শিখবেসবাই

20/11/2022

Figma is an interface design application that runs in the browser.It is a powerful design tool that helps you to create anything: websites, applications, logos, and much more.

Figma to html is a figma plugin that helps convert your figma design to code easily without loosing any bit of your design or colors.

My first figma to html project.

Live link:https://fatimatuj-johra.com/E-School/





#শিখবেসবাই

15/10/2022

Bootstrap Framework কি?

চলুন আগে আমরা বুঝি ফ্রেমওয়ার্কটা কি! একটা সাধারণ উদাহরণ দিই, এখন অধিকাংশই বিল্ডিং’য়ে লিফট ব্যবহার করা হয় – আচ্ছা আমরা লিফটটা কেন ব্যবহার করি? আমরাতো সিড়ি বেয়েই উপরে উঠতে পারি! আমরা লিফট ব্যবহার করি যাতে সিড়ি দিয়ে উপরে উঠার মতো কাজেই আমাদের মূল্যবান সময় এবং শক্তি নষ্ট না করে ফেলি। এখানে লিফটটা হলো ফ্রেমওয়ার্ক।

ফ্রেমওয়ার্কের কাজই হল, তুলনামূলক অপ্রয়োজনীয় কাজে সময় এবং শ্রম নষ্ট করা থেকে আমাদেরকে রক্ষা করা। একটা ফ্রেমওয়ার্কে আগে থেকে অনেকগুলো কাজ করে দেওয়া থাকে, আমরা শুধু ঐ কাজের নাম ধরে ডাকলেই কাজ হয়ে যাবে।

বুটস্ট্রেপ হলো css এবং js এর একটা প্যাকেজ framework। আমরা এই প্যাকেজ ফ্রেমওয়ার্কটা হাড্ডিওয়ালা html এর কংকাল মার্কা ওয়েবপেজের উপর প্রয়োগ করে সহজেই একটা কুল এইট প্যাকওয়ালা বডি বিল্ডার ওয়েবপেজ বানিয়ে ফেলতে পারি।

বুটস্ট্রেপের আছে চমৎকার একটা গ্রিড সিস্টেম। যার মাধ্যমে একটা ওয়েবপেজকে ১২ ভাগে ভাগ করে ইচ্ছামতন কন্টেন্ট বসানো যায়। বুটস্ট্রেপ ছাড়াও আপনি নিজে স্টাইল লিখে ১২ ভাগে ভাগ করতে পারবেন, তবে যে কাজটা কোন প্রকার কষ্ট না করে ৩০-৪০ সেকেন্ডে করে ফেলতে পারছেন সেটা কেন ৮-১০ মিনিট সময় নষ্ট করে করবেন?

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

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

13/10/2022

My first psd to html.
Github link:https://fatima736.github.io/minimo_website/

26/08/2022

Full stack development বলতে বোঝায় কোন একটি ওয়েব অ্যাপ্লিকেশন বা ওয়েবসাইট এর front end অর্থাৎ ক্লায়েন্ট সাইড এবং back end অর্থাৎ সার্ভার সাইড নিয়ে কাজ করা।

একজন Full stack web developer একটি পরিপূর্ণ ওয়েব অ্যাপ্লিকেশন এবং ওয়েবসাইট ডিজাইন করার যোগ্যতা রাখেন। তিনি ওয়েবসাইটের front end, back end, database এবং debugging এর কাজ করে থাকেন।

HTML,CSS,Bootstrap,Javascript(JS) ব্যবহার করে ওয়েব সাইটের front-end Development করা হয়ে থাকে।অপরদিকে ভিন্ন ভিন্ন কিছু Coding Language যেমন PHP, C++, Python,Ruby,Java, node.js ব্যবহার করে ব্যাক এন্ড ডেভেলপমেন্ট করা যায়। প্রচলিত কিছু ব্যাক এন্ড ফ্রেমওয়ার্ক হল Express, Django, Laravel ইত্যাদি।

30/06/2022

My first Image to html project using html and css.
Github link:
https://fatima736.github.io/Quick_website/

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

17/06/2022

HTML all tag in one file.
Link:
https://fatima736.github.io/html_all_tag/

Heading-1 Heading-2 Heading-3 Heading-4 Heading-5 Heading-6 Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt, quis. Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi, quisquam. Quos quasi tenetur amet voluptate, quis ipsam sed eaque rem minima itaque. Ab ratione corrupti,...