What is SharePoint? How does it work? Let's take a look together! 😆

What is SharePoint? How does it work? Let's take a look together! 😆

What is SharePoint? How does it work? Let's take a look together! 😆

Hello everyone who stumbled upon and is reading this content. After spending a considerable time exploring various content on Medium, I wanted to share a little bit of my knowledge. Having delved into SharePoint for quite some time, I’d like to answer the questions: What is SharePoint? How does it work? Let’s find out together! 😆

What is SharePoint?

SharePoint is a collaboration platform developed by Microsoft, designed for content and knowledge sharing, as well as managing applications and quickly searching for information within organizations.

In essence, it serves as an Intranet for organizations, and that’s the correct answer! It is used within organizations, and you can create web pages tailored to your organization’s needs with just a few clicks here and there.

SharePoint Online is what I’m referring to here since I haven’t personally delved into SharePoint Server. From my experience with SharePoint Online, I’ll divide it into two versions, based on past eras and my understanding.

  1. SharePoint Online Classic
  2. SharePoint Online Modern

PS. In this article, I won’t be discussing the backend components of SharePoint, okay? 🙄

SharePoint Classic

SharePointClassic

As the name suggests, it’s SharePoint, the old version. Its UI is like those old-fashioned websites because this version has been in use since around 2015.

SharePointClassicEditor

The key difference is that SharePoint Classic allows easy customization by adding HTML/JS scripts to various pages. However, this ease of customization can lead to conflicts and confusion.

For example, when we write scripts or CSS to customize a specific section of a page, it may inadvertently interfere with the core scripts/CSS of SharePoint Classic itself. This is where the challenge and frustration arise T T

SharePoint Modern

SharePointModern

SharePoint Modern, it completely revamps the classic SharePoint and introduces a brand new experience. The most evident change is the UI, which has been modernized to resemble contemporary websites with full responsiveness. This means that SharePoint automatically adapts its layout based on the device being used, without requiring any manual intervention from users.

SharePointModernCustomPage

But with the increased ease comes the challenge of customizing page components, which has become more difficult. Can we still customize it? Yes, we can! However, now we need to create new page components, known as Webparts, using the SharePoint Framework (SPFX) to customize the pages. With Webparts, their scripts and CSS work independently, preventing the issues that occurred in SharePoint Classic.

In the image below, I have edited a page and clicked the ’+’ button in the section where I want to add a Webpart. SharePoint will then display basic Webparts for us to choose from.

YoutubeWenPart

In this example, I have added a YouTube web part and inserted a link into that web part. As you can see, we can easily edit the page and make changes.

YoutubeWenPart2

PS. In SharePoint Classic, there are also web parts available, but personally, I find them not as powerful as the new web parts in SharePoint Modern. In SharePoint Modern, the code for each custom web part is isolated, and they are not interdependent.

SharePoint Online is well-suited for organizational use, whether it’s for storing Office files (Word, PPT, Excel, and others) in OneDrive or integrating with PowerBI, PowerApp, Microsoft Flow, Forms, and much more.


Alright, we’re done with an easy-to-understand overview of SharePoint. Next time, I’ll delve into the backend details of SharePoint and talk about creating Sites, Pages, and Custom Webparts using SharePoint Framework (SPFx) with React and Redux in the content.

See you soon! 👋

Related Posts

Let's check our site's accessibility easily using 'Accessibility Insights for Web' on Microsoft Edge.

Let's check our site's accessibility easily using 'Accessibility Insights for Web' on Microsoft Edge.

Hello to all the readers who have come across this article. Lately, I've been quite busy and it's taken me a while to find some free time to write on Medium. Today, I want to share some knowledge tha

read more
Let's try to create Power Automate connected to SQL Server for sending Leave Approval Email using Low code together.

Let's try to create Power Automate connected to SQL Server for sending Leave Approval Email using Low code together.

Hello everyone! I've been away for a long time from blogging due to various events that have kept me busy, making it challenging to find time for writing. In my latest article, I briefly introduced P

read more
Conditional Formatting (Fx) in PowerBI Custom Visual

Conditional Formatting (Fx) in PowerBI Custom Visual

👋 Hi Everyone 👋 During this time, I have a chance to implement the PowerBI Custom Visual with my team. And we spent a lot of time researching the conditional formatting (Fx) and we found many inter

read more
An Introduction to Microsoft's Power Automate

An Introduction to Microsoft's Power Automate

Today, we're introducing Microsoft's Power Automate, formerly known as Microsoft Flow. If you're familiar with Microsoft Power Platform services such as Dynamics 365, SharePoint, Power Apps, PowerBI,

read more
Pass Through Data Over IServiceProvider.CreateScope()

Pass Through Data Over IServiceProvider.CreateScope()

[ASP.NET] In some cases you may encounter the situation that you need to pass through some particular data over a new scope of Service Provider.For instance, when you implement a solution that inte

read more
Write Unit Tests for React Hooks using react-hooks-testing-library

Write Unit Tests for React Hooks using react-hooks-testing-library

Hooks in React are a feature that has drastically changed the way we write React. It's like undergoing plastic surgery in Korea, where some developers love the new look, while others prefer the old o

read more
Scan code with Credential Scanner on Azure DevOps

Scan code with Credential Scanner on Azure DevOps

🥳 Happy New Year 2023! 🥳Wishing everyone a great year ahead!Now, let's get down to business. Today, I'm going to introduce you to a handy tool that checks for leaked passwords, secrets, certifi

read more
Easy way to check user’s permission on SharePoint Online site in the web part

Easy way to check user’s permission on SharePoint Online site in the web part

Hello Everyone! 🎉 Happy New Year 2021 🎉 I hope you have a wonderful holiday, good vibes, and a nice party 🍻. This blog is the 2nd content which’s I write in English. In the previous blog, I explai

read more
SharePoint Group & Permission levels in SharePoint Online

SharePoint Group & Permission levels in SharePoint Online

Hello everyone 👋 !!! This is the 1st time that I wrote the SharePoint Online blog in English. This blog explains permission levels in SharePoint Online. Once you create a new site in SharePoint Onli

read more
Speed up and make your SPFx reloads quick and easy with the SPFx-Fast-Serve tool.

Speed up and make your SPFx reloads quick and easy with the SPFx-Fast-Serve tool.

Hello everyone! I'm back! In the past period, I've been busy expanding my knowledge, reading some Microsoft Learning materials, trying out new things, and handling various tasks, which left me with l

read more