How to start tribute page

Please which software will i use to start my tribute page, can i use visual studio code or pen code

Welcome to the forum.

You can use either of those, VS Code or codepen.

The advantage of codepen is that a lot of things are taken care for you and you don’t have to worry about things like file structure and hosting, etc.

With doing it locally with VS Code, you get more of a “real” experience and more control, but now you have setup to do, you have some more things you need to learn, and you’ll have to worry about finding hosting for the completed app. I’m not saying going this route is impossible, but some people already feel a little overwhelmed on the first projects.

It’s up to you.

thanks mr Kevin Smith for your support and help.

1 Like

Welcome to the forum.

Here is the solution to your problem.

Visual Studio Code is a code editor in layman’s terms. Visual Studio Code is “an unfastened editor that allows the programmer to write code, allows in debugging and corrects the code the usage of the Intelli-feel method ”. In ordinary terms, it enables customers to jot down the code in a clean manner. Many humans say that it’s far 1/2 of an IDE and an editor, however, the selection is as much as the coders. Any application/software program that we see or use works at the code that runs withinside the background. Traditionally coding turned into used to do withinside the conventional editors or maybe withinside the fundamental editors like notepad! These editors used to offer a fundamental guide to the coders.

Some of them have been so fundamental that it turned into very hard in writing fundamental English degree packages in them. As time went by, a few programming languages wished a selected framework and guide for in addition coding and improvement it, which turned into now no longer feasible the usage of those editors. VI Editor, Sublime Text Editor, is one of the many styles of editors that got here into existence. The maximum distinguished and which helps nearly each coding language is VISUAL STUDIO CODE. Its capabilities allow the consumer to regulate the editor as consistent with the usage, this means that the consumer is capable of downloading the libraries from the net and combining them with the code as consistent with his requirements.

What can Visual Studio Code do?
Visual Studio Code has a few very precise capabilities. They are indexed as below :

Support for a couple of programming languages: Supports a couple of programming languages. So earlier, programmers wished Web-Support: a specific editor for specific languages, however, it has integrated a multi-language guide. This additional method without difficulty detects if there’s any fault or cross-language reference, it’ll be capable of stumbling on it without difficulty.
Intelli-Sense: It can stumble on if any snippet of code is left incomplete. Also, not unusual to place variable syntaxes, and variable declarations are made automatically. Ex: If a sure variable is getting used withinside the application and the consumer has forgotten to claim, Intelli-feel will claim it for the consumer.
Cross-Platform Support: Traditionally, editors used to guide both Windows or Linux, or Mac Systems. But Visual Studio Code is cross-platform. So it may be paintings on all 3 platforms. Also, the code works on all 3 platforms; else, the open-supply and proprietary software program codes were once specific.
Extensions and Support: Usually helps all of the programming languages however, if the consumer/programmer desires to use the programming language which isn’t supported then, he can download the extension and use it. And performance-wise, the extension doesn’t gradually down the editor because it rums as a specific process.
Repository: With the ever-growing call for the code, a stable and well-timed garage is similarly critical. It is hooked up with Git or may be linked with another repository for pulling or saving the instances.
Web-Support: Comes with an integrated guide for Web packages. So-net packages may be constructed and supported in VSC.
Hierarchy Structure: The code documents are positioned in documents and folders. The required code documents additionally have a few documents, which can be required for different complicated initiatives. These documents may be deleted as consistent with convenience.
Improving Code: Some code snippets may be declared a piece differently, which would possibly assist the consumer withinside the code. This feature activates the consumer, anyplace necessary, to alternate it to the counseled option.
Terminal Support: Many of the times, the consumer wishes to begin from the foundation of the listing, to begin with, a specific action, in-constructed terminal or console affords consumer guide to now no longer transfer in-among displays for the identical.
Multi-Projects: Multiple initiatives containing a couple of documents/folders may be opened simultaneously. These initiatives/folders would possibly or won’t be associated with every different.
Git Support: Resources may be pulled from Git Hub Repo online and vice-versa; saving may be performed too. Resource pulling additionally method cloning the code that’s made to be had at the net. This code can later be modified and saved.
Commenting: A not unusual place function, however, a number of the languages do now no longer guide it. Commenting on the code allows the consumer to don’t forget or song in keeping with the series he wants.
Advantages and Why have to we use Visual Studio Code
There are many benefits over another IDE; they’re as follow:

  1. Cross-platform guide :

Windows
Linux
Mac
2. Light-weight

  1. Robust Architecture

  2. Intelli-Sense

  3. Freeware: Free of Cost- probable the first-class function of eagerness about all of the programmers out there, even extra for the organizations.

  4. Many customers will use it or would possibly have used it for computing device packages only, however it additionally affords remarkable device guides for Web Technologies like; HTML, CSS, JSON.

CodePen is “an internet network for checking out and showcasing consumer-created HTML, CSS and JavaScript code snippets” that gives super approaches so as to discover ways to code frontend net pages better.
Also a featured device in net improvement packages at Digital Workshop Center, this text highlights the professionals and cons of CodePen so as to examine earlier than your subsequent large undertaking.

Is CodePen the proper device for my internet site undertaking?
Pros
CodePen is an open-supply, network-primarily based totally platform for code editing. Unlike conventional textual content editor software programs, CodePen affords a browser-primarily based totally, SAAS answer for the front-cease net designers. For new developers, it additionally acts as outstanding gaining knowledge of the device so that you can trap your errors early in an interactive environment.
In addition, the interface of CodePen is intuitive and clean to apply. Some of the first-class evaluations spotlight how clean it’s far for brand spanking new customers to get began out with this improvement device.

execs of Codepen
And collaboration is the front and middle in CodePen. One of the most important execs for the usage of CodePen could be that you could percentage your paintings without difficulty with a trainer or coworker. Or you could see different humans’ initiatives to be stimulated earlier than you begin your subsequent net layout undertaking.
If you want to shop assets, CodePen additionally affords clean approaches so as to maintain all your paintings in a single vicinity via their online platform. For all your improvement wishes, there are ways extra advantageous attributes of CodePen than now no longer. Before you begin your subsequent undertaking, create an unfastened account with CodePen and begin growing.

Summary: The Pros of CodePen
Free to get began out
Easy to apply and intuitive interface
Open-supply SAAS device
Built-in gaining knowledge of gear
Collaborate with others and examine initiatives for destiny improvement
Cons
Every developer has a completely unique fashion of workflow, so locating the proper improvement device is key. Although there are some negatives with CodePen to report, there are surely a few capabilities to be aware of earlier than you make investments some time and resources. The unfastened account is a remarkable beginning. However, to maintain your “pens” or groupings of code for an undertaking, then you definitely ought to have a Pro model.
The greater fee method which you would possibly need to remember is that each one of your paintings could be publicly viewable while you begin. If you’re running on a touchy undertaking for a customer and don’t need to show unfinished paintings, that is a critical factor to remember.

cons of CodePen
Along the identical lines, outside hyperlinks aren’t allowed of their unfastened plan. You additionally ought to use the Pro plan that allows you to make those hyperlinks usable. Both of those first factors carry quite a few terrible interests to the top class version in their SAAS software program. There is a ton of gear in CodePen. But, a lot of them aren’t realistic for maximum improvement situations.
At times, the interface can sense like quite a few bells and whistles, however now no longer as beneficial as you may like. However, so long as your awareness of the important thing factors of growing in CodePen this could now no longer be a difficulty for you.

Summary: The Cons of CodePen
Pro (top class) model required to maintain paintings non-public and use outside hyperlinks properly
Many gears however now no longer all are beneficial.

Thank You.