Publish an online portfolio (for free!)

1. Code it up
A basic website consists of an HTML, CSS, and Javascript file.

  • HTML: content (e.g. text, images, links)
  • CSS: style (e.g. color, sizing, spacing)
  • Javascript: interaction (e.g. buttons, forms, animations)

Feel free to use your own .html, .css, and .js file. If not, open a text editor (e.g. VSCode) on your computer, paste in Hello World, and save the file as index.html.

Opening the .html file will actually show your website in a browser.

https://www.w3schools.com/whatis/
https://www.udemy.com/course/the-web-developer-bootcamp/ ($)

2. Host the code
Now we store those files on the internet using a hosting service (e.g. Github).

Create a new repository on Github named <user>.github.io.

Upload your files and click Commit changes.

3. Visit your website
Now head over to <user>.github.io to see your site!

--

--

--

Trying to remember what I coded @ jennyxin.com

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

every single one time

Passing icons as props in a consistent way using React

Screen Shot 2021-03-06 at 10.46.40 AM.png

A forum engine using Nodejs and Vuejs (part 1)

How to Build a Chrome Extension to Spam on WhatsApp using Vanilla JavaScript

Hello World with Node.js

ES6 tips and tricks to make your code cleaner, shorter, and easier to read!

Explaining Redux Through A Side Project

Use of res.json vs res.send vs res.end in Express.js

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Jenny Xin

Jenny Xin

Trying to remember what I coded @ jennyxin.com

More from Medium

How to add Tailwind CSS to your HTML project

Tailwindcss plus html integration

CSS Animations Tutorial

A picture with 4 sets of legs and a text saying  “CSS Animations”

Getting started with CSS

Simple way to start with learning Tailwind css