Jasmine Web Starter Logo

Jasmine Web Starter

Helpful Extra Snippets & Links

Our tutorials have been designed so at the end you will have your own basic webpage. But you may wish to take it further by deepdiving into sections or by adding more features.

This page contains helpful snippets, links and information to help you on your journey.

As we move forward releasing features from our roadmap the plan is this page will also grow with more content.

We have launched a CSS tips and extras page which covers making changes to the JWS stylesheet (style.css)

Git

Git is a free and Open Source distributed version control system for keeping track of changes to files. Using Git lets you always have a record of all adjustments, and return to specific versions when needed.

Git can have a remote repository which is stored on a server and a local repository which is stored in the computer of each developer. This means that the code is not just stored in a central server, but the full copy of the code is present in all the developers computers.

Hosting

Web hosting is an online service that makes your website's content accessible on the internet.

When you purchase a hosting plan, you are renting space on a physical server to store all the website's files and data that you deploy/publish.

You can then buy a friendly domain name to point to your website content make it easy for people to interactive with.

Hosting services may also include options like email service and database hosting.

GitHub

GitHub provides cloud storage for Git repositories but also offers full project management, collaboration and editing features.

It also now includes full feature tooling that enables working with your Git repository from within the browser.

Our current tutorials makes use of two online editing solutions firstly the github.dev web-editor which works in your browser and secondly we use GitHub Codespaces which provides us with more features as its running a virtual machine that we use in the browser.

There are two way in which to store code/files on GitHub which are

A Gist is a simple way to share code snippets with others. It is used when you need to share a sample piece of code or technique with your co-workers or friends.

A Repository on the other hand provides a platform to share an entire project as a repository among a team (private) or to the whole world (public).

github.dev web-based editor

To open in current tab

Press the . key the fullstop / period key, this opens up the github.dev web-based editor in your current browser tab.

To open in new tab

If you press Shift ↑ + > this will open the editor in a new tab.

Note: You need to be logged into GitHub.com to use this.

On GitHub.com on the Repository page you can press Shift + ? to get a list of Keyboard shortcuts to complete tasks.

Reference & Helpful Links

Working with Images

We built ImgFunction all about using images in websites

Visual Studio Code

The editor in github.dev web-editor and GitHub Codespace is VS Code.

VS Code can also be used at vscode.dev or it can be installed on your machine.

What would you like to learn more about?

Let us know on a GitHub Issue or by our Contact form

Page Last Edited: